Πώς σχεδιάζονται τα λογότυπα Web 2.0 (Photoshop)

Αναρωτηθήκατε ποτέ πώς αυτοί οι άντρες σχεδιάζουν τους λογότυπους Web 2.0; Μερικές φορές είναι ωραίο να μαθαίνεις από άλλους, να μαζέψεις τις βασικές δεξιότητες και να ξεκινήσεις τη δική σου δημιουργικότητα από εκεί. Σε αυτό το tutorial του Photoshop, θα σας αποκαλύψω μερικά από τα ωραία λογότυπα Web 2.0, πώς μπορείτε να σχεδιάσετε το λογότυπό σας ακριβώς το ίδιο (καλά, όχι 100% εν τούτοις) με το Photoshop.

1. Κάντε λήψη και εγκατάσταση αρχείου στυλ

Πρώτα απ 'όλα, θα πρέπει να κατεβάσετε ένα στυλ που έχω δημιουργήσει και να το φορτώσει στο Photoshop.

1. Κάντε λήψη του στυλ Photoshop εδώ. (Κάντε δεξί κλικ -> Αποθήκευση ως)
2. Για χρήστες του Photoshop CS2, τοποθετήστε αυτό το αρχείο στυλ “C: \ Program Files \ Adobe \ Adobe Photoshop CS2 \ Προεπιλογές \ Στυλ” Photoshop άλλων εκδόσεων, βάλτε το αρχείο μέσα Προεπιλογές \ Στυλ

2. Φόρτωση στυλ

Καλέστε το παράθυρο διαλόγου Στυλ στο Photoshop

1. Windows -> Στυλ
2. Παρατηρήστε ένα μικρό κουμπί βέλους στην επάνω δεξιά γωνία. Κάντε κλικ σε αυτό και επιλέξτε Φόρτωση στυλ από την πτώση
3. Εύρημα web20 από τη λίστα και κάντε κλικ στο κουμπί Φορτώνω. Αν δεν βρείτε web20, προσπαθήστε να κλείσετε το Photoshop, ανοίξτε ξανά το επαναλάβετε Βήμα 1.
4. Κάντε ξανά κλικ στο κουμπί βέλους και επιλέξτε Μεγάλη λίστα από την πτώση

Το αποτέλεσμά σας θα πρέπει να μοιάζει με κάτι παρόμοιο με την παρακάτω εικόνα.

3. Τα έξι λογότυπα Web 2.0

Εδώ είναι έξι Web 2.0 λογότυπο? MyBlogLog, Imified, mixd, skype, Linked In και Go2Web20. Το στυλ που μόλις εγκαταστήσατε θα αποκαλύψει πώς να τα σχεδιάσετε. Θα περάσω “mixd” και “Go2Web20” λογότυπα, τα υπόλοιπα απλώς επαναχρησιμοποιούν την ίδια τεχνική.

4. Πώς να σχεδιάσετε

Ο λόγος που χρησιμοποιώ το στυλ εδώ είναι επειδή, μόλις αποθηκευτούν σε ένα αρχείο .asl (το αρχείο που κατεβάσατε) είναι βολικό να εφαρμοστούν. Ας δούμε κάποια από αυτά τα λογότυπα.

Σχεδίαση του Mixd Logo

Αρχική παρατήρηση, το λογότυπο mixd αποτελείται από

1. “mixd” κείμενο
2. στρογγυλεμένο ορθογώνιο
3. μικρή κουκίδα
4. μικρότερη κουκκίδα

Θα τους τραβήξουμε περίπου στο Photoshop, κάθε στοιχείο σε διαφορετικό στρώμα όπως φαίνεται στην παρακάτω εικόνα.

Τώρα, εδώ είναι το τέχνασμα. Ψάχνω “mixd-label” στο Διαλόγου στυλ. Μεταφέρετε τα απευθείας στο στρώμα φόντου, στο στρώμα μικρών σημείων και στη μικρότερη στρώση dot αντίστοιχα. Εάν τα σύρετε σωστά, θα παρατηρήσετε ότι το στρώμα θα κληρονομήσει τώρα τα χρώματα και την ανάμειξη του στυλ. Εύρημα “mixd-γραμματοσειρά” σε Διαλόγου στυλ, σύρετε το στο στρώμα κειμένου και το λογότυπο mixd σας είναι πλήρες, το 90% σαν το πρωτότυπο που θα πω.

Σχεδίαση λογοτύπου Go2Web20

Έχετε δημιουργήσει 4 νέα επίπεδα, το καθένα για “ΠΗΓΑΙΝΩ“, “2“, “ΙΣΤΟΣ” και “2.0“

Σέρνω “go2web20-μοβ” από το διάλογο στυλ σε “ΠΗΓΑΙΝΩ” & & “ΙΣΤΟΣ”, σέρνω “go2web20-πράσινο” σε “2” & & “2.0” και θα πάρετε αυτή την τελική παραγωγή.

Όσο για τα υπόλοιπα (MyBlogLog, imified, skype και Linked In), είναι όλα σχετικά με τη μεταφορά του αντίστοιχου στυλ τους και την αντιστοίχιση με τη σωστή γραμματοσειρά.

5. Συμπέρασμα

Αν κοιτάξεις το Blending Επιλογές του κάθε στυλ, θα παρατηρήσετε ότι τα περισσότερα λογότυπα Web 2.0 είναι θέμα παίζοντας με κλίσεις, εγκεφαλικά επεισόδια με συνδυασμό των σωστών γραμματοσειρών. Αυτό μπορεί να μην είναι το “ακριβής” πώς αυτοί οι τύποι είχαν κάνει το λογότυπό τους, αλλά τουλάχιστον τρόπος να το επιτύχει. Δεν σας ενθαρρύνω να ψεύσετε το στυλ τους και να αναμορφώσετε το λογότυπό σας, αλλά προσπαθήστε να το καταλάβετε και ελπίζω ότι μπορείτε να βγείτε με ένα ωραίο λογικό λογότυπο Web 2.0. Μου αρέσει να βάζω τα σχέδια μου στο Style (.asl), μπορώ να τα επαναχρησιμοποιήσω όποτε θέλω.