jueves, 4 de junio de 2009

¿Cómo crear un efecto oro en Photoshop? Para cualquier tipo de texto

Después de tanto tiempo al fin publico algo nuevo, la verdad he estado bastante ocupada pero haré todo lo posible por bloggear más seguido. Esta vez voy a mostrarles cómo podemos crear el efecto oro con Photoshop CS3 y cómo editarlo para aplicarlo a cualquier forma o texto.

La idea surgió porque ayer estaba trabajando en el encabezado de una página Web y me pidieron que transformara el logo que muestro abajo al oro.

RB Abogados

Recuerdo que yo había recreado el efecto oro magistralmente hacía un tiempo, pero cortesía de mi difunto disco duro ya no tengo el *.psd fuente, así que lo primero que hice fue poner en Google “Efecto oro en photoshop”. Me encontré con un par de tutoriales muy buenos debo decir pero, me di cuenta que el logo que tenía que transformar es demasiado delgado – tanto las formas como el texto – y los tutoriales que encontré en su mayoría utilizaban letras bastante gruesas, el único que utilizaba una forma delgada… digamos que el efecto no me convenció, así que me dije a mi misma manos a la obra, vamos a crear un efecto que me sirva de base para cualquier forma y que sólo necesite ajustar pequeños parámetros para que se vea bien a lo que se lo aplique. Mi meta era eliminar el problema que cuando aplicaba un efecto que me encontraba por ahí mi logo se veía arrugado o muy oscuro… o ni se veía pero bueno, ahora mostraré cómo pasé de se logo plano en blanco y negro a esto:

RB Abogados

Empecemos por el principio. Efecto para textos delgados y pequeños, el que llamo efecto básico:

Creemos un *.psd nuevo, en este caso yo utilizaré un lienzo de 750x300 pixeles.

Empecemos primero por el texto delgado. Escribamos algo con un tipo de letra Arial Narrow o cualquier tipografía delgada que nos guste.

Efecto oro en Photoshop CS3

Le damos un poco de sombra:

Opacidad 37% > Ángulo 120 > Distancia 4px > Extensión 1% > Tamaño 0px > Ruido 0%

    Efecto oro en Photoshop CS3

Bisel y relieve: Estilo - Relieve > Técnica - Redondeado > Tamaño - 4px > Profundidad - 1000% > Dirección - Arriba > Suavizar - 0 > Ángulo - 120° > Altitud - 30° > Contorno de resplandor - Cono invertido > Modo resaltado - Superexponer color. Color #FFFFFF. Opacidad 60% >Modo de sombra - Multiplicar. Color #625205. Opacidad 75%

    Efecto oro en Photoshop CS3

Contorno: Contorno - Desniveles redondeados > Rango - 100%

    Efecto oro en Photoshop CS3

Superposición de colores: Modo defusión - Normal > Color - #fef5c9 > Opacidad - 100%

    Efecto oro en Photoshop CS3

Trazo: Tamaño - 1px > Posición - Exterior > Modo de fusión - Normal > Opacidad - 100% > Tipo de relleno - Color > Color - #352d00

    Efecto oro en Photoshop CS3

Y voilá! Tenemos un texto delgado y pequeño con efecto de oro.

Efecto oro en Photoshop

 

AHORA EDITEMOS ESTE EFECTO PARA LETRAS DELGADAS Y GRANDES...

Lo primero, escribimos ahora un texto más grande con el mismo tipo de letra o algún otro que nos guste. Lo importante es que sea una tipografía delgada. Le aplicamos el estilo anterior.


Efecto Oro

Lo único que tenemos que hacer ahora es cambiar en el Bisel y Relieve el estilo a INGLETE INTERIOR y cambiar el tamaño a 5px. Podemos jugar también con el color superpuesto si deseamos, pero me parece que ese color está bien.

Efecto Oro

Y el resultado...

Efecto Oro

Sobre un fondo negro se ve muy bien...

Efecto Oro

 

Y AHORA LETRAS GRUESAS Y PEQUEÑAS

Utilicemos un tipo de letra gordito (en este caso estoy utilizando una letra llamada BROAD) en tamaño pequeño y escribamos otra vez nuestro texto y le aplicamos el efecto básico (el de las letras finas y pequeñas).

Efecto Oro

En el BISEL Y RELIEVEcambiemos el color del MODO DE SOMBRA por #514b2e y volvemos a cambiar el tamaño a 5px.

Efecto Oro

Y una vez más tenemos un resultado muy bueno...

Efecto oro

Y en fondo negro se ve genial...

Efecto oro

 

POR ÚLTIMO VEAMOS LAS LETRAS GRUESAS Y GRANDES

Utilicemos la misma tipografía (en mi caso BROAD) en un tamaño más grande y le aplicamos el efecto básico.

Efecto Oro

En el BISEL Y RELIEVE cambiamos el color del MODO DE SOMBRA a #a8a079 y el TAMAÑO a 16px.

Efecto Oro

Y para darle un poco más de delicadeza al asunto ajustemos un poco las sombras.

Distancia - 7px

Extensión - 19%

Tamaño - 10px

Efecto oro

Y el resultado es...

Efecto Oro

Y en negro...

Efecto oro

Y por cualquier duda... puedes descargar el *.psd

Descargar el archivo aquí

Bueno, espero que este tutorial les sirva de mucho como me ha servido a mi y espero sus comentarios.

 

Una recomendación musical: “Fast cars and freedom” – Rascal Flatts.
Un libro: Araica - Yen Howell
Una cita: "La vida es cambiar. La mía es cambiar la de los demás." - Yen Howell

3 comentarios:

Anónimo dijo...

Gracias yenifer , tu tutorial me sirvió para crear varios estilos de texto oro o por lo menos metalico, hice el tuyo y salió bien.
Soy aficionado a photoshop y llegué acá buscando un tutorial como este. Veo en tu perfil que el 9 de septiembre tenes cumpleaños, aunque sea primera vez que estoy por aca te deseo felicidades.
Voy ahora a conocer tu pagina web.

Saludos desde la Patagonia Argentina.

Anónimo dijo...

Estaba Buscando Unos efectos de Phtoshop de Metales y me encuentro el tuyo que lo necesitaba pero no lo encontraba esta muy bueno, gracias

saludos desde Ny, Usa

Yen Howell dijo...

Gracias a ti por visitar!

Publicar un comentario