Strona błedu 404

sobota, 19 września 2009 14:13

Tutorial pokazuje jak wykonać efektowną stronę błędu 404 do użycia na własnym serwerze. Tworzymy nowy dokument Ctrl+N

Tworzymy warstwę, która będzie stanowiła nasze ?podłoże? dla kolejnych warstw i dajemy gradient


Wybieramy OK, w opcjach nakładania gradientu ustawienia wyglądają następująco


Tworzymy kolejna warstwę. Tym razem warstwa będzie przylegała do góry poprzednio stworzonej.
W tym celu należy:
Powielić ostatnio stworzoną warstwę i świeżo stworzoną warstwę z ustawieniami gradientu przenieść nad poprzednią


Wybieramy nowo stworzoną warstwę. Klikamy w nią Lewym myszy, pokazuje nam się okno efektów wybieramy




W edytorze gradientów zmieniamy tylko jeden
kolor widoczne na zrzucie


Po naszej zmianie wszystko wygląda następująco:


By bardziej widocznie oddzielić nasze warstwy dodamy między nimi linię grubości 1px koloru # C8C6C6


Tło mamy gotowe, następnym krokiem będzie przygotowanie podstawowego elementu, zdjęcia strony.
Oczywiście będzie to portal


Zaznaczamy warstwę ze zdjęciem naszej strony i klikamy Ctrl+T, warstwa zaznaczy nam się i ukazuje nam się
dodatkowy panel narzędzi

Nas interesuje opcja Określanie obrotu Rotate
podajemy wartość 10, i naciskamy Enter


Wybieramy Zaznaczenie prostokątne Rectangular Marquee Tool M i na warstwie "strona" zaznaczamy tą część zdjęcia która znajduje
się pod linią. Uprzednio ustalamy odpowiednią pozycję naszego zdjęcia strony.
Kiedy mamy zaznaczone miejsce do usunięcia naciskamy Delete.

Następnym krokiem jaki musimy wykonać jest odbicie naszej strony, w tym celu:
1. Powielamy warstwę o nazwie "strona"
2. Powieloną warstwę przekształcamy pionowo w tym celu wybieram z menu Edycja> Przekształć> Odbij pionowo Edite>Transform>Flip Vertical
3. Odbitą warstwę przenosimy na dół w tym celu trzymamy wciśnięty Shift i myszką (trzymając lewy przycisk myszy) przesuwamy warstwę w dół.


Teraz pozostało tylko nadanie odpowiednich efektów dla warstwy o nazwie "strona kopia".




Ostatnie, co musimy zrobić to zmniejszyć Krycie Opacity naszej warstwy


Nasz efekt końcowy

źródło: helPS.pl