• Σπίτι
  • Σχετικά
  • Άρθρα
  • Επικοινωνία

: 91 11 9810018780 Mail στη διεύθυνση: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Το άρθρο γράφτηκε
  • στις 23.09.2009
  • στις 07:57 π.μ.
  • από admin

Πώς να δημιουργήσει Ι-Phone Όπως κουμπιού στο Photoshop

Γεια σου ρε παιδιά back-to-back Tutorials Photoshop. Σε αυτό το σεμινάριο θα σας μάθουν πώς να δημιουργήσετε Ι-Phone Όπως κουμπιού στο Photoshop. Αυτό είναι πολύ απλό και πολύ αποτελεσματικό φροντιστήριο. Ελπίζω ότι θα απολαύσετε αυτό το σεμινάριο.

Τελικό Preview

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

final-preview-iphone-buttons-big

Βήμα # 1

Ανοίξτε photoshop και να δημιουργήσει ένα νέο έγγραφο, η δική μου είναι 550 × 398px με λευκό φόντο.

iphone-like-buttons-step1

Βήμα # 2

Συμπληρώστε το χρώμα στο φόντο στρώμα, το χρώμα μου είναι # 333333.

iphone-like-buttons-step2

Βήμα # 3

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

iphone-like-buttons-step3

Styling η λωρίδα Layer διπλό κλικ στην φωτογραφία του στρώματος λωρίδα στην Στρώματα ομάδας για το άνοιγμα του στρώματος στυλ παράθυρο διαλόγου, θα εφαρμόσουμε μια κάθετη gradiant αποτέλεσμα για το φόντο σας. Στη συνέχεια, κάντε κλικ στην κλίση olor γ σχετικά με το δικαίωμα του Gradient επιλογή να ανοίξει το χρώμα Gradient Editor.

iphone-like-buttons-step3-b

Κάντε διπλό κλικ στα αριστερά-χρώμα-stop και πληκτρολογήστε την τιμή # aaaaaa χρώμα, κάντε διπλό κλικ στα αριστερά-κέντρο-χρώμα-stop και πληκτρολογήστε την τιμή # cccccc χρώμα, κάντε διπλό κλικ επάνω δεξιά-κέντρο-χρώμα-stop και πληκτρολογήστε το αξία χρώμα # dddddd, στη συνέχεια, κάντε διπλό κλικ στο δεξί-χρώμα-stop και πληκτρολογήστε την τιμή # FFFFFF χρώμα.

iphone-like-buttons-step3-a

Θα πρέπει να μοιάζει με αυτό.

iphone-like-buttons-step3-c

Βήμα # 4

Επιλέξτε το Rounded Rectangle Tool και να δημιουργήσει το κουμπί, ακτίνα η δική μου είναι 90X40px.

iphone-like-buttons-step4

Τώρα εφαρμόζεται κάποιο αποτέλεσμα

Gradient Overlay

Styling το κουμπί, κάντε διπλό κλικ στην φωτογραφία του κουμπιού Layer στην Στρώματα ομάδας για το άνοιγμα του στρώματος στυλ παράθυρο διαλόγου, θα εφαρμόσουμε μια κάθετη gradiant αποτέλεσμα για κουμπιού σας. Στη συνέχεια, κάντε κλικ στο χρώμα κλίση για το δικαίωμα του Gradient δυνατότητα να ανοίξει το χρώμα Gradient Editor.

iphone-like-buttons-step3-b

Κάντε διπλό κλικ στα αριστερά-χρώμα-stop και πληκτρολογήστε την τιμή χρώμα # 000000, κάντε διπλό κλικ στα αριστερά-κέντρο-χρώμα-stop και πληκτρολογήστε την τιμή χρώμα # 222222, κάντε διπλό κλικ επάνω δεξιά-κέντρο-χρώμα-stop και πληκτρολογήστε το τιμή χρώμα # 444444, στη συνέχεια, κάντε διπλό κλικ στο δεξί-χρώμα-stop και πληκτρολογήστε την τιμή χρώμα # 666666.

iphone-like-buttons-step4-a

Bevel και Εμβάθυνση

Επόμενη εφαρμόζουν τις φαλτσοκοπής Εμβάθυνση και στυλ στρώμα. Αλλάζοντας το στυλ στο Εξωτερικό φαλτσοκοπής, από την αλλαγή των τιμών του Βάθος, Μέγεθος και να μαλακώσουν. Επιλέγω να ρυθμίσετε το βάθος στο 100%, μέγεθος σε 1px και Soften σε 10px

