• Início
  • Sobre
  • Artigos
  • Contacte-nos

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

  • Artigo escrito
  • em 22.10.2009
  • às 06:48
  • por admin

Como criar Nice Easy texto efeito 3D no Photoshop

Este é um começo lavel design tutorial. Neste artigo você encontrará como criar nice 3D (três dimensões do efeito do texto) no Photoshop. Isto é muito rápido e fácil tutorial.I design gráfico que você goste deste tutorial.


final

Final Preview

Isto é o que nós fomos fazer hoje

3d-final

Etapa # 1

Abra o photoshop e criar um novo documento, a minha é de 550 × 498px com fundo branco.

 Nice Easy 3D Text Effect in Photoshop Step1

Etapa # 2

Preencha a cor na camada de fundo, o meu é cor # 333333.

Nice Easy 3D Text Effect in Photoshop Step 2

Etapa # 3

Selecione a Horizontal Type Tool e digite o texto na frente. Eu estou usando "Arial" com Bold e tamanho "90" para me certificar de que a melhor detalhar a ele.

Nice Easy 3D Text Effect in Photoshop step 3

Etapa # 4

Botão direito do mouse sobre a camada de texto e clique em Rasterize Tipo (ou Rasterize Layer dependendo de qual versão do Photoshop CS você estiver usando).

3d-restrize-layer

Etapa # 5

Vamos continuar a transformar nosso texto em 3D. Selecione a camada INFOWAY. Que vá para "Editar" -> "Transform" -> "Perspective" (Ctrl + T)

Segurando a tecla Ctrl pressionada, clique no canto superior direito transformar o controle do caixa. Deve ser semelhante a este.

3d-skew

Etapa # 6

Vamos começar a dar a este texto uma aparência 3D. Primeiro, queremos duplicar a nossa camada de texto, agora, mantendo pressionada a tecla CTRL + ALT, pressione a seta para cima, como você irá notar, este duplica a camada, e movê-lo até 1 pixel. Agora, fazer isso cerca de 8 a 10 vezes, depois disso, você terá algo parecido com isto:

3d-drag

Etapa # 7

Agora, o que você precisa fazer é Marge todo o "duplicados" camada juntos, exceto a parte superior.

Para fazer isso, certifique-se de selecionar a camada 2 para o início e fundi-lo para todas as camadas abaixo dele juntos, como assim ... (NÃO direta para a camada de fundo)

3d-marge

Etapa # 8

Agora aplique alguns efeitos

Agora vá à paleta de camadas, selecione a camada INFOWAY.

Color Overlay

Denominando o texto clique duas vezes na miniatura da camada INFOWAY no painel Camadas para abrir a caixa de diálogo Estilos de Camada, vamos aplicar um efeito de sobreposição de cor para seu texto. Em seguida, clique na caixa de cor, eu escolhi # E97E2C.
3d-infoway-color-overlay

Inner Shadow

Em seguida aplicar a camada estilo Inner Shadow. Manter o ângulo de 120 °, do que alterar os valores de opacidade, distância e tamanho. Eu escolhi para definir a opacidade em 75%, Distance 1px em tamanho e em 5px.

Alterar a cor da sombra Interior do padrão para # D75D00

3d-infoway-inner-shadow

Inner Glow

Em seguida aplicar a camada estilo Inner Glow. Mantenha o modo de mistura em tela, do que alterar os valores de opacidade, Choke e tamanho. Eu escolhi para definir a opacidade em 45%, Choke em 7% e Size em 90px.

Alterar a cor Inner Glow do padrão para # FFA800

3d-infoway-inner-glow

Satin

Em seguida aplicar o estilo de camada de cetim. Mantenha o modo de mistura no Multiply, de alterar os valores de opacidade, distância e tamanho. Eu escolhi para definir a opacidade em 46%, Distance em 11% e no tamanho 14px.

Parte importante: Manter o ângulo de 19 o

Alterar a cor Inner Glow do padrão para # FF0000

3d-infoway-inner-satin

Depois disso, você terá algo parecido com isto:

3d-top-layer

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

3d-bottom-layer

Agora aplique alguns efeitos

Efeito Gradiente

Styling the Bottom Layer clique duas vezes na miniatura da camada inferior no painel Camadas para abrir a caixa de diálogo Estilos de Camada, vamos aplicar o efeito gradiente horizontal "para o fundo da camada. Em seguida, clique no gradiente de cores à direita da opção Gradient para abrir o Color Gradient Editor.

3d-bottom-layer

Dê um duplo clique no left-color-stop e digite o valor de cor # CC0000 duplo clique sobre o botão direito do cor-stop e digite o valor de cor # 840000.

3d-bottom-layer-color-stop

Inner Shadow

