tutorial de photoshop - texto de vidrio

14
En este tutorial de photoshop te mostraré a crear un texto de vidrio transparente, los efectos utilizados son básicos, acompaño este tutorial con las impresiones de pantalla para que no tengas problemas para realizarlo. No omito manifestar que utilicé Photoshop CS5 para este tutorial, pero igual puedes utilizar desde la version CS3 ó superior ya que las herramientas y estilos de capa se encuentran disponibles desde la versión de photoshop antes mencionada. Este es el resultado del tutorial: Que aprenderemos en este tutorial de photoshop : Trabajaremos con los estilos de capa para dar el aspecto de cristal transparente al texto (vidrio transparente). Crearemos el fondo de la imagen para que obtenga una mejor presentación e impacto visual. Comencemos con el tutorial

Upload: walter-alvarez

Post on 03-Jan-2016

1.176 views

Category:

Documents


8 download

DESCRIPTION

En este tutorial de photoshop te muestro como hacer un efecto de vidrio aplicado a un texto cualquiera, puedes utilizar desde la veresion CS2 del programa puesto que pese a haber realizado el tutorial en Photoshop CS5 las herramientas son estándares desde la CS2

TRANSCRIPT

Page 1: Tutorial de photoshop - Texto de vidrio

En este tutorial de photoshop te mostraré a crear un texto de vidrio transparente, los efectos utilizados son básicos, acompaño este tutorial con las impresiones de pantalla para que no tengas problemas para realizarlo. No omito manifestar que utilicé Photoshop CS5 para este tutorial, pero igual puedes utilizar desde la version CS3 ó superior ya que las herramientas y estilos de capa se encuentran disponibles desde la versión de photoshop antes mencionada.

Este es el resultado del tutorial:

Que aprenderemos en este tutorial de photoshop:

Trabajaremos con los estilos de capa para dar el aspecto de cristal transparente al texto (vidrio transparente).

Crearemos el fondo de la imagen para que obtenga una mejor presentación e impacto visual.

Comencemos con el tutorial

Crea un documento nuevo de 1000px de ancho, 800px de alto y 100 dpi de resolución.

Page 2: Tutorial de photoshop - Texto de vidrio

Pasa el fondo del documento nuevo a color Negro, escribe el texto, que para efectos de este tutorial será:”Efecto texto de vidrio”, con tipo de letra alako-Bold con un tamaño de 100 pt y color blanco.

A continuación duplica la capa de texto (presiona CTRL+J) y ocúltala (clic en el ojo a la par de la capa), selecciona la capa inferior (original de texto) y pasa el relleno de la capa a “0″, esto la desaparecerá momentáneamente:

Ingresa a las opciones de fusión / Bisel y Relieve:

Page 3: Tutorial de photoshop - Texto de vidrio

En cuanto selecciones la opción Bisel y Relieve notarás que el texto (antes invisible) ya se nota como un pequeño resplandor:

Page 4: Tutorial de photoshop - Texto de vidrio

Ahora vamos a configurar el Bisel y Relieve para personalizar el efecto y que preparando el efecto de texto de vidrio.

Las opciones que vas a modificar son:

Estilo: Inglete exterior Técnica: Cincel duro Contorno de resplandor: Cono Invertido. Debes verificare que la casilla “Suavizado” esté

seleccionada. Modo de Resataltado: Por defecto es blanco y así lo dejamos pero hay que cambiar el efecto

de “Trama” a “luz Lineal” Modo de Sombra: Cambia el color por un gris suave, en este caso utilizamos #b5b5b5.

Page 5: Tutorial de photoshop - Texto de vidrio

El efecto anterior apenas nos una parte del efecto, necesitamos hacer todo el texto un poo más visible, para ello seleccionamos también “Contorno” seleccionas un cono Invertido y la casilla de Suavizado la seleccionas tambien:

Page 6: Tutorial de photoshop - Texto de vidrio

Sombra Paralela, Color: #474747, Distancia: 11; Tamaño 8.

Page 7: Tutorial de photoshop - Texto de vidrio

Selecciona el Trazo:

Tamaño: 7 Posición: Exterior Opacidad: 0 Color: blanco (#ffffff)

Page 8: Tutorial de photoshop - Texto de vidrio

Presiona OK para aplicar las opciones de fusión a la capa y tu documento debería tener el siguiente aspecto:

Pero no hemos terminado, puesto que aun tenemos que aplicar los efectos a la capa de arriba, que es la copia de esta capa solo que aun no tiene los efectos aplicados, situación que resolveremos a continuación.

Page 9: Tutorial de photoshop - Texto de vidrio

Primero actívala, para ello haz clic enel icono vacío en donde se supone que esta el ojo de la capa.

Selecciona la capa (la que aún no tiene efectos) e ingresa a las opciones de fusión, te diriges a Bisel y Relieve:

Estilo: Inglete inferior Tamaño: 13 Contorno de resplandor: Pendiente – hacia abajo, verifica que la casilla “Suavizado” también

quede seleccionada.

Debes aplicar Contorno tambien, selecciona Gausiano y verifica que la casilla “Suavizado” esté activada.

Page 10: Tutorial de photoshop - Texto de vidrio

hasta el momento debes tener esto:

El problema es que necesitamos que el texto sea transparente, asi que nos dirigimos a la opacidad de la capa y la pasamos a 0, y así obtenemos lo siguiente:

Page 11: Tutorial de photoshop - Texto de vidrio

Aún no hemos finalizado, vamos a aplicar un último efecto, que es el Resplandor interior:

Modo de fusión: Superponer Ruido: 100 Color: Blanco (#ffffff) Origen: Centro Tamaño: 20

Presiona OK. El efecto ya está listo:

Page 12: Tutorial de photoshop - Texto de vidrio

mmmm…. pero está demasiado sencillo. Claro, porque aún le falta resaltar y para ello necesitamos un fondo de capa, y para el fondo utilicé esta imagen, y el resultado es:

Page 13: Tutorial de photoshop - Texto de vidrio

Hasta aquí terminamos con este tutorial de Photoshop CS5, que te recuerdo que lo puedes hacer en Photoshop CS3 ó superior, puesto que no utilicé opciones exclusivas de una versión específica.

Espero que te sea de utilidad. Si te ha gustado deja un comentario o utiliza los botones de Facebook y Twitter para compartirlo en tus muros y perfiles. Aunque no es obligatorio se agradecen los enlaces a este tutorial y si decides compartirlo agradecería que compartieras el archivo original.

Si quieres descargar el psd, obtener el tipo de letra utilizado y ver el tutorial en línea visita:

http://www.photoshopytutoriales.com/crear-texto-de-vidrio-con-photoshop-tutorial/