Δημιουργήστε 3D κουτιά για τα προϊόντα σας

Post Pic
στις 14.12.09. Kατηγορίες Photoshop με Κανένα Σχόλιο

Η προώθηση είναι από τα πιο σηματνικά μέρη στην πώληση ενός προϊόντος. Σε αυτό το βοήθημα θα δούμε σε απλά και κατανοητά βήματα πως μπορούμε να χρησιμοποιήσουμε το Photoshop για να δημιουργήσουμε τρισδιάστατα κουτιά για τα προϊόντα μας.

Βήμα 1

Δημιουργούμε ένα παραλληλόγραμμο χρησιμοποιόντας το Rectangle Tool(U)

img1

Βήμα 2

Θα επιλέξουμε Edit>Free Transform (CTRL+T) και θα επιλέξουμε Skew

img2

Βήμα 3

Θα δώσουμε μια μικρή κλίση στην πάνω και κάτω αριστερή γωνία ώστε να δημιουργήσουμε την ψευδαίσθηση του βάθους.

img3

Βήμα 4

Θα δημιουργήσουμε ένα δεύτερο παραλληλόγραμμο περίπου στο 1/3 του πλάτους του πρώτου

img4

Βήμα 5

Αντίστοιχα θα χρησιμοποιήσουμε το Skew για να κάνουμε ότι κάναμε και στο μεγάλο παραλληλόγραμμο

img5

Βήμα 6

Θα δημιουργήσουμε ένα μαύρου χρώματος κουτί, που θα έχει πλάτος όσο και τα δυο παραλληλόγραμμα μας μαζί, και θα φροντίσουμε να βρίσκεται κάτω από τα άλλα δυο layers

img6

Βήμα 7

Στο layer με το μαύρο κουτί θα προσθέσουμε Layer Mask

img7

Βήμα 8

Επιλέγοντας την μάσκα που δημιουργήσαμε

img8

Βήμα 9

Διαλέγουμε το Gradient Tool(G)

img9

Βήμα 10

Και επιλέγουμε την μετάβαση από μαύρο σε άσπρο

img10

Βήμα 11

Κάνουμε κλικ στο κάτω μέρος του κουτιού, και τραβάμε τον δείκτη προς τα πάνω

img11

Βήμα 12

Μόλις ελευθερώσουμε τον δείκτη, έχουμε έτοιμη την σκιά του κουτιού μας. Σε αυτό το σημείο, μπορούμε να σώσουμε την δουλειά μας, αφού πλέον το μόνο που μένει είναι να προσθέσουμε τα εξώφυλλα του κουτιού μας.

img12

Βήμα 13

Εχουμε λοιπόν τις εικόνες που θα βάλουμε σαν εξώφυλλα

img13

Βήμα 14

Με το Skew για άλλη μια φορά θα κάνουμε ότι κάναμε και στα παραλληλόγραμμα μας

img14

Βήμα 15

Θα βάλουμε το layer με την εικόνα μας πάνω απο το layer με το κουτί μας, θα κάνουμε δεξί κλικ  και θα επιλέξουμε Create Clipping Mask

img15

Βήμα 16

Κάνοντας ότι και στο βήμα 14 για την πλαϊνή εικόνα του κουτιού μας, η διάταξη των layers πρέπει να είναι η εξής.

img16

Βήμα 17

Αν όλα πήγαν καλά θα έχουμε το παρακάτω αποτέλεσμα

img17

Βήμα 18

Θα επιλέξουμε τα layers του κουτιού μας, και θα προσθέσουμε ένα μικρό πλαίσιο

img18

Βήμα 19

Ορίστε λοιπόν το τελικό αποτέλεσμα

img19


Member Area
Άν είστε ήδη συνδρομητής κάντε login με τα στοιχεία σας. Για να γίνετε συνδρομητής πατήστε εδώ

Tags: , , ,

Pantso { Προσωπική Ιστοσελίδα / Άρθρα Στο GreekTuts }
Ο Παναγιώτης έχει σπουδάσει προγραμματιστής και προγραμματιστής Video Games ενώ τώρα κάνει το Bachelor του σε Computer Science από το Πανεπιστήμιο του Roehampton στο Λονδίνο. Έχει εργαστεί στο Darkfall Online , το πρώτο ελληνικό MMORPG, ως World Builder, είναι BlackBoard Support Certified , ενώ σήμερα εργάζεται ώς HTML Author στην Atcom SA.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>