Blog

El blog de CaminoCreativo.com con lo ultimo y mas destacdo sobre el diseño.

Efectos

Los mejores tutoriales para Photoshop enfocado sobretodo a crear efectos especiales.

Noticias

Importantes noticias para diseñadores. Tambien algunas novedades de nuestra area.

Recursos

Todos los recursos para poder hacer de tus diseños algo completamente profesional.

Varios

No solo de Photoshop vive el diseñador. Dreamweaver, Illustrator, incluso otros recursos!

Home » Efectos, En textos, Web

Texto reflejado Web 2.0 estilo Vista

Publicado por Luch el Viernes, 7 Noviembre 20081 Comentario

Les presento este tutorial que de los tantos que publiqué con la temática Web 2.0. Se trata de un efecto de texto con reflejo al estilo Vista.

Abrimos un documento de 400×300px con fondo blanco.

Seleccionamos la fuente Impact y escribimos el texto.

Ahora le aplicaremos Layer Styles. Vayamos al menu ((Layer))-((Layer Style))-((Gradient Overlay)).

Los colores que utilicé de izquierda a derecha son los siguientes: #121212 / #454545 / #000000 / #4c4c4c / #676767 / #4c4c4c.

Tendremos este resultado.

Duplicamos la capa de texto apretando Ctrl + J.

Luego, botón derecho del mouse sobre el nombre de la capa de texto duplicada, seleccionamos ((Rasterize Type)).

Volvemos a hacer clic con el botón derecho del mouse y seleccionamos “”Convert To Smart Object”

Nuevamente clic derecho sobre la capa, elegimos “Rasterize Layer”.

Ahora vamos al menu ((Edit))-((Transform))-((Flip Vertical)). Lo acomodamos pegado al texto original. Observen la siguiente imagen.

Ahora seleccionamos ((Erase Tool)) con los valores que aparecen en la barra de opciones en la siguiente imagen y comenzamos a borrar la capa invertida hasta que quede el efecto de reflejo.

Bueno, este es el resultado.