Concepto Pixel » Tutoriales Photoshop

Convertir una foto a una obra de ‘Pop Art’

Andrés Prada — Tue, 08 Mar 2011 21:11:15 +0000

Hola a los fieles lectores de este antiguo blog, que por causas del destino resultó estar abandonado por algunos meses, pero eso terminó, desde hoy se comienza a activar y será lo que era antes: el mejor sitio de diseño gráfico en toda Latinoamérica.

El día de hoy les voy a enseñar en un tutorial muy sencillo a hacer de una foto común una maravilla del ‘Pop Art’ (en español Arte Pop, pero más popularizado en inglés). Recordemos que el Arte Pop fue el movimiento de arte que se dió en los 80 y finalizó a principios de los 90 en Estados Unidos, gracias a esto tenemos todas las ilustraciones que conocemos popularmente en afiches de Marilyn Monroe.

Este tutorial nos llevará realizarlo aproximadamente 20 minutos, dependiendo de los detalles que le vayamos a hacer y claro de la complejidad de la fotografía que tengamos, además de nuestra agilidad y experiencia, su dificultad es fácil y su nivel de interés es máximo ya que muchos diseñadores cobran millonadas por hacer este sencillo proceso y únicamente por el desconocimiento que tenemos para realizarlo.

Los materiales que utilizaremos serán los siguientes:

Una fotografía, puede ser de una famosa, un famoso que tenga rasgos bien definidos, separando visualmente los colores de su cabello, piel, accesorios y vestimenta, yo utilizaré la siguiente foto de Katy Perry, recuerden además que debe tener color y no se debe exceder en detalles pequeños, ya que nos quedaría difícil darle color a esos lugares.
Yo utilizaré Photoshop CS5 y nada más, aunque las herramientas que utilizaremos se pueden ver desde la primera versión, se recomienda tener un Photoshop CS3 o CS4 que manejan una interfaz más parecida a la del CS5.

Comenzemos con abrir la imagén o fotografía en Photoshop:

1. Duplicar la capa 2 veces, para que nos queden 3 capas: la última capa de abajo la renombraremos: ‘Fondo’, la que esta en el medio la llamaremos ‘Azul’ y la última la podemos llamar ‘Puntos’. De esta forma:

2. Vamos a hacer de la capa ‘Azul’ algo realmente de ese color, vamos a pintar con el pincel TODA la capa con un azul claro, yo voy a utilizar el azul #5eb7cb.

3. Con la varita mágica seleccionamos el fondo fuera del cuerpo de nuestra modelo en la capa ‘Puntos’ y lo suprimimos, se puede hacer con el borrado para que nos quede algo asi:

4. Vamos a la capa ‘Puntos’ y apretamos estas teclas al mismo tiempo: Control + Shift + U y eso nos desaturará la capa.

5. Siguiendo con la capa ‘Puntos’ vamos a Imagen > Ajustes > Umbral y con el número podemos experimentar el que más detalles nos de, pero sin que quede bastante negro, yo voy a utilizar 170, pero lo normal es 150 y tendremos algo como lo siguiente:

6. Como la imagen nos queda demasiada brusca en los bordes, hacemos lo siguiente: con la capa ‘Puntos’ aún seleccionada vamos a Filtro > Desenfoque > Desenfoque Gaussiano y en radio ponemos 0,5 o también puedes experimentar.

7. En el menú que aparece cuando le damos clic derecho sobre la capa ‘Puntos’ seleccionados duplicar capa y seleccionamos Nuevo, ahora tendremos dos archivos abiertos en Photoshop.

8. Pasamos al nuevo documento y vamos a Imagen > Modo > Escala de grises y aceptamos lo que aparezca y continuamos, luego regresamos a Imagen > Modo > Mapa de bits y en Método seleccionamos: ‘Trama de semitonos’, le damos en Aceptar y continuamos y ponemos los valores asi:

9. Ahora nos debe quedar una imagen hecha de puntos, lo que haremos ahora es ir de nuevo a Imagen > Modo > Escala de grises y nuevamente a Imagen > Modo > Color RGB y duplicamos la capa como lo hicimos en el paso 7, solo que ahora en vez de abrirla en un nuevo documento la abriremos en el primero que abrimos (de donde viene esta capa).

