Jeżeli posiadasz stronę WWW lub zamierzasz zrobic, to ten tutorial z pewnością okaże Ci się pomocny. Dowiemy się w jaki sposób zrobic heaer na stronkę.
1) Ściagamy na dysk 2 obrazki (musimy się zalogowac na SXC aby pobrac obrazki w oryginalnej wielkości)
- niebo: http://www.sxc.hu/photo/673726
- kwiat: http://www.sxc.hu/photo/558699
2) Tworzymy w photoshopie nowy plik o wymiarach 760*160 pikseli. Otwieramy pobrane przez nas obrazki.
Przechodzimy do obrazka z niebem. Pomniejszamy go do szerokosci 760 pikseli (obrazek --> wielkosc obrazka - i tam w szerokosci wpisujemy 760) Teraz zaznaczamy cały ten obrazek i kopiujemy (CTRL+C) i wklejamy na utworzony przez nas pusty plik (wklejanie CTRL+V).
Ułóżmy nasz wklejony obrazek w ten sposób:
tak aby było widac fragment chmur, nie cale !
3) Ok, teraz tworzymy nową warstwę Warstwa --> Nowa --> Warstwa. Z menu narzedzi wybieramy zaznaczenie prostokątne i dokonujemy takiego zaznaczenia:
Wypełniamy zaznaczenie kolorem białym i zmieniamy krycie warstwy na 20%. Powielamy naszą warstwę z tym paskiem i przesuwamy ja na sam dół. Powinniśmy otrzymac cos takiego:
Tworzymy nową warstwę. Teraz z menu narzędzi wybieramy zaznaczenie pojedynczych rzędów. Zaznaczamy w taki sposób jak na obrazku pozostawiając 1 piksel odstępu od naszego górnego paska.
Ustawiamy krycie na 30%. Powielamy naszą warstwę i przesuwamy linię na dół (nad dolny pasek, pamiętajmy o zachowaniu 1 piksela odstępu). Otrzymamy coś takiego.
Dobra teraz przechodzimy do obrazka z wkiatkiem. Zmniejszamy obrazek do rozmiarów 200 piskeli na szerokosc (Obrazek --> Wielkośc obrazka w szerokosci wpisujemy 200). Następnie z menu narzędzi wybieramy różdżkę i zaznaczamy białe tło naokoło kwiatka. Następnie je usuwamy.
Kopiujemy obrazek z kwiatkiem i wklejamy go do pliku w którym robimy nasz header
Przesuwamy kwiatek na lewą stronę.
możemy dodac do tego jakiś napis , lub menu i mamy gotowy header na stronę WWW. Oto efekt końcowy: