10
Νοε
09

jeans business card

Τα αρχεία που χρησιμοποίησα και το τελικό αρχείο psd μπορείτε να τα πάρετε από εδώ
http://rapidshare.com/files/304717828/jeansbusinesscard.rar

 

ΠΡΙΝ ανοίξουμε το Photoshop φορτώνουμε το αρχείο με τις βούρτσες είναι το αρχείο thread brush που επισυνάπτω

 

ΒΗΜΑ ΠΡΩΤΟ
Δημιουργήστε ένα νέο κενό αρχείο με διαστάσεις 700×500 px γεμίστε με όποιο χρώμα θέλετε και ονομάστε το layer του background
Ανοίξτε το αρχείο jeanscard που θα βρείτε στα αρχεία που επισυνάπτω
Με επιλεγμένο το Move Tool σύρετε την εικόνα μέσα στο layer background
Το νέο layer της εικόνας ονομάστε το jeanscard

1s

Επιλέγουμε το jeanscard layer και προσθέτουμε gradient overlay με τις παρακάτω ρυθμίσεις

2s

Επιλέγουμε το Burn Tool ρυθμίζουμε και βάφουμε όπως στην παρακάτω εικόνα

3s

Πηγαίνουμε Filter > Sharpen > Smart Sharpen και ρυθμίζουμε

4s

Πηγαίνουμε Image > Adjustments > Brightness/Contrast και ρυθμίζουμε

5s

 

ΒΗΜΑ ΔΕΥΤΕΡΟ
Ανοίγουμε το αρχείο thread texture που θα βρείτε στα αρχεία που επισυνάπτω
Με επιλεγμένο το Move Tool σύρετε την εικόνα thread texture μέσα στο layer background και τοποθετήστε την στο κάτω μέρος
Αντιγράφουμε το layer thread texture με πατημένα Ctrl+T περιστρέφουμε και τοποθετούμε στην επάνω αριστερή γωνία
Επιλέγουμε το layer thread texture copy και με πατημένο το Ctrl κάνουμε κλικ στο εικονίδιο του jeanscard layer ώστε να έχουμε μια επιλογή του
Πηγαίνουμε Select > Inverse ώστε να αντιστρέψουμε την επιλογή και πατάμε Delete
Τώρα πρέπει να έχετε το παρακάτω αποτέλεσμα

6s

 

ΒΗΜΑ ΤΡΙΤΟ
Ανοίγουμε το αρχείο jeans button που θα βρείτε στα αρχεία που επισυνάπτω
Με επιλεγμένο το Move Tool σύρετε την εικόνα jeans button μέσα στο layer background και τοποθετήστε την στην επάνω αριστερή γωνία
Τοποθετούμε το layer jeans button πρώτο από πάνω σε όλα τα layers

Πατάμε Ctrl+T και με πατημένο το Shift προσαρμόζουμε το μέγεθός του όπως στην παρακάτω εικόνα

7s

Με επιλεγμένο το layer jeans button ρυθμίζουμε

8s

 

9s

Filter > Sharpen > Smart Sharpen

10s

 

ΒΗΜΑ ΤΕΤΑΡΤΟ
Δημιουργούμε ένα νέο κενό layer και το ονομάζουμε label το τοποθετούμε πρώτο από πάνω σε όλα τα layers

Επιλέγουμε το Rectangular Marquee Tool και δημιουργούμε ένα παραλληλόγραμμο στην επάνω δεξιά γωνία το γεμίζουμε με μαύρο χρώμα

11s

Αποεπιλέγουμε
Πηγαίνουμε Filter > Blur > Gaussian Blur ρυθμίζουμε 8-10px
Ρυθμίζουμε το opacity του layer label στο 60-65%

Με το Rectangular Marquee Tool δημιουργούμε ένα παραλληλόγραμμο όπως στην παρακάτω εικόνα

12s

Επιλέγουμε το εργαλείο της βούρτσας (Brush Tool) και επιλέγουμε την βούρτσα (thread brush) που εγκαταστήσαμε στην αρχή του βοηθήματος για να μη μπερδευτείτε είναι η βούρτσα με τον αριθμό 234
Επιλέγουμε το χρώμα της βούρτσας fe9b1b

Πατάμε F5 για να μας ανοίξουν οι ρυθμίσεις της βούρτσας και ρυθμίζουμε

13s

 

14s

Πηγαίνουμε στην καρτέλα Paths
Κλικ στο Make Paths

Δεξί κλικ στο Path που δημιουργήσαμε και επιλέγουμε Stroke Path κλικ στο ΟΚ κλικ σε ένα κενό σημείο της καρτέλας Paths

15s

Ok όπως είδατε δημιουργήσαμε την ραφή της ετικέτας

16s

Τώρα μπορείτε μέσα στην ετικέτα να βάλετε διάφορα στοιχεία σας όπως website, e-mail και το τηλέφωνο σας χρησιμοποιώντας το Custom Shape Tool μπορείτε να τοποθετήσετε και τα ανάλογα σύμβολα δίπλα στα στοιχεία σας, ένα παράδειγμα στην παρακάτω εικόνα

17s

Στο μέσον της αριστερής πλευράς της κάρτας βάζετε την επωνυμία σας, τις ρυθμίσεις που χρησιμοποίησα για την επωνυμία της κάρτας μπορείτε να τις δείτε στο layer με το κείμενο στο αρχείο psd που επισυνάπτω

 

Στο layer jeanscard μπορείτε να προσθέσετε drop shadow και stroke στο γκρι ανοιχτό στο 1 pixel

 

Το τελικό αποτέλεσμα θα είναι περίπου αυτό

end_s

 

 

 

 

 

 

 

 

 

19
Οκτ
09

Gel and Glass Web Template Button

Τα αρχεία που χρησιμοποίησα και το τελικό αρχείο psd μπορείτε να τα πάρετε από εδώ
http://rapidshare.com/files/295259159/gelglassbutton.rar

Σε αυτό το βοήθημα θα δούμε μια εύκολη και κυρίως πλήρως παραμετροποιημένη τεχνική δημιουργίας gel and glass button

ΒΗΜΑ ΠΡΩΤΟ
Ανοίξτε ένα νέο έγγραφο (στο παράδειγμα μας) 580×320 pixels και γεμίστε με άσπρο χρώμα
Για καλύτερο αποτέλεσμα στο εφέ του γυαλιού θα είναι καλύτερα να επιλέξετε το γέμισμα σας να έχει κάποια υφή
Εγώ χρησιμοποίησα για το βοήθημα το παρακάτω background

1t

ΒΗΜΑ ΔΕΥΤΕΡΟ
Ανοίγουμε ένα νέο κενό layer και το ονομάζουμε button
Με επιλεγμένο το layer button επιλέγουμε το Rounded Rectangle Tool ρυθμίζουμε όπως στην παρακάτω εικόνα
2t

Δημιουργήστε ένα σχήμα όπως στην παρακάτω εικόνα
3t_a
Δεξί κλικ μέσα στο σχήμα σας επιλέξτε Make Selection και πατήστε ok
Με Alt+Backspace με οποιοδήποτε χρώμα δεν έχει σημασία το χρώμα αλλά το γέμισμα της επιλογής
Δεν αποεπιλέγουμε

ΒΗΜΑ ΤΡΙΤΟ
Κλικ στο Add a Layer Style στο κάτω αριστερά μέρος της παλέτας των layers
Ρυθμίζουμε
3t
4t
5t
6t
7t
8t

9t

Τώρα αποεπιλέγουμε με Cotrl+D

Χαμηλώνουμε το Opacity του layer button στο 94-95%

Το αποτέλεσμα θα είναι το παρακάτω

end1t

Για την παραμετροποίηση του εφέ
Ακολουθήστε τα βήματα 1 και 2 δημιουργήστε όποιο σχήμα θέλετε
Στα Layer Style του βήματος 3 αλλάξτε τις πράσινες αποχρώσεις σε όποια απόχρωση θέλετε

Μπορείτε με δεξί κλικ στο δεξιό μέρος (fx) του layer button να επιλέξετε copy layer style
Στην συνέχεια δεξί κλικ και paste layer style στο layer με το νέο σχήμα που δημιουργήσατε αλλάζοντας τις πράσινες αποχρώσεις των Styles

end2t

06
Οκτ
09

Glass Reflection

