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

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

  • Το άρθρο γράφτηκε
  • στις 10.11.2009
  • στις 12:37 μ.μ.
  • από admin

Πώς να δημιουργήσετε Νίκαια Ένθετο Κείμενο κουμπιού στο Photoshop

Αυτή είναι μια αρχή lavel σχεδιασμού φροντιστήριο. Σε αυτό το άρθρο θα βρείτε Πώς να δημιουργήσετε Νίκαια Ένθετο Κείμενο κουμπιού στο Photoshop. αυτό είναι πολύ γρήγορη και εύκολη γραφικού σχεδιασμού tutorial.I ελπίζουμε ότι θα απολαύσετε αυτό το σεμινάριο.

Τελικό Preview

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

inset-button-tutorial-final

Βήμα # 1

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

inset-button-tutorial-step1

Βήμα # 2

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

inset-button-tutorial-step2

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

Gradient Overlay

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

3d-bottom-layer

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

inset-button-tutorial-step2a

Drop Shadow

Επόμενη εφαρμόσει το Πέτα στυλ στρώμα Shadow. Κρατήστε τη γωνία σε 120 °, από την αλλαγή των τιμών των Αδιαφάνεια, εξ αποστάσεως και μεγέθους. Επιλέγω να ρυθμίσετε το Αδιαφάνεια κατά 47%, σε απόσταση 2px και μεγέθους σε 4px.

inset-button-tutorial-step2d

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

inset-button-tutorial-step2Dropshadow

Πλήγμα

Στη συνέχεια, θα ισχύσει το Stroke. Πρώτη αλλαγή των τιμών του μεγέθους. Επιλέγω να ορίσετε το μέγεθος σε 1px, Θέση στο εξωτερικό. Επιλέγω να ρυθμίσετε το Αδιαφάνεια κατά 100%. Αλλάξτε το χρώμα Stroke από την προεπιλογή για να # 666666

inset-button-tutorial-step2e

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

inset-button-tutorial-step2Stroke

Βήμα # 3

Επιλέξτε Οριζόντια Type Tool και κείμενο σχετικά με το είδος μπροστά.

inset-button-tutorial-step3

Τώρα θα εφαρμόσουμε κάποιο αποτέλεσμα για το κείμενο.

Color Overlay

Κάντε διπλό κλικ στις φωτογραφίες για το στρώμα του κειμένου στο Στρώματα ομάδας για το άνοιγμα του στρώματος στυλ παράθυρο διαλόγου. Πρώτα θα εφαρμοστεί επικάλυψης χρώμα, επιλέγω το χρώμα # 303030

inset-button-tutorial-step3a

Inner Shadow

Επόμενη εφαρμόζουν την εσωτερική στυλ στρώμα Shadow. Σημαντικότερο μέρος διατηρεί τη γωνία στο 41o, από την αλλαγή των τιμών των Αδιαφάνεια, εξ αποστάσεως και μεγέθους. Επιλέγω να ρυθμίσετε το Αδιαφάνεια κατά 75% και σε απόσταση 1px και μεγέθους σε 1px.

inset-button-tutorial-step3Innershadow

Drop Shadow

Τέλος, θα εφαρμόσει το Drop Shadow, η πρώτη αλλαγή Ανάμειξη επιλογή Κανονική. Αλλάξτε το χρώμα Shadow από την προεπιλεγμένη # FFFFFF. Κρατήστε το Angle στο 90ο, από την αλλαγή των αξιών της αδιαφάνειας και της εξ αποστάσεως. Επιλέγω να ρυθμίσετε το Αδιαφάνεια κατά 47% και σε απόσταση 1px.

inset-button-tutorial-step3c

Αποτέλεσμα

inset-button-tutorial-final

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

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

Filed under: Photoshop, Tutorials από admin

Προώθηση μας

  • Προσθέστε σε Mixx!

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

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

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

    • Πώς να δημιουργήσετε letterpress Τυπογραφίας στο Photoshop
    • Πώς να δημιουργήσετε Νίκαια Easy 3D Επίδραση Κείμενο στο Photoshop
    • Πώς να δημιουργήσει Ι-Phone Όπως κουμπιού στο Photoshop
    • Πώς να δημιουργήσετε ένα Νίκαια Sleek Dark κουμπιού στο Photoshop
    • Πώς να δημιουργήσετε Smooth Γυαλιστερό Επίδραση Κείμενο στο Photoshop
Untitled Document

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

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


CommentLuv Enabled δείτε περισσότερα
«10 Awesome δωρεάν Hand Drawn Icon Σκηνικά
25 Awesome iPhone App Websites »
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 (19)
    • Σχεδιασμός / Έμπνευση (49)
    • Freebies (32)
    • Graphic Design (10)
    • Photoshop (17)
    • Πόροι (30)
    • Seo (1)
    • Εργαλεία (7)
    • Tutorials (31)
    • Τυπογραφία (4)
    • Web Development (5)
    • Wordpress (6)
    • Αρχεία

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

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

    • Πώς δημιουργήσει εμφανίσιμη μορφή δεν πίνακα
    • 30 ιστοσελίδες με μέγιστη Πορτοκαλί
    • Πώς να δημιουργήσετε letterpress Τυπογραφίας στο Photoshop
    • Πώς να δημιουργήσετε Νίκαιας Scalable CSS Βασισμένο Breadcrumbs
    • 5 βήματα για τη βελτίωση της Γράψτε Css
    • Δημιουργήστε ένα ωραίο κουτί Icon στο Photoshop
    • 6 Awesome Online επεξεργασίας φωτογραφιών Εργαλεία
    • Ετικετών

    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 Ινδία για το επόμενο σχέδιό σας σχέδιο. Προβολή του χαρτοφυλακίου μας.