Curso de Diseño Gráfico

miércoles, 28 de julio de 2010

Ejercicio. Retrato de fantasía

Imagen final:

Paso 1

Empezaremos bosquejando el retrato. En la figura que ves más abajo puedes ver un esquema hecho directamente sobre Photoshop con una tableta gráfica. Si dibujar no es tu fuerte puedes partir de este boceto

Cuando estás pintanto piel, es conveniente disponer de una paleta de tonos preparada. Puedes aprovechar el selector de color para tomar los colores directamente de la paleta de la figura. Cuantos más tonos uses más dinámico será el resultado. Puedes descargar la paleta de muestras aquí para cargarlas directamente en Photoshop.

Paso 2

Los tonos variarán según el tipo de piel que estés pintando. Hablaremos de tonalidad de base, medios tonos, sombras, iluminaciones y zonas cálidas (como las mejillas). Empieza pintando con un tono neutro de beige (#dfbaa8) y cubre toda la piel. Ésta será la base. Puedes usar el cubo de pintura o un pincel con los bordes duros.

Selecciona un color un poco más oscuro de la paleta y aplica algunas sombras. Rellena los labios con un rosa suave que sirva de base.

Éstas son las zonas donde necesitamos aplicar sombras e iluminaciones: (light->iluminación; shadow->sombra; pink->rosa)

Paso 3

En este paso pintaremos los ojos. Es muy fácil. Lo primero es cubrir las áreas de los ojos con el tono base de piel.

Selecciona un pincel básico. Vete a los pinceles preconfigurados y selecciona Forma Dinámica. Fija la opacidad en 60-70px y pinta las cejas pelo a pelo. El tamaño del pincel estará en 2-4 px. Esto es fácil de hacer con una tableta gráfica, porque la presión del lápiz hará el trabajo más difícil. Activa el control mediante presión.

Paso 4

Para pintar el interior de los ojos cubre las áreas con colores de base.

Recuerda que los ojos son redondos por lo que los bordes deberán ser más oscuros que el centro.

El párpado superior estará bajo una sombra. Haz lo mismo para el inferior, aunque con un color más claro. Pinta alguna iluminación en el iris. Los iris están hechos de muchas líneas delgadas alrededor de la pupila. Dibújalos con un pincel pequeño (máximo 3px) Mantén el pincel con la formas dinámicas marcadas. Crea algunas líneas oscuras, otras más claras, más gruesas o más delgadas, según convenga, hasta conseguir el efecto.

Añade un poco de sombra bajo el párpado inferior y un poco de luz en el borde interior del ojo. Esto añadirá un poco de profundidad.

Ahora marcaremos la carne rosada del ojo. Después de pintar una línea selecciona el color blanco y añade algunas líneas finas en los bordes y sobre la línea rosada. Crea una nueva capa y añade algunas pestañas. Usa un color oscuro y la misma configuración que usaste para las cejas. Fíjate en la figura para ver la apariencia de las pestañas. Usa una opacidad del 50-60% para las pestañas inferiores.

Mejoraremos los ojos añadiendo algunos detalles. Usa las herramientas de sobreexponer y subexponer para añadir más profundidad al iris y la pupila y algunos colores suaves para añdir más luminosidad.

Añade un poco de línea de ojo a la parte superior del mismo. También puedes cambiar el color de los ojos mediante una capa de ajuste de Tono/Saturación y la correspondiente máscara de capa.

Paso 5

Ahora, pintaremos los labios. Es muy fácil ya que usaremos la misma técnica que ya hemos utilizado en los ojos. Observa la figura inferior para ver las áreas de iluminación.

Aplica sombras a ambos bordes de los labios. Ahora, con un rosa suave, empieza añadiendo algunas líneas curvas como hiciste para el iris. Haz el centro de los labios más claro que los lados. Cambia los tonos y sigue añadiendo líneas sobre los labios. Es importante que en el panel de configuración de los pinceles (F5) forma dinámica esté activa dejando las opciones por defecto.

Crea una máscara de capa (manteniendo pulsada la tecla ALT) y vete a Capas de ajuste > Niveles e introduce los valores de la imagen inferior. Tienes que cambiar los ajustes del pincel para texturizar los labios. Marca Dispersión en ambos ejes del 470%, Otras dinámicas 0% y Suavizar. Toma un color de luz y pasa el pincel sobre las partes iluminadas (el medio de los labios). Esto da la impresión de que el personaje lleva máscara de labios con efecto gloss (esmalte)

Paso 6

Añade color aún mas claro cerca del labio superior.

Paso 7

Vete a Capas de ajuste > Niveles. Usa los valores que se indican en la imagen.

Paso 8

Una vez que lo básico está terminado añade algún detalle más. Combina todas las capas visibles en la capa activa actualmente (CTRL+ALT+SHIFT+E). Vete a Filtro > Ruido > Añadir ruido (sobre 7-9 px). Deja el ruido sobre la piel y bórralo de otras partes del rostro.

Paso 9

En este paso añadiremos algo de textura a la piel. Primero selecciona la herramienta pincel con los ajustes adecuados: marca la casilla de Dispersión con un 350%, control: presión de la pluma, variación de la cantidad: 12%. Ahora selecciona tres colores: un color crema brillante, un rosado suave y un beige y empieza a añadir pecas en las mejillas y la nariz. Establece la opacidad en 30%-40%

Crea una nueva capa y haz algunos ajustes en el pincel para añadir más textura. Asegúrate de que la casilla de textura está marcada. Selecciona una textura similar a la que se muestra debajo. De nuevo, establece la opacidad de la capa en el 30%.

Paso 10

Nuestro paso final es crear el pelo. Esto no es demasiado complicado. Simplemente selecciona el color de base que quieres para tu pelo y dibuja la forma del mismo. El color que se ha usado aquí es #d28c6a.

Crea una nueva capa. Debes empezar con las hebras más gruesas y finalizar con las más finas. Asegúrate de que las formas dinámicas de pincel están marcadas. Esto hará los bordes más realistas.

Sobre una nueva capa, añade más hebras de pelo con diferentes colores. No te preocupes si añades algunos colores no demasiado realistas, recuerda que es un retrato de fantasía. En este caso, hemos elegido un amarillo suave y un pincel con una opacidad del 70%.

Combina todas las capas de pelo visibles en una sola capa y añade algún efecto de iluminación con la herramienta de sobreexponer y alguna sombra con subexponer.

Vete a Capas de ajuste > Curvas. Usa este ajuste sólo en el pelo.

Paso 11

Añadiremos un fondo. Descarga esta textura.Arrástrala bajo el retrato.

Vete a Capas de ajuste > Relleno de degradado. Usa la configuración que se muestra debajo. Esta capa debe estar sobre el fondo. No afectará al retrato. La opacidad es del 40%.

Vete a Capas de ajuste > Mapa de degradado. Usa los códigos de color que se muestran a continuación. La opacidad quedará en el 50%.

Paso 12

Sobre todas la capas vete a Capas de ajuste > Mapa de degradado y aplica la configuración que se muestra. La opacidad será del 30%.

Paso 13

Capas de ajuste > Tono/Saturación. Saturación +25.

Paso 14

Capas de ajuste > Niveles. Usa la configuración mostrada:

Paso 15

El último paso es añadir algo de pelo bajo la cara. Corta algo de pelo, voltéalo horizontalmente y colócalo bajo la cara en el lado derecho.

Añadidos

Puedes añadir otros elementos como texturas en la piel, orejas puntiagudas, gafas futuristas o cualquier otra cosa que se te ocurra.

Letras con efecto patchwork

Por Máx

rostro con números

by æ

Atronike

rostro en malla

by æ

Rostro en malla

Por Máx

Ejercicio. Simular tormenta por Marcelo Monzón.

Existen muchísimas formas de emular los fenómenos climatológicos, como por ejemplo utilizar pinceles elaborados por nosotros mismos para crear lluvias. Veamos ahora como podemos crear no solo la lluvia, sino también los rayos que acompañan la misma, utilizando algunos de los filtros más básicos que nos ofrece Photoshop sin la necesidad de recurrir a ningún tipo de pincel.

Sin caer en el “disco rayado”, y obviando la cuestión de la edad que hace que un geronte como yo repita varias veces lo mismo sin darse cuenta que se vuelve un poco (mas bien bastante) aburrido, vuelvo a repetir que en Photoshop existen varias maneras de realizar las cosas. Todas ellas se realizan por caminos diferentes y casi siempre los resultados son tan parecidos que es imposible asegurar cual forma es la mejor para realizar este o aquel retoque.
Particularmente a mi me gusta buscar la forma mas rápida de realizar ajustes o efectos, pero no por eso el resultado logrado denota desprolijidad ni un retoque mediocre o de mala calidad.
Esta introducción es para aclarar que si bien existen muchísimas formas, intentaré recrear esta escena, donde la lluvia se convierte en un verdadero diluvio, de una forma fácil y rápida.
Comenzamos abriendo la foto a la que iremos “anegar” y duplicamos la capa Background (Fondo). Utilizando el comando Free Transform (Transformación libre) (CTRL+T) hacemos clic con el botón derecho del Mouse y seleccionamos la opción Flip Vertical (Voltear vertical). Cambiamos el modo de fusión de ese Layer (Capa) por Overlay (Superponer) y creamos una Layer Mask (Máscara de capa) haciendo clic en el icono Add Layer mask (Añadir máscara de capa) que se encuentra al pie de la ventana Layers (Capas).
Pulsamos la tecla D, para resetear el Color Picker (Selector de color) a Negro y Blanco, y, pintando de color negro con un pincel suave, vamos enmascarando todas las partes que no se encuentren reflejadas en el piso. Hacemos clic en el icono de la máscara, en la ventana Layers (Capas) manteniendo apretada la tecla ALT, y vamos al menú Filter/Render/Clouds (Filtro/Interpretar/Nubes). Inmediatamente después de aplicado el filtro vamos al menú Edit/Fade Clouds (Edición/ Transición nubes) y cambiamos el modo de Normal por Multiply (Multiplicar). Solamente con esto ya tenemos un piso mojado, pero vamos a mejorar un poco más el efecto. Hacemos clic en el icono de capa para volver a trabajar sobre la misma, saliendo de la máscara, y desde el menú Filter/Distort/Ocean Ripple (Filtro/Distorsionar/Ondas marinas). Obviamente que la aplicación de los filtros depende del tipo de imagen y su aplicación dependerá directamente de la prueba y error. En éste ejemplo utilicé un valor de 9 en ambos casos.

Para terminar con el efecto de reflejo vamos al menú Filter/Blur/Motion Blur (Filtro/Desenfocar/Desenfoque de movimiento) y agregamos un valor de Angle (Ángulo) de 90º y de Distance (Distancia) entre 15 y 25 píxeles.

El diluvio que viene

Creamos una nueva capa sobre la imagen, la pintamos de blanco y le aplicamos el filtro Add Noise [Filter/Noise/Add Noise (Filtro/Ruido/Agregar ruido)] con un Amount (Cantidad) de 95% con Distribution Uniform (Distribución Uniforme) y con la opción Monochromatic (Monocromático) tildada.
Llamamos el comando Levels (Niveles) (CTRL+L) y le ingresamos un valor de Input Levels (Niveles de entrada) de 71 para el deslizador negro que incrementará el contraste del ruido que aplicamos.
Vamos al menú Filter/Blur/Gaussian Blur (Filtro/Desenfocar/Desenfoque gaussiano) y le aplicamos un desenfoque gaussiano de 0.5 píxeles y luego un desenfoque de movimiento Filter/Blur/Motion Blur (Filtro/Desenfocar/Desenfoque de movimiento) con un ángulo de 63º y una distancia de 49 píxeles.
Vamos al menú Filter/Artistic/Plastic Warp (Filtro/Artístico/Plastificado) y le ingresamos los siguientes valores:

Highlight Strength (Intensidad): 20
Detail (Detalle): 14
Smoothness (Suavizar): 3

Vamos al menú Filter/Others/High Pass (Filtro/Otros/Paso alto) e ingresamos un valor de 72 píxeles. Volvemos a aplicar un desenfoque de movimiento con los mismos valores que ya habíamos aplicado y cambiamos el modo de fusión del Layer (Capa) de Normal por Hard Light (Luz fuerte).

Para agregarle mayor realismo a la escena, le agregaremos algunas gotas “salpicado” en la parte superior del capót. Para realizar éste efecto habilitamos la ventana Brushes (Pinceles) y seleccionamos el pincel Star 42 (Estrella 42 píxeles). Si nos resulta difícil encontrar el pincel podemos cambiar el modo de previsualización desde el menú que se despliega desde la flecha negra que se encuentra en el ángulo superior derecho, cambiando la lista al modo Small List (Lista pequeña) y así será más fácil de ubicar por el nombre.

Continuando en la ventana Brushes (Pinceles) ingresaremos los siguientes valores:

Brush Tip Shape (Forma de la punta del pincel)
Spacing (Espaciado): 30%
Shape Dynamics (Dinámica de forma): Tildado
Size Jitter (Variación del tamaño): 0%
Scattering (Dispersión): Tildado
Scatter (Dispersión): 250%

Creamos un nuevo Layer (Capa) con una opacidad de aproximadamente 70%. Vamos pintando en las distintas regiones que queremos emular el salpicado de las gotas.
Si las salpicaduras terminan en lugares indeseados de nuestra foto (por ejemplo pintando sobre personas o, como en este caso, fuera de la región del auto) podemos agregarle una máscara e ir pintando de negro las salpicaduras que no queremos que aparezcan o borrarlas directamente.

Que un rayo te parta

Siguiendo con la idea de modificar el clima, para poder fotografiar rayos y truenos necesitamos de profundos conocimientos fotográficos. En verdad si alguien puede fotografiar los truenos será considerado el genio de la fotografía mundial, ya que poder capturar el sonido en una fotografía (realizada con una cámara tradicional) es imposible. Chistes aparte, sacarle una fotografía a un rayo, más allá de que para lograrlo debemos tener mucha suerte, principalmente de que no nos caiga sobre nuestra cabeza, es necesario poseer conocimientos técnicos sobre como fotografiar a alta velocidad. Sin embargo el Photoshop vuelve a ser la salvación de quienes somos ignorantes de las técnicas fotográficas.
Para agregarle un poco más de dramatismo a la escena deberemos oscurecer el cielo. Para ello creamos una selección del cielo con cualquier método que queramos. Luego de haber seleccionado todo el cielo, creamos un Adjustment Layer (Capa de ajuste) de Gradient (Degradado) en modo Multiply (Multiplicar), con Style (Estilo): Linear, con un Angle (Ángulo) de 90º y con un color de R: 71, G: 78, B: 107, para el color superior y blanco para el inferior. Si queremos hacer que el color oscuro ocupe mas espacio de la imagen sin hacer clic aun en el botón Ok nos paramos sobre la imagen, notaremos que el cursor se convierte en la herramienta Move (Mover) sin importar que herramienta tengamos seleccionada, y haciendo clic movemos el degradado hasta quedar conformes con el efecto logrado.
Creamos una nueva capa que llamaremos Rayo en la cual crearemos un degradado con la herramienta del mismo nombre (podemos activarla pulsando la tecla G). Este degradado deberá ser corto como vemos en la imagen a continuación, sin mucha transición para que nos sirva para crear el rayo.

Luego vamos al menú Filter/Render/Difference Clouds (Filtro/Interpretar/Nubes de diferencia). Aparecerá una mancha negra donde habíamos hecho la transición del degradado. Abrimos el comando Levels (Niveles) y con el deslizador gris (mediotonos) lo movemos hacia la izquierda hasta llegar aproximadamente a un valor de Input Levels (Niveles de salida) de 4. Invertimos la imagen (CTRL+I) y volvemos a aplicar el comando Levels (Niveles) pero esta vez el valor de Input Levels (Niveles de salida) será de 0.41.
Si al hacer esto perdemos el halo blanco alrededor del rayo que se forma hacemos lo siguiente: Aplicamos un desenfoque Gaussian Blur (Desenfoque gaussiano) al rayo de aproximadamente 8 píxeles, hasta lograr un halo gris, e inmediatamente vamos al menú Edit/Fade Gaussian Blur (Edición/Transición desenfoque gaussiano) y cambiamos el modo a Screen (Trama).
Modificamos el modo de fusión del Layer (Capa) de Normal por Screen (Trama) y creamos una máscara para eliminar las partes sobrantes del rayo. Duplicamos el Layer (Capa) y lo reposicionamos hasta crear el efecto de bifurcación de la descarga eléctrica. Si queremos podemos utilizar el comando Free Transform (Transformación libre), apretando la tecla CTRL al hacer clic en los cuadraditos, para deformar la imagen. Para darle más realismo al rayo agregamos un Adjustment Layer (Capa de ajuste) de Hue/Saturation (Tono/Saturación) con los siguientes valores:

Hue (Tono): 214
Saturation (Saturación): 35
Colorize (Colorear): Tildado

Notaremos que al hacer esto toda la imagen queda azulada. A no desesperar. Si utilizamos el Photoshop CS2 o CS3 hacemos clic en los Layers (Capas) que hemos creado de rayos más la de Hue/Saturation (Tono/Saturación) apretando la tecla CTRL para seleccionar todas esas capas al mismo tiempo. Si utilizamos versiones anteriores debemos encadenar dichas capas. Para terminar con nuestra tormenta eléctrica vamos al menú Layer/Group Layer (Capa/Grupo de capas) y a la capa Group (Grupo) que se genera, con las capas de los rayos y la de Hue/Saturation (Tono/Saturación) dentro de esta nueva, le cambiamos el modo de fusión de Pass Through por Screen (Trama).

Con estos pocos pasos hemos podido jugar a ser dioses y cambiar el clima cual Thor, dios del trueno.