En el siguiente tutorial podremos observar el cómo de la
creación de un personaje vectorizado paso a paso, desde su preparación en
illustrator hasta su finalización. El sketch o boceto para este tutorial lo
podrán encontrar en la página behance del diseñador gráfico Rafael Díaz de San
Salvador, El Salvador.
Paso 1
Antes que nada debemos crear un nuevo documento en
illustrator, con las siguientes especificaciones. El tamaño y unidades no se
tomaran en cuenta en este tutorial, pero es aconsejable realizar el documento
con estas medidas mínimas.
Paso 2
Una vez hayamos creado el documento, se debe importar el
boceto que vamos a vectorizar. Para esto debemos seleccionar “Archivo” y
seguidamente darle clic a la opción “Colocar”, esto nos deberá mostrar en
pantalla una ventana para buscar dicho boceto, una vez encontrado le damos
colocar.
Paso 3
Para poder vectorizar correctamente una imagen es necesario
siempre cambiar la opacidad de la misma a un valor por debajo de 50, con el
propósito de convertir la imagen casi traslucida y así podremos trabajar mejor
en los detalles de la imagen; este valor depende de cada imagen, pero se puede ajustar
al gusto de cada persona.
Paso 4
Una vez hayamos cambiado la opacidad de la imagen debemos
crear una capa encima del boceto y después bloquear la capa que contiene el
boceto a trabajar, es importante diferenciar la capa del boceto con la nueva
capa creada, con esto podremos trabajar encima de la imagen sin cometer el
error de moverla o manipularla de algún modo.
Paso 5
Ya con la capa bloqueada, ahora si es posible empezar a
trabajar en la vectorización de la imagen. Para esto debemos seleccionar la
herramienta “pluma” o presionar la tecla
“P”. En la imagen se puede observar la configuración recomendada para la
creación del contorno del personaje, para este caso se utilizó una pluma con
grosor de 3 puntos, con un perfil uniforme. Ya con estas características de
pluma empezamos a realizar los contornos de la imagen. Cada esquina se debe
realizar con mucho cuidado teniendo en cuenta las curvas que se tienen en la
pluma.
Paso 6
Una herramienta importante de illustrator es el manejo de
grosor en las líneas, el cual nos permite cambiar el ancho de las líneas que
iremos dibujando, los límites de cada línea de manipularan según lo necesite el
dibujo, se deberán ajustar para que el ancho sea el más mínimo y así lograr un
efecto de presión en las líneas muy usado por artistas reconocidos en todo el
mundo.
Paso 7
Cuando ya tengamos todo el contorno elaborado, debemos
convertir estas líneas en rellenos, con el fin de trabajar más cómodamente con
el personaje. Se debe entonces hacer clic en “Objeto” y a continuación en la
opción “Expandir apariencia”.
Paso 8
Como podemos observar ahora nuestro personaje tiene rellenos
en algunas zonas del dibujo, pero existen otras que no fueron convertidas, esto
sucede con frecuencia en illustrator y para solucionarlo se debe volver hacer
la operación del paso 7, pero con la única diferencia que debemos elegir la
opción de ”Expandir…” para que todo nuestro dibujo sea convertido a rellenos.
Es necesario tener en cuenta que si no hay ningún objeto seleccionado esta
operación no podrá realizarse, verifique que todo su dibujo este seleccionado.
Paso 9
Ahora solo resta unir todos los rellenos de la imagen en una
sola composición y así podremos avanzar con la creación de los colores, sombras
e iluminaciones del dibujo. Para esto debemos hacer clic en la casilla de
“Unificar” situada en la esquina superior izquierda de la ventana de “Busca trazos”,
cabe recordar que todo el dibujo debe estar seleccionado previamente.
Paso 10
Ya con nuestro dibujo totalmente unificado en una sola
composición, podemos añadir colores y rellenos internos a nuestro dibujo, esto
lo lograremos con la herramienta “pluma” la cual ahora no contendrá líneas si
no rellenos en nuestra selección de colores, simplemente hay que presionar la
tecla “X” para cambiar de líneas a rellenos. Lo que resta es realizar el
contorno nuevamente del dibujo paro esta vez lo haremos con rellenos y así
tendremos nuestra base para el personaje.
Paso 11
Cuando ya tengamos nuestra base podremos continuar con otras
partes del personaje, como lo son: la boca, nariz, ojos y orejas. Cada uno
distinguido por un color diferente, el color del personaje depende enteramente
de su creatividad.
Paso 12
Ahora con un color más oscuro realizaremos las sombras en
ciertas partes del personaje, para esto podremos imaginar que existe un gran
bombillo por encima de nuestro dibujo y este dará las sombras necesarias para
una interpretación del mismo en el personaje. Como se puede observar muchas de
estas sombras se realizaron con unos pequeños arcos que asemejan pelaje, son
pequeños efectos que logran dar más vida a la composición.
Paso 13
Muchas veces se utiliza más de un color para interpretar las
sombras en una composición, este es un estilo característico del dibujo
vectorial, el cual pretende mostrar de manera más dinámica el personaje, en
este caso el color más oscuro muestra una sombra más penetrante en el dibujo.
Paso 14
Ya casi dando pro finalizado el dibujo, se pueden empezar a
realizar pequeños detalles que le darán más complejidad al dibujo y por ende
más vida al personaje, estos detalles pueden variar de entre unas pequeñas
manchas o elementos más complejos como lo son los ojos e iluminaciones.
Paso 15
Para darle un acabado más profesional se puede agregarle
efectos de luz o color a la composición, en este caso aplique un relleno de
color rojizo sobre el personaje y aplique un efecto de luz suave, que me
permite jugar con las luces que afectan al color del pelaje y sombras del
personaje.
Final
Y es así como nuestro personaje empezara a cobrar vida
usando técnicas de dibujo sencillas usadas por artistas del dibujo vectorial
alrededor del mundo. Más adelante realizaremos dibujos más complejos y
elaborados. Recuerda comentar si tienes alguna duda sobre el proceso.
Entradas
Esta muy genial el tutorial, aunque lo único complicado va hacer dibujar un oso decente.
ResponderEliminarHola Diana, Muchas gracias por tu comentario. Para practicar puedes usar un boceto o sketch de alguien mas (con la condición por supuesto de que le des crédito al autor original).
EliminarGenial! me ha servido muchísimo, el mejor tutorial que he encontrado, preciso en todo, gracias!
ResponderEliminarGracias Angélica por tu comentario, espero realizar mas tutoriales en el futuro, un poco mas elaborados y que incluyan programas como Photoshop, 3ds max, After effects, Html5 y creación de vídeo juegos con la herramienta Construct 2
Eliminarhermoso no espesado pero ya estoy procediendo !!♥♥♥ se nota que esta buenazo
ResponderEliminar