tutorial photoshop texto 3d

15
Tutorial Photoshop: Crear texto 3d Escrito por Walter Alvarez http://www.solucionesseo.com/blog-posicionamiento En este tutorial haremos un texto 3d con una textura en el interior, te recomiendo que sigas los pasos del tutorial y que tengas Photoshop abierto a fin que lo vayas practicando simultáneamente. Este es el resultado final Comenzamos con un documento de 450 X 450 px, 72 DPI y fondo blanco, el fondo ya lo vamos a cambiar a un degradado, cuando tengamos el documento abierto procede a escribir el texto que se muestra en la imagen, puedes utilizar un texto cualquiera, pero el tamaño debe ser, el que yo utilicé, 144 pt, color #183bd4 tipo de letra World of Water.

Upload: walter-alvarez

Post on 14-Jun-2015

1.011 views

Category:

Documents


1 download

DESCRIPTION

En este tutorial te explicare paso a paso como crear un texto 3D utilizando Photoshop como herramienta de diseño. Visita http://www.solucionesseo.com/blog-posicionamiento para ver más tutoriales de Photoshop

TRANSCRIPT

Page 1: Tutorial Photoshop Texto 3d

Tutorial Photoshop: Crear texto 3dEscrito por Walter Alvarezhttp://www.solucionesseo.com/blog-posicionamiento

En este tutorial haremos un texto 3d con una textura en el interior, te recomiendo que sigas los pasos del tutorial y que tengas Photoshop abierto a fin que lo vayas practicando simultáneamente. Este es el resultado final

Comenzamos con un documento de 450 X 450 px, 72 DPI y fondo blanco, el fondo ya lo vamos a cambiar a un degradado, cuando tengamos el documento abierto procede a escribir el texto que se muestra en la imagen, puedes utilizar un texto cualquiera, pero el tamaño debe ser, el que yo utilicé, 144 pt, color #183bd4 tipo de letra World of Water.

Page 2: Tutorial Photoshop Texto 3d

Ahora ubica el layer que tiene el texto “Ilusion”, rota un poco el texto para que quede como la imagen superior.

Entramos a las opciones de fusión de las Capas y vamos a aplicar Drop Shadow, Inner Shadow, Inner Glow, Gradient Overlay, Pattern overlay y Stroke, por lo que te recomiendo configurar cada uno de ellos como te muestro a continuación:

Drop Shadow

Page 3: Tutorial Photoshop Texto 3d

Inner shadow

Inner Glow

Gradient Overlay

Page 4: Tutorial Photoshop Texto 3d

Pattern overlay

Stroke

Presiona ok, ahora copia el estilo de capa de “ilusion” y pega el estilo de capa en “3d”, como se muestra en las siguientes capturas:

Page 5: Tutorial Photoshop Texto 3d

El texto ya debería tener la siguiente apariencia:

Page 6: Tutorial Photoshop Texto 3d

Duplica la capa Ilusion y mueve la copia debajo arrastrándola hacia la izquierda y abajo levemente, con color de letra #3e5fea. Haz el mismo procedimiento para la capa 3D, solo que en lugar de moverlo hacia la izquierda y abajo muévelo hacia arriba. Al final las imágenes deben estar como se muestran:

Como puedes apreciar ya prácticamente tenemos el efecto 3D en el texto, pero para hacerlo más realista vamos a aplicarle un degradado. Comenzaremos aplicando opciones de fusión a la capa Ilusión como se muestra en las imágenes:

Page 7: Tutorial Photoshop Texto 3d

Ahora debes copiar las opciones de fusión de “Ilusion Copy” y pegarlas en la capa “3D copy”.

Con los nuevos estilos de capa lo que hacemos es darle un poco de volumen a las capas nuevas, este volumen es necesario para crear el efecto 3D.

A continuación inserta una nueva Layer rellénala de color blanco (en este punto debes tener el color de primer plano en negro y segundo plano en blanco, solo presiona “D” en tu teclado) Filter / Render / Fibers utiliza 44 para Variance y 44 para strength, presiona OK.

Ahora dirígete a Filter / Liquify, selecciona Twirl, en las herramientas de la opción configura los siguientes valores:

Page 8: Tutorial Photoshop Texto 3d

Empieza a deformar la textura, nos vamos a concentrar en la parte central de la textura, no tanto en las esquinas, en realidad no la vamos a utilizar toda, solamente la parte del centro, por eso es que las esquinas no importan como queden:

Ahora solo falta aplicarle color a esta textura, para ello Image / Adjustments / Hue saturation

Page 9: Tutorial Photoshop Texto 3d

Te tiene que quedar ese tono de textura, cuando lo tengas haz clic en ok.

A continuación presiona CTRL + clic en la capa “Ilusion” que se encuentra arriba, con esto cargas la selección de esa capa, podrás ver que tienes la selección cargada porque la silueta del texto aparecerá punteada.

El inconveniente aquí es que esa selección es exactamente igual al texto, asi que necesitamos reducir las dimensiones de la selección, dirígete a Select / Modify / Contract y utiliza 3 pixeles como valor

Antes de continuar verifica que estés en la Capa que contiene la textura, lo que sigue es muy sencillo Corta la selección y Pégala inmediatamente, oculta momentáneamente la capa de la textura y coloca manualmente lo que pegaste encima de la capa ilusión, de modo que se puedan distinguir los bordes de la capa original, mejor te lo ilustro:

Page 10: Tutorial Photoshop Texto 3d

Ahora vamos a cambiar rápidamente el aspecto de la textura al fusionarla con el texto, para ello solamente dirígete a los modos de fusión de las capas y pásalo a Linear Dodge (add)

Repite el procedimiento para el texto 3d.

Con esto ya terminaríamos, el resultado sería un texto 3D con Textura:

Page 11: Tutorial Photoshop Texto 3d

Ya falta poco, solo nos falta el fondo, inserta una capa inmediatamente arriba del background y aplícale degradado, los colores que vas a utilizar es el degradado arcoíris transparente, arrastra el cursor del extremo izquierdo superior al extremo derecho inferior.

Inserta una nueva capa inmediatamente encima de la capa del arcoíris, y rellénala de blanco, en este punto te recomiendo que el color de primer plano esté en #aed8ff y el color de seungo plano en blanco, cuando insertes la capa presiona la tecla CTRL + Backspace y la capa se rellenará automáticamente de color blanco, a continuación filter / render / clouds y OK.

Presiona las teclas CTRL+F hasta que tengas una apariencia como la de la imagen:

Page 12: Tutorial Photoshop Texto 3d

Solo falta cambiar el modo de fusión de la capa de nubes a HUE

Page 13: Tutorial Photoshop Texto 3d

Listo!!, con un par de brushes le cambias el aspecto a esto

Page 14: Tutorial Photoshop Texto 3d

El PSD lo puedes encontrar en

http://www.solucionesseo.com/blog-posicionamiento/tutoriales/tutorial-photoshop-crear-texto-3d-con-textura/

Escrito por Walter Alvarezhttp://www.solucionesseo.com/blog-posicionamiento