miércoles, 14 de octubre de 2009

Desastres del Photoshop

He descubierto una web genial donde se ven ejemplos de errores garrafales reales, es decir, publicados en prensa o en vallas publicitarias, la mayoría se nota que son despistes pero hay otros que vienen de un claro desconocimiento de la anatomía humana. El link en cuestión...
http://photoshopdisasters.blogspot.com/



Si pincháis sobre ellas, podréis ver cómo la imagen que refleja el espejo es la misma (no está invertida en el eje x) y en la foto de la derecha las manos no sujetan el PC!!
Saludos.
S.

lunes, 1 de diciembre de 2008

Aclarar una foto con Niveles (Tutorial sencillo)

¿Tienes una foto muy oscura y la quieres aclarar? como por ejemplo...


Muy fácil, ejecutas Imagen > Ajustes >Niveles, (es decir, Ctrl+L) y verás lo siguiente:


Tienes que arrastrar hacia la izquierda el controlador blanco (señalado con el círculo) hasta que en el histograma superior empieza a haber algo (donde comienza la mancha negra con forma de ladera de montaña).



¿Qué estamos haciendo? estamos "extendiendo" el rango de luminosidad de la imagen, es decir, antes el histograma nos indicaba que sólo había información en la imagen en la zona de los negros (ver franja verde rectangular), cuando lo normal es que esa montaña se extienda por todo el histograma (del negro al blanco, abarcando toda la gama de luminosidad tendremos una imagen correcta), moviendo el "cursor blanco" conseguimos que el gris más claro de la imagen (que es casi negro pero que en esta imagen es lo más claro, lo vemos debajo de donde empieza la "ladera" del histograma) se convierta en blanco.

Respecto al histograma hay que tener en cuenta dos cosas:

1. Si el histograma no se extiende de lado a lado de la paleta significa que el rango de luz de la imagen no está completo, es decir será una imagen demasidado oscura o demasiado clara.

2. Las líneas más cortas (con menos altura o cero altura) del Histograma representan las gamas de luz que no predominan o que no existen en la imagen.

El negro no lo hemos tocado, por lo que seguirá siendo negro, pero los grises intermedios antes abarcaban sólo la franja verde, pero ahora van del verde al rojo, con lo cual hemos extendido la luminosidad, lo que antes era gris claro ahora es blanco, lo que era gris oscuro ahora es gris claro (verde hojas en éste caso) y el negro sigue igual.
El resultado tendría que ser más o menos éste.



Vale no es una foto que vaya a ganar un premio, pero al menos se puede ver algo.

En éste pundo deberíamos añadirle color en ciertas zonas, para ello creamos una capa nueva (Mayúsculas+Control+N) y la rellenamos con un verde a gusto del consumidor, y seleccionamos el modo de fusión de la capa como Color (en la Paleta Capas podemos hacer clic donde leemos "Normal" y seleccionar Color).

Pintamos con pinceles de varios colores que enriquecerán la imagen, y borramos otras zonas para que no afecte tanto al color original de la capa inferior, hasta que nos quede más o menos así:



Ahora bajamos la opacidad de la capa donde estamos pintando (por ejemplo a un 30% estaría bien) y de esta manera obtenemos un resultado más realista, no tan saturado.
Y obtendremos finalmente...



Bueno, lo mismo digo, no es ninguna maravilla pero al menos se deja ver.
Saludos.
S.

viernes, 28 de noviembre de 2008

Niveles Automáticos

En una imagen "normal" convertiría el valor de gris más claro en blanco y el gris más oscuro en negro. Es decir, aumenta el contraste de nuestra imagen.
Para ejecutarlo pulsamos Mayúsculas+Ctrl+L o lo que es lo mismo, Imagen > Ajustes > Niveles automáticos.

Siempre será mejor opción ejecutar Niveles en lugar de Niveles automáticos ya que controlaremos nosotros exactamente la cantidad que queremos y tendremos muchas más opciones. Además si la imagen en vez de ser "normal" es un caso extremo, de mucha o demasiado poca luminosidad, Niveles automáticos no valdrá para nada.

Cuantas menos cosas dejemos que haga sólo el Photoshop mejor.

Acciones

