En este nuevo tutorial que os traigo os mostrare como crear un efecto de colores en photoshop. Ideal para crear logos con plantillas oscuras de fondo (negras, gris oscura etc…). Para ello necesitaremos nuestro programa photoshop y 15 minutos de nuestro tiempo.
1º Creamos una nueva imágen (CTRL + N) en mi caso de 600px ancho por 340px alto. Ahora hacemos doble clic en la capa que aparece para desbloquearla (asi quitamos el candado que sale al lado)
2º Seleccionamos el bote de pintura (en el panel de herramientas de la izquierda) y pintamos de negro #000 el fondo.
3º Con la herramienta de texto escribimos lo que queramos, yo utilize la fuente Myriad Pro con un tamaño de 84 pt y escribi “tecnodiseño”
4º Le damos con el segundo clic encima de la capa de texto y nos saldran las opciones, pinchamos en Rasterizar Texto con esto haremos que nuestra capa de texto se convierta en una capa normal.
5º Ahora cogemos nuestra herramienta Marco Rectangular y seleccionamos letra por letra con el cuadrado y le daremos con el segundo clic a opciones del marco y a Capa Via Cortar. Esto lo haremos para separar todas las letras en distintas capas.
6º Hacemos doble clic en cada capa de cada letra y le damos a Superposicion de colores, y para cada letra elegiremos un color distinto. Como referencia podeis tomar la paleta de colores o usar los que querais.

- En mi caso lo hice asi:
* Algunos os preguntareis y porque no coges el bote de pintura y rellenas las letras en vez de hacer tantas capas. Sencillamente porque el bote de pintura sobre la letra hara que os aparezcan más pixeles y quedara feo. Esto es un ejemplo del mismo pero con el bote de pintura, si lo apreciais se quedan pixeladas las letras, aunque se tarde menos no es la mejor opción.
7º Ahora seleccionamos todas las capas pulsando la tecla CTRL y haciendo clic en cada una de las capas de las letras, una vez tenemos todas, le damos al segundo clic y Combinar Capas o bien CTRL + E. Asi nos quedo una sola capa con nuestro texto, listo para darle los efectos finales.
8º Hacemos doble clic a la capa del texto y seleccionamos gradiente, y lo ponemos de la siguiente manera. Al darle a OK le ponemos una opacidad del 50%
9º Ahora duplicamos la capa (segundo clic en la capa y Duplicar Capa o CTRL + J) y dejamos seleccionada de las dos que tenemos de texto, la de abajo.
10º Añadimos el efecto final que dara la gracia a nuestro texto, vamos a Filtro -> Desenfocar -> Desenfoque de movimiento y le ponemos Angulo -90º y Distancia de 100 pixeles.
Y hasta aqui ha sido todo, espero que os haya gustado y que a partir de este tutorial saqueis muchos más a vuestra manera, yo personalmente me he inspirado en este que si quereis podeis hecharle un ojo, aunque esta en ingles eso si y cambia algunas cosas.
Si teneis alguna duda, aqui debajo teneis el formulario para dejar los comentarios y si os ha gustado no dudeis en ¡compartirlo con vuestros amigos!














20 Comentarios
damian el 26 junio, 2012 a las 6:35.
me pueden dar el link paa descargar potoshop la mejor version
Tecnodiseño el 21 julio, 2012 a las 10:07.
La última versión de Photoshop la puedes descargar desde aquí http://tecnodiseno.com/descargar-photoshop-cs6/
Artiom Stryzhchenko el 2 julio, 2012 a las 13:50.
link de descarga
danrocker el 6 julio, 2012 a las 23:49.
no apaece la cubetita en la barra D:
Tecnodiseño el 21 julio, 2012 a las 10:05.
Busca el gradient tool o herramienta de gradiente, debajo del borrador en la barra de herramientas de la izquierda y déjalo pulsado y saldrá el bote de pintura. Un saludo
Mar Hernandez el 8 julio, 2012 a las 22:34.
DEMEN EL LINK DE DESCARGA PORFAVOR…!!!!!!!!!! QUE NO TENGA VIRUS GRACIAS
Tecnodiseño el 21 julio, 2012 a las 10:10.
Puedes descargar la versión de prueba desde su web http://tecnodiseno.com/descargar-photoshop-cs6/
Dante el 10 julio, 2012 a las 2:35.
si yo segui todos los pasos pero al final tengo u problema con el ultimo paso en el desenfoque de movimiento siempre me dice que fotoshop ha detectado un problema y no puedo lograr el efecto a que se debe
Tecnodiseño el 21 julio, 2012 a las 10:12.
Podrías ser más especifico con tu error, que windows usas, solo te pasa con el desenfoque en movimiento. Un saludo
alianza_z10 el 13 julio, 2012 a las 4:01.
en la parte de la letras no encuentro eso que esta en la numero 8 doble clic a la capa del texto y seleccionamos gradiente, no encuentro esa vaina tio ayudame
tecnodiseno el 14 julio, 2012 a las 18:48.
Tienes que pinchar dos veces en la capa del Texto y te saldrán las propiedades donde encontraras el gradiente
Alfre_elcuervo el 15 julio, 2012 a las 6:38.
hola kapo me suscriby me podrias dejar el link desde ya muchas gracias
Mary Ramos el 26 julio, 2012 a las 21:16.
en el ultimo paso no se distorsiona nada:c
Mario A. el 29 julio, 2012 a las 13:01.
Has seleccionado la capa correcta al hacer el desenfoque?
augusto el 28 julio, 2012 a las 21:14.
Cuando elijo las letras para pintarlas elijo la primera y todo bien… ahora cuando elijo la segunda me dice “no se ah podido crear una nueva capa a partir de la seleccion porque el area seleccionada esta vacia” espero alguna ayuda.. gracias..
Mario A. el 29 julio, 2012 a las 13:01.
Eso se debe a que no has seleccionado la capa correcta en el menú de capas, debes elegir siempre la que tiene todas las letras e ir una por una
Felipe Montecinos el 8 agosto, 2012 a las 2:37.
como abro la paleta de colores ????
Tecnodiseño el 8 agosto, 2012 a las 12:53.
Debajo de la barra de herramientas de la izquierda, hay dos cuadros de colores, pincha en el de arriba y se abriran los colores para que elijas. Un saludo
Carlos Díaz el 8 mayo, 2013 a las 17:40.
Ha sido genial, excelente me ha gustado enormemente. Saludos desde México.
PD.- Y además me ha servido mucho.
Mario Armenta el 12 mayo, 2013 a las 19:20.
Me alegro
Gracias a ti por seguirnos, un saludo!