Tutorial Photoshop CS5: Crear espectacular efecto texto 3D

Share

En este tutorial para Photoshop CS5 veremos como crear una escena con un texto 3D. Usando la herramienta de repujar que incluye la versión Extended de CS5. Hay muchos que tienen el programa descargado de internet, y en muchas ocasiones estos carecen de algunas funciones como esta de repujar para crear objetos en 3D con Photoshop.

Si tienes todas las opciones de Photoshop a tu servicio puedes seguir con este tutorial en el que aprenderás a crear textos 3D, como aplicar cambios como posición, grado de relieve, aplicar texturas tanto a la parte frontal como al relieve y muchas más cosas que seguro te serán de utilidad en proyectos futuros. Así que sin más que decir vamos a empezar.

Paso 1

Abrir Photoshop CS 5  y selecionar la herramienta de texto horizontal (T), escriba la palabra con el 3D usando una tipografía en la que las letras se vean gruesas, como por ejemplo la Impact.

crear texto 3D con Photoshop CS5

Paso 2

Ir al menú 3D> Repujado > capa de texto>, esta es la nueva herramienta 3D integrada en Photoshop CS5 Extended. Con este repujado será capaz de crear todo tipo de extrusiones de las capas de texto, selecciones y máscaras de capa. En este caso vamos a utilizar una capa de texto.
Una vez que la ventana de configuración de repujado se abre tendrá que realizar algunos ajustes. En primer lugar puede elegir entre algunos presets de forma, que tienen un básico de extrusión, los diferentes tipos de biseles y otros presets. Para este tutorial utilizo el básico, pero he cambiado los valores de extrusión para crear el efecto que quería. También tiene los materiales, Bisel, de escena y ajustes de inflar, pero no voy a entrar en detalle en estos momentos.
Para los ajustes de extrusión, utilizaremos una profundidad de 4,94 y 0,30 para la escala de lo que el 3D parece que venga del suelo hacia arriba, con una perspectiva muy fuerte.
Otra cosa que podemos hacer es rotar, escalar y mover el objeto hasta que encuentre la posición correcta.

crear texto 3D con Photoshop CS5

Paso 3

Este es el texto en 3D que yo quería, en las versiones anteriores tendríamos que usar otro software como Illustrator o una aplicación de 3D, como Cinema 4D, ahora podemos hacerlo en Photoshop CS5.

crear texto 3D con Photoshop CS5

Paso 4

Para agregar y editar las texturas es muy fácil también. Al igual que en Photoshop CS4 tenemos la gama de colores en 3D en el que podemos editar nuestros objetos en 3D, puede acceder a esta paleta de colores en Ventana> 3D. Seleccione el objeto en 3D y luego tendrá la inflación frente a 3D, Bisel frontal 3D, extrusión 3D …todas estas son las áreas donde se pueden aplicar materiales. Seleccionar el de material de extrusión 3D y haga clic en el difuso en la carpeta al lado del color (1) y seleccione Abrir textura. La textura se abrirá en una nueva ventana, como cuando se edita un Smart Objects. Así que en esta ventana puede crear su material
Estoy usando una textura de ladrillo de Shutterstock. Por lo tanto ajustar la textura en términos de colores a continuación, guarde este archivo. Photoshop automáticamente actualiza el objeto 3D añadiendo la textura. Si deseas hacer los ladrillos más pequeños sólo un clic de nuevo en el icono situado junto a la textura de color y seleccione Editar. Un cuadro de diálogo Propiedades de textura abierta, donde puede ajustar la escala de los rayos UV y Offset. Yo 10 para la U y V Escala.
La última cosa que aquí se aplica la misma textura que el mapa de relieve (4). Basta con repetir la misma cosa. Añaden profundidad a la textura como el mapa de desplazamiento en las áreas de luz suben, mientras que las áreas oscuras bajar.

crear texto 3D con Photoshop CS5

Paso 5

Ahora selecciona el material de frente de la inflación en 3D y repetir lo mismo que hicimos en el paso anterior, esta vez sin embargo yo estoy usando otra textura, una de concreto y usted lo puede encontrar a partir de la búsqueda en Internet muchas más similares o con la textura que tu quieras.

crear texto 3D con Photoshop CS5

Paso 6

Una vez que ha cambiado el material de este será el resultado que tendrá. Como se puede ver todo el proceso fue mucho más fácil que si tienes que hacer que el uso de diferentes herramientas y los exportadores e importadores en Photoshop.

crear texto 3D con Photoshop CS5

Paso 7

Como se puede ver, hay luz también. Se pueden agregar luces para hacer su escena más realista. En esta primera parte sólo tengo una luz. Es un punto de luz con una intensidad de 2. También crea las sombras, donde me he cambiado al 100% de suavidad para hacer las sombras muy suaves.

crear texto 3D con Photoshop CS5

Paso 8

En este paso, empecé a mezclar el objeto 3D con objetos 2D, en este caso una foto que tomé de un avión cuando viajaba. Quería dar una especie de sensación de calor a mi imagen por lo que primero me fui a Imagen> Ajustes> Tono y Saturación y cambió el tono a -10, la saturación a -65 y la levedad a 10. Luego me fui aImagen> Ajustes > Filtro de color. He seleccionado naranja como color y el 50% de densidad. Entonces, por fin, fui a Capa> Nueva capa de ajuste> Relleno degradado. Yo gris y negro para el degradado radial con el estilo, por lo que el gris sería en el centro de el degradado radial. Después de que he cambiado el modo de fusión de este relleno degradado a Color Dodge para crear el sol detrás del texto en 3D.