Em seguida aplicar a camada estilo Inner Shadow. Manter o ângulo de 120 °, do que alterar os valores de opacidade, distância e tamanho. Eu escolhi para definir a opacidade em 75%, a distância em 5px e tamanho de 24px.

3d-bottom-layer-inner-shadow

Sombra

Finalmente vamos aplicar a sombra, manter o ângulo de 120 °, do que alterar os valores de opacidade, distância e tamanho. Eu escolhi para definir a opacidade em 75%, a distância em 2px e Tamanho na 5px.

3d-bottom-layer-drop-shadow

Resultado

Quando tudo está configurado agora você deve ter algo parecido com isto:

3d-final

Baixe o arquivo de origem

Se você gostaria de verificar o seu trabalho, você pode baixar o arquivo PSD para este tutorial.

Download File: Nice Easy 3D Efeito de Texto (72.5KB)

Arquivado em: Photoshop, Tutorials por admin

Promover Conosco

  • Add to Mixx!

Tags: Photoshop, Tutoriais

Artigos Relacionados:

Se você gostou de ler este artigo, confira outros artigos relacionados abaixo:

    • Como criar Tipografia Tipografia no Photoshop
    • Como criar I-Phone como botão no Photoshop
    • Como criar um Nice Sleek Dark Botão no Photoshop
    • Como criar Smooth Texto Efeito Glossy em Photoshop
    • Criar uma Caixa Beautiful Icon no Photoshop
Untitled Document

Enviar um comentário

XHTML: Você pode usar estas tags: href="" citar=""> <b> <blockquote citar=""> <code> < del datetime = "">> <i> <q do <strike> <strong>


CommentLuv Enabled Mostrar mais
«Download 1000 Free Farm-Fresh Web Icons
Untitled Document

    Inscrever-se

  • Assine o nosso feed
  • Assine por e-mail
  • Siga-nos no Twitter
  • Patrocinador
  • Patrocinador
  • Patrocinador
  • Patrocinador
  • Patrocinador
  • Patrocinador

    • Pesquisa

      Untitled Document
  • Calendário

    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áginas

      • Início
      • Sobre
      • Artigos
      • Contacte-nos
    • Categorias

    • Css (18)
    • Design / Inspiração (46)
    • Freebies (28)
    • Design Gráfico (10)
    • Photoshop (16)
    • Recursos (26)
    • Seo (1)
    • Ferramentas (7)
    • Tutorials (29)
    • Tipografia (4)
    • Desenvolvimento Web (5)
    • Wordpress (6)
    • Archives

    • Outubro 2009
    • Setembro 2009
    • Agosto 2009
    • Julho 2009
    • Junho 2009
    • Maio 2009
    • Recent Posts

    • CSS
    • Design / Inspiration
    • Freebies
    • Design Gráfico
    • Photoshop
    • Popular Posts

    • Como criar bem parecido formulário sem tabela
    • 30 sites com máxima Orange
    • Como criar Nice Scalable CSS Based Breadcrumbs
    • 5 Passos para Escrever Melhor Css
    • Criar uma Caixa Beautiful Icon no Photoshop
    • Como criar Tipografia Tipografia no Photoshop
    • 6 Awesome Online Photo Editing Tools
    • Tag cloud

    CSS Design Fontes Freebies Design Gráfico Design Gráfico Ícones Inspiração inspiração Photoshop Resources Tools Tutoriais Tipografia desenvolvimento Web Wordpress

    • Amigos

      • Abduzeedo
      • Alist Apart
      • Bittbox
      • CrazyLeaf Design
      • CSS Tricks
      • David Walsh
      • Fudgegraphics
      • Fuel Your Creativity
      • Developer Help
      • Instant Shift
      • Line25
      • Mirificampress
      • My Ink Blog
      • Noupe
      • PSDFan
      • PSDTuts
      • Compartilhe Brain
      • Six Revisions
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Nós funcionamos
      • 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
  • PATROCINADORES

    Saída UPrinting em YouTheDesigner.


    Cartões de Visita Online

    Web Design Blog Directory

.
Untitled Document
Voltar ao topo

Geral

Estes talvez de algum interesse
  • Sobre Nossa Empresa
  • Testemunhos
  • Detalhes de Contato
  • Blog
  • Social - Twitter, Flickr

Obras

Exemplos de projetos passados
  • Sobre Nossa Empresa
  • Testemunhos
  • Detalhes de Contato
  • Blog
  • Social - Twitter, Flickr

Serviços

Isto é o que se vende hoje
  • Sobre Nossa Empresa
  • Testemunhos
  • Detalhes de Contato
  • Blog
  • Social - Twitter, Flickr

Detalhes de Contato

Quer nos contratar? começar aqui ...
  • Free Project Assesment
  • E-mail - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Todos os direitos reservados, Ace Infoway Índia carros Ace Infoway Índia para seu projeto de design que vem. Ver carteira nosso.