Las acciones son igual que los "macros" en programación, es decir, grabas una secuencia de órdenes que previsiblemente vayas a repetir muchas veces, o que contenga muchos pasos y una vez grabada puedes repetir toda una secuencia de tantas órdenes como quieras ejecutando una única acción.

Crea una nueva acción pulsando en el botón de la parte inferior de la paleta Acciones (no en el mismo icono de la paleta Capas!). Puedes asignarle una secuencia de teclas pero sólo será necesario cuando vayas a utilizar tantas veces la acción como para necesitar un atajo de teclado.

Y directamente empieza a grabar todas las órdenes que vayas realizando (grabar, botón circular en la parte inferior de la paleta acciones), una vez terminada, pulsas el stop. Y cada vez que quieras repetir todas los comandos contenidos en la acción la seleccionas y pulsas el botón de Play.

Si en alguno de los comandos quieres introducir la posibilidad de realizar cambios pulsa en el hueco de la izquierda (activa/desactiva el menú de diálogo) con ésto conseguirás que cada vez que llegues a ese punto te permita ajustar y variar la órden, por ejemplo, si esa orden en concreto fuese un Desenfoque Gaussiano con el menú de diálogo activo te permitiría insertar el valor que quieras de desenfoque cada vez que ejecutes la acción y al pulsar el intro continuaría ejecutando el resto de los comandos.

Las acciones estan muy bien, nos ahorran mucho trabajo, no lo dudes, usar las acciones te hará sentirte mejor.

Tutorial de photoshop nivel medio: Acciones, Filtros...

El objetivo que vamos a alcanzar al terminar el tutorial va a ser el siguiente...



Y para ello necesitamos únicamente, paciencia y un par de fotos de paráguas, que puedes conseguir aquí, en el Google.

Si eres un principiante te recomiendo que te leas el tutorial entero, pero si tienes un nivel medio-alto en teoría sería suficiente con leer los textos destacados en verde.

0. Crear un nuevo documento Ctrl+N (los valores del tutorial estan ajustados a 500x500 pixels a 72 puntos por pulgada, pero variando los parámetros de cada comando, funcionaría igual en cualquier tamaño de documento).

Ir a menú principal, Ventana > Acciones.

A medida que avancemos con el tutorial, en ciertos momentos, vamos a ir grabando acciones para una vez hecho el tutorial podamos obtener Nubes, Lluvia y Rayos con un simple clic.

Las Acciones nos permiten grabar una secuencia de órdenes, que previsiblemente vamos a repetir más veces, y luego ejecutar todas las órdenes a la vez, seleccionando dicha acción y pulsando play.

Crear una nueva acción pulsando en el botón de la parte inferior de la paleta Acciones (no en el mismo icono de Capas!) y nombra la acción como "Nubes". Comprobar que estamos grabando (icono rojo encendido).

Puedes asignarle una secuencia de teclas pero no es necesario ni mucho menos, ya que no vas a hacer tantas nubes como para necesitar un atajo.


1. Antes de nada pulsar la tecla "D" la cual nos pone los colores por defecto, Negro como color frontal y Blanco como color de fondo (ver en la parte inferior de la paleta de Herramientas como cambia al pulsar D).


2. Crear una nueva capa (Mayúsculas +Ctrl + N) = (ahora sí), esto será interesante siempre que grabemos una acción para que no nos aplique todos los comandos en la capa activa (fastidiándola probáblemente).

3. Generar las nubes. Menú Filtros > Interpretar > Nubes (Filter>Render>Clouds).

4. Colorearlas, pulsa Ctrl + U (si usas Mac Comando+U) o lo que es lo mismo Imagen > Ajustar > Tono/Saturación, activa Colorear e introduces los siguientes valores Tono 196, Saturación 21, y la Luminosidad la dejamos tal cual (por ahora). Estos valores son orientativos.

5. Aplicar Niveles Automáticos, para subir el contraste. Pulsar Mayúsculas+Ctrl+L = Imagen > Ajustes > Niveles automáticos. En éste caso nos será suficiente con aplicar niveles automáticos ya que es muy predecible el resultado del filtro nubes, pero lo normal será que utilicemos el comando Niveles y lo modifiquemos nosotros.

6. Detener la acción "Nubes". (clic en el Stop).

