• Hem
  • Om
  • Artiklar
  • Kontakt

: 91 11 9810018780 Post till: info@aceinfowayindia.com / Ring: 91 11 9810018780

  • Artikel skriven
  • den 22.10.2009
  • at 06:48
  • av admin

Hur du skapar Nice Easy 3D Texteffekt i Photoshop

Detta är en början lavel design handledning. I den här artikeln hittar du hur skapa en snygg 3D (tredimensionella) text effekter i Photoshop. Detta är mycket snabb och enkel grafisk design tutorial.I hoppas att du kommer att njuta av den här guiden.


final

Final Preview

Här vad vi gått gör idag

3d-final

Steg 1

Öppna Photoshop och skapa ett nytt dokument, är min 550 × 498px med en vit bakgrund.

 Nice Easy 3D Text Effect in Photoshop Step1

Steg 2

Fyll färgen i bakgrunden lager, är min färg # 333333.

Nice Easy 3D Text Effect in Photoshop Step 2

Steg 3

Välj Horisontell Type Tool och skriva text på framsidan. Jag använder "Arial" Fet och storlek "90" för att se till att jag får de bästa detalj i den.

Nice Easy 3D Text Effect in Photoshop step 3

Steg 4

Högerklicka på texten lagret och klicka på rastrerar typ (eller rastrerar lager beroende på vad Photoshop CS version du använder).

3d-restrize-layer

Steg # 5

Låt oss fortsätta att omvandla vår text i 3D. Markera INFOWAY lagret. Än går till "Redigera" -> "Transform" -> "Perspective" (Ctrl + T)

Hålla nere Ctrl, klicka på längst upp till höger förvandla kontroll av rutan. Skulle se ut så här.

3d-skew

Steg # 6

Vi kommer att börja ge texten en 3D-look. Först vill vi att kopiera vår text layer; Nu, medan du håller ned CTRL + ALT, tryck på UPP pil, som ni märker, dubbletter detta lagret och flytta det med 1 pixel. nu göra detta om 8 till 10 gånger, efter det kommer du få något så här:

3d-drag

Steg 7

Nu, vad du behöver göra är Marge alla "dubbla" lager tillsammans, förutom en topp.

För att göra detta, se till att väljer den 2: a lagret upp till toppen och slås samman till alla lagren under det tillsammans liksom så ... (INTE Koppla till bakgrundslagret)

3d-marge

Steg # 8

Nu gäller viss effekt

Gå nu till paletten, välj INFOWAY lager.

Color Overlay

Styling Text dubbelklicka på INFOWAY lagrets miniatyrbild på panelen Lager att öppna lagerstilar dialogrutan kommer vi att använda en färg Overlay effekt för din text. Klicka sedan på rutan Färg, jag väljer # E97E2C.
3d-infoway-color-overlay

Inner Shadow

Nästa tillämpa den inre skuggan lager stil. Vinkeln vid 120 o, än att ändra värdena opacitet, avstånd och storlek. Jag väljer att ställa Opacitet till 75%, avstånd 1px och storlek på 5px.

Ändra inre skugga färg från standard till # D75D00

3d-infoway-inner-shadow

Inner Glow

Nästa tillämpa inre glöd lager stil. Håll blandningsläget till Screen, än att ändra värdena Opacitet, Choke och storlek. Jag väljer att ställa Opacitet 45%, Choke på 7% och storlek på 90px.

Ändra inre glöd färg från standard till # FFA800

3d-infoway-inner-glow

Satin

Nästa tillämpa Satin lagerstil. Håll blandningsläget till Multiply, än att ändra värdena Opacitet, avstånd och storlek. Jag väljer att ställa Opacitet till 46%, distans på 11% och storlek på 14px.

Viktig del: Vinkeln vid 19 o

Ändra inre glöd färg från standard till # FF0000

3d-infoway-inner-satin

Efter det kommer du få ungefär så här:

3d-top-layer

Nu kommer vi att tillämpa alla dessa lagerstilar (Layer »Layer Styles» ...) till Sockel:

3d-bottom-layer

Nu gäller viss effekt

Gradient Effect

Styling bottenlagret dubbelklicka på bottenlagret miniatyr på panelen Lager att öppna lagerstilar dialogrutan kommer vi att tillämpa horisontell lutning effekt för din bottenlagret. Klicka sedan på färggradient till höger om lutningen möjlighet att öppna färggradienten Editor.

3d-bottom-layer

Dubbelklicka på vänster-color-stop och ange färgvärde # CC0000 dubbelklicka sedan på höger-color-stop och ange färgvärde # 840.000.

3d-bottom-layer-color-stop

Inner Shadow

Nästa tillämpa den inre skuggan lager stil. Vinkeln vid 120 o, än att ändra värdena opacitet, avstånd och storlek. Jag väljer att ställa in opaciteten på 75%, avstånd till 5px och storlek på 24px.