10. Ahora vamos a crear una trayectoria, para esto vamos a presiona la tecla ALT mientra movemos con el cursor la capa superior a la que le sigue abajo, a la capa ‘Puntos’ para ser más especifico y tendremos algo como esto:

11. Ahora con el clic sobre la capa ‘Fondo copia’ como esta en la imagen de arriba vamos a presionar Control + E y debemos tener algo como esto:

Ahora debemos aplicar color, que es lo más fácil con el bote de pintura o con técnicas que conozcas para finalizar con algo bastante parecido a esto, aunque le puedes mejorar la apariencia en los detalles:

RESULTADO FINAL

La idea es hacer algo fácil, que se pueda utilizar como avatar o foto de perfil, sin muchos detalles y con colores saturados.

Recorte detallado: las ventajas de la pluma

Alex Molero — Fri, 07 May 2010 22:27:40 +0000

Para los diseñadores, no hay muchas cosas peores que ver como una fotografía que hemos recortado ha quedado mal y se nota demasiado que es un recorte y no una imagen genuina.

Y eso es porque, muchas veces, las herramientas de selección de las que disponemos en Photoshop no nos dan tan buenos resultados como desearíamos que fuesen.

Muchas de estas herramientas están diseñadas, muchas veces, para áreas grandes y bien definidas en colores, olvidando que la naturalidad de la mayoría de fotografías reside en pequeños detalles que podemos apreciar en ella. Hoy vamos a enseñaros a abrir vuestras mentes a otras alternativas de selección.

Pondremos un ejemplo:

Usaremos esta imagen de la manzana para ver de manera práctica el problema que os acabo de plantear.

Si utilizamos ahora la herramienta “Barita Mágica” del grupo de herramientas de selección, podremos apreciar que al recortar obtenemos algo parecido a esto:

Si nos fijamos con mas detalle comenzaremos a ver el problema:

El fondo negro no ha quedado perfectamente recortado y nos ha dejado unos cuantos píxeles realmente pequeños (pero no por eso menos importantes) que estropean nuestro trabajo.

Como hemos dicho antes, la clave para un buen recorte de una fotografía reside en la capacidad de detalle que nosotros podemos dar al recortar, y intentar apurar al máximo es uno de los trucos que podemos seguir para conseguir un buen resultado.

Para ello, os aconsejamos utilizar la herramienta “Pluma” en modo trazados. De esta manera, nosotros vamos marcando la selección punto a punto y editamos la curvatura de cada segmento a nuestro gusto.

Una vez hecho el contorno, solo tenemos que pulsar botón derecho e ir a “Hacer selección“:

De esta manera, al recortar obtendremos el siguiente resultado:

La diferencia es clara. Esos molestos píxeles ya no están, y el resultado ha mejorado notablemente utilizando la herramienta “Pluma” en vez de la “Barita Mágica“.

Es por ello que, pese a no ser una herramienta de selección, aconsejamos el uso de la herramienta “Pluma” de forma regular en vez de las habituales herramientas de selección que, como habéis podido observar, dan resultados que dejan mucho que desear.

Esperamos que os haya ayudado este consejo.

Videotutoriales para editar color de ojos y agregarles efectos bonitos apantallamujeres

Luis Lopez Garay — Tue, 23 Feb 2010 02:56:00 +0000

Te propongo 10 tutoriales en video para photoshop con los que aprenderás a cambiar el color de ojos y añadir efectos a ellos para que impresiones a las chicas (novia asegurada ) con tus poderes en el Photoshop. Hay de Vimeo y 2 o 3 de Youtube, ya hacia falta un articulo nuevo en esta sección que no actualizaba hace meses, casi siempre pongo tutoriales textuales pero me pareció interesante ponerles mas videos, aclaro que no son míos, yo busque la palabra clave (o palabras) y puse el enlace del autor, el enlace del video y el mismo video incrustado con la descripción (mas su traducción).

