• Dom
  • O
  • Artykuły
  • Skontaktuj się z nami

: 91 11 9810018780 E-mail: info@aceinfowayindia.com / Call: 91 11 9810018780

  • Artykuł napisany
  • w dniu 22.10.2009
  • at 06:48
  • przez admin

Tworzenie Nice Easy 3D Efekty tekstowe w Photoshopie

To jest początek lavel projekt wychowawczy. W tym artykule znajdziesz, w jaki sposób tworzyć ładne 3D (trójwymiarowe) efekt tekstu w Photoshopie. jest to bardzo szybkie i łatwe projektowanie graficzne tutorial.I nadzieję, że spodoba się Państwu ten wychowawczy.


final

Wersja Preview

To co zaszliśmy do dzisiaj

3d-final

Krok 1

Open Photoshop i utworzyć nowy dokument, mój jest 550 × 498px z białym tłem.

 Nice Easy 3D Text Effect in Photoshop Step1

Krok # 2

Wypełnij kolor warstwę tła, kolor mine is # 333333.

Nice Easy 3D Text Effect in Photoshop Step 2

Krok 3

Wybierz Horizontal Type Tool i wpisywanie tekstu z przodu. Używam "Arial" pogrubioną i rozmiar "90", aby upewnić się uzyskać najlepsze szczegółowo w to.

Nice Easy 3D Text Effect in Photoshop step 3

Krok 4

Kliknij prawym przyciskiem myszy na warstwie tekstowej i kliknij Rasteryzuj Typ (lub Rasteryzuj warstwy w zależności od wersji Photoshop CS używasz).

3d-restrize-layer

Krok 5

Idźmy dalej, aby zmienić nasze tekstu 3D. Wybierz warstwę Infoway. Niż iść do "Edit" -> "Transform" -> "Perspektywy" (Ctrl + T)

Przytrzymując klawisz Ctrl, kliknij prawym górnym rogu przekształcenia kontroli polu. Powinna wyglądać.

3d-skew

Krok 6

Mamy zamiar zacząć podawać ten tekst 3D look. Po pierwsze, chcemy powielać naszych warstwie tekstowej, teraz, trzymając wciśnięty klawisz CTRL + ALT, naciśnij strzałkę w górę, jak można zauważyć, to duplikaty warstwy i przenieść ją przez 1 piksel. teraz to zrobić około 8 do 10 razy, po tym, dostaniesz coś takiego:

3d-drag

Krok 7

Teraz, co musisz zrobić, to Marge ALL "dublowane" warstwy razem, z wyjątkiem Top jeden.

Aby to zrobić, należy wybrać 2. warstwa na górę i scal je wszystkie warstwy pod nim razem, jak tak ... (NIE Scalanie do warstwy tła)

3d-marge

Krok 8

Teraz się pewne efekty

Teraz przejdź do palety warstw, wybierz Infoway warstwy.

Color Overlay

Styling Tekst dwukrotnie kliknąć na miniaturę Infoway Layer w panelu Warstwy otworzyć okno dialogowe Layer Style, zastosujemy efekt kolorystyczny Nakładka na tekst. Następnie kliknij pole wyboru koloru, wybrać # E97E2C.
3d-infoway-color-overlay

Inner Shadow

Dalej stosuje wewnętrzny styl warstwy cienia. Keep kąt 120 °, nie zmieniając wartości zadymienia, na odległość i rozmiar. I ustawi Opacity na 75%, Odległość na 1px i Rozmiar na 5px.

Zmiana wewnętrzna Kolor cienia z domyślnie # D75D00

3d-infoway-inner-shadow

Inner Glow

Dalej stosuje wewnętrzny styl warstwy Glow. Keep Blending mode na ekran, nie zmieniając wartości zadymienia, Choke i Rozmiar. I ustawi Opacity na 45%, Choke na poziomie 7% i Rozmiar na 90px.

Zmień kolor Inner Glow z domyślnie # FFA800

3d-infoway-inner-glow

Satin

Następnie zastosować styl warstwy Satin. Przechowywać w tryb mieszania Multiply, niż zmiana wartości zadymienia, na odległość i rozmiar. I ustawi Opacity na 46%, Odległość ta wynosi 11% i Rozmiar na 14px.

Ważna część: Keep kąt 19 o

Zmień kolor Inner Glow z domyślnie # FF0000

3d-infoway-inner-satin

Po tym, dostaniesz coś takiego:

3d-top-layer

Teraz będziemy stosować wszystkie te style warstwy ( »warstwy Layer Style» ...) w warstwie Bottom:

3d-bottom-layer

Teraz się pewne efekty

Efekt Gradient

Styling dolną warstwę dwukrotnie kliknąć na miniaturę, dolną warstwę w panelu Warstwy otworzyć okno dialogowe Layer Style, będziemy stosować poziomy gradient skutkiem dla dolnej warstwie. Następnie kliknij na gradient kolorów po prawej Gradient możliwość otwarcia Kolor Gradient Editor.

3d-bottom-layer

Kliknij dwukrotnie left-color-stop i wpisz wartość koloru # CC0000 następnie kliknij dwukrotnie right-color-stop i wpisz wartość koloru # 840000.

