A więc do dzieła. Posługuje się programem Photoshop CS4 w polskiej wersji językowej.
Otrzymamy taki baner.
![[Obrazek: filmhz.png]](http://img43.imageshack.us/img43/7991/filmhz.png)
- Uruchom program i utwórz dokument.
Plik » Nowy (eng. File » New) lub CTRL + N. Ustawienia takie same jak na screenie:
![[Obrazek: nowydokument.th.png]](http://img813.imageshack.us/img813/1970/nowydokument.th.png)
- Kolejnym krokiem będzie wypełnienie tła kolorem, ja użyję gradientu.
Z bocznego paska narzędziowego wybierz Gradient lub kilknij G
Do gradientu użyję kolorów #FC73AD oraz #FF3C8E
![[Obrazek: 82804592.png]](http://img138.imageshack.us/img138/6945/82804592.png)
- Po lewej stronie umieścimy jakąś grafikę, która będzie komponować się kolorystycznie z tłem oraz będzie powiązana tematycznie z całą resztą. Skorzystam z wyszukiwarki ikon iconfinder
- Interesującą mnie ikonkę przeniosłem na swoje konto chomikowe Umieściłem ją po lewej stronie banerka z dodatkowymi efektami... tak jak to przedstawiam na screenie:
![[Obrazek: tlozikona.png]](http://img854.imageshack.us/img854/3174/tlozikona.png)
- Kolejnym krokiem jaki dokonam to dodanie napisu na środku banera. Ja dodaję napis - Film za free czeka na Twoją uwagę. Twój może być inny.
- Użyję czcionki o nazwie "Geometryczna" znajdziesz ją TUTAJ.
- Żeby dodać tekst użyj narzędzia Maska Tekstu Poziomego (eng. Horizontal Type Mask Tool) lub użyj skrótu T.
![[Obrazek: znapisem.png]](http://img695.imageshack.us/img695/6540/znapisem.png)
- Następnie dodamy button z napisem 'kliknij'. A jak to zrobić dowiecie się w dalszej części tego tutoriala.
- Zabieramy się za tworzenie buttona, który zostanie umieszczony z prawej strony banera.
- Utwórz nową warstwę i pozostań na niej. Z paska narzędzi wybierz narzędzie Zaznaczenie prostokątne (eng. Rectangular Marquee Tool) i zaznacz mniej więcej taki prostokąt:
![[Obrazek: prostokat.png]](http://img35.imageshack.us/img35/2112/prostokat.png)
- Na tak zaznaczonym prostokącie kliknij prawym przyciskiem myszki i wybierz opcję "Wypełnij"
- Krycie ustawiamy na 100% oraz ustalimy kolor.
![[Obrazek: wypel.png]](http://img26.imageshack.us/img26/6586/wypel.png)
- W powyższym screenie zwróć uwage na opcję Zawartość. Po kliknięciu w listę rozwijalną zaznacz opcję Kolor... Otworzysz w ten sposób kolejne okno, w którym ustal takie same ustawienia jak na screenie poniżej. W miejscu gdzie znajduje się kursor myszki wpisz kod HEX koloru #00ADEF
- Na koniec wszystko pozatwierdzaj.
![[Obrazek: koloru.png]](http://img717.imageshack.us/img717/9078/koloru.png)
- Kliknij jeszcze raz w utowrzone zaznaczenie prostokątne, tym razem będzie ono już niebieskie ponieważ już je wyedytowaliśmy.
- Z menu kontekstowego wybierz opcję 'Obrysuj' i ustal takie ustawienia jak na screenie zamieszczonym poniżej:
![[Obrazek: obrys.png]](http://img94.imageshack.us/img94/7457/obrys.png)
- Dodamy efekt cienia. W tym celu zaznacz warstwę z buttonem.
![[Obrazek: warstwat.png]](http://img153.imageshack.us/img153/5747/warstwat.png)
- Z górnego menu wybierz Warstwa » Styl warstwy » Opcje mieszania » Cień - (eng. Layer » Layer style » Blending options » Drop shadow)
![[Obrazek: cienb.th.png]](http://img691.imageshack.us/img691/668/cienb.th.png)
- Teraz dodamy napis na buttonie. W tym celu użyjemy narzędzia
Maska Tekstu Poziomego - (eng. Horizontal Type Mask Tool) - lub użyj skrótu T
- Wprowadź tekst "kliknij" lub jakiś inny, który będzie pasował na buttonie.
Czcionka obojętna, ale najbardziej polecam Arial. Rozmiar czcionki ustawiłem na 24px. I jak widać na załączonym obrazku kolor jest biały.
![[Obrazek: filmhz.png]](http://img43.imageshack.us/img43/7991/filmhz.png)