Header na stronę WWW


Header na stronę WWW 

0x01 graphic
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 (wklejanieCTRL+V).

Ułóżmy nasz wklejony obrazek w ten sposób:

0x01 graphic


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:

0x01 graphic


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:

0x01 graphic


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. 

0x01 graphic


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.

0x01 graphic


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.

0x01 graphic


Kopiujemy obrazek z kwiatkiem i wklejamy go do pliku w którym robimy nasz header :) Przesuwamy kwiatek na lewą stronę.
 

0x01 graphic


możemy dodac do tego jakiś napis , lub menu i mamy gotowy header na stronę WWW. Oto efekt końcowy:

0x01 graphic



Wyszukiwarka

Podobne podstrony:
HEADER NA STRONĘ WWW
header na stronę www
101 praktycznych skryptow na strone WWW Wydanie II
101 praktycznych skryptów na stronę www
101 praktycznych skryptow na strone WWW Wydanie II 101ps2
101 praktycznych skryptow na strone WWW 101psw
Jak napisać sprzedający tekst na stronę www
101 praktycznych skryptow na strone WWW 2
101 praktycznych skryptow na strone WWW
101 praktycznych skryptow na strone WWW Wydanie II
101 praktycznych skryptów na strone WWW Wydanie II
101 praktycznych skryptow na strone WWW Wydanie II
101 praktycznych skryptow na strone WWW Wydanie II
101 praktycznych skryptow na strone WWW 101psw
Obróbka zdjęć na stronę WWW
Prezentacja Jak działa STEP na stronę www
101 praktycznych skryptow na strone WWW Wydanie II 2
20144 121 27 tabela kontakty pokrzywdzeni na strone www

więcej podobnych podstron