Navegando por la red… olvida la red recordé que hay muchísimos tutoriales en el aire y después de que vi en la escuela un compañero modificando un ojo en Photoshop (no era la gran cosa pero me dio una idea) me dije a mi mismo: “Porque no hacer un post de videotutoriales para editar ojos?”, y así salió este articulo, lo que les propongo son los siguientes tutoriales en ingles (y uno en español ) que te enseñan a editar el color de ojos, hacerlos mas brillosos y algunos a ponerle efectos extraños, no son muchos pero van al punto por lo que saldrás de aquí sabiendo cosas básicas sobre foto manipulación ocular. Los tutoriales están alojados en el servidor Vimeo por lo cual no podrás adelantar mientras carga, pero ese no es gran problema si tienes una buena conexión, así no te desesperas, o deja cargando unos.

Effective Eyes in Photoshop [Howard]

Creating stunning eyes using various tools in Photoshop

Creando impresionantes ojos usando varias herramientas en Photoshop

Brightening Eyes using Photoshop [Nicole Young]

Nicole Young shows how to brighten a person’s eyes using layer masking in Photoshop.

Nicole Young nos enseña como hacer mas brillosos los ojos de las personas usando mascaras de capa en Photoshop.

Eye of Time Photoshop Tutorial [Sean Vosler]

Quick write up on how to make an image like the one found here: seanvosler.com/2010/01/eye-of-time-2005/

Tutorial rápido de como hacer una imagen como la que encontré aquí: [Link]

Change Eye Color Tutorial [Alecu Grigore]

Sin muchos comentarios

Photoshop Video Tutorial – Changing Eye Color [Yanik Chauvin]

Photoshop Video Tutorial – Changing Eye Color by Yanik Chauvin, Yanik’s Photo School

Video Tutorial de Photoshop – Cambiando el color de ojos por Yanik Chauvin de la escuela de fotográfica Yanik’s

Making eyes pop [Krissy Haveman]

How to make the eyes in your photographs pop.

Como hacer que los ojos en tus fotografías exploten (no literalmente).

Adobe Beginner Class Episode #22 – The Big Eye or “Fun With Photoshop” [Dennis Radeke]

Join the retro Adobe movement! With this episode, Dennis will show you how to quickly and easily create a colored eye with Adobe Photoshop. You’ll be creating alternate Photoshop icons in no time.

Únete al movimiento retro de Adobe! Con este episodio, Dennis te mostrará como crear rápida y fácilmente un ojo de colores con Adobe Photoshop. Estarás creando iconos sustitutos de Photoshop en poco tiempo.

Tutorial Color de Ojos [Barcecruz] [Español]

Aquí les dejo un tutorial que hice explicando unos sencillos pasos para cambiar el color de ojos en Photoshop sin modificar la imagen original. Espero que les sirva.Saludos!

Here I have this tutorial that I did explaining very simple steps to change the eye color using Photoshop without modifying the source image. I hope this is useful, cheers!

Demon eyes Photoshop tutorial HD [Marcio Sousa]

Quicky tut I did because my eyes were bleeding i was so bored. And there i got the idea. do a tutorial on eye effects.

Rápido tutorial que hice porque mis ojos estaban sangrando y estaba aburrido. Y ahí tuve la idea, hacer un tutorial de efecto ocular demoniaco.

Photoshop Tutorial – Mangekyo Sharingan eyeNaruto [SoundofPainCompany]

This is my tut. about how to do the sharingan eye in photoshop.
—————————————- ———————————
Eglish Instructions.
1.-Get the image of the sharingan you want.
2.-Get the eye you want to add the sharingan.
3.-Copy the Sharingan and paste it in the image you want to add the sharingan.
4.-Press: “ctrl+t” and resize the Sharingan
5.-Low the opacity.
6.-Erase the parts that we dont want.

Bueno esos son todos, si conoces alguno no dudes en dejar comentario con la dirección del video para añadirlo si es relevante, no olvides comentar para lo que sea, pronto podre mas videos pero de otras cosas para llenar esta desatendida categoría del blog, saludos y pásenla bien.

PD: Sabían que me intentaron “hackear” el blog pero no pudieron?