Logowanie
W celu zalogowania się prosimy podać poprawne dane: Login i Hasło
Jeśli nie posiadasz konta prosimy o Zarejestrowanie się* w naszym serwisie.
W przypadku kiedy zapomniałeś hasło Odzyskaj je.*
Użytkownicy: zobacz wszystkich
  • Strona Główna
  • Artykuły
  • Download
  • Szablony za SMS
ROUNDED NAVI
Witam , oto prosty tutorial jak zrobić nawet fajną nawigacje.
1)Otwieramy dokument np. 1000 px na 200 px i wypełniamy ją dosyć ciemnym kolorem(ja wybrałem #191919). Wybieramy narzędzie rounded rectangle tool (prostokąt zaokrąglony - U ) i tworzymy dwa prostokąty koło siebie o zaokrągleniu załóżmy 7 px o kolorze (to zależy od nas jak chcemy mieć bardzo zaokrąglone owe prostokąty).




2)Pierwszą warstwę (tą po lewej rastrujemy , gdyż na niej będziemy pracować- wystarczy przycisnąc prawym przyciskiem i rasterize layer lub layer > rasterize layer (warstwa > rasteryzuj warstwę )) , a druga zaznaczamy (poprzez kilknięcie na tą ikonę koło warstwy) i robimy select > inverse ). Teraz bierzemy brush (pędzel ,obojętnie jaki ) i koło zaznaczonej warstwy "ciapkamy". Tak żeby wyszło takie coś: (oczywiście po usunięciu warstwy z drugim prostokątem- tą która zaznaczaliśmy )




3)Powtarzamy czynność lecz teraz po lewej stronie. Górę "ubcinamy" poprzez zaznaczenie prostokątne (rectangular marquee tool- M )oraz przycisk delete .




4)Teraz robimy lekki cień - klikamy dwa razy na warstwę i drop shadow (rzuć cień) o takich parametrach jak niżej. Oraz pattern overlay (nałożenie wzorka) parametry również poniżej ,ten wzorek jest do ściągnięcia na którymś z tematów .







5)Teraz bierzemy elliptical marquee tool (zaznaczenie okrągłe) i tworzymy coś takiego:



Wypełniamy kolorem białym i ustawiamy opacity(krycie warstwy ) na 4%

6)Tworzymy jakiś napis np. strona główna czcionką arial-10 px bez wygładzenia o kolorze takim siwym (np. #777777)




7)Wszystkie warstwy wrzucamy do jakieś grupy (ctr+G) i powielamy kilka razy, zmieniając tylko stronę główną na jakieś inne przyciski , w pierwszej warstwie możemy również zmienić kolor siwy na niebieski i będzie tak jakby podświetlany. Dorabiamy 3 kreski po 1 px. Górna w takim samy kolorze jak menu , środkową i dolna lekko ciemniejsza(lub zmieniamy opacity-krycie warstwy)
Oto nasz efekt :



Mam nadzieję , że wam się podoba. Możemy również popracować nad kolorami , przyciemnić rozjaśnić mi się tak podoba, teraz od waszego gustu zależy. Pozdrawiam

Poberz psd
  • Napisał: patdylus
  • 09.10.2008 16:46
  • [14]
Komentarze
KOMENTARZE
OCENY
Tylko zarejestrowani użytkownicy mogą oceniać zawartość strony

Zaloguj się lub zarejestruj, żeby móc zagłosować.

Świetne! Świetne! 23% [3 głosów]
Bardzo dobre Bardzo dobre 38% [5 głosów]
Dobre Dobre 23% [3 głosów]
Średnie Średnie 8% [1 głos]
Słabe Słabe 8% [1 głos]
RSS - newsy
Zoetrope - nowy internetowy wehikuł czasuwięcej...
Adobe i Uniwersytet Waszyngtoński pracują nad projektem, który umożliwi użytkownikom internetową "podróż w czasie" i zapoznanie się z poprzednimi wersjami witryn internetowych. Zoetrope, bo tak projekt został nazwany, ma być jednak czymś więcej niż Google Cache czy inne podobne, już istniejące dzisiaj usługi. Zoetrope nie ograniczy się bowiem tylko do prezentowania poprzednich wersji stron - dostępne będą gotowe i proste narzędzia analityczne do porównywania danych na stronach w ujęciu historycznym.
RSS - artykuły
Gothic Navigation
Siemka, po długim czasie naszła mnie chęć napisania własnego tutoriala , a pokażę w nim wam jak wykonać gotycką nawigację , którą możecie potem użyć w sowim designie strony.
[czytaj więcej]
  • Copyright © 2007-2008
  • Grafa.biz Team
  • All rights reserved
  • Code: Seba0p | Design
Wszelkie materiały i wypowiedzi zamieszczone w serwisie należą do ich autorów. Grafa.biz Team nie odpowiada za ich treść.