RETRATO TIPO ACUARELA

Y MARCADOR
ADOBE ILLUSTRATOR

2015

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Retrato tipo acuarela y marcador en Illustrator

Con este tutorial, vamos a trabajar a travs de los medios para crear las
ilustraciones de retratos Digitales que tengan una sensacin nica y algo tctil
del marcador y acuarela. Este tutorial se centrar en el uso de una tableta de
dibujo y Adobe Illustrator. Habr un enfoque en la tcnica y los ajustes tcnicos,
pero el producto en general se basa en tu propio estilo y gusto personal.

Vista Previa
Recursos
Retrato de Lillian Bertram (Creative Commons)

Paso 1: Configure el documento en Illustrator

Comience con un documento de impresin de 21,59 cm x 33,00 cm (oficio).
Asegrese de cambiar el Modo de color a RGB.

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Paso 2: Importar la foto de referencia

Importar la fotografa que usaremos en
este ejercicio (donnie_2_bw_2.jpg) que se
encuentra en la carpeta adjunta.

Mover hacia arriba o hacia abajo segn

sea necesario, para centrarla en la mesa de trabajo.
No se preocupe por la resolucin o la pixelacin de la imagen ya que la foto de
referencia es slo una gua. Sin embargo, cuanto mejor sea la calidad de la
imagen, resaltaran ms los detalles que se tienen que trabajar.
Dado que la ilustracin se importar en la primera capa, nmbrala como Foto
de referencia" en el panel de Capas.
Su rea de trabajo debe ser similar a esto:
EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Paso 3: Configurar el rea de trabajo.

Vas a necesitar crear dos capas ms. Nmbralas "Contornos" y "lneas de
llenado".
Selecciona la foto de referencia en el lienzo.
Con la imagen seleccionada, pulsa en el panel Transparencia (Ventana>
Transparencia) y reducir la transparencia de la foto entre el 50% y el 70%, lo
suficiente para que puedas ver an las caractersticas, pero no lo suficiente como
para obstruir el flujo de trabajo de seguimiento.
Ahora ve al panel de Capas y bloquea la capa foto de referencia para no
moverla accidentalmente.

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Tambin puede ayudar seleccionando un valor predeterminado de rea de

Pintura (Ventana> Espacio de trabajo> Pintura) para establecer un espacio de
trabajo inicial y la colocacin de paneles que es el adecuado para lo que se
va a hacer.

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Paso 4: Configuracin del Pincel

Antes de empezar, vaya al panel Apariencia (Ventana> Apariencia) para
mostrar el panel Apariencia.
Hacer clic en la configuracin (arriba a la izquierda) y en el men desplegable
que aparece, asegrese de que no est seleccionada la nueva configuracin
tiene apariencia bsica.

A continuacin, puede cerrar el panel de Apariencia.

Ahora haga doble clic en la herramienta Pincel (B) en la barra de herramientas
para sacar el cuadro de dilogo Opciones de pincel.
Asegrese de no tener seleccionado Mantener y Editar trazados seleccionados,
ya que puede inhibir un proceso de estirado natural. Ajuste la suavidad a un
nmero ms bajo si usted tiene confianza en sus trazos de dibujo, o a un nmero
mayor si usted siente que tiene una mano dbil o desea lneas ms rectas y lneas
suaves. Por lo general se mantiene la opcin de Fidelidad en torno a un 4 o 5.

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Ir al panel de pinceles, seleccionar trazo 1pt, hacer doble click en la definicin

del pincel ay crear ovalado 2 pt. Oval (Si deseas puedes renombrar con un
nombre propio).

Puedes ajustar las opciones as responder a la presin y a la inclinacin de la

hoja, as mismo hazla ms delgada como marcador de estilo caligrfico

Se puede realizar ajustes en la cabeza del pincel y aadir un poco de

