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.
Más artículos de interés
¡Déjanos tu comentario!
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
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
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
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
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