• Home
  • Over
  • Artikelen
  • Contacteer ons

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

  • Artikel geschreven
  • op 22-10-2009
  • om 06:48
  • door admin

How to Create Nice Easy 3D-effect tekst in Photoshop

Dit is een begin lavel ontwerp tutorial. In dit artikel vindt u maken hoe leuk 3D (driedimensionaal) tekst effect in Photoshop. dit is zeer snel en eenvoudig grafisch ontwerp tutorial.I hopen dat u deze tutorial genieten.


final

Final Preview

Dat wat we gaan doen vandaag

3d-final

Stap # 1

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

 Nice Easy 3D Text Effect in Photoshop Step1

Stap # 2

Vul de kleur in de achtergrond laag, mijn kleur is # 333333.

Nice Easy 3D Text Effect in Photoshop Step 2

Stap # 3

Selecteer Horizontal Type Tool en typt u tekst op de voorzijde. Ik gebruik "Arial" met Bold en grootte "90" om te controleren of ik de beste in de details aan.

Nice Easy 3D Text Effect in Photoshop step 3

Stap # 4

Klik met de rechtermuisknop op de tekst laag en klik op rasteren Type (of rasteren Layer, afhankelijk van wat Photoshop CS versie die u gebruikt).

3d-restrize-layer

Stap # 5

Laten we blijven onze tekst om te zetten in 3D. Selecteer de Infoway laag. Dan ga naar "Edit" -> "Transform" -> "Perspectief" (CTRL + T)

Ctrl ingedrukt, klik op het rechts boven transformeren controle van de doos. Moet er zo uitzien.

3d-skew

Stap # 6

We gaan beginnen met het geven van deze tekst een 3D-look. In de eerste plaats willen we onze tekst dubbele laag; Nu, terwijl u CTRL + ALT, druk op de pijl omhoog, zoals u zult merken, deze dupliceert de laag en zet het op met 1 pixel. nu doen dit ongeveer 8 tot 10 keer, daarna krijgt u zoiets als dit:

3d-drag

Stap # 7

Nu, wat je hoeft te doen is Marge ALLE "kopie" laag samen, behalve de bovenste.

Om dit te doen, zorg ervoor dat u de 2e laag naar de top en het samenvoegen van de lagen eronder ALLE samen zoals zo ... (NIET Samenvoegen naar de achtergrond laag)

3d-marge

Stap # 8

Nu gelden enig effect

Ga nu naar palet Lagen, selecteert u de Infoway laag.

Color Overlay

Styling de Text dubbelklikt u op de miniatuur van de Infoway Layer in het deelvenster Lagen het openstellen van de Layer Styles dialoogvenster, zullen we het toepassen van een Color Overlay effect voor uw tekst. Klik vervolgens op de kleur vak, ik kies # E97E2C.
3d-infoway-color-overlay

Inner Shadow

Vervolgens passen de Inner Shadow laag stijl. Houd de hoek op 120 o, dan veranderen de waarden van de opaciteit, afstand en grootte. Ik kies om de Dekking op 75%, op afstand 1px en Grootte op 5px.

Verander de Inner Shadow kleur uit de standaard # D75D00

3d-infoway-inner-shadow

Inner Glow

Volgende passen de Inner Glow laag stijl. Houd de Blending mode op het scherm, dan veranderen de waarden van de Dekking, Choke en grootte. Ik kies om de Dekking op 45%, Choke op 7% en grootte op 90px.

Verander de Inner Glow kleur uit de standaard naar # FFA800

3d-infoway-inner-glow

Satin

Vervolgens passen de Satin laag stijl. Houd de Blending mode op Multiply, dan veranderen de waarden van de Dekking, afstand en grootte. Ik kies ervoor om de Dekking vastgesteld op 46%, op afstand op 11% en grootte op 14px.

Deel Belangrijk: Houd de hoek van 19 o

Verander de Inner Glow kleur uit de standaard # FF0000

3d-infoway-inner-satin

Daarna zal, krijg je zoiets als dit:

3d-top-layer

Nu zullen we passen al deze laagstijlen (Layer »Layer Styles» ...) naar de onderste laag:

3d-bottom-layer

Nu gelden enig effect

Gradient Effect

Styling de onderste laag dubbel-klik op de afbeelding van de onderste laag in het deelvenster Lagen het openstellen van de Layer Styles dialoogvenster, dan passen we de horizontale gradiënt effect voor uw Bottom Layer. Klik vervolgens op het kleurverloop aan de rechterkant van de Gradient optie om de openstelling van de Color Gradient Editor.

3d-bottom-layer

Dubbelklik op links-kleur-stop en voer de kleurwaarde # CC0000 dubbelklik vervolgens op rechts-color-stop en voer de kleurwaarde # 840000.

3d-bottom-layer-color-stop

Inner Shadow

Vervolgens passen de Inner Shadow laag stijl. Houd de hoek op 120 o, dan veranderen de waarden van de opaciteit, afstand en grootte. Ik kies ervoor om de ondoorzichtigheid op 75%, op afstand vastgesteld op 5px en grootte op 24px.

3d-bottom-layer-inner-shadow

Slagschaduw

Tot slot zullen we de toepassing van de slagschaduw, Houd de hoek op 120 o, dan veranderen de waarden van de opaciteit, afstand en grootte. Ik kies ervoor om de ondoorzichtigheid op 75%, op afstand vastgesteld op 2px en grootte op 5px.

3d-bottom-layer-drop-shadow

Uitslag

Wanneer alles is ingesteld moet je nu iets op zoek als dit:

3d-final

Download het bronbestand

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

Download Bestand: Nice Easy 3D-effect Tekst (72.5KB)

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 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
    • Maak een mooie Box Icon 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
«Downloaden 1000 Vrij Farm-Fresh Web Icons
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

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

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

    • Css (18)
    • Design / Inspiration (46)
    • Freebies (28)
    • Graphic Design (10)
    • Photoshop (16)
    • Resources (26)
    • Seo (1)
    • Tools (7)
    • Tutorials (29)
    • Typografie (4)
    • Web ontwikkeling (5)
    • Wordpress (6)
    • Archief

    • 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
    • Maak een mooie Box Icon in Photoshop
    • How to Create Boekdruk Typografie 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.