aleatoriedad a la variabilidad en el trazo. Estos ajustes se hacen para ver un
marcador ms realista.
Asegrate de garabatear un poco en un rea en blanco de la mesa de trabajo
en la capa "Contornos" hasta que el pincel se vea como deseas.

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Paso 5: Trazado Inicial.

Con la herramienta Pincel (B) seleccionado, vaya al rea de seleccin de color
de la barra de herramientas. Asegrese de que no haya relleno en el pincel y
seleccione negro que tiene un poco de color gris a l para el trazo si quieres un
look ms natural no utilizar un negro 100%.

Haga zoom en el rea que desea comenzar a trabajar. Es mejor trabajar desde
los ojos hacia el exterior, resulta igual de til trabajar con un esquema rpido
por toda la cara y hacia el interior de la imagen. Lo que se quiere hacer es
utilizar pinceles de lneas de cortas en una direccin similar. Se desea definir las
zonas ms oscuras de la foto, o las reas con mayor contraste. Use la presin de
la lnea para reas ms gruesas de definicin. Tendrs que sombrear con lneas
cruzadas o lneas diagonales para indicar las reas que tienen medios tonos.

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Es una oportunidad de experimentar y jugar con estilos. Se puede cambiar la

forma en la que se despliegue el pincel yendo al panel de Pinceles y modificar
la configuracin creada anteriormente. Usted tendr la capacidad de aplicar
los cambios a todos sus trazos, siempre y cuando se modifique el mismo pincel
que se utiliz para realizar todas las marcas previas.

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Peridicamente ocultar la capa "Foto de referencia" para ver cmo destaca la

composicin por s
misma.

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

En algn momento, quieres romper con el uso de la referencia enteramente

una vez que tienen caractersticas bastante importantes y concentrarse en
estilizar el retrato con sus propias marcas y esttica.

Paso 6: Agregar contraste

Con la base contornos terminada, ahora aadir lneas de llenado a la imagen
para darle mayor contraste y observar los trazos completamente.
Seleccione la capa "Lneas de llenado". Ir al panel Trazo y seleccione un trazo
entre 3 pt y 4 pt.

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA 10

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Ahora ir sobre los bordes exteriores y las reas donde se desea hacer una
distincin fuerte de contraste. Esto tambin dar un aspecto ms urbano /
graffiti / tipo marcador.

TrabajarenlacapaLneasde
Llenadoycomenzaratrazar
lobordesexternos

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA 11

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Agregartrazossobre
algunaslneasdelgadas
paradarlecontraste

Trazarenelborde
deldibujotrazos
de3o4pt.

Paso 7: Afinando la pieza

Tambin puede usarc la herramienta
Borrador
(Shift
+
E)
para
eliminar
orgnicamente marcas no deseadas.

Recuerda que todos los trazos son

independientes por lo tanto puedes siempre
ajustar las curvas y variaciones usando la
herramienta pluma (P) y la herramienta
Convertir punto de anclaje (Shift + C) para
realizar los ajustes.

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA 12

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Adems, puedes utilizar la herramienta de seleccin de grupo (flecha blanca

con el smbolo "ms") para seleccionar y editar las reas de lneas escalando,
moviendo o girando como mejor te parezca.

Paso 8: Antes de comenzar la coloracin

Para conseguir la coloracin de la imagen con colores ms suaves, hay que
utilizar la herramienta Lpiz (N) llenadas con una transparencia baja. Para
empezar, crear una nueva capa para posicionar debajo de las capas "Lneas de
trazado" "Contornos con el nombre de "Color" y bloquear las dems capas.
Adems, asegurarse de ocultar la capa "Foto de Referencia".

Paso 9: Configure la herramienta Lpiz

Haga doble clic en el icono de la herramienta Lpiz en la barra de herramientas
y ajustar la configuracin de la siguiente manera:

Activar Rellenar nuevos trazos de lpiz.

Desactivar la opcin Mantener seleccionado
Desactivar la opcin Editar trazados seleccionados

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA 13

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Ir a la barra de herramientas seleccin de color y cambiar el color del trazo con