Σημαντικό μέρος του Εγχειριδίου: Κρατήστε το Angle στο -90 o, Υψόμετρο σε θερμοκρασία 40 o

Τρόπος Highlight: Επιλέγω να ρυθμίσετε το Αδιαφάνεια κατά 100%.

Σκιά λειτουργία: να επιλέξω για να ρυθμίσετε το Αδιαφάνεια κατά 100%.

iphone-like-buttons-step4-b

Πλήγμα

Τέλος, θα εφαρμόσουμε το Stroke. Πρώτη αλλαγή των τιμών του μεγέθους. Επιλέγω να ορίσετε το μέγεθος σε 1px. Η αλλαγή της θέσης στο εσωτερικό

Επιλέγω να ρυθμίσετε το Αδιαφάνεια κατά 80%.

Αλλάξτε το χρώμα Stroke από την προεπιλογή για να # 222222

iphone-like-buttons-step4-c

Θα πρέπει να μοιάζει με αυτό.

iphone-like-buttons-step4-d

Βήμα # 5

Επιλέξτε το εργαλείο κειμένου και πληκτρολογήστε το κείμενο στο μπροστινό μέρος.

iphone-like-buttons-step5

Θα εφαρμοστεί ένα αποτέλεσμα για το κείμενο.

Bevel Εμβάθυνση

Κάντε διπλό κλικ στις φωτογραφίες για το στρώμα του κειμένου στο Στρώματα ομάδας για το άνοιγμα του στρώματος στυλ παράθυρο διαλόγου. Θα εφαρμοστεί φαλτσοκοπής Εμβάθυνση, πρώτη αλλαγή του στυλ να Εξωτερική Bevel και να Τεχνική Chisel Soft, από την αλλαγή των τιμών του βάθους, Σκηνοθεσία, μέγεθος και να μαλακώσουν. Επιλέγω να ρυθμίσετε το βάθος στο 130%, Σκηνοθεσία σε μέγεθος Down σε 1px και να μαλακώσουν σε 0px

Σημαντικό μέρος του Εγχειριδίου: Κρατήστε τη γωνία στις 90 μοίρες, Υψόμετρο στους 30 o

Τρόπος Highlight: Επιλέγω να ρυθμίσετε το Αδιαφάνεια σε 0%.

Σκιά λειτουργία: να επιλέξω για να ρυθμίσετε το Αδιαφάνεια κατά 50%.

iphone-like-buttons-step5a

Τελικό Preview

Τέλος κάναμε αυτό το σεμινάριο.

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

final-preview-iphone-buttons-big

Κατεβάστε το αρχείο προέλευσης

Αν θέλετε να ελέγξετε την εργασία σας, μπορείτε να κατεβάσετε το αρχείο PSD για αυτό το σεμινάριο.

iphone-like-buttons.rar (21,3 kb)

Filed under: Photoshop, Tutorials από admin

Προώθηση μας

Ετικέτες: Photoshop, Tutorials

Σχετικά άρθρα:

αν απολαύσατε την ανάγνωση αυτού του άρθρου, παρακαλώ ελέγξτε τα άλλα συναφή άρθρα παρακάτω:

    • Πώς να δημιουργήσετε letterpress Τυπογραφίας στο Photoshop
    • Πώς να δημιουργήσετε Smooth Γυαλιστερό Επίδραση Κείμενο στο Photoshop
    • Δημιουργήστε ένα ωραίο κουτί Icon στο Photoshop
    • Retro Up εικόνας σε 2 λεπτά: Photoshop
    • Pop Art Comic Βοήθημα: Photoshop
Untitled Document

Ένα σχόλιο

  1. aioon λέει: 23 Σεπτεμβρίου 2009 στις 5:58 pm Said:

    nice one! i like it :)

Υποβολή ένα σχόλιο

XHTML: Μπορείτε να χρησιμοποιήσετε αυτές τις ετικέτες: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


