• Heim
  • Über
  • Artikel
  • Kontaktieren Sie uns

: 91 11 9810018780 Mail an: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Artikel geschrieben
  • am 10.11.2009
  • auf 12.37 Uhr
  • von admin

Erstellen Nizza Inset Button Text in Photoshop

Dies ist ein Anfang Lavel Design Tutorial. In diesem Artikel finden Sie, wie Sie Nizza Inset Button Text in Photoshop erstellen. das ist sehr schnelle und einfache Grafik-Design tutorial.I hoffen, dass Sie dieses Tutorial zu genießen.

Final Vorschau

Dies ist, was wir erlebt heute tun

inset-button-tutorial-final

Schritt # 1

Öffnen Sie Photoshop und ein neues Dokument erstellen, ist mein 550px × 356px mit einem weißen Hintergrund.

inset-button-tutorial-step1

Schritt # 2

Wählen Sie das Werkzeug für abgerundetes Rechteck, und erstellen Sie Taste, mein Radius ist 6px.

inset-button-tutorial-step2

Jetzt werden wir für eine gewisse Wirkung

Verlaufsüberlagerung

Styling the Button Doppelklicken Sie auf das Vorschaubild der Button-Ebene in der Ebenen-Panel zu öffnen, die Ebenenstile Dialogfeld, werden wir für eine vertikale gradiant Effekt für Ihre Button. Dann klicken Sie auf den Farbverlauf auf der rechten Seite der Gradient Option zur Öffnung der C olor Farbverlaufseditor.

3d-bottom-layer

Doppelklicken Sie auf left-color-stop und geben Sie den Farbwert # 848484, dann klicken Sie doppelt auf right-color-stop und geben Sie den Farbwert # C4C4C4.

inset-button-tutorial-step2a

Schlagschatten

Weiter gelten die Schlagschatten Ebenenstil. Halten Sie den Winkel, bei 120o, als die Werte für Deckkraft, Entfernung und Größe. Ich wähle, um die Deckkraft auf 47%, bei 2px Entfernung und Größe auf 4px gesetzt.

inset-button-tutorial-step2d

Sollte wie folgt aussehen.

inset-button-tutorial-step2Dropshadow

Hieb

Als nächstes werden wir für den Schlaganfall. Erstens ändern die Werte der Größe. Ich wähle die Größe auf 1px gesetzt, Position auf Outside. Ich wähle, um die Deckkraft auf 100% gesetzt. Ändern Sie die Farbe aus der Stroke standardmäßig # 666666

inset-button-tutorial-step2e

Sollte wie folgt aussehen.

inset-button-tutorial-step2Stroke

Schritt 3

Wählen Sie "Horizontal Textwerkzeug und geben Sie Text auf der Vorderseite.

inset-button-tutorial-step3

Jetzt werden wir für eine gewisse Wirkung für Text.

Farbüberlagerung

Doppelklicken Sie auf das Vorschaubild der Textebene in der Ebenen-Panel zu öffnen, die Ebenenstile Dialogfeld. Zuerst werden wir Farbüberlagerung gelten, wähle ich die Farbe # 303030

inset-button-tutorial-step3a

Inner Shadow

Weiter gelten die Inner Shadow Ebenenstil. Wichtigste Teil immer einen Winkel von 41o, als eine Änderung der Werte der Deckkraft, Entfernung und Größe. Ich wähle, um die Deckkraft auf 75% und bei 1px Entfernung und Größe auf 1px gesetzt.

inset-button-tutorial-step3Innershadow

Schlagschatten

Schließlich werden wir den Schlagschatten anwenden, ändern Sie zuerst die Blending Option auf Normal. Ändern Sie die Farbe aus dem Schatten standardmäßig # FFFFFF. Halten Sie den Winkel von 90o, als eine Änderung der Werte der Trübung und die Entfernung. Ich wähle, um die Deckkraft auf 47% und Entfernung auf 1px gesetzt.

inset-button-tutorial-step3c

Ergebnis

inset-button-tutorial-final