Τα αρχεία που χρησιμοποίησα και το τελικό αρχείο psd μπορείτε να τα πάρετε από εδώ
http://rapidshare.com/files/289422715/glass_reflection.rar

ΒΗΜΑ ΠΡΩΤΟ
Ανοίγουμε ένα κενό έγγραφο με διαστάσεις 892×768 pixels
Οι διαστάσεις αυτές είναι ανάλογα το μέγεθος της εικόνας που θα χρησιμοποιήσουμε για το εφέ αν χρησιμοποιήσετε δική σας εικόνα προσέξτε το πλάτος του κενού εγγράφου να είναι το διπλάσιο από την εικόνα σας.
Ανοίγουμε την εικόνα μας και ονομάζουμε το Layer της right
Δεξί κλικ στο right layer και duplicate layer
Το νέο layer της εικόνας το ονομάζουμε left

1u
Με επιλεγμένο το left layer πηγαίνουμε Edit > Transform > Flip Horizontal
Προσαρμόζουμε το layer προς τα αριστερά ώστε να έχουμε το παρακάτω αποτέλεσμα

2u

ΒΗΜΑ ΔΕΥΤΕΡΟ
Με επιλεγμένο το left layer πατάμε Ctrl+T περιστρέφουμε όπως στην παρακάτω εικόνα
3u
Δεν αποεπιλέγουμε δεξί κλικ στην εικόνα και επιλέγουμε Warp
4u
Προσπαθούμε να προσαρμόσουμε την εικόνα μας από τις λαβές της επιλογής όπως παρακάτω
5u
Κλικ στο ν να βγούμε από την επιλογή
6u
Με επιλεγμένο το left layer πατάμε Ctrl+L και ρυθμίζουμε
7u
Τις ρυθμίσεις αυτές μπορούμε να τις τροποποιήσουμε στο τελευταίο βήμα αν δεν μας ικανοποιεί το αποτέλεσμα

ΒΗΜΑ ΤΡΙΤΟ
Ανοίγουμε την δεύτερη εικόνα μας με τα κτήρια η οποία θα μας χρησιμεύσει ώστε να δώσουμε την ψευδαίσθηση της αντανάκλασης
Ονομάζουμε το layer city και τo τοποθετούμε επάνω από όλα τα layers
8u
Με επιλεγμένο το city layer πηγαίνουμε Filter > Blur > Motion Blur και ρυθμίζουμε
9u
Χαμηλώνουμε το opacity στο 70% περίπου
Σχεδόν τελειώσαμε
Επιλέγουμε το Rectangular Marquee Tool στο city layer κάνουμε την παρακάτω επιλογή και πατάμε Delete

10u
Επιλέγουμε το left layer και πατάμε Delete
Αποεπιλέγουμε

Πειραματιστείτε με τις ρυθμίσεις levels και με το opacity των layers left layer και city layer για να πετύχετε το αποτέλεσμα που σας ικανοποιεί

Το τελικό αποτέλεσμα θα είναι περίπου το παρακάτω

end_u

15
Σεπ
09

Deep Grunge Text Effect

Το τελικό αρχείο psd και τα textures που χρησιμοποίησα μπορείτε να τα πάρετε από εδώ
http://rapidshare.com/files/280337877/deep_grunge_text_effect.rar

Σε αυτό το βοήθημα για να πετύχουμε το εφέ μας θα χρησιμοποιήσουμε 3 textures
Μπορείτε να πειραματιστείτε επιλέγοντας textures της επιλογής σας

ΒΗΜΑ ΠΡΩΤΟ
Ανοίγουμε το texture 1
Ανοίγουμε ένα νέο κενό Layer
Επιλέγουμε το Horizontal Type Mask επιλέξτε μια παχιά γραμματοσειρά (στο παράδειγμα την Arial Black) με μέγεθος περίπου στα 130-150 pixel
Με επιλεγμένο το κενό Layer γράφουμε το κείμενο μας, όπως βλέπετε το κείμενο δεν έχει χρώμα αλλά μια επιλογή
1k

Ανοίγουμε το texture 2 πάμε Select > All (Ctrl+A) και Edit > Copy
Ξαναγυρίζουμε στο αρχικό μας αρχείο με το κείμενο και Edit > Paste Into
Βλέπουμε ότι δημιουργήθηκε ένα νέο Layer μαζί με την μάσκα του, το Layer αυτό περιέχει όλο το texture 2
2k

