Tutorial Photoshop: Crear texto 3D con textura



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:

resultadoFinal texto3D 300x300 Tutorial Photoshop: Crear texto 3D con textura

Crear texto 3d con Photoshop

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.

EfectoTexto1 300x300 Tutorial Photoshop: Crear texto 3D con textura

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:

2 texto3d 300x209 Tutorial Photoshop: Crear texto 3D con textura

3 texto3d 300x209 Tutorial Photoshop: Crear texto 3D con textura

4 texto3d 300x209 Tutorial Photoshop: Crear texto 3D con textura

5 texto3d 300x209 Tutorial Photoshop: Crear texto 3D con textura

7a texto3d 300x207 Tutorial Photoshop: Crear texto 3D con textura

7 texto3d 300x209 Tutorial Photoshop: Crear texto 3D con textura

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:

8 texto3d 162x300 Tutorial Photoshop: Crear texto 3D con textura

9 texto3d 180x300 Tutorial Photoshop: Crear texto 3D con textura

El texto ya debería tener la siguiente apariencia:

EfectoTexto1 300x300 Tutorial Photoshop: Crear texto 3D con textura

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:

creandotexto3d 300x300 Tutorial Photoshop: Crear texto 3D con textura

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:

10 texto3d 300x140 Tutorial Photoshop: Crear texto 3D con textura

11 texto3d 300x113 Tutorial Photoshop: Crear texto 3D con textura

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

3daplicado 300x176 Tutorial Photoshop: Crear texto 3D con textura

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:

13 texto3d Tutorial Photoshop: Crear texto 3D con textura

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:

latextura 300x299 Tutorial Photoshop: Crear texto 3D con textura

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

hue 300x196 Tutorial Photoshop: Crear texto 3D con textura

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.

ilusion3dTexto1 300x149 Tutorial Photoshop: Crear texto 3D con textura

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

14 texto3d 300x80 Tutorial Photoshop: Crear texto 3D con textura

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:

ilusion3dTexto2 300x142 Tutorial Photoshop: Crear texto 3D con textura

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).

15 texto3d 300x264 Tutorial Photoshop: Crear texto 3D con textura

Repite el procedimiento para el texto 3d.

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

16 texto3denPhotoshop 300x203 Tutorial Photoshop: Crear 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.

17 texto3d 299x300 Tutorial Photoshop: Crear texto 3D con textura

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:

clouds 295x300 Tutorial Photoshop: Crear texto 3D con textura

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

alfinal 296x300 Tutorial Photoshop: Crear texto 3D con textura

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

resultadoFinal texto3D 300x300 Tutorial Photoshop: Crear texto 3D con textura

Descarga el PSD del tutorial Photoshop para crear texto 3D, para que lo descargues desde aquí. Cualquier consulta utiliza los comentarios.

Te recomiendo:


Guardado en:

 Recibenos en tu Email

Enter your email address:

Delivered by FeedBurner

Lo mas nuevo en el Blog:

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

18 Comments

  1. Información Bitacoras.com…

    Valora en Bitacoras.com: 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: Cr…..

  2. [...] This post was mentioned on Twitter by Ivana Carina Castro, Soluciones SEO. Soluciones SEO said: Tutorial Photoshop: Crear texto 3D con textura http://bit.ly/7z9YFL en el blog [...]

  3. Tutorial Photoshop: Crear texto 3D con textura http://is.gd/5xjqN Queda muy chulo el resultado :-) /vía solucionesseo.com

  4. Social comments and analytics for this post…

    This post was mentioned on Twitter by solucionesseo: Tutorial Photoshop: Crear texto 3D con textura http://bit.ly/7z9YFL en el blog…

  5. RT @javianmuniz Tutorial Photoshop: Crear texto 3D con textura http://is.gd/5xjqN Queda muy chulo el resultado :-) /vía solucionesseo.com

  6. http://bit.ly/7z9YFL tutorial #Photoshop para crear texto 3d con #psd incluido

  7. RT @solucionesseo http://bit.ly/7z9YFL tutorial #Photoshop para crear texto 3d con #psd incluido

  8. Interesante post, crei que solamente teniendo la ultima versión de adobe CS4 se podia lograr dicho efecto.

  9. Crear texto 3D con textura en Photoshop…

    Vota este post en teknear.com…

  10. http://bit.ly/7z9YFL tutorial para crear texto 3d con Photoshop vía @solucionesseo

  11. RT @noticiasda http://bit.ly/7z9YFL tutorial para crear texto 3d con Photoshop vía @solucionesseo

  12. Emilio dice:

    Muy bueno el tuto y además entendible, te dejo mi blog para que visites [url] http://wallsymas.blogspot.com [/url]
    Emilio

  13. Tutorial photoshop…

    Tutorial para crear efecto 3d con texto en Photoshop….

Dejar un comentario