DESIGNAID

Herramientas claves para representar tus ideas

Letras antiguas con Photoshop

pildora_ps.gifHola a todos! bienvenidos a el primer post de photoshop! y de paso el primero en designaid. sientete libre de enviarme tus comentarios o solicitudes cuando quieras.

En esta primera oportunidad crearemos un efecto bien facil de lograr y muy atractivo, vamos a envejecer un texto en photoshop para darle una apariencia antigua y milenaria…muy util para un efecto en un arte antiguo. algo asi para demostrar que el diseño puede perdurar en el tiempo: :) (haz click en todas las imagenes para ampliarlas)

rome.gif

Aunque este es un tutorial para un nivel basico de photoshop, los resultados son bien atractivos. por supuesto el secreto que desde ya te digo para que domines photoshop es practicar, practicar y practicar…para todos los tutoriales uso el sofware en ingles. asi que prevenidos con las traducciones si lo tienen en español, o puedes guiarte por las imagenes. bien, ahora Empecemos!

PASO 1: crea un archivo nuevo en photoshop. te recomiendo trabajar en una resolucion alta para que puedas lograr todos esos pequeños detalles en el texto.empecemos con una imagen nueva de 800×600 a 72 dpi en un fondo blanco.

PASO 2: Crea un texto en negro. yo escribe el texto “ROME” algo asi como para evocar la epoca del imperio romano que va muy bien con el efecto que le daremos. lo hacemos en negro para poder ver mejor el texto. igual este no sera el color final. ahora coloca el texto justo donde lo quieres y nunca lo muevas de alli. porque vamos a trabajar con los canales (channels) y a estos no les gusta mucho cuando movemos las cosas ;)

PASO 3: ahora presiona Cntrl en tu teclado y manteniendolo presionado (cntrl-click) has click en la capa de texto que creaste y podras crear una seleccion del mismo texto. (apareceran las “hormiguitas” que te dicen que tienes una seleccion hecha) este es un truco que te recomiendo para seleccionar rapidamente el contenido de una capa.

001.gif

PASO 4: Ahora que tienes la seleccion hecha vete al menu superior y selecciona: SELECT > SAVE SELECTION de esta forma vamos a salvar esta seleccion que hicimos en un canal (channel) nuevo. ponle de a este channel el de de nombre: ORIGINAL. en mi archivo le puse el nombre “original rome”.

ahora que ya tenemos el channel salvado que se llama “original” (puedes buscar la ventana de channel y verlo ahi) ya podemos borrar la capa de texto que creamos al principio. recuerda tambien eliminar la seleccion que teniamos hecha. para hacerlo mas rapidito puedes presionar CNTRL-D en el teclado para borrarla. hasta todo facil no?

002.gif

PASO 5: Ahora busca tu ventana de channel. alli veras el canal que le pusimos de nombre “original”. ahora lo que haremos es duplicar este canal. para duplicar un canal haz click con el boton derecho y selecciona “Duplicate channel” ponle de nombre a este canal nuevo “effecto rome”

003.gif

PASO 6: Hasta ahora todo bien pero ahora empieza lo bueno: carga la seleccion del canal que se llama “effecto rome” (usa la combinacion CNTRL-CLICK como hicimos en el paso 3) ahora vete al menu: FILTER > BLUR > GAUSSIAN BLUR y aplica este blur. primero usa un radio de 3.0 pixeles. luego vuelve a aplicar el mismo efecto de blur gaussiano pero ahora con un radio de 6.0 pixeles. el canal va a quedar como un blanco muy grisaceo o muy sucio. presiona CNTRL-D para quitar la seleccion. hasta ahora todo bien.

004.gif

PASO 7: Ahora vete al panel de tu capas (layers) y crea un nuevo layer. en esta misma capa nueva vete al menu SELECT > LOAD SELECTION y selecciona donde dice “CHANNEL” la capa que se llama “original rome” presiona ok y ahora aparecera magicamente una seleccion con el canal que hicimos anteriormente. rellena de blanco esta seleccion.

005.gif