7. Prueba varias veces a ejecutar la acción Nubes y selecciona la que más te guste, elimina el resto, para seleccionar varias capas pulsa sobre ellas manteniendo pulsado Ctrl (Comando en Mac) y a continuación haz clic en el icono del cubo de la basura ubicado en la parte inferior de la paleta Capas. (¿Mola eh?)

8. Selecciona los paráguas.
Cópialos y pégalos en nuestro documento en una capa por encima de las nubes. Más adelante habrá otros tutoriales de Selección sencilla, pero por ahora puedes utilizar Selección > Gama de colores o el Lazo poligonal (en función de cómo sea el fondo del paráguas, blanco o una foto normal).

9. Crear la Lluvia, para ello vamos a grabar una nueva acción. Crear una nueva acción en la paleta Acciones, y nombrarla Lluvia.

10. Pulsar D y crear nueva capa. Es decir, repetir pasos 1 y 2.

11. Alt + Retroceso = Rellenar del color frontal la capa (de Negro gracias a la "D").

12. Aplicar Filtros > Ruido > Añadir Ruido. Seleccionar 96%, Gaussiano y Monocromático. El resultado tiene que tener éste aspecto:


13. Filtros > Desenfocar > Desenfoque de movimiento, ángulo 71º, distancia 27 px.


14. Ctrl+L, Aplicar Niveles, 53, 0'79, 255.


15. Establecer el modo de capa en Añadir (Screen), es decir, en la paleta capas hacer clic donde pone la palabra "Normal" y en las opciones que se despliegan seleccionar Añadir. Esto, resumiendo, nos eliminará los negros de la capa.

16. Detener la acción. Y aplicarla para comprobar que funcione.

17. Generar los Rayos, vamos a hacerlo rapidito ya que es repetir pasos ya efectuados.
Crear nueva acción, nombrarla Rayos, pulsar D, Crear nueva capa (May+Ctrl+ N), Filtros > Interpretar > Nubes, y a continuación Filtros > Interpretar >Nubes de Diferencia.
Imagen > Ajustes > Invertir (Ctrl+I).
Aplicamos Niveles Ctrl+L y le asignamos un valor de entrada muy alto, 125 por ejemplo, para lograr llevar a negro casi todos los grises (ver imagen izq.).

Ctrl+U y "coloreamos" a un tono azulado (der.).
Establecemos el modo de capa Añadir igual que hicimos con la lluvia. Y Stop, detenemos la acción Rayos.

Es muy importante aplicar varias veces la acción hasta conseguir unos rayos que se adecúen a nuestro objetivo y luego seleccionar la herramienta borrador con un diámetro 90 px. por ejemplo, y una dureza 0% para borrar las partes que nos sobren (dejaremos un sólo rayo).

¿Cómo? que éste paso ha sido complicado? ¡pero si no hemos hecho nada nuevo!

18. Ahora tenemos que simular que las nubes por la parte superior están más iluminadas que por la inferior debido a los Rayos, para ello vamos a crear un degradado (como en la imagen de la izquierda) de Blanco 45% de opacidad a Blanco 0% opacidad, desde la parte superior de la imagen hasta más o menos la mitad del documento. Si te pierdes echa un vistazo a la siguiente imagen, que aunque está en inglés debería resolver todas tus dudas.


19. (¡Ánimo, ya falta poco!) A ver... ahora tenemos que separar unos paráguas de otros, aplicando un par de sombras paralelas haciendo clic en el icono Fx de la ventana Capas o doble clic en el pequeño icono que representa a la capa. Lo cual nos abrirá el cuadro de diálogo estilos de capa. Y dar la sensación de que la lluvia les moja, que conseguiremos superponiendo un degradado blanco tambien mediante Estilos de Capa (con apenas opacidad) que tiña la parte superior de los paráguas.

20. Y para terminar, crear una capa de ajuste nueva y seleccionar niveles. Ubicarla sobre todas las capas (para que afecte a todo lo que tiene debajo) y subir la entrada a un valor de 30 aproximádamente, para elevar el contraste general de la imagen. Con esto perderemos realismo, ya que cuando llueve no hay contraste, pero la imagen cobrará más interés.

Espero que os haya interesado y os haya sido fácil de comprender. Si tenéis alguna duda o sugerencia no dudéis en publicar un comentario.

Un saludo.
S.