crear texto 3D con Photoshop CS5

Paso 9

Añadir una nueva capa en la parte superior de las otras capas que incluyen el objeto 3D. A continuación, asegúrese de que tiene en blanco y negro como color y vaya a Filtro> Interpretar> Nubes. Cambiar el modo de mezcla para quemar color.

crear texto 3D con Photoshop CS5

Paso 10

Con la herramienta Borrador (E) eliminar las partes de la capa, dejando sólo la parte inferior de la capa. Utilice la imagen de abajo como referencia.

crear texto 3D con Photoshop CS5

Paso 11

Ya he mostrado cómo crear las nubes con la herramienta Pincel (B), así que vamos a hacerlo de nuevo. Añadir una nueva capa en la parte superior de los demás e ir a Pinceles> Ventana. Para los ajustes de pincel usar la imagen de abajo como referencia. La parte más importante es la textura donde el patrón de selección nubes.También es importante tener en cuenta que si aumenta el tamaño de la brocha, tendrá que aumentar la escala de la textura de pincel.

crear texto 3D con Photoshop CS5

Paso 12

Seleccione la herramienta Pincel (B) y el blanco para el color, y luego con el pincel que hemos creado a pintar algunas nubes. Primera pinta sólo unas pocas nubes, como la imagen de abajo (1-2)

crear texto 3D con Photoshop CS5

Paso 13

Seleccione un color marrón claro ahora para el color y la pintura de más nubes, especialmente en las nubes blancas que hemos creado en el paso anterior.

crear texto 3D con Photoshop CS5

Paso 14

Ahora seleccione el color blanco de nuevo para los colores y la pintura de más nubes. La idea de estos 3 pasos fue añadir profundidad a nuestras nubes mediante la adición de algunas zonas oscuras con la luz marrón.

crear texto 3D con Photoshop CS5

Paso 15

Importar una foto de una persona para añadir a nuestra escena, estoy usando una foto de una niña sentada en una silla que fue cortesía de Shutterstock, puedes encontrar también en Internet o eligiendo una a tu gusto. Después copiarla y pegarla en nuestro diseño. Seleccionar a la chica y la silla y luego ir a Selección 3D> Repujado> actual.

crear texto 3D con Photoshop CS5

Paso 16

La idea aquí es crear un objeto 3D a partir de una foto en 2D para que podamos posición y crear algunas sombras, pero también para jugar y aprender con la herramienta de repujado. Cambiar la profundidad de 0,1 y la escala a 1. Retire los materiales dejando sólo la frontal. Ahora un detalle muy importante, sobre las limitaciones internas, cambie el tipo de Hole, que creará conjuntos en las áreas que son transparentes, de lo contrario Photoshop haría un sólido grande y tendría en cuenta las áreas transparentes.
Una vez más, rotar, mover y ajustar la escala del objeto hasta encontrar la posición correcta. Puedes hacerlo más adelante también.

crear texto 3D con Photoshop CS5

Paso 17

Con el fin de crear una escena 3D con el texto en 3D y la niña que tendrá que fusionar en una sola capa en 3D. Ello es simple, seleccione las capas 3D e ir a las capas 3D> Combinar 3D. Al hacer esto va a crear una capa en 3D sólo con los objetos. De modo que en la paleta de 3D que se verá el texto en 3D y los objetos Chica en la que podrá editarlos, como escalar, rotar, mover y cambiar las opciones de extrusión así.

crear texto 3D con Photoshop CS5

Paso 18

Ahora lo más importante que hacer es ajustar los objetos de la escena 3D (1). Mover las luces para que pueda iluminar la escena adecuadamente y jugar con otros objetos. Lo mejor que puedes hacer es probar cosas diferentes, hacer una vista previa para ver cómo se ve y vuelve a intentarlo.
Para ver todos los objetos en 3D, haga clic en el pequeño icono en la parte inferior de la paleta de 3D, el uno con el ojo y seleccione Mostrar todo. (2)

crear texto 3D con Photoshop CS5

Paso 19

Lo mejor de la herramienta de repujado es que se puede editar el objeto en 3D en cualquier momento durante el proceso de diseño, así que si piensas que una posición distinta podría ser mejor  es posible cambiarlo, incluso la iluminación o las opciones de textura.

crear texto 3D con Photoshop CS5

Conclusión

Una vez que la posición de todos los elementos en 3D hay un paso adicional para hacer que es diferente del flujo de trabajo de Photoshop, que es representar el objeto en 3D utilizando el modo de Raytrace finalPhotoshop entonces representar el objeto y crea las sombras y los detalles, por lo general toma unos minutos para hacer eso, pero es un proceso necesario.
Así que, básicamente, en este tutorial  te mostré un poco de esta nueva herramienta increíble que viene con el nuevo Photoshop CS5 Extended. Hay un montón de cosas para aprender y practicar, pero estoy seguro que el repujado será muy útil para aquellos que, como yo, que están tratando de mezclar objetos en 3D con fotos y otros objetos en 2D que estamos acostumbrados a hacer en Photoshop.
Tutorial traducido de http://tutorialsportal.blogspot.com para Photoshop3d.org