el color de relleno por lo que no hay color del trazo.
Haga doble clic en el color de relleno y seleccione un color de tono de la piel
que est en el extremo ms claro del color amarillo a color rojo.
A continuacin, vaya a Ventana> Transparencia para seleccionar entre un 15%
y un 20% de opacidad para su llenado.
Pruebe el color y transparencia dibujando algunos crculos superpuestos y ver
cmo la acumulacin del color llena la imagen. Si el nuevo llenado no se muestra
tan transparente o con el color correcto, verifica la configuracin y tambin
debes de estar seguro de que en el panel Apariencia este sin seleccin la opcin
La nueva ilustracin tiene apariencia bsica.

Sobreponer
Colores

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA 14

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Paso 10: Colorear el retrato

Comience con los tonos de la piel de la cara. Dibujar formas superpuestas que
contornee y complementen las lneas con la herramienta Lpiz (N).
En las zonas ms oscuras y sombreadas, asegrese de construir el color.
Seleccione tambin tonos ms oscuros dentro de la misma tonalidad para aadir
ms contraste y sombras.

Empezar
dibujando
formas de
color amplias.

Para la piel: hay tendencia a trabajar con los amarillos, naranjas y rojos. Utilizar
una gradacin de reas ms grandes con una luz que se desvanezca a oscuro,
y construir sobre ellos. Asegrese de que los aspectos ms destacados son
bsicamente zonas con menos color.
Si usted necesita para mejorar aspectos ms destacados, dibujar formas blancas
transparentes sobre estas reas. Mantenga una mano ligera y dibujar formas en
capas rpidas con opacidades inferiores-esto ayuda a mantener la sensacin de
la acuarela y en capas para la ilustracin.
Tambin dibuja un poco fuera de las lneas, en este proceso, la imperfeccin es
nuestro amigo.

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA 15

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Sobreponer con
formas de color
semi-transparente
para simular
sombras

Puesto que estars dibujando formas irregulares con la herramienta Lpiz (N),
puedes resaltar los bordes afilados y trazos sin final. Para cerrar los trazos,
mantener pulsada la tecla Opcin /Alt justo despus de empezar a dibujar el
trazo y antes de terminarlo. Esto completar la forma que se est dibujando. Est
bien tener formas irregulares y bordes afilados, siempre se puede editar en
cualquier punto con la herramienta Borrador o las herramientas de punto de
edicin.
Colorear en el resto de la imagen con colores que mejoren la imagen. Es una
buena idea utilizar la herramienta Cuentagotas (I) y elegir la paleta de colores
de otra foto que se encuentre estticamente agradable.
Tambin animo a la utilizacin de colores contrastantes para aadir un poco de
inters, como formas de crculo de sombras tono azulado en las zonas amarillas y
anaranjadas de la piel o pequeas gotas de rojos profundos en tonos azules o
verdes. Aaden un poco de complejidad y profundidad.

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA 16

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Agregar
formas en
tono azules
semitransparentes

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA 17

COMPUTACINBSICACARRERADISEOGRAFICOYCOMUNICACINVISUAL

Paso 11: Finalizacin de la imagen

En este punto, estas a punto de terminar con el retrato. Improvisa, aade
florituras, texto, y desvalos hacia otro curso usando tu propia tcnica y estilo para
realzar su figura.
Tambin puedes llevar la ilustracin a Adobe Photoshop para efectos aadidos,
gestin del color y textura.

Paso 12: Guardado y exportacin

Una vez finalizado el proceso en Illustrator insertar el logotipo personal en la parte
inferior derecha de la hoja y grabar en el formato original (apellido_nombre.ai),
luego exportar como imagen JPG o en formato PDF para su impresin en tamao
de hoja OFICIO (21,59 cm ancho X 33.00 cm alto) e imprimirla en papel
fotogrfico.

EJERCICIOTRADUCIDOYADAPTADOporPaulPinedaGamarradeMiguelCardonaDumbwaiterDesign,Rochester,NewYork,USA 18