• Inicio
  • Sobre
  • Artículos
  • Contáctenos

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

  • Artículo escrito
  • el 22.10.2009
  • at 06:48 AM
  • por admin

Cómo crear Nice Easy 3D Efecto de texto en Photoshop

Este es un comienzo Lavel diseño tutorial. En este artículo encontrarás cómo crear imágenes 3D de Niza (tridimensional) del efecto del texto en Photoshop. Esto es muy fácil y rápido tutorial.I diseño gráfico Esperamos que disfruten de este tutorial.


final

Final Preview

Esto lo hemos ido hacer hoy

3d-final

Paso # 1

Photoshop Abrir y crear un nuevo documento, el mío es de 550 × 498px con un fondo blanco.

 Nice Easy 3D Text Effect in Photoshop Step1

Paso # 2

Rellene el color de la capa de fondo, el color de la mía es # 333333.

Nice Easy 3D Text Effect in Photoshop Step 2

Paso # 3

Seleccione Horizontal tipo de herramienta y escriba el texto en la parte delantera. Estoy usando "Arial" con negrita y tamaño "90" para asegurarse de que obtener el mejor detalle para ella.

Nice Easy 3D Text Effect in Photoshop step 3

Paso # 4

Haga clic en la capa de texto y haga clic en Rasterizar Tipo (o Rasterizar capa en función de qué versión de Photoshop CS que esté usando).

3d-restrize-layer

Paso # 5

Vamos a seguir transformando nuestro texto en 3D. Seleccione la capa InfoWay. De ir a "Editar" -> "Transformar" -> "Perspectiva" (CTRL + T)

Si mantiene pulsado Ctrl y haga clic en la parte superior derecha de transformar el control de la caja. Debería tener este aspecto.

3d-skew

Paso # 6

Vamos a empezar a dar este texto un diseño 3D. En primer lugar, queremos duplicar nuestra capa de texto, ahora, mientras se mantiene presionada la tecla CTRL + ALT, pulse la flecha arriba, como te darás cuenta, esto duplica la capa, y moverlo hacia arriba por 1 píxel. ahora lo haga de 8 a 10 veces, después de que, obtendrá algo como esto:

3d-drag

Paso # 7

Ahora, lo que tiene que hacer es Marge todos los "duplicado" capa juntos, excepto el de arriba.

Para ello, asegúrese de seleccionar la 2 ª capa a la parte superior y de combinación a todas las capas por debajo de ella juntos, como así ... (NO de mezcla para la capa de fondo)

3d-marge

Paso # 8

Ahora aplique algún efecto

Ahora vaya a la paleta de capas, seleccione la capa InfoWay.

Color Overlay

El estilo del texto, haga doble clic sobre la miniatura de la capa de InfoWay en el panel Capas para abrir el cuadro de diálogo Estilo de capa, vamos a aplicar un efecto de superposición de colores para el texto. Luego haga clic en el cuadro de color, yo elijo # E97E2C.
3d-infoway-color-overlay

Sombra interior

Después aplicas el estilo de sombra Capa interna. Mantenga el ángulo de 120 °, de cambiar los valores de la opacidad, la distancia y el tamaño. Puedo elegir para establecer la Opacidad al 75%, a distancia en 1px y tamaño 5px.

Cambiar el color de sombra interior de la predeterminada a # D75D00

3d-infoway-inner-shadow

Inner Glow

Después aplicas el estilo Resplandor interior de la capa. Mantenga el modo de fusión en la pantalla, de cambiar los valores de opacidad, Choke y tamaño. Puedo elegir para establecer la Opacidad al 45%, Choke en el 7% y el tamaño al 90px.

Cambiar el color del resplandor interior del defecto a # FFA800

3d-infoway-inner-glow

Satin

Siguiente aplicar el estilo de la capa de raso. Mantenga el modo de fusión en Multiplicar, de cambiar los valores de opacidad, distancia y el tamaño. Puedo elegir para establecer la Opacidad al 46%, a distancia en 11% y el tamaño al 14px.

Parte importante: Mantener el ángulo en el 19 o

Cambiar el color del resplandor interior del defecto # FF0000

3d-infoway-inner-satin

Después de esto, obtendrá algo como esto:

3d-top-layer

Ahora vamos a aplicar todos estos estilos de capa (Layer »estilos de capa» ...) a la capa de fondo:

3d-bottom-layer

Ahora aplique algún efecto

Efecto de degradado

Diseño de la capa inferior, haga doble clic sobre la miniatura de la capa inferior en el panel Capas para abrir el cuadro de diálogo Estilo de capa, aplicaremos un efecto gradiente horizontal de la capa inferior. Luego haga clic en el gradiente de color a la derecha de la opción de degradado para abrir el Editor de degradado de color.

3d-bottom-layer

Haga doble clic en el left-color-stop y entrar en el valor de color # CC0000 continuación, haga doble clic en el right-color-stop y entrar en el valor de color # 840000.

3d-bottom-layer-color-stop

Sombra interior

Después aplicas el estilo de sombra Capa interna. Mantenga el ángulo de 120 °, de cambiar los valores de la opacidad, la distancia y el tamaño. Elijo para establecer la opacidad al 75%, distancia a la 5px y tamaño a 24px.

3d-bottom-layer-inner-shadow

Sombra