Επιλέγοντας το κουτάκι με την εικόνα του texture 2 και με το Move Tool μετακινούμε προσαρμόζουμε την εικόνα μέσα στην επιλογή του κειμένου μας
Επιλέγοντας το κουτάκι με την μάσκα μετακινούμε προσαρμόζουμε το κείμενο στην εικόνα

ΒΗΜΑ ΔΕΥΤΕΡΟ
Με επιλεγμένο το Layer Layer με την μάσκα κλικ στο Add a Layer Style στο αριστερό κάτω μέρος της παλέτας των Layers και ρυθμίζουμε
3k
4k
Τώρα θα πρέπει να έχετε αυτό το αποτέλεσμα

5k

ΒΗΜΑ ΤΡΙΤΟ
Ανοίγουμε το texture 3
Με επιλεγμένο το Move Tool σέρνουμε μετακινούμε το texture 3 στο αρχικό μας αρχείο αυτό με το κείμενο
Αλλάζουμε το Blending Mode του texture 3 σε Overlay

Το τελικό αποτέλεσμα θα είναι περίπου αυτό

end_k

15
Ιουν
09

plastic label

Το τελικό αρχείο psd και το background που χρησιμοποίησα μπορείτε να τα πάρετε από εδώ
http://rapidshare.com/files/244821427/plastic_label.rar

ΒΗΜΑ ΠΡΩΤΟ
Επιλέγουμε η δημιουργούμε το κατάλληλο background
1u
Ανοίγουμε ένα νέο Layer και το ονομάζουμε sheaths
Σε αυτό το Layer θα δημιουργήσουμε τις θήκες της πλαστικής ετικέτας
Παίρνουμε το ορθογώνιο του εργαλείου marque και δημιουργούμε ένα μεγάλο και στενό ορθογώνιο στην κορυφή του εγγράφου.
Παίρνουμε ένα ανοιχτό γκρι κι ένα πιο σκούρο για το χρώμα φόντου.
Γεμίζουμε με Gradient.
Βάζουμε Drop Shadow ώστε να έχουμε την αίσθηση 3d
Με Ctrl+Alt τραβάμε με το ποντίκι προς τα κάτω το ορθογώνιο και έτσι εμφανίζεται ένα δεύτερο ίδιο ορθογώνιο.
Κάνουμε το ίδιο ακόμη μία φορά ώστε να τοποθετήσουμε ένα ορθογώνιο και στο κάτω μέρος.
Τις ρυθμίσεις και το αποτέλεσμα τα βλέπετε στην παρακάτω εικόνα

2u

ΒΗΜΑ ΔΕΥΤΕΡΟ
Επιλέγουμε το Type Tool επιλέγουμε μαύρο χρώμα και γράφουμε το κείμενο που θέλουμε να έχει η ετικέτα
Πατάμε Ctrl+T να επιλέξουμε το κείμενο μας με δεξί κλικ στην επιλογή επιλέγουμε scale και το προσαρμόζουμε σε μέγεθος ώστε να το έχουμε ανάμεσα στις επάνω δυο θήκες που δημιουργήσαμε
Δεν αποεπιλέγουμε
Πάμε στο εργαλείο warp text και επιλέγουμε το bulge, διαλέγουμε vertical και το τονίζουμε περισσότερο ή λιγότερο με το beed
τώρα έχουμε την παρακάτω εικόνα

3u

ΒΗΜΑ ΤΡΙΤΟ
Δημιουργούμε ένα Layer κάτω από το Layer του κειμένου και το ονομάζουμε plastic
Παίρνουμε το Pen Tool και δημιουργούμε το περίγραμμα τις ετικέτας
Ξέρω ότι πολλοί από εσάς δεν τα πάνε καλά με το πενάκι
Μπορείτε να κάνετε το περίγραμμα με διαφορετικό τρόπο
Παίρνουμε το ορθογώνιο του εργαλείου marque δημιουργούμε ένα μεγάλο ορθογώνιο στο οποίο μέσα θα έχουμε το κείμενο μας
4u

Προσαρμόζουμε την επιλογή μας όπως στην παρακάτω εικόνα
5u