PASO 8: vete al menu de FILTERS > RENDER > LIGHTNING EFFECTS en ese mismo panel que te aperece busca la seccion de nombre “light type” y selecciona “directional”. en el campo de abajo que se llama “texture channel” selecciona el channel “effecto rome”. para los campos que se llaman “gloss” y “material” puedes probar con diferentes numeros y configuraciones esto te dara millones y millones de resultados distintos para el efecto. usa -100 en material y 100 en gloss para obtener un efecto mucho mas denso. lo que buscamos es obtener una amplia gama de grises en la imagen.

006.gif

PASO 9: Falta poco. para el paso final vete al menu de FILTER > STYLIZE > FIND EDGES y listo! un efecto de texto antiguo! tambien puedes usar FILTER > SHARPEN > UNSHARP MASK para agregar mucho mayor detalle a los bordes como lo hice yo. usa 200%. pixel radius de 1 pixel, y threshold de 10 pixeles. mira aqui el resultado de los detalles:

zoom.gif

Un texto bastante erosionado por las arenas del tiempo… Si quieres tambien puedes colorear el efecto. yo use una capa de ajuste de HUE/SATURATION encima de la capa del texto y le di un tinte dorado como si fueran letras hechas en oro y le coloque una foto de piedra en el fondo para hacer mas efectido la expresion del arte.

rome-detail.gif

Fijate en todos los detalles de la imagen, por eso te recomiendo empezar este efecto a una resolucion alta para que obtengas todos esos pequeños rebordes que lo hacen ver muy real. despues puedes cambiarle el tamaño al arte para ajustarlo a tu diseño. de paso puedes obtener millones y millones de resultados diferentes con distintos tipos de texto y cuando apliques los “lightining effects” para obtener distintos niveles de grises. aqui te muestro otro ejemplo:

other.gif

esto es lo interesante de photoshop podemos lograr cosas infinitas! Si quieres revisar el PSD original, revisa en mi box y busca el archivo “letras_antiguas.psd”

espero te haya gustado este primer tutorial en designaid, espero tus comentarios.

nos vemos en los proximos que vendran!

Luis S.

About these ads

8 comentarios»

  dan wrote @

se me presenta tremendo lio, entre el paso 7 y 8 cuando intento aplicar el filtro render en la siguiente ventana las opciones de lighting effects y de lents flares me aparecen inhabilitadas por q podria se eso…?

  Luis Suarez wrote @

Dan:

Recuerda que debes pintar de blanco esa seleccion que hiciste en el paso 7. es probable que los filtros no se activen porque primero debes tener pixeles coloreados en esa capa.

saludos.

Luis S.

  dan wrote @

fino profe la compuse gracias, y de verdad profe muy buen site, para mi antes todo era vectores y le tenia asco a photoshop pero por medio de estos pequeños tutoriales me ha demostrado q las herramientas de photoshop son casi infinitas solo necesita tiempo…
de verdad lo felicito por su preocupacion por tratar de expandir ese amor al diseño q le tiene usted…

  Luis Suarez wrote @

jajaja lo le tengas miedo a photoshop, que no muerde y mucho menos asco. lo unico que necesitas es un poquito de tiempo y dedicacion y te sorprenderas lo que logras hacer con algo de practica, y por supuesto visitando de vez en cuando designaid ;)

saludos.

Luis S.

  Jime wrote @

Acabo de leer el tutorial y me parecio muy bueno, solo que tengo el photoshop en español y me cuesta un poco descubrir cuales son las opciones que hay que aplicarle al texto a partir del paso Nº9. Ojala me pueda ayudar.
Desde ya gracias.

Jime.

  stephanie wrote @

alumbrado

  asertete wrote @

si me puedes decir el nombre de los filtros en español del paso 8 en adelante se agradecee XDDDD

  Luis Suarez wrote @

Hola Asertete. gracias por escribir.

De verdad que no sabria decirte porque siempre he usado las versiones en ingles. Siempre me han parecido mas cortos y claros los nombres de herramientas y funciones. El unico que si me se es HUE/SATURATION que en la version en ingles es TONO/SATURACION. De todas formas te puedes guiar por las imagenes del tutorial para buscar las herramientas.

espero te ayude.

saludos
Luis S.


Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

%d personas les gusta esto: