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

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

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

Πώς να δημιουργήσετε Web Button Στο Photoshop + Download Free PSD αρχείο

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



web-button-heading
downloadfile

Πώς να δημιουργήσετε Web Button στο Photoshop

Βήμα # 1

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

Βήμα # 2

Συμπληρώστε το χρώμα στο φόντο στρώμα, το χρώμα μου είναι # 3A3A3A. web-button-step2

Βήμα # 3

Επιλέξτε το Rounded Rectangle Tool και να δημιουργήσει το κουμπί, μου είναι Radius 7px, πλάτος: 156px και ύψος: 38px..
web-button-step3

Βήμα # 4

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

Gradient Overlay

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

web-button-step4

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

web-button-step4a

Drop Shadow

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

web-button-step4b

Βήμα # 5

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

web-button-step5

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

Color Overlay

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

web-button-step5a

Drop Shadow

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

web-button-step5b

Τελικό Preview

web-button-final

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

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

Filed under: Freebies, Photoshop, Tutorials από admin

Προώθηση μας

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

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

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

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

    • Πώς να δημιουργήσετε Νίκαια Ένθετο Κείμενο κουμπιού στο Photoshop
    • Πώς να δημιουργήσετε έναν απλό πράσινο κουμπί στο Photoshop
    • Πώς να δημιουργήσετε letterpress Τυπογραφίας στο Photoshop
    • Πώς να δημιουργήσετε Νίκαια Easy 3D Επίδραση Κείμενο στο Photoshop
    • Πώς να δημιουργήσετε μια απλή & Slick Blue Button - Photoshop Tutorial
Untitled Document

Ένα σχόλιο

  1. favSHARE λέει στις: 18 Ιανουαρίου του 2010 στις 11:32 π.μ. Είπε:

    Αυτό το άρθρο έχει από κοινού με favSHARE.net. Πάει και να ψηφίσει αυτό!

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

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


CommentLuv Enabled δείτε περισσότερα
«27 Awesome Παράδειγμα Vintage Website Designs
10 Awesome εικόνας Βελτιστοποίηση Εργαλεία »
Untitled Document

    Εγγραφή

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

    • Πρόσφατες δημοσιεύσεις

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

    • 21 Big, Bold Τυπογραφία Website Design
    • Πώς δημιουργήσει εμφανίσιμη μορφή δεν πίνακα
    • 5 βήματα για τη βελτίωση της Γράψτε CSS Μέρος ΙΙ
    • Πώς να δημιουργήσετε Νίκαιας 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
      • Μπορείτε Ο σχεδιαστής
    • Κοινότητα Νέων

        • Η επιτυχία της επιχείρησής σας στο Διαδίκτυο

          Ένα άρθρο σχετικά με τις αλλαγές στον τομέα της εμπορίας, όταν έφτασε Web 2.0. Ισχυρά, οι αδυναμίες και οι έννοιες που το online μέσο έφερε στο μάρκετινγκ.

          13 Φεβ, 2010
        • 30 + Enormously Χρήσιμα Adobe Air Applications

          Σήμερα θα παρουσιάζουν κάποιες από τις πιο χρήσιμες εφαρμογές Adobe Air, ένα από τα πιο αγαπημένα πλατφόρμα εφαρμογής, έχει γίνει πολύ δημοφιλής πλατφόρμα για internet-enabled desktop εφαρμογών. ...

          12 Φεβρουαρίου 2010
        • 15 Tutorials Ημέρα του Αγίου Βαλεντίνου Photoshop

          Εδώ είναι ένα roundup των 15 Photoshop tutorials να εμπνευστεί από την, κατά το σχεδιασμό δική αρκετά ευχετήρια κάρτα σας ή ταπετσαρία για το αγαπημένο σας πρόσωπο.

          8 Φεβρουαρίου 2010
        • 36 Awesome Film Noir Movie Posters

          Film noir είναι ένα κινηματογραφικό είδος που χαρακτηρίζεται από το κομψό δράματα Χόλιγουντ που ασχολούνται με τα μεγάλα ζητήματα του φύλου, της βίας και χρήματα. Ο κόσμος noir είναι γεμάτη από ηθικά αμφιλεγόμενες απατεώνες, διεφθαρμένους μπάτσους, στην ...

          6 Φεβρουαρίου του 2010
        • Γίνει Σχεδιαστής Logo σε Logomyway.com

          Ανάγκη Amazing Designs Custom; LogoMyWay συνδέει τους πελάτες που έχουν ανάγκη το έργο του σχεδιασμού, όπως Custom σχέδια λογότυπο, T-shirts σχέδια, σχέδια Επιχειρήσεις κάρτα και περισσότερο σε μια ακμάζουσα κοινότητα των ταλαντούχων λογότυπο de ...

          5 Φεβρουαρίου 2010
        • Βιτρίνα της E-Learning Ιστοσελίδες για τη διαλογική αυτός ...

          Είμαστε με κάτι διαφορετικό και σήμερα, όπως θα φανεί στη συνέχεια, σύμφωνα με τον τίτλο ή άρθρο μας «βιτρίνα της E-Learning Ιστοσελίδες για τη διαλογική βοήθεια" αυτή είναι εντελώς νέα και πάρα πολύ απαιτητική ... Τόπι

          4 του Φλεβάρη του 2010
        • 25 + Εμπνευσμένος Σεμινάρια του Δ του Αγίου Βαλεντίνου ...

          Αγίου Βαλεντίνου ημέρα είναι αργία γιορτάζεται στις 14 Φεβρουαρίου από πολλούς ανθρώπους σε ολόκληρο τον κόσμο. Στην αγγλόφωνες χώρες, είναι η παραδοσιακή ημέρα κατά την οποία εκφράζουν τους λάτρεις lo τους ...

          2 Φλεβάρη του 2010
    • Προσθήκη Ειδήσεις

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






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