Photoshop Tutorial: Web 2.0 στυλ εικόνες σε 3 βήματα
Παρασκευή 29 Φεβρουαρίου 2008
Αυτό το tutorial δείχνει τον τρόπο με Photoshop είναι "σχετικά απλό στη δημιουργία ελκυστικών Web 2.0 στυλ εικόνες, με αντανακλαστικά και οτιδήποτε άλλο, απλώς τον καθορισμό των επιπτώσεων στο στρώμα. Μόλις κατάλαβα ότι η διαδικασία θα είναι επίσης δυνατόν - αφήνουν ανεξέλεγκτη την δημιουργικότητα σας - να δημιουργήσουν πολλές παραλλαγές.
ΒΗΜΑ 1 - ΕΝΤΥΠΟ ICON
Creaiamo ένα στρώμα και ένα ορθογώνιο disegnamo 
(ή πλατεία), με ελαφρώς στρογγυλεμένες γωνίες.
Εφαρμογών σε αυτό το στρώμα τα ακόλουθα αποτελέσματα:
Ως εσωτερική σκιά μου χρησιμοποίησε ένα χρώμα # ffd800
Η σκιά κυμαίνεται από 067.500 έως # # 0cff00
Έχουμε σχεδόν πέτυχε το εικονίδιο! Η απόχρωση του χρώματος μπορεί να καταστήσει περισσότερο έτσι! Το σημαντικό πράγμα είναι μια κλιμάκωση από σκοτάδι για να καταργήσετε.
Βήμα 2 - REFLECTIONS
Προστίθεται ένα νέο στρώμα πάνω από αυτό το CHA έχουμε επιτύχει. Επιλέξτε το σχήμα εικονίδια (Ctrl + κάντε κλικ πάνω στο στρώμα) και - πάντα για το νέο στρώμα ακόμη άδειο - έχουν επιλεγεί από την εξεταστική μενού-> Edit-> Σύμπτυξη: 2 pixels περιλαμβάνονται:
Ορίστε το πλάνο για το λευκό χρώμα 
και επιλέξτε την απόχρωση 
, Η οποία μετατρέπεται από άσπρο σε διαφανείς. Σχεδιάστε μία σκιά από πάνω μέχρι κάτω, προκειμένου να επιτύχει:
Τώρα, η τελική επαφή, επιλέξτε το εργαλείο επιλογής εγκύκλιος 
, Επιλέξτε μια έλλειψη, και φέρεται όπως φαίνεται παρακάτω και πατήστε το πλήκτρο Delete - αν θέλετε μπορείτε να ρυθμίσετε τη διαφάνεια 90/80:
ΒΗΜΑ 3 - ΚΕΙΜΕΝΑ ΚΑΙ ΣΥΜΒΟΛΑ
Χρησιμοποιώντας ένα από τα πολλά ελεύθερη γραμματοσειρά βιβλιοθήκη μπορείτε να προσθέσετε ένα γραφικό σύμβολο, ένα εικονίδιο με λίγα λόγια. Αν αυτό είναι περιγραφή, όπως στην περίπτωσή μου, προσθέτοντας το αποτέλεσμα:
Otteremo ένα ωραίο αποτέλεσμα περιλαμβάνουν:
Λείπει μόνο το κείμενο της επιλογής σας ...!
Mark είπε:
X συγχαρητήρια στην εκμάθηση, Web 2.0 δίνει τα πρότυπα που webmasters να μην ξεχνάμε ...
Προσπάθησα μια γραμματοσειρά για το γράφημα που πρέπει να περιλαμβάνονται στα κουμπιά παρόμοιο με αυτό που χρησιμοποιείται και δεν έχω βρεθεί, μπορείτε να μου πείτε πώς θα το ονομάσουμε ή πού θα το βρείτε; Σε ευχαριστώ
Giovambattista Fazioli δήλωσε:
@ Marco Χάρη Mark! Μπορείτε να βρείτε κάποια bitmap γραμματοσειρές σε αυτή τη διεύθυνση: http://www.orgdot.com/aliasfonts/
groggit.com δήλωσε:
Photoshop Tutorial: Web 2.0 στυλ εικόνες σε 3 βήματα | Undolog.com ...
Βοήθημα για την επίτευξη στυλ εικονίδιο με το Photoshop 2,0 ....
dapdudida δήλωσε:
ΑΕΙ .. αλλά ξέχασε να μας πει πόσο κάτω από τη σκιά που καθιστά ασαφή!
.. Γνωρίζετε πώς .. το έχετε ήδη κάνει 99 .. Πριν από 100
θρυλικό κουμπί .. αλλά θα λάβει μια σκιά fica EH EH! ^. ^
Giovambattista Fazioli δήλωσε:
@ Dapdudida:
Συγχωρήστε με, έκανα ένα μικρό screencast, ακόμη και αν ο ήχος έρχεται! Πηγαίνετε εδώ για προβληματισμό Τεχνικές 
Έχετε δίκιο
Υπάρχουν δύο τεχνικές: με τη μάσκα για το στρώμα (το πρώτο παράδειγμα) και τη χρήση του γενικού μάσκα! Προτιμώ το πρώτο
Αρτεμισία, δήλωσε:
Μεγάλη φροντιστήριο! Προσπάθησα για κάποιο χρονικό διάστημα, σας ευχαριστώ πολύ! Το blog των αγαπημένων μου, τώρα
Giovambattista Fazioli δήλωσε:
@ Αρτεμισία: Ευχαριστούμε!
Μετόχι Λάτσιο είπε:
Γεια σας, συγχαρητήρια για την tuotorial έχω πολύ χρήσιμες, αλλά τα εικονίδια όταν είστε;
Προσπάθησα να εξετάσει το site που έχετε αναρτηθεί σε παλαιότερες παρατηρήσεις nn αλλά δεν βρήκαν τίποτα.
Giovambattista Fazioli δήλωσε:
@ Agriturismo Λάτσιο: τα εικονίδια που είναι στην πραγματικότητα μια γραμματοσειρά γράφημα. Μπορείτε να βρείτε πολλά δωρεάν γραμματοσειρές που περιέχουν χαρακτήρες αντί για τις συνήθεις εικόνες των διαφόρων ειδών. Αναζήτηση στο Google "font dingbats"
MARCO δήλωσε:
Δηλαδή τα αγόρια μετά από αυτό το βήμα .. είναι μια cavolate ξέρω, αλλά είμαι σε ρυθμιζόμενη κλίση "Η προσθήκη μιας νέας στιβάδα πάνω από το ένα λίγο ολοκληρωθεί. Επιλέξτε το σχήμα (Ctrl + κάντε κλικ πάνω στο στρώμα) και το υπόλοιπο για το νέο στρώμα ακόμη κενές "κάποιος μπορεί να μου εξηγήσει σαν να ήμουν παιδί 2 χρόνια;
Giovambattista Fazioli δήλωσε:
@ MARCO: έχετε να κάνετε είναι να δημιουργήσει εκ νέου στην πράξη το ίδιο σχήμα το πλήκτρο στο άδειο στρώμα, αλλά λίγο μικρότερο. Για να επιλέξετε το περιεχόμενο από ένα στρώμα που μπορείτε να χρησιμοποιήσετε το συνδυασμό CTRL + κλικ του ποντικιού. Με τον τρόπο αυτό θα δείτε την επιλογή γύρω από το σχήμα του κουμπιού. Στη συνέχεια, επιλέξτε το κενό στρώμα, έτσι ώστε η επιλογή που έχουν γίνει πριν αποφασίσει σχετικά με αυτό το στρώμα.
MARCO δήλωσε:
Το πρόβλημα είναι ότι όταν φτάσει η καθιέρωση "επικάλυψη απόχρωση" τότε ολόκληρη η στρώση θα καλύψει το χρώμα του χροιά και δεν μου επιτρέπει να δείτε την πλατεία αυτή είναι η μορφή που είχε δοθεί αρχικά από το κουμπί. Δεύτερον, η επιστροφή στο κείμενο, δημιουργήστε ένα επίπεδο, αξιοποιώντας την πλατεία αλλά και να παρέμβει στις σκιές εξωτερικά και εσωτερικά έχουν αναγκαστικά να επαναλάβει το επίπεδο. Και το δικαίωμα;
Mattia δήλωσε:
Σας ευχαριστούμε για την εξαιρετική ηγεσία! Από τότε που είδα μου δημιουργίες μπορεί να βελτιωθεί μόνο!
Giovambattista Fazioli δήλωσε:
@ Ματ: ευχαριστώ! Για οποιεσδήποτε πληροφορίες μην διστάσετε να μου γράψετε