Wenn Sie möchten, dass Ihre Arbeit einchecken, können Sie die PSD-Datei Download für dieses Tutorial

Wenn Sie möchten mehr Inspiration von uns erhalten, prüfen Sie bitte abonnieren Sie unseren Feed von RSS-oder E-Mail.

Abgelegt unter: Photoshop, Tutorials von admin

Werbung für uns

  • Add to Mixx!

Tags: Photoshop, Tutorials

In Verbindung stehende Artikel:

Wenn Sie genossen diesen Artikel lesen, schauen Sie bitte auf ähnliche Artikel unter:

    • Erstellen Buchdruck Typografie in Photoshop
    • Wie nach Nizza Easy 3D-Text-Effekt in Photoshop erstellen
    • Erstellen I-Phone Wie Button in Photoshop
    • How to Create a Nice Sleek Dark Button in Photoshop
    • Wie Smooth Glossy Text Effect in Photoshop erstellen
Untitled Document

Submit a Comment

XHTML: Sie können diese Tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <Stark>


CommentLuv Enabled mehr
«Awesome 10 Frei-Hand-Drawn Icon Sets
Untitled Document

    Abonnieren

  • Abonnieren Sie unseren Feed
  • Abonnieren per E-Mail
  • Folgen Sie uns auf Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Suche

      Untitled Document
  • Kalender

    November 2009
    M T W T F S S
    «Okt
    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
    • Seiten

      • Heim
      • Über
      • Artikel
      • Kontaktieren Sie uns
    • Kategorien

    • Css (19)
    • Design / Inspiration (48)
    • Freebies (32)
    • Graphic Design (10)
    • Photoshop (17)
    • Ressourcen (30)
    • Seo (1)
    • Tools (7)
    • Tutorials (31)
    • Typografie (4)
    • Web-Entwicklung (5)
    • Wordpress (6)
    • Archiv

    • November 2009
    • Oktober 2009
    • September 2009
    • August 2009
    • Juli 2009
    • Juni 2009
    • Mai 2009
    • Neueste Beiträge

    • Css
    • Design / Inspiration
    • Freebies
    • Graphic Design
    • Photoshop
    • Beliebte Posts

    • Wie erzeugt man gut aussehende Form ohne Tisch
    • 30 Webseiten mit maximaler Orange
    • Wie nach Nizza Scalable CSS erstellen Grundlage Breadcrumbs
    • 5 Steps to Write Better Css
    • Erstellen Buchdruck Typografie in Photoshop
    • Erstellen Sie eine schöne Box Icon in Photoshop
    • 6 Awesome Online-Foto-Editing-Tools
    • Tag cloud

    Css Design Fonts Freebies Graphic Design Grafik Design Icons Inspiration Inspitation Photoshop Resources Tools Tutorials Typografie Web development Wordpress

    • Freunde

      • Abduzeedo
      • Neben Alist
      • Bittbox
      • CrazyLeaf Design
      • CSS-Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Hilfe Entwickler
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDTUTS
      • Sagen Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Wir fungieren
      • Web Designer Depot
      • Web Designer-Ledger
      • Web Designer Wall
      • You The Designer
    • Translator

      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
  • SPONSOREN

    Check out UPrinting auf YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Zurück zum Anfang

General

Diese vielleicht von Interesse
  • Über unser Unternehmen
  • Testimonials
  • Kontakt Details
  • Blog
  • Social - Twitter, Flickr

Works

Beispiele aus früheren Projekten
  • Über unser Unternehmen
  • Testimonials
  • Kontakt Details
  • Blog
  • Social - Twitter, Flickr

Services

Das ist was, wo heute verkaufen
  • Über unser Unternehmen
  • Testimonials
  • Kontakt Details
  • Blog
  • Social - Twitter, Flickr

Kontakt Details

Willst du uns mieten? beginnen Sie hier ...
  • Freies Projekt Assesment
  • E-Mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

© Copyright 2009, Alle Rechte vorbehalten, Ace Infoway Indien Autovermietung Ace Infoway Indien für Ihren nächsten Design-Projekt. Sehen Sie sich unsere Portfolios.