3d-bottom-layer-color-stop

Inner Shadow

Dalej stosuje wewnętrzny styl warstwy cienia. Keep kąt 120 °, nie zmieniając wartości zadymienia, na odległość i rozmiar. Wybrać, aby ustawić opacity na 75%, w odległości 5px i Rozmiar na 24px.

3d-bottom-layer-inner-shadow

Drop Shadow

Wreszcie będziemy się cień, Keep kąt 120 °, nie zmieniając wartości zadymienia, na odległość i rozmiar. Wybrać, aby ustawić opacity na 75%, odległość w 2px i Rozmiar na 5px.

3d-bottom-layer-drop-shadow

Wynik

Kiedy wszystko jest Instalator powinien teraz mieć coś, co wygląda tak:

3d-final

Pobierz plik źródłowy

Jeśli chcesz sprawdzić swoją pracę, możesz pobrać plik PSD do tego przewodnika.

Pobierz plik: Nice Easy 3D Effect Tekst (72.5KB)

Filed under: Photoshop, Tutorials przez admin

Promuj nas

  • Add to Mixx!

Tagi: Photoshop, Tutorials

Pokrewne artykuły:

Jeśli korzystają przeczytaniu tego artykułu, proszę sprawdzić inne powiązanych artykułów poniżej:

    • Tworzenie Druki Typografia w Photoshopie
    • Tworzenie I-Phone Jak przycisku w Photoshopie
    • Tworzenie Sleek Nice Dark przycisku w Photoshopie
    • Tworzenie Smooth Glossy Efekty tekstowe w Photoshopie
    • Tworzenie Beautiful Box ikona w programie Photoshop
Untitled Document

Prześlij komentarz

XHTML: Możesz używać tych skuwki: href="" title=""> <abbr title=""> <acronym <b> <blockquote zacytować=""> <cite> <code> < del datetime = ""> <em> <<q zacytować=""> <strike> <strong>


CommentLuv Enabled Pokaż więcej
«Download 1000 Free Farm-Fresh Web Ikony
Untitled Document

    Subskrypcja

  • Zapisz się do naszego kanału
  • Subskrybuj przez e-mail
  • Follow us on Twitter
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor
  • Sponsor

    • Szukać

      Untitled Document
  • Kalendarz

    Październik 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
    • Strony

      • Dom
      • O
      • Artykuły
      • Skontaktuj się z nami
    • Kategorie

    • CSS (18)
    • Design / Inspiracje (46)
    • Za Darmo (28)
    • Graphic Design (10)
    • Photoshop (16)
    • Zasoby (26)
    • Seo (1)
    • Narzędzia (7)
    • Poradniki (29)
    • Typografia (4)
    • Web development (5)
    • Wordpress (6)
    • Archiwum

    • Październik 2009
    • Wrzesień 2009
    • Sierpień 2009
    • Lipiec 2009
    • Czerwiec 2009
    • Maj 2009
    • Recent Posts

    • Css
    • Design / Inspiration
    • Za Darmo
    • Graphic Design
    • Photoshop
    • Popularne posty

    • Jak stworzyć dobry patrząc formie bez tabeli
    • 30 witryn o maksymalnej Orange
    • Tworzenie Nice Scalable CSS Na Breadcrumbs
    • 5 kroków do tworzenia lepszych Css
    • Tworzenie Beautiful Box ikona w programie Photoshop
    • Tworzenie Druki Typografia w Photoshopie
    • 6 Awesome Online Photo Editing Tools
    • Tag cloud

    CSS Design Czcionki Darmo Graphic Design Projektowanie graficzne ikony Inspiration Inspitation Photoshop Zasoby Narzędzia Samouczki Typografia rozwoju Web Wordpress

    • Znajomi

      • Abduzeedo
      • Oprócz alist
      • BittBox
      • CrazyLeaf Design
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Paliwo Your Creativity
      • Pomoc deweloperów
      • Instant Shift
      • Line25
      • Mirificampress
      • Tusz My Blog
      • Noupe
      • PSDFan
      • PSDTUTS
      • Poleć Brain
      • Sześć Rewizje
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Działamy
      • Web Designer Depot
      • Web Designer Ledger
      • Web Designer Wall
      • Jesteś Designer
    • Tłumacz

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

    Sprawdź UPrinting na YouTheDesigner.


    Wizytówki online

    Web Design Blog Directory

.
Untitled Document
Powrót do góry

Ogólne

Te być może z pewnym zainteresowaniem
  • O naszej firmie
  • Referencje
  • Contact Details
  • Blog
  • Społeczny - Twitter, Flickr

Works

Przykłady z ostatnich projektów
  • O naszej firmie
  • Referencje
  • Contact Details
  • Blog
  • Społeczny - Twitter, Flickr

Usługi

To, co w przypadku gdy sprzedaż dziś
  • O naszej firmie
  • Referencje
  • Contact Details
  • Blog
  • Społeczny - Twitter, Flickr

Contact Details

Chcesz wynająć nas? zacząć tutaj ...
  • Darmowe Project Assesment
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, All Right Reserved, Ace Infoway Indie Wynajem Ace Infoway Indii do następnego projektu konstrukcji. Zobacz nasze portfolio.