• Heim
  • Über
  • Artikel
  • Kontaktieren Sie uns

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

  • Artikel geschrieben
  • am 22.10.2009
  • um 06:48 AM
  • von admin

Wie nach Nizza Easy 3D-Text-Effekt in Photoshop erstellen

Dies ist ein Anfang Lavel Design Tutorial. In diesem Artikel finden Sie, wie Sie schaffen eine angenehme 3D (dreidimensional) Text-Effekt in Photoshop. das ist sehr schnelle und einfache Grafik-Design tutorial.I hoffen, dass Sie dieses Tutorial zu genießen.


final

Final Vorschau

Das, was wir erlebt haben heute

3d-final

Schritt # 1

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

 Nice Easy 3D Text Effect in Photoshop Step1

Schritt # 2

Füllen Sie die Farbe im Hintergrund Schicht, ist mein Farbe # 333333.

Nice Easy 3D Text Effect in Photoshop Step 2

Schritt 3

Wählen Sie "Horizontal Textwerkzeug und geben Sie Text auf der Vorderseite. Ich verwende "Arial" mit Fett und Größe "90" um sicherzustellen, dass ich die beste, um es im Detail.

Nice Easy 3D Text Effect in Photoshop step 3

Schritt # 4

Der rechten Maustaste auf die Textebene und klicken Sie auf RASTERN Typ (oder Rastern Layer je nachdem, was Photoshop CS von Ihnen verwendete Version).

3d-restrize-layer

Schritt # 5

Let's weiter zu unserem Text in 3D umzuwandeln. Wählen Sie die Infoway Schicht. Als zu "bearbeiten" zu gehen "->" Transform "->" Perspective "(CTRL + T)

Gedrückter Strg-Taste, klicken Sie rechts oben auf verwandeln die Kontrolle über das Feld. Sollte wie folgt aussehen.

3d-skew

Schritt # 6

Wir werden bald anfangen, diesen Text auf einem 3D-Look. Erstens wollen wir unseren Text zu duplizieren, jetzt mit gedrückter STRG + ALT, Drücken Sie die Pfeiltaste, wie Sie bemerken werden, Duplikate dieser Schicht, und verschieben Sie sie um 1 Pixel. Jetzt tun dies etwa 8 bis 10 Mal, danach werden Sie etwas erhalten wie folgt aus:

3d-drag

Schritt # 7

Nun, was Sie tun müssen, ist ALL marge die "doppelte" Schicht zusammen, mit Ausnahme der oben ein.

Um dies zu tun, stellen Sie sicher, wählen Sie die 2. Schicht nach oben und führen Sie sie auf die Ebenen, die alle unter ihm zusammen, so wie ... (NICHT Seriendruck in die Hintergrundebene)

3d-marge

Schritt # 8

Nun wenden wir eine gewisse Wirkung

Gehen Sie nun in Ebenen-Palette, wählen Sie die Infoway Schicht.

Farbüberlagerung

Styling der Text doppelklicken Sie auf die Miniatur des Infoway Layer in der Ebenen-Panel zu öffnen, die Ebenenstile Dialogfeld, werden wir für ein Farbüberlagerung Wirkung für Ihren Text. Dann klicken Sie auf das Farbfeld, ich wähle # E97E2C.
3d-infoway-color-overlay

Inner Shadow

Weiter gelten die Inner Shadow Ebenenstil. Halten Sie den Winkel, bei 120 o, als eine Änderung der Werte der Trübung, Entfernung und Größe. Ich wähle, um die Deckkraft auf 75%, Entfernung und Größe auf 1px auf 5px gesetzt.

Ändern Sie den Inner Shadow Farbe aus der standardmäßig # D75D00

3d-infoway-inner-shadow

Inner Glow

Weiter gelten die Inner Glow Ebenenstil. Halten Sie die Füllmethode auf Bildschirm, als eine Änderung der Werte der Deckkraft, Choke und Größe. Ich wähle, um die Deckkraft auf 45%, Choke auf 7% und Größe auf 90px gesetzt.

Ändern Sie den Inner Glow Farbe aus der standardmäßig # FFA800

3d-infoway-inner-glow

Satin

Weiter gelten die Satin-Schicht-Stil. Halten Sie die Füllmethode auf Multiplizieren, als eine Änderung der Werte der Deckkraft, Entfernung und Größe. Ich wähle, um die Deckkraft auf 46%, Entfernung um 11% und Größe auf 14px gesetzt.

Wichtiger Teil: Halten Sie den Winkel, bei 19 o

Ändern Sie den Inner Glow Farbe aus der standardmäßig # FF0000

3d-infoway-inner-satin

Danach werden Sie etwas erhalten wie folgt aus:

3d-top-layer

Jetzt werden wir alle diese Ebenenstile Anwendung (Layer »Layer Styles» ...) an die untere Lage:

3d-bottom-layer

Nun wenden wir eine gewisse Wirkung

Gradient-Effekt

Styling Die untere Schicht Doppelklicken Sie auf das Vorschaubild der unteren Ebene in der Ebenen-Panel zu öffnen, die Ebenenstile Dialogfeld, werden wir horizontalen Gradienten Wirkung gelten für Ihre Bottom Layer. Dann klicken Sie auf den Farbverlauf auf der rechten Seite der Gradient Option zur Öffnung der Farbverlauf-Editor.

3d-bottom-layer

Doppelklicken Sie auf left-color-stop und geben Sie den Farbwert # CC0000 dann klicken Sie doppelt auf right-color-stop und geben Sie den Farbwert # 840000.

3d-bottom-layer-color-stop

Inner Shadow

Weiter gelten die Inner Shadow Ebenenstil. Halten Sie den Winkel, bei 120 o, als eine Änderung der Werte der Trübung, Entfernung und Größe. Ich wähle, um die Deckkraft auf 75%, Abstand 5px und Größe auf 24px gesetzt.

3d-bottom-layer-inner-shadow

Schlagschatten

Schließlich werden wir für den Schlagschatten, Halten Sie den Winkel, bei 120 o, als eine Änderung der Werte der Trübung, Entfernung und Größe. Ich wähle, um die Deckkraft auf 75%, Abstand 2px und Größe auf 5px gesetzt.

3d-bottom-layer-drop-shadow

Ergebnis

Wenn alles Installation sollten Sie jetzt etwas aussieht:

3d-final

Download der Quelldatei

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

Download File: Nice Easy 3D-Text-Effekt (72.5KB)

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 Nizza Inset Button Text in Photoshop
    • Erstellen Buchdruck Typografie in Photoshop
    • 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

2 Kommentare

  1. clippingimages sagt am: 24. Oktober 2009 um 7:18 Said:

    WoW :) Sehr einfach und klar definierte Tutorial zu lernen. Thanks for sharing this is awesome Post. Wenn Sie eine beliebige Grafiken helfen, Design, klicken Sie bitte http://www.clippingimages.com

  2. Photoshop CS5 sagt am: 26. Oktober 2009 um 12:43 Said:

    Schöne zusammen
    Danke Ich habe diese vorgemerkt

    Es war ein leicht tut folgen - well done

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
«Free Download 1000 Farm-Fresh Web Icons
Developer's Paradise Sites of the Week "24. Oktober 2009»
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

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

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

    • Css (19)
    • Design / Inspiration (50)
    • 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
    • Erstellen Buchdruck Typografie in Photoshop
    • Wie nach Nizza Scalable CSS erstellen Grundlage Breadcrumbs
    • 5 Steps to Write Better Css
    • 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.