Witaj na szabloniki.com!
Na naszej stronie znajdziesz: dodatki na bloga, darmowe szablony stron, szablony na bloga, PHP-Fusion Themes (szablony do PHP-Fusion), generator bannerów, wskaznik PageRank strony, skrypty, avatary, tutoriale do Photoshopa, tla pod bannery, tanie szablony za SMS.
Dziś zajmiemy się stworzeniem prostej nawigacji na stronie, takiej którą można wstawić pod/nad topem.
Zaczynamy od utworzenia nowego dokumentu. Przykładowo można stworzyć obszar o wymiarach 900x300. Oczywiście każdy dobiera taki aby było mu wygodnie.
Kolejną rzeczą jaką robimy jest stworzenie nowej warstwy, którą nazwiemy 'tlo' a następnie narysowanie dość niskiego prostokąta rozciągniętego na cały dokument. To będzie nasze całe menu. Wybrałam do tego kolor #ABA894.
Następnie wybieramy styl warstwy tego prostokąta [Layer -> Layer Style -> Blending Options]. Dodajemy obrys [zakładka Stroke]. Size ustawiamy na 2px, a kolor na #838579. Zatwierdzamy wszystko przez OK.
Ponownie tworzymy nową warstwę [Ctrl+Shift+N]. W okienku Layers klikamy w warstwę z prostokątem, nazwaną przez nas 'tlo' przytrzymując CTRL. Dzięki temu warstwa zostanie zaznaczona. Następnie wracamy do nowo utworzonej warstwy (domyślnie Layer 2) i rysujemy na niej kolejny prostokąt. Mniej więcej powinno wyglądać to tak jak poniżej.
Odznaczamy zaznaczony obszar [Ctrl+D]. Wchodzimy w styl warstwy. W okienku które wyskoczy zmieniamy Fill Opacity na 0%. Następnie wybieramy Gradient Overlay. Angle ustawiamy na 180 stopni. Zmieniamy kolory gradientu na takie jak poniżej.
Blend Mode zmieniamy na Soft Light, a Opacity na ok. 50%.
Ponownie tworzymy nową warstwę. Zaraz po prawej stronie, obok zakończenia małego prostokąta rysujemy białą kreskę o szerokości=1px, a zaraz obok niej taką samą tylko o kolorze #7E7F78.
Dodajemy tekst i kopiujemy kilka razy warstwy. Można je oczywiście wcześniej pogrupować - w zależności od wersji Twojego Photoshopa. Efekt końcowy powinien wyglądać mniej więcej tak..
Dodane przez sliffka
dnia czerwiec 06 2007 20:44:02
6648 Czytań ·
Copyright by Sliffka | Powered by PHP-Fusion || EP IV by eXtreme Crew |
Linki sponsorowane: konta tani hosting serwery