Finalmente, se aplicará la sombra, mantenga el ángulo a 120 o, de cambiar los valores de la opacidad, la distancia y el tamaño. Elijo para establecer la opacidad al 75%, la distancia a 2px y el tamaño al 5px.

3d-bottom-layer-drop-shadow

Resultados

Cuando todo esté configuración que debe tener ahora algo semejante a esta:

3d-final

Descargue el archivo de código fuente

Si lo desea, para comprobar su trabajo, usted puede descargar el archivo PSD para este tutorial.

Descargar archivo: Nice Easy 3D Efecto de texto (72.5KB)

Filed under: Photoshop, Tutoriales por admin

Promover Us

  • Add to Mixx!

Etiquetas: Photoshop, tutoriales

Artículos relacionados:

Si ha disfrutado leyendo este artículo, por favor, echa un vistazo a otros artículos relacionados a continuación:

    • Cómo crear tipografía Tipografía en Photoshop
    • Cómo crear I-Phone Como botón en Photoshop
    • Cómo crear un elegante botón de Niza Dark en Photoshop
    • Cómo crear efecto de texto liso brillante en Photoshop
    • Crear un icono caja preciosa en Photoshop
Untitled Document

Una Comentarios

  1. clippingimages dice el: 24 de octubre 2009 a las 7:18 am Said:

    WoW :) Muy fácil y bien definidos tutorial para aprender. Gracias por compartir este mensaje impresionante. Si usted necesita cualquier ayuda cualquier diseño gráfico por favor haga click

Enviar un comentario

XHTML: Puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> del datetime = ""> <em> <i> <q cite=""> <strike> <strong>


CommentLuv Enabled ver mas
«Descargar 1000 Free Farm-Fresh Web Icons
Untitled Document

    Suscribirse

  • Suscríbete a nuestro feed
  • Suscripción por correo electrónico
  • Siga con nosotros en Twitter
  • Patrocinador
  • Patrocinador
  • Patrocinador
  • Patrocinador
  • Patrocinador
  • Patrocinador

    • Búsqueda

  • Calendario

    Octubre 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
    • Páginas

      • Inicio
      • Sobre
      • Artículos
      • Contáctenos
    • Categorías

    • CSS (18)
    • Diseño / inspiración (46)
    • Regalos (28)
    • Diseño Gráfico (10)
    • Photoshop (16)
    • Recursos (26)
    • Seo (1)
    • Herramientas (7)
    • Tutoriales (29)
    • Tipografía (4)
    • Desarrollo Web (5)
    • Wordpress (6)
    • Archivos

    • Octubre 2009
    • Septiembre 2009
    • Agosto 2009
    • Julio 2009
    • Junio 2009
    • Mayo 2009
    • Recent Posts

    • Css
    • Diseño / Inspiración
    • Regalos
    • Diseño Gráfico
    • Photoshop
    • Puestos Popular

    • ¿Cómo crear una buena forma sin mirar la tabla
    • 30 Páginas web con la máxima de Orange
    • Cómo crear Niza escalable CSS Basado Breadcrumbs
    • 5 Pasos a escribir mejor Css
    • Crear un icono caja preciosa en Photoshop
    • Cómo crear tipografía Tipografía en Photoshop
    • 6 Awesome herramientas de edición de fotos en línea
    • Nube de etiquetas

    CSS Diseño Fuentes gratuitos Diseño Gráfico Diseño gráfico iconos Inspiración Inspitation Photoshop Recursos Herramientas Tutoriales Tipografía desarrollo Web Wordpress

    • Amigos

      • Abduzeedo
      • Aparte alist
      • BittBox
      • CrazyLeaf Diseño
      • Css Tricks
      • David Walsh
      • Fudgegraphics
      • Alimente su creatividad
      • Ayuda para desarrolladores
      • Instant Shift
      • Line25
      • Mirificampress
      • Mi blog de tinta
      • Noupe
      • PSDFan
      • PSDTUTS
      • Compartir Brain
      • Seis revisiones
      • Spoon Graphics
      • Toxel
      • Vandelay Design
      • Funcionamos
      • Web Designer Depot
      • Diseñador Web Ledger
      • Web Designer Wall
      • You The Designer
    • Traductor

      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

    Hora de salida UPrinting en YouTheDesigner.


    Tarjetas en Línea

    Web Design Blog Directory

.
Untitled Document
Volver al principio

General

Estas tal vez de algún interés
  • Acerca de Nuestra Empresa
  • Testimonios
  • Datos de contacto
  • Blog
  • Sociales - Twitter, Flickr

Obras

Ejemplos de proyectos anteriores
  • Acerca de Nuestra Empresa
  • Testimonios
  • Datos de contacto
  • Blog
  • Sociales - Twitter, Flickr

Servicios

Esto es lo que la venta de hoy
  • Acerca de Nuestra Empresa
  • Testimonios
  • Datos de contacto
  • Blog
  • Sociales - Twitter, Flickr

Datos de contacto

Quieren contratar a nosotros? ¡Empiece aquí ...
  • Evaluación Proyecto Libre
  • Email - info@aceinfowayindia.com
  • Tel: 91 11 9810018780

Copyright © 2009, Todos los derechos reservados, Ace Infoway India Alquiler Ace Infoway la India para su proyecto de diseño que viene. Ver nuestra cartera.