• Σπίτι
  • Σχετικά
  • Άρθρα
  • Διαφήμιση
  • Επικοινωνία

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

  • Το άρθρο γράφτηκε
  • στις 29.01.2010
  • στις 11:39 π.μ.
  • από admin

Πώς να δημιουργήσετε μια απλή & Slick Blue Button - Photoshop Tutorial

Σε αυτό το σεμινάριο πρόκειται να δημιουργηθούν απλές & κηλίδας μπλε κουμπί. Αυτό είναι πολύ απλό και πολύ αποτελεσματικό φροντιστήριο, έτσι το μόνο που χρειάζεται είναι το Adobe Photoshop για να δημιουργήσει αυτό το αποτέλεσμα. Ελπίζω ότι θα απολαύσετε αυτό το σεμινάριο.



slik-red-button-heading

Βήμα # 1

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

slik-red-button-step1a

Βήμα # 2

Συμπληρώστε το χρώμα στο φόντο στρώμα, το χρώμα μου είναι # 3B3F46.
slik-red-button-step2a

Βήμα # 3

Επιλέξτε το Rounded Rectangle Tool και να δημιουργήσει το κουμπί, μου είναι Radius 15px, πλάτος: 128px και ύψος: 36px. Αλλάξτε χρώμα προσκηνίου σας σε ένα όμορφο # 13AAB7 (Μπλε).
slik-red-button-step2

Βήμα # 4

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

Gradient Overlay

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

Πρώτη αλλαγή της ανάμειξης επιλογή Overlay. Κρατήστε τη γωνία στο 90ο, από την αλλαγή των τιμών των Αδιαφάνεια. Επιλέγω να ρυθμίσετε το Αδιαφάνεια κατά 50%.

slik-red-button-step4a

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

slik-red-button-step4b

Inner Glow

Επόμενη εφαρμόζει το εσωτερικό στυλ στρώμα λάμψη. Πρώτη αλλαγή της ανάμειξης επιλογή Overlay, από την αλλαγή των τιμών της αδιαφάνειας και μέγεθος. Επιλέγω να ρυθμίσετε την αδιαφάνεια στο 55% και μεγέθους σε 6px.

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

slik-red-button-step4c

Drop Shadow

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

slik-red-button-step4d

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

slik-red-button-step4

Βήμα # 5

Δημιουργήστε ένα άλλο νέο στρώμα, κάνει μια επιλογή γύρω από την αρχική κουμπί σας, μπορείτε να το κάνετε αυτό κρατώντας το CTRL στη συνέχεια κάνοντας κλικ στις φωτογραφίες για το στρώμα του.).

slik-red-button-step5

Συμπληρώστε το χρώμα προσκηνίου στο Λευκό.

Επιλέξτε το Rounded Rectangle Tool, επιλέξτε και διαγράψτε το κάτω μισό του λευκό στρώμα που μόλις έκανε, ίσως χρειαστεί να μετρήσει το ύψος του κουμπιού σας πριν διαγράψει το κάτω μισό.

slik-red-button-step5a

Πρώτα θα πρέπει να αλλάξετε την επιλογή τρόπου στρώμα να Softlight, από την αλλαγή των αξιών της αδιαφάνειας. Επιλέγω να ρυθμίσετε την αδιαφάνεια κατά 20%

Βήμα # 6

Επιλέξτε Οριζόντια Τύπος Tool και πληκτρολογήστε το κείμενο στο μπροστινό μέρος.

Τελικό

slik-red-button-final

Ας γνωρίζουν ότι με τον τρόπο αυτό το σεμινάριο μπορεί να είναι πιο καλύτερα; Εάν βρήκατε οποιαδήποτε άλλη photoshop σεμινάριο που θέλετε να μοιραστείτε μαζί μας, μπορείτε να μας ενημερώσετε με τη ρίψη σε ένα σχόλιο.

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

Filed under: Photoshop, Tutorials από admin

Προώθηση μας

  • Προσθέστε σε Mixx!
Ace Φιλοξενία Ινδία

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

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

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

    • Πώς να δημιουργήσετε Νίκαια Ένθετο Κείμενο κουμπιού στο Photoshop
    • Πώς να δημιουργήσετε Web Button Στο Photoshop + Download Free PSD αρχείο
    • Πώς να δημιουργήσετε έναν απλό πράσινο κουμπί στο Photoshop
    • Πώς να Δημιουργίαφακέλου Icon στο Photoshop
    • Πώς να δημιουργήσετε ένα Νίκαια Sleek Dark κουμπιού στο 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 δείτε περισσότερα