«11 Awesome Γραμματοσειρές καλλιγραφίας
Paradise Προγραμματιστών τοποθεσίες της Εβδομάδας για τις 24 Σεπτεμβρίου 2009 »
Untitled Document

    Εγγραφή

  • Μέρα για ζωοτροφές
  • Εγγραφείτε μέσω email
  • Ακολουθήστε μας σε έξαψη
  • Χορηγός
  • Χορηγός
  • Χορηγός
  • Χορηγός
  • Χορηγός

    • Αναζήτηση

      Untitled Document
  • Ημερολόγιο

    Σεπτέμβριος 2009
    M T Δ T F S S
    «Αυγ
    1 2 3 4 5 6
    7 8 9 10 11 12 13
    14 15 16 17 18 19 20
    21 22 23 24 25 26 27
    28 29 30
    • Σελίδες

      • Σπίτι
      • Σχετικά
      • Άρθρα
      • Επικοινωνία
    • Κατηγορίες

    • Css (17)
    • Σχεδιασμός / Έμπνευση (41)
    • Freebies (21)
    • Graphic Design (9)
    • Photoshop (12)
    • Πόροι (19)
    • Seo (1)
    • Εργαλεία (5)
    • Tutorials (26)
    • Τυπογραφία (3)
    • Web development (4)
    • Wordpress (5)
    • Αρχεία

    • Σεπτέμβριος 2009
    • Αύγουστος, 2009
    • Ιούλιος 2009
    • Ιούνιος 2009
    • Μάιο 2009
    • Πρόσφατες δημοσιεύσεις

    • Css
    • Σχεδιασμός / Inspiration
    • Freebies
    • Γραφιστική
    • Photoshop
    • Δημοφιλείς θέσεις

    • Πώς δημιουργήσει εμφανίσιμη μορφή δεν πίνακα
    • Δημιουργήστε ένα ωραίο κουτί Icon στο Photoshop
    • 5 βήματα για τη βελτίωση της Γράψτε Css
    • Πώς να δημιουργήσετε letterpress Τυπογραφίας στο Photoshop
    • Paradise Προγραμματιστών τοποθεσίες της Εβδομάδας για τις 10 Σεπτεμβρίου 2009
    • Pure Css αναπτυσσόμενο μενού δεν Χρησιμοποιώντας Javascript
    • 6 δωρεάν και υψηλής ποιότητας Brick Wall Textures
    • Ετικετών

    Css Σχεδιασμός Γραμματοσειρές Freebies Γραφιστικής Γραφικός Σχεδιασμός Εικόνες Έμπνευση Inspitation Photoshop Πόρων Εργαλεία Tutorials Τυπογραφίας Web ανάπτυξη Wordpress

    • Φίλοι

      • Abduzeedo
      • Εκτός Alist
      • BittBox
      • CrazyLeaf Design
      • Css Κόλπα
      • David Walsh
      • Fudgegraphics
      • Καύσιμο δημιουργικότητά σας
      • Βοήθεια Developer
      • Άμεση Shift
      • Line25
      • Mirificampress
      • Μου Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Μερίδιο Brain
      • Έξι Αναθεωρήσεις
      • Κουτάλι Graphics
      • Toxel
      • Vandelay Design
      • Λειτουργούμε
      • Web Designer Depot
      • Web Designer Λέτζερ
      • Web Designer Wall
      • Μπορείτε Ο σχεδιαστής
    • Μεταφραστής

      English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroat flagDanish flagFinnish flagHindi flagPolish flagRumanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag
  • ΧΟΡΗΓΟΙ

    Αναχώρηση UPrinting για YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Επιστροφή στην κορυφή

Γενικά

Αυτά ίσως κάποιων συμφερόντων
  • Σχετικά με την Εταιρία μας
  • Μαρτυρίες
  • Στοιχεία Επικοινωνίας
  • Ιστολόγιο
  • Κοινωνική - Twitter, Flickr

Έργα

Παραδείγματα των παλαιότερων προγραμμάτων
  • Σχετικά με την Εταιρία μας
  • Μαρτυρίες
  • Στοιχεία Επικοινωνίας
  • Ιστολόγιο
  • Κοινωνική - Twitter, Flickr

Υπηρεσίες

Αυτό είναι αυτό που πωλούν σήμερα
  • Σχετικά με την Εταιρία μας
  • Μαρτυρίες
  • Στοιχεία Επικοινωνίας
  • Ιστολόγιο
  • Κοινωνική - Twitter, Flickr

Στοιχεία Επικοινωνίας

Θέλετε να μας μίσθωση; ξεκινήσετε εδώ ...
  • Δωρεάν Project Αξιολόγηση
  • Email - info@aceinfowayindia.com
  • Τηλ: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Ινδία Μίσθωση Ace Infoway Ινδία για το επόμενο σχέδιό σας σχέδιο. Προβολή του χαρτοφυλακίου μας.