3d-bottom-layer-inner-shadow

Skugga

Slutligen kommer vi att tillämpa skugga, Vinkeln vid 120 o, än att ändra värdena opacitet, avstånd och storlek. Jag väljer att ställa in opaciteten på 75%, avstånd till 2px och storlek på 5px.

3d-bottom-layer-drop-shadow

Result

När allt är inställt Du bör nu ha något som ser ut så här:

3d-final

Ladda ner källfilen

Om du vill kontrollera ditt arbete, kan du hämta PSD fil för den här läraren.

Download File: Nice Easy 3D Texteffekt (72.5KB)

Filed under: Photoshop, Tutorials av admin

Främja oss

  • Add to Mixx!

Taggar: Photoshop, Tutorials

Artiklar:

Om du gillade att läsa den här artikeln, kan du kolla in andra relaterade artiklarna nedan:

    • Hur du skapar Nice Inset Text Button i Photoshop
    • Hur man skapar boktryck Typography i Photoshop
    • Hur du skapar I-Phone Like Button i Photoshop
    • Hur man skapa en trevlig Sleek Dark Button i Photoshop
    • How to Create Smooth Glossy Texteffekt i Photoshop
Untitled Document

2 Kommentarer

  1. clippingimages säger den: 24 oktober 2009 at 7:18 Said:

    WoW :) Mycket enkelt och väl definierade tutorial för att lära sig. Thanks for sharing this awesome post. Om du behöver några grafiska design hjälp klicka http://www.clippingimages.com

  2. Photoshop CS5 säger den: 26 oktober 2009 at 12:43 Said:

    Nicely tillsammans
    Tack I've bookmarked här

    Det var lätt att följa tut - well done

Skicka en kommentar

XHTML: Du kan använda dessa taggar: href="" titel=""> <abbr titel=""> <b> <blockquote anföra=""> <kodifiera> < del datetime = ""> <em> <jag <slag> <starkt>


CommentLuv Enabled Visa mer
«Data överför 1000 Fri Farm-Fresh Web Icons
Developer's Paradise webbplatser i veckan under 24 oktober 2009 »
Untitled Document

    Prenumerera

  • Prenumerera på vårt foder
  • Prenumerera via e-post
  • Följ med oss på Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Söka

      Untitled Document
  • Kalender

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

      • Hem
      • Om
      • Artiklar
      • Kontakt
    • Kategorier

    • Css (19)
    • Design / Inspiration (50)
    • Freebies (33)
    • Grafisk Design (10)
    • Photoshop (17)
    • Resurser (31)
    • Seo (1)
    • Verktyg (7)
    • Handledningar (31)
    • Typografi (4)
    • Webbutveckling (5)
    • Wordpress (6)
    • Arkiv

    • November 2009
    • Oktober 2009
    • September 2009
    • Augusti 2009
    • Juli 2009
    • Juni 2009
    • Maj 2009
    • Recent Posts

    • Css
    • Design / Inspiration
    • Freebies
    • Grafisk Design
    • Photoshop
    • Populära inlägg

    • Hur skapar snygg form utan bord
    • 30 Webbplatser med maximal Orange
    • Hur man skapar boktryck Typography i Photoshop
    • Hur du skapar Nice Scalable CSS Baserat Breadcrumbs
    • 5 steg för att skriva bättre Css
    • Skapa en Beautiful Box ikon i Photoshop
    • 6 Awesome Online bildredigeringsverktyg
    • Taggmoln

    CSS Design Fonts Freebies Graphic Design Graphics Design Ikoner Inspiration Inspitation Photoshop Resources Tools Tutorials Typografi Webbutveckling Wordpress

    • Vänner

      • Abduzeedo
      • En lista Apart
      • Bittbox
      • CrazyLeaf Design
      • CSS-Tricks
      • David Walsh
      • Fudgegraphics
      • Bränsle Your Creativity
      • Hjälp Developer
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDtuts
      • Dela Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Vi funktion
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • Du Designer
    • Översättare

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

    Kolla UPrinting på YouTheDesigner.


    Visitkort Online

    Web Design Blog Directory

.
Untitled Document
Tillbaka till toppen

General

Dessa kanske av visst intresse
  • Om vårt företag
  • Testimonials
  • Kontaktuppgifter
  • Blogg
  • Social - Twitter, Flickr

Works

Exempel på tidigare projekt
  • Om vårt företag
  • Testimonials
  • Kontaktuppgifter
  • Blogg
  • Social - Twitter, Flickr

Tjänster

Detta är vad där säljer idag
  • Om vårt företag
  • Testimonials
  • Kontaktuppgifter
  • Blogg
  • Social - Twitter, Flickr

Kontaktuppgifter

Vill du anlita oss? komma igång här ...
  • Free Project Assessment
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indien Hyra Ace Infoway Indien för ditt nästa konstruktionsprojekt. Se vår portfölj.