Szablon strony internetowej
W tym tutorialu zajmiemy się projektowaniem szablonu na stronę internetową. To już drugi tutorial z tej serii :) Jeżeli będziasz miał/a problemy z tym tutorialem - pisz na forum !Tworzymy nowy dokument o wymiarach 760*800 pikseli. Wypełniamy nasz obszar roboczy kolorem białym. Tworzymy nową warstwę i nazywamy ją top. Wybieramy zaznaczenie prostokątne (Rectangular Marquee Tool) i zaznaczamy górną część (tak około 180 pikseli) i wypełniamy ją kolorem 494949.Następnie wybieramy narzędzie zaznaczanie pojedynczych rzędów (Single Row Marquee Tool) i zaznaczamy mniej więcej taki paseczek na naszym topie. Następnie wciskamy delete.Teraz możemy dodać tytuł i slogan naszej witryny na top. Teraz zabierzemy się za zrobienie menu. Tworzymy nową warstwę - nazwijmy ją menu. Z menu narzędzi wybieramy zaznaczenie prostokątne (Rectangular Marquee Tool) i zaznaczamy obszar pod naszym topem. Wypełniamy go gradientem o kolorach b90000 oraz 880000 :Następnie ponownie z menu narzędzi wybieramy zaznaczenie prostokątne (Rectangular Marquee Tool) wciskamy przycisk ALT i trzymając usuwamy zaznaczenie tak, żeby otrzymac coś takiego:Wypełniamy ten pasek kolorem 880000. Powinniśmy otrzymac coś takeigo:Teraz klikamy na Warstwa --> Styl Warstwy --> Obrys ( layer > layer style > stroke) , wybieramy kolor biały oraz grubość obrysu na 1 piksel. Następnie przechodzimy do zakładki cień (drop shadow) i ustawiamy takie parametry jak poniżej:Dobra mamy już pasek z menu teraz dodajmy do niego tekst. Najlepiej Verdana czionka 10 wygładzanie - brak.Dobra, przechodzimy do następnego punktu tego tutoriala. Otwieramy ten link http://www.sxc.hu/photo/762507 i otwieramy zdjęcie tych wieżowców. Kopiujemy je i wklejamy do photoshopa. Następnie pomniejszamy jego rozmiary Obraz --> Wielkość obrazka. W szerokość wpisujemy 760 pikseli. Następnie wybieramy narzędzie zaznaczenie prostokątne (Rectangular Marquee Tool) i zaznaczamy obszar o na całej szerokości a o wysokości około 100 pikseli. Chodzi mi o coś takiego:Następnie klikamy CTRL + C i kopiujemy nasz zaznaczony fragment. Wklejamy go do pliku z naszym szablonem, pod warstwą menu. Powinniśmy otrzymać coś takiego:Według mnie nasz szablon jest zbyt kolorowy, usuńmy kolor z naszych wieżowców. Klikamy na Obrazek --> Dopasuj --> Usuń kolor (image > adjustments > desaturate). Następnie rozjaśnijmy trochę te biurowce, klikamy na Obrazek --> Dopasuj --> Jasność/kontrast (image > adjustments > brightness / contrast) ustawiamy takie wartości jak poniżej:Powinniśmy otrzymac coś takeigo:No nasza strona jest już gotowa. Teraz wystarczy wypełnić ją treścią. Ja proponuje taki schemat:
hooren