«15 Places To Download Free Twitter Icon Σκηνικά
Untitled Document

    Εγγραφή

  • Μέρα για ζωοτροφές
  • Εγγραφείτε μέσω email
  • Ακολουθήστε μας σε έξαψη
  • WooThemes - Σε περίπτωση που υπάρχει μια Woo, υπάρχει ένας τρόπος!
  • DreamTemplate - Web Templates

    • Αναζήτηση

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

    Γενάρης 2010
    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 31
    • Σελίδες

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

    • Css (24)
    • Σχεδιασμός / Έμπνευση (63)
    • Freebies (52)
    • Graphic Design (12)
    • Photoshop (30)
    • Πόροι (45)
    • Seo (1)
    • Εργαλεία (11)
    • Tutorials (42)
    • Τυπογραφία (6)
    • Web Development (6)
    • Wordpress (6)
    • Αρχεία

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

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

    • 5 βήματα για τη βελτίωση της Γράψτε CSS Μέρος ΙΙ
    • 21 Big, Bold Τυπογραφία Website Design
    • Πώς δημιουργήσει εμφανίσιμη μορφή δεν πίνακα
    • Πώς να δημιουργήσετε Νίκαιας Scalable CSS Βασισμένο Breadcrumbs
    • 20 Stunning Παράδειγμα Infographics Για έμπνευση σας
    • 33 "Hello" Παράδειγμα Σελίδες για την έμπνευση σας
    • 30 ιστοσελίδες με μέγιστη Πορτοκαλί
    • Ετικετών

    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
      • Μπορείτε Ο σχεδιαστής
    • Κοινότητα Νέων

        • 55 + Stunning Mac Δραστήριοι Wallpapers

          Σήμερα είμαστε με εκπληκτική MAC κίνητρα Hi-res wallpapers, γιατί εθίζονται στην Apple, αλλά και την αγάπη για την χρήση wallpapers καθώς επίσης και κοινή χρήση με σεβασμό στους επισκέπτες και τους αναγνώστες μας που είναι πραγματικά β ...

          26 Ιανουαρίου, 2010
        • Δημιουργία Lady πτηνά εντόμων Εκμάθηση Χρησιμοποιώντας το Adobe Illu ...

          Lady πτηνά, υπάρχει οποιαδήποτε άλλα έντομα που συμβολίζουν την ευημερία και τη φρεσκάδα της φύσης περισσότερο; Μπορείτε να βρείτε αυτά τα χαριτωμένα είναι σχεδόν οπουδήποτε και δεν θα προκαλέσει ποτέ τίποτα αλλά cheers. ...

          25 Γενάρη 2010
        • 45 Δωρεάν Most Wanted iPhone Games

          Είμαι κοινή χρήση ενός από τους παλαιότερους χόμπι μου που είναι παιχνίδια, αλλά σήμερα σε αυτόν τον σύγχρονο κόσμο μας είναι εντυπωσιακά με μερικά καταπληκτικά και πλέον δημοφιλή ελεύθερα παιχνίδια iPhone, το iPhone είναι σαν σύνδεση πολυμέσων έξυπνο τηλέφωνο ...

          23 Ιανουαρίου, 2010
        • 27 ξεκαρδιστική πράγματα που θέλετε, ήταν Photoshopped

          Σε αυτό το άρθρο, θα εξετάσουμε εν λόγω "χειρισμούς φωτογραφία", το οποίο σίγουρα θα χτυπήσει το αστείο οστών σου.

          18 Ιανουαρίου 2010
        • Google για να πάρετε μια Makeover

          "Όποιος επιθυμεί συνεχή επιτυχία πρέπει να αλλάζουν συνεχώς» και καθίσταται όλο και πιο προφανές ότι η Google ακολουθεί αυτήν την σχολή σκέψης. Η Online Marketing Blog είναι μία αναφορά ...

          11 Δεκεμβρίου 2009
        • Πώς να δημιουργήσετε έναν απλό πράσινο κουμπί στο Photoshop

          του είναι πολύ απλή και πολύ αποτελεσματική φροντιστήριο. Ελπίζω ότι θα απολαύσετε αυτό το σεμινάριο.

          9 Δεκεμβρίου 2009
        • 11 Free Grunge Fonts Σχεδιαστές

          Σε αυτό το post θα βρείτε 11 δωρεάν Grunge Fonts Σχεδιαστές. Αυτές οι ελεύθερες γραμματοσειρές είναι ιδανικά για οδυνηρές σχέδια σας. Ελπίζω να σας αρέσει αυτό.

          9 Δεκεμβρίου 2009
    • Προσθήκη Ειδήσεις

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






      Loading ...

    • Μεταφραστής

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