Ώστε να έχουμε το παρακάτω αποτέλεσμα
6u

Δεν αποεπιλέγουμε
Επιλέγουμε χρώμα 6b7384 και με Alt+Backspace γεμίζουμε την επιλογή μας
Χαμηλώνουμε το Opacity του Layer περίπου στο 45% ώστε να γίνει διαφανές

ΒΗΜΑ ΤΕΤΑΡΤΟ
Δημιουργούμε ένα Layer επάνω από το Layer plastic και το ονομάζουμε black shadow
παίρνουμε μια βούρτσα μαλακή περίπου στα 110 – 130 pixels
επιλέγουμε μαύρο χρώμα
βάφουμε όπως στην παρακάτω εικόνα
7u1

Τώρα θέλουμε να το κάνουμε clip με το από κάτω που είναι το πλαστικοποιημένο μέρος, οπότε πατάμε Alt και κάνουμε κλικ στη γραμμή ανάμεσα από αυτά τα δύο layers.
Έτσι στο layer που βρίσκεται η μαύρη γραμμή εμφανίζεται από αριστερά ένα βελάκι προς τα κάτω. Αυτό το layer παίρνει τις ιδιότητες του από κάτω του layer σε αυτό δηλαδή που το κάναμε clip.
Στη συγκεκριμένη περίπτωση είχαμε κατεβάσει το opacity του layer με το πλαστικό οπότε κατεβαίνει και το opacity του layer με τη μαύρη γραμμή.
Αν θέλουμε κάνουμε duplicate το layer black shadow ώστε να φαίνεται πιο σκοτεινή η σκιά.

ΒΗΜΑ ΠΕΜΠΤΟ
Δημιουργούμε ένα Layer επάνω από το Layer του κειμένου μας για να δημιουργήσουμε τα highlights το ονομάζουμε lights shadow
παίρνουμε μια βούρτσα μαλακή περίπου στα 80 – 90 pixels
επιλέγουμε άσπρο χρώμα
τραβάμε μια γραμμή με τον τρόπο της παραπάνω εικόνας αλλά αυτή την φορά η γραμμή μας θα είναι στο επάνω μέρος της ετικέτας
χαμηλώνουμε το opacity από το Layer lights shadow περίπου στο 55-60%
Βάζουμε layer mask σε αυτό το layer πατώντας κάτω στην παλέτα των layers το κουμπί της μάσκας
Με επιλεγμένη την μάσκα Ctrl και κλικ στο τετραγωνάκι του layer plastic για να γίνει επιλογή του περιεχομένου του.
Κάνουμε Inverse (Ctrl+I).
Πηγαίνουμε στο layer με την μάσκα και γεμίζουμε με μαύρο.
Έτσι σβήνεται η άσπρη γραμμή εκτός του πλαστικού κι από τις δύο πλευρές
Τώρα θα έχουμε περίπου το παρακάτω αποτέλεσμα

8u1

ΒΗΜΑ ΕΚΤΟ
Κάνουμε duplicate το layer με το κείμενο το νέο layer το ονομάζουμε text shadow
Δεξί κλικ στο Layer text shadow επιλέγουμε Warp Text στο παράθυρο που θα ανοίξει επιλέγουμε Style: None
από το μενού-> Layer > Rasterize > Type
τοποθετούμε το layer κάτω από το layer του αρχικού μας κειμένου
Πατάμε Ctrl+T και προσαρμόζουμε όπως στην παρακάτω εικόνα
9u

Έπειτα πάμε και κάνουμε Filter > Blur > Gaussian blur με ποσοστό 7.4
Κατεβάζουμε το opacity του layer περίπου στο 45%
Παίρνουμε το εργαλείο marque, επιλέγουμε όση “σκιά” περισσεύει από το πλαστικό και πατάμε delete

Το τελικό αποτέλεσμα θα είναι περίπου αυτό

end_u1




Ψάξτε στο Blog

:: Χρήσιμες Σελίδες







 

Νοεμβρίου 2009
Δ Τ Τ Π Π Σ Κ
« Οκτ    
 1
2345678
9101112131415
16171819202122
23242526272829
30  

visitor stats



Blog Stats

  • 73,955 hits
Thessaloniki Blogs