• Inicio
  • Sobre
  • Artigos
  • Contacte connosco

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

  • Artigo escrito
  • en 22.10.2009
  • ás 06:48
  • por admin

Como crear Niza Easy texto efecto 3D no Photoshop

Este é un comezo lavel design tutorial. Neste artigo, atoparás como crear nice 3D (tres dimensións do efecto do texto) no Photoshop. Isto é moi rápido e fácil tutorial.I deseño gráfico que lle guste este tutorial.


final

Final Preview

Isto é o que nós fomos facer hoxe

3d-final

Etapa # 1

Abre o Photoshop e crear un novo documento, a miña é de 550 × 498px con fondo branco.

 Nice Easy 3D Text Effect in Photoshop Step1

Etapa # 2

Encha a cor na capa de fondo, o meu é cor # 333333.

Nice Easy 3D Text Effect in Photoshop Step 2

Etapa # 3

Seleccione a Horizontal Type Tool e escriba o texto na fronte. Eu estou a usar "Arial" con Bold e tamaño "90" para me asegurar de que a mellor detallar a el.

Nice Easy 3D Text Effect in Photoshop step 3

Etapa # 4

Botón dereito do rato sobre a capa de texto e faga click en Rasterize Tipo (ou Rasterize Layer dependendo de cal versión de Photoshop CS está usando).

3d-restrize-layer

Etapa # 5

Imos continuar a transformar o noso texto en 3D. Seleccione a capa INFOWAY. Que vai a "Modificar" -> "Transform" -> "Perspective" (Ctrl + T)

Manteña premida a tecla Ctrl Prema, click no ángulo superior dereito transformar o control do cadro. Debe ser semellante a este.

3d-skew

Etapa # 6

Imos comezar a dar a este texto un aspecto 3D. Primeiro, queremos duplicar a nosa capa de texto, agora, mantendo Prema a tecla CTRL + ALT, preme a frecha para arriba, como ha notar, este duplica a capa, e mover ata 1 pixel. Agora, facelo preto de 8 a 10 veces, despois disto, terá algo coma isto:

3d-drag

Etapa # 7

Agora, o que cómpre facer é Marge todo o "duplicados" capa xuntos, excepto a parte superior.

Para facelo, asegúrese de seleccionar a capa 2 para o inicio e fundi-lo para todas as capas de abaixo del xuntos, como así ... (NON directa a capa de fondo)

3d-marge

Etapa # 8

Agora aplique algúns efectos

Agora vai a paleta de capas, seleccione a capa INFOWAY.

Color Overlay

Denominándose o texto prema dúas veces na miniatura da capa INFOWAY no taboleiro capas para abrir a caixa de diálogo Estilos de Capa, imos aplicar un efecto de superposición de cor para o seu texto. En continuación, prema no cadro de cor, eu escollín # E97E2C.
3d-infoway-color-overlay

Inner Shadow

A continuación aplicarase a capa estilo Inner Shadow. Manter o ángulo de 120 °, do que cambiar os valores de opacidade, distancia e tamaño. Eu escollín para configurar a opacidade nun 75%, Distance 1px en tamaño e en 5px.

Trocar a cor da sombra Interior do estándar para # D75D00

3d-infoway-inner-shadow

Inner Glow

A continuación aplicarase a capa estilo Inner Glow. Manteña o modo de mistura en pantalla, que cambiar os valores de opacidade, Chok e tamaño. Eu escollín para configurar a opacidade nun 45%, Chok o 7% e arquivo en 90px.

Mudar a cor Inner Glow do estándar para # FFA800

3d-infoway-inner-glow

Satin

A continuación aplicarase o estilo de capa de cetim. Manteña o modo de mistura no Multiply, de cambiar os valores de opacidade, distancia e tamaño. Eu escollín para configurar a opacidade en 46%, Distance o 11% e no tamaño 14px.

Parte importante: Manter o ángulo de 19 o

Mudar a cor Inner Glow do estándar para # FF0000

3d-infoway-inner-satin

Despois diso, terá algo coma isto:

3d-top-layer

Agora imos aplicar todos estes estilos de capa (Layer »Layer Styles» ...) para a capa inferior:

3d-bottom-layer

Agora aplique algúns efectos

Efecto Gradiente

Styling the bottom Layer prema dúas veces na miniatura da capa inferior no taboleiro capas para abrir a caixa de diálogo Estilos de Capa, imos aplicar o efecto gradiente horizontal "para o fondo da capa. En continuación, prema no gradiente de cores á dereita da opción Gradient para abrir o Color Gradient Editor.

3d-bottom-layer

Dun dobre clic no left-color-stop e escriba o valor de cor # CC0000 dobre clic sobre o botón dereito do cor-stop e escriba o valor de cor # 840000.

3d-bottom-layer-color-stop

Inner Shadow

