P. 1
Tutorial Photoshop Texto 3d

Tutorial Photoshop Texto 3d

|Views: 1.027|Likes:
Publicado porWalter Alvarez
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
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

More info:

Published by: Walter Alvarez on Dec 22, 2009
Copyright:Attribution Share Alike

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF or read online from Scribd
See more
See less

08/23/2012

pdf

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.

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

Inner shadow

Inner Glow

Gradient Overlay

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:

El texto ya debería tener la siguiente apariencia:

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:

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:

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

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:

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:

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:

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

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

El PSD lo puedes encontrar en http://www.solucionesseo.com/blog-posicionamiento/tutoriales/tutorial-photoshop-creartexto-3d-con-textura/

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

You're Reading a Free Preview

Descarga
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->