• Home
  • Over
  • Artikelen
  • Contacteer ons

: 91 11 9810018780 Mail naar: info@aceinfowayindia.com / Bel: 91 11 9810018780

  • Artikel geschreven
  • op 10-11-2009
  • om 12:37
  • door admin

How to Create Nice Inset knop Tekst in Photoshop

Dit is een begin lavel ontwerp tutorial. In dit artikel vindt u Hoe Nice Inset Tekst knop aan te maken in Photoshop. dit is zeer snel en eenvoudig grafisch ontwerp tutorial.I hopen dat u deze tutorial genieten.

Final Preview

Dit is wat we gaan doen vandaag

inset-button-tutorial-final

Stap # 1

Open Photoshop en maak een nieuw document, is de mijne 550px × 356px met een witte achtergrond.

inset-button-tutorial-step1

Stap # 2

Selecteer de Rounded Rectangle Tool en creëren knop, de mijne straal is 6px.

inset-button-tutorial-step2

Nu zullen we toepassen enig effect

Gradient Overlay

Styling de knop dubbelklikt u op de miniatuur van de Layer knop in het deelvenster Lagen het openstellen van de Layer Styles dialoogvenster, zullen we het toepassen van een verticale gradiant effect voor uw Button. Klik vervolgens op het kleurverloop aan de rechterkant van de Gradient optie om de openstelling van de C olor Gradient Editor.

3d-bottom-layer

Dubbel-klik op links-kleur-stop en voer de kleurwaarde # 848484, dubbelklik vervolgens op rechts-color-stop en voer de kleurwaarde # C4C4C4.

inset-button-tutorial-step2a

Slagschaduw

Vervolgens passen de Slagschaduw laag stijl. Houd de hoek 120o, dan veranderen de waarden van de Dekking, afstand en grootte. Ik kies ervoor om de Dekking vastgesteld op 47%, op afstand 2px en Grootte op 4px.

inset-button-tutorial-step2d

Moet er zo uitzien.

inset-button-tutorial-step2Dropshadow

Slag

Vervolgens zullen we de toepassing van de Stroke. Eerste veranderen van de waarden van de grootte. Ik kies ervoor om de grootte vastgesteld op 1px, standpunt op Outside. Ik kies ervoor om de Dekking op 100%. Verander de kleur van de Stroke standaard # 666666

inset-button-tutorial-step2e

Moet er zo uitzien.

inset-button-tutorial-step2Stroke

Stap # 3

Selecteer Horizontal Type Tool en typt u tekst op de voorzijde.

inset-button-tutorial-step3

Nu zullen we toepassen enig effect voor tekst.

Color Overlay

Dubbelklik op de miniatuur van de tekst laag in het deelvenster Lagen het openstellen van de Layer Styles dialoogvenster. Eerst zullen we toepassen kleur overlay, kies ik de kleur # 303030

inset-button-tutorial-step3a

Inner Shadow

Vervolgens passen de Inner Shadow laag stijl. Belangrijkste deel houden de hoek 41o, dan veranderen de waarden van de Dekking, afstand en grootte. Ik kies ervoor om de Dekking op 75% en op afstand vastgesteld op 1px en Grootte op 1px.

inset-button-tutorial-step3Innershadow

Slagschaduw

Tot slot zullen we de toepassing van de Slagschaduw, eerst de Blending optie wijzigen in Normaal. Wijzig de Shadow Kleur van de standaard naar # FFFFFF. Houd de hoek 90o, dan veranderen de waarden van ondoorzichtigheid en afstand. Ik kies ervoor om de Dekking vastgesteld op 47% en op afstand 1px.

inset-button-tutorial-step3c

Uitslag

inset-button-tutorial-final

Als u wilt uw werk te controleren, kunt u downloaden van de PSD-bestand voor deze tutorial

Als u wilt meer inspiratie van ons te ontvangen, kunt u overwegen een abonnement op onze feed met RSS of per e-mail.

Geplaatst onder: Photoshop, Tutorials door admin

Promoot ons

  • Add to Mixx!

Tags: Photoshop, Tutorials

Verwante artikelen:

Als je genoten hebt van het lezen van dit artikel, kijk dan op andere aanverwante artikelen hieronder:

    • How to Create Boekdruk Typografie in Photoshop
    • How to Create Nice Easy 3D-effect tekst in Photoshop
    • How to Create I-Phone Net Button in Photoshop
    • How to Create a Nice Sleek Dark Button in Photoshop
    • How to Create Smooth Glossy Text Effect in Photoshop
Untitled Document

Submit a Comment

XHTML: U kunt deze tags: href="" titel=""> <abbr title= <acronym title= <b> <blockquote noemen=""> <cite> <code> < del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled toon meer
«10 Awesome Free Hand Drawn Icon Sets
Untitled Document

    Abonneren

  • Abonneer u op onze feed
  • Abonneren via e-mail
  • Volg ons op Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Zoeken

      Untitled Document
  • Kalender

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

      • Home
      • Over
      • Artikelen
      • Contacteer ons
    • Categorieën

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

    • November 2009
    • Oktober 2009
    • September 2009
    • Augustus 2009
    • Juli 2009
    • Juni 2009
    • Mei 2009
    • Recente berichten

    • Css
    • Design / Inspiration
    • Freebies
    • Graphic Design
    • Photoshop
    • Populaire Posten

    • Hoe creëren good looking vorm zonder tafel
    • 30 Websites met Maximaal Oranje
    • Hoe Nice Scalable CSS Maak Gebaseerd Breadcrumbs
    • 5 Stappen het schrijven van betere Css
    • How to Create Boekdruk Typografie in Photoshop
    • Maak een mooie Box Icon in Photoshop
    • 6 Awesome Online Photo Editing Tools
    • Tag cloud

    Css Design Fonts Freebies Grafisch Ontwerp Grafisch ontwerp Icons Inspiratie Inspitation Photoshop Resources Tools Tutorials Typografie Web ontwikkeling Wordpress

    • Vrienden

      • Abduzeedo
      • ALIST Apart
      • BittBox
      • CrazyLeaf Design
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Help ontwikkelaars
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDTUTS
      • Deel Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Wij functie
      • 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
  • SPONSORS

    Check out UPrinting op YouTheDesigner.


    Business Cards Online

    Web Design Blog Directory

.
Untitled Document
Terug naar boven

Algemeen

Deze misschien van enig belang
  • Over Ons Bedrijf
  • Getuigenissen
  • Contactgegevens
  • Blog
  • Sociaal - Twitter, Flickr

Werken

Voorbeelden van projecten uit het verleden
  • Over Ons Bedrijf
  • Getuigenissen
  • Contactgegevens
  • Blog
  • Sociaal - Twitter, Flickr

Diensten

Dit is wat vandaag waar de verkoop
  • Over Ons Bedrijf
  • Getuigenissen
  • Contactgegevens
  • Blog
  • Sociaal - Twitter, Flickr

Contactgegevens

Wilt u ons inhuren? je hier begonnen ...
  • Gratis Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway India Huur Ace Infoway India voor uw volgende ontwerp project. Bekijk onze portfolio.