minimal:html:style


Brushed Metal tutorial 4 Photoshop

Popularnym efektem ostatnio stał się ten zaprojektowany przez Apple Brushed Metal. I po mnie i moich stronach, również to widać :) No i tak sobie pomyślałem, że skoro umiem go zrobić, to nauczę innych. Pokażę tu w kilku prostych krokach jak taki efekt uzyskać. Jedziem:

1. Otwieramy Photoshopa i tworzymy nowy obraz.
[to chyba nie wymaga komentarza]

2. Jako pierwszoplanowy ustawiamy sobie taką szarość, jak na rysunku (R/G/B: 113)
Free Image Hosting at www.ImageShack.us

3. Wybieramy Gradient Tool [G], otwieramy okno edycji gradientu i dalej postępujemy jak na rysunku.
Free Image Hosting at www.ImageShack.us

4. Przeciągamy gradient od lewej do prawej, uważając by linia pozostała prosta (inaczej gradient będzie krzywy). Efekt powinien być taki:
Free Image Hosting at www.ImageShack.us

5. Z menu wybieramy Filter - Noise - Add Noise...
Free Image Hosting at www.ImageShack.us

6. I w nowo powstałym oknie ustawiamy jak na obrazku.
Free Image Hosting at www.ImageShack.us

7. Z menu wybieramy Filter - Blur - Motion Blur...
Free Image Hosting at www.ImageShack.us

8. I ponownie używamy ustawień z obrazka. Można zmienić współczynnik "Distance", jak dla mnie taki jak jest wystarczy.
Free Image Hosting at www.ImageShack.us

9. Gotowe. Możemy już cieszyć oczy własnoręcznie wykonanym brushed metalem. Porównaj swój efekt końcowy z moim.
Free Image Hosting at www.ImageShack.us

Podany tutaj opis jest jedynie przykładem wykonania podstawowego b. metalu. Można zmienić: gradient, jego długość, nachylenie, kolory, dodać wiecej lub mniej noise'a, lub zmieniać ustawienia motion blur'a: dystans, kąt nachylenia.

Opisałem tutaj jak to zrobić po mojemu.

Wygląd strony to nie lamerstwo. To minimalizm.

Flame'y słać na maila: zi0mall(na)op.pl

Valid HTML 4.01 Transitional
:: HoaX :: 2006 ::