Tutoriales Photoshop - Efectos Photoshop
Nuestro Facebook Nuestro Twitter Canal de YouTube Google Plus Suscríbete al Feed RSS
agosto 15, 2012 Autor: Tony Lázaro EfectosPs » Utilidades y recursos 0

Paso 1: Comenzamos creando un nuevo documento de “800 x 600″.
Cambiamos los colores por blanco, como frontal y “#a3a3a3a” como fondo.
Pintamos el fondo con la herramienta degradado modo lineal.

Paso 2: Seleccionamos la herramienta texto horizontal. En este caso uso la fuente “Bell Gothic Std” en negrita a “400 pt” color blanco.

Escribimos el número 3.

Paso 3: Para esta capa de texto vamos al menú “Capa → Estilo de capa → Superposición de degradado”. Colocamos:

Vamos a “Trazo”, en la misma ventana.

Paso 4: Duplicamos esa capa de texto. Para esto vamos al menú “Capa → Duplicar capa → Ok”. También se duplicará los estilos.

Paso 5: Seleccionamos la herramienta texto horizontal y cambiamos el número “3” por la letra “D”, en esta capa duplicada.
Bajamos la capa con la herramienta mover.

Paso 6: Ahora, para la capa de texto “3”, vamos al menú “3D → Repujado → Capa de texto”. Aparecerá una ventana de alerta, hacemos clic en “Sí”.
En esa ventana vamos a cambiar la “profundidad” a “0.5”. Hacemos clic en el texto y sin soltar movemos, manteniendo presionado la tecla “SHIFT”, un poco hacia la izquierda. Al mantener la tecla SHIFT, nos permitirá realizar un movimiento recto.
Hacemos clic en “OK”.

Paso 7: Realizamos los mismos pasos para la capa de texto “D”, pero esta vez lo movemos hacia la derecha.

Paso 8: Lo siguiente es ir al menú “Ventana → 3D”. En “Pintar en” colocamos “Borrar con trazado de rayo” y esperamos unos segundos hasta que se ajuste los cambios.

Hacemos lo mismo para la capa de texto “D”.

Paso 9: Ahora, hacemos “Clic derecho a la capa “3” → Rasterizar 3D”. Hacemos lo mismo para la capa “D”.

Paso 10: Para la capa “D” vamos al menú “Edición → Transformación libre”. Volteamos un poco la imagen y confirmamos en el check de la parte superior.

Paso 11: Creamos una máscara de capa.

Paso 12: Hacemos “Clic derecho a la miniatura de capa de la capa “3” → Seleccionar píxeles”. Con esto se seleccionará todo el texto para poder borrar una parte de la letra “D” y crear la apariencia de que el texto se encuentra enganchado.

Paso 13: Seleccionamos la herramienta pincel y comenzamos a pintar en la máscara de capa de la capa “D”. Cuando pintemos automáticamente se eliminará esa parte.

Sombra al texto 3D

Paso 14: Para crear la sombra vamos a duplicar las capas. Pero antes lo combinaremos, para esto seleccionamos las dos capas 3D y vamos al menú “Capa → Combinar capas”. Seguidamente volvemos al menú “Capa → Duplicar capa → Ok”.

Paso 15: A esa capa duplicada vamos al menú “Edición → Transformación libre”. Achicamos la imagen.

Paso 16: Inclinamos un poco la imagen. Volvemos al menú “Edición → Transformar → Sesgar”.

Paso 17: Lo vamos a pintar todo de negro, así que vamos al menú “Imagen → Ajustes → Tono/saturación”. Bajamos completamente la “luminosidad (-100)”.

Paso 18: Lo siguiente es ir al menú “Capa → Desenfocar → Desenfoque gaussiano”. Colocamos “7 píxeles” de radio.

Paso 19: Ahora, bajamos la capa y la opacidad.

Creando la barra

Paso 20: En una nueva capa vamos a crear una línea con la herramienta forma personalizada a “15px” de grosor color blanco.
Para que salga recta esta línea, la dibujamos manteniendo presionado la tecla “SHIFT”.

Paso 21: Para esta capa vamos al menú “Capa → Estilo de capa → Superposición de degradado”. Colocamos:

Paso 22: Añadimos una máscara de capa y para la capa de texto 3D vamos a hacer “Clic derecho a la miniatura de capa → Seleccionar píxeles”.

Paso 23: Volvemos a la máscara de capa de la barra y pintamos con la herramienta pincel. Al pasar se borrará las partes.

Paso 24: Creamos una nueva capa, hacemos “Clic derecho a la capa → Crear máscara de recorte”.
Seguidamente pintamos con la herramienta pincel de color negro sólo un poco en la barra. Hacemos esto para que aparente una sombra del número “3” sobre la barra.

Y con esto hemos realizado un texto 3D con Photoshop CS5.

Texto 3D en Photoshop CS5

, ,

¡Déjanos tu comentario!

Suscríbete y recibe los artículos actuales en tu email:

 

0 Comentarios para 'Texto 3D en Photoshop CS5'

No hay ningún comentario. ¡Sé el primero!
Nombre:   E-mail:
Sitio web: (Opcional)
Felíz Alegre :P XD Cool Guiño LOL Molesto Inseguro Con duda Normal Triste No Llorando Sorprendido 8| Maligno Endemoniado Sonrojado ^^ Me gusta No me gusta
Límite de caracteres: 500/500
Me reservo el derecho de eliminar los comentarios considerados como spam, que no esté relacionado al artículo o que estos incluyan ofensas, racismo, obscenidades y groserías que puedan agraviar tanto a un usuario como al sitio web.

Síguenos en las redes sociales
¡ Recibe las actualizaciones !

Suscríbete con tu correo electrónico y recibe cada artículo actual de EfectosPs en tu bandeja.

Videotutoriales
Últimos tutoriales y artículos
Blanquear dientes con Photoshop
Dientes blancos con Photoshop

Hola, después de mucho tiempo que vuelvo a hacer un tutorial Photoshop. En esta ocasión vamos a aprender a blanquear los dientes de una fotografía con Photoshop. Yo estoy usando… Seguir leyendo

Paquete de iconos de Microsoft
Paquete de iconos de Microsoft

Si ahora estás buscando como loco iconos de los programas de Microsoft, ahora los podrás descargar todos en un solo paquete. Dentro de este paquete viene 60 imágenes en formato PNG, también… Seguir leyendo

Set de vectores de elementos de oficina
Vectores de elementos de oficina

Descarga este set completo con los elementos de oficina entre los cuales hay lapiceros, lápices, diferentes tipos de hojas y alfileres. El peso del archivo es de 997 KB. Dentro… Seguir leyendo

Conjunto de banderas vectoriales
Conjunto de banderas vectoriales

Tal vez necesites algunas de estas banderas para trabajos de colegio, por ejemplo, tal vez usarlas para tu sitio web o quizás para algún diseño que estés realizando. Este conjunto… Seguir leyendo

14 Plantillas Responsive HTML5 y CSS3
14 Plantillas Responsive HTML5 y CSS3

En un artículo anterior ya había publicado unos enlaces para acceder a 111 plantillas HTML 5 y CSS3, así que hoy les traigo 14 más del sitio HTML5Up. Si vas… Seguir leyendo