A continuación aplicarase a capa estilo Inner Shadow. Manter o ángulo de 120 °, do que cambiar os valores de opacidade, distancia e tamaño. Eu escollín para configurar a opacidade nun 75%, a distancia en 5px e tamaño de 24px.

3d-bottom-layer-inner-shadow

Sombra

Finalmente imos aplicar a sombra, manter o ángulo de 120 °, do que cambiar os valores de opacidade, distancia e tamaño. Eu escollín para configurar a opacidade nun 75%, a distancia en 2px e Tamaño na 5px.

3d-bottom-layer-drop-shadow

Resultados

Cando todo está configurado agora ten que ter algo coma isto:

3d-final

Baixo o ficheiro de orixe

Se desexa verificar o seu traballo, pode baixar o arquivo PSD para este tutorial.

Download File: Niza Easy 3D Efecto de texto (72.5KB)

Arquivo en: Photoshop, Tutorials por admin

Promover connosco

  • Add to Mixx!

Tags: Photoshop, Tutoriais

Artigos relacionados:

Se lle gusta de ler este artigo, confía outros artigos relacionados a continuación:

    • Como crear Tipografía Tipografía no Photoshop
    • Como crear I-Phone como botón no Photoshop
    • Como crear un Niza Sleek Dark Botón no Photoshop
    • Como crear Smooth Texto Efecto Glossy en Photoshop
    • Crear unha Caixa Beautiful Icon no Photoshop
Untitled Document

Enviar un comentario

XHTML: Podes usar estas etiquetas: href = "" citar = ""> <b> <blockquote citar=""> <code> < del datetime = "">> <i> <q do <strike> <strong>


CommentLuv Enabled Mostrar máis
«Download 1000 Free Farm-Fresh Web Icons
Untitled Document

    Rexístrate

  • Asine o noso feed
  • Asinado por e-mail
  • Siga connosco en Twitter
  • Patrocinados
  • Patrocinados
  • Patrocinados
  • Patrocinados
  • Patrocinados
  • Patrocinados

    • Procura

      Untitled Document
  • Calendario

    Outubro 2009
    M T W T F S S
    «Set
    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
    • Páxinas

      • Inicio
      • Sobre
      • Artigos
      • Contacte connosco
    • Categorías

    • Css (18)
    • Deseño / Inspiración (46)
    • Freebies (28)
    • Deseño Gráfico (10)
    • Photoshop (16)
    • Recursos (26)
    • Seo (1)
    • Ferramentas (7)
    • Tutoriales (29)
    • Imprenta (4)
    • Desenrolo Web (5)
    • Wordpress (6)
    • Archives

    • Outubro 2009
    • Setembro 2009
    • Agosto 2009
    • Xullo 2009
    • Xuño 2009
    • Maio 2009
    • Recent posts

    • CSS
    • Deseño / Inspiration
    • Freebies
    • Deseño Gráfico
    • Photoshop
    • Popular posts

    • Como crear así coma formulario sen táboa
    • 30 sitios con máxima Orange
    • Como crear Niza Scalable CSS Based breadcrumbs
    • 5 pasos para Escribir Mellor Css
    • Crear unha Caixa Beautiful Icon no Photoshop
    • Como crear Tipografía Tipografía no Photoshop
    • 6 Awesome Online Photo Editing Tools
    • Tag cloud

    CSS Deseño Fontes Freebies Deseño Gráfico Deseño Gráfico Iconas Inspiración inspiración Photoshop Resources Tools Tutoriais Tipografía desenvolvemento web WordPress

    • Amigos

      • Abduzeedo
      • Nationalsozialismus Pisos
      • Bittbox
      • CrazyLeaf Design
      • CSS Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Developer Help
      • Instantánea Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDTuts
      • Compartir Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Nós funcionan
      • Web Design Depot
      • Web Design Ledger
      • Web Design Wall
      • You The Design
    • 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
  • PATROCINADORES

    Saída UPrinting en YouTheDesigner.


    Tarxetas de Visita Online

    Web Design Blog Directory

.
Untitled Document
Volver arriba

Xeral

Estes quizais dalgún interese
  • Sobre Nosa Empresa
  • Testemuños
  • Detalles de Contacto
  • Blog
  • Social - Twitter, Flickr

Obras

Exemplos de proxectos pasados
  • Sobre Nosa Empresa
  • Testemuños
  • Detalles de Contacto
  • Blog
  • Social - Twitter, Flickr

Servizos

Isto é o que se vende hoxe
  • Sobre Nosa Empresa
  • Testemuños
  • Detalles de Contacto
  • Blog
  • Social - Twitter, Flickr

Detalles de Contacto

Tanto nos contratar? comezar aquí ...
  • Free Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Todos los derechos reservados, Ace Infoway India coches Ace Infoway India para o seu proxecto de deseño que vén. Ver carteira noso.