[TUT] Navigation Menu

Βοήθεια και προτάσεις για το καλύτερο πρόγραμμα επεξεργασίας εικόνας, και γραφικών.

Συντονιστές: Super-Moderators, Graphics Moderators

Απάντηση
Άβαταρ μέλους
apsuh0s
Script Master
Δημοσιεύσεις: 410
Εγγραφή: 01 Νοέμ 2005 21:38
Τοποθεσία: Ηράκλειο
Επικοινωνία:

[TUT] Navigation Menu

Δημοσίευση από apsuh0s » 28 Αύγ 2010 05:01

Εικόνα

Επιλέγουμε File > New με τις παρακάτω ρυθμίσεις:

Εικόνα

Right Click στο layer > Layer from Background > OK

Shift + F5 > Use Color > #548582 > OK >OK

Εικόνα

New Layer

Επιλέγουμε Rectangular Marquee Tool (M) > fixed size 120px X 60px και δημιουργούμε το σχήμα που φαίνεται παρακάτω:

Εικόνα

Shift + F5 > Color > #A34C19 > OK >OK

New Layer

Επιλέγουμε Rectangular Marquee Tool (M) με Intersect with selection, Style : Normal και σχηματίζουμε το παρακάτω σχήμα:

Εικόνα

Επιλέγουμε (D) και (Χ) ώστε να ορίσουμε το λευκό ως Foreground color

Gradient Tool (G) με Preset : Foreground to transparent

Εικόνα

Εικόνα

Ctrl + D > Ctrl + Left Click στο thumbnail του Layer 1 > Select > Modify >Contract 2 px > OK > Ctrl + Shift + I > Backspace

Εικόνα

Ctrl + D

Στη συνέχεια κάνουμε merge τα Layer1 και Layer2 και αυτό που προκύπτει το ονομάζουμε HomeNav

Right click στο HomeNav και Duplicate layer. To ονομάζουμε AboutNav και το μεταφέρουμε δίπλα από το HomeNav με 1 px απόσταση να τα χωρίζει.

Εικόνα

Δημιουργούμε στη συνέχεια αυτά τα guides με το ruler να δείχνει px

Εικόνα

New Layer > Rectangular Marquee Tool (M) και δημιουργούμε το παρακάτω σχήμα:

Εικόνα

Shift + F5 > Color > #303030 > OK > OK

Ctrl + D

Επιλέγουμε το Polygonal lasso tool (L) και κάνουμε την επιλογή που φαίνεται:

Εικόνα

Backspace

To ίδιο κάνουμε και από την άλλη μεριά. Το αποτέλεσμα είναι:

Εικόνα

Μπορούμε να εφαρμόσουμε κι εδώ με τον ίδιο τρόπο, το glossy effect που εφαρμόσαμε και προηγουμένως

Right click στο Layer1 > Blending options

Εικόνα

New Layer > Polygonal lasso tool (L) και σχηματίζουμε το παρακάτω:

Εικόνα

Shift + F5 > Color > #4b4b4b > OK > OK

Ctrl + D

Στη συνέχεια κάνουμε merge τα Layer1 και Layer2 και αυτό που προκύπτει το ονομάζουμε Ribbon

Horizontal Type Tool (T) > Γράφουμε Home, 22 pt, white και εφαρμόζουμε τα εξής blending options:

Εικόνα

Το αποτέλεσμα μέχρι στιγμής είναι:

Εικόνα

Horizontal Type Tool (T) > Γράφουμε About και εφαρμόζουμε τα εξής blending options:

Εικόνα

Το τελικό αποτέλεσμα

Εικόνα

Εικόνα

Καλή διασκέδαση!
.ninja { color: black; visibility: hidden !important; }

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

[TUT] Navigation Menu

Δημοσίευση από korgr » 28 Αύγ 2010 09:35

nice! :D

Άβαταρ μέλους
Cypriot
Δημοσιεύσεις: 355
Εγγραφή: 20 Οκτ 2009 15:43

[TUT] Navigation Menu

Δημοσίευση από Cypriot » 28 Αύγ 2010 16:36

nice!! :P

Άβαταρ μέλους
inBlogger
Δημοσιεύσεις: 576
Εγγραφή: 18 Απρ 2009 01:55
Τοποθεσία: Αθήνα.
Επικοινωνία:

[TUT] Navigation Menu

Δημοσίευση από inBlogger » 29 Αύγ 2010 16:57

Πολύ καλό! =)
• inBlog.gr - Ενημερωτικό blog για SEO, Marketing, Social Media κ.α. ;-)
• w24.gr Forum - Ελληνική κοινότητα για Webmasters, SEO, internet marketing και affiliate marketers.(απο το 2009!)
•Travel Blog

Απάντηση

Επιστροφή στο “Adobe Photoshop, illustrator”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες