Spanish (Español) translation by Rosario (you can also view the original English article)
Sigue este tutorial y aprende a dibujar un simpático personaje de serpiente cerebrito en Adobe Illustrator. El tutorial se compone de dos partes principales, la creación de la cabeza y la creación del cuerpo. Empezarás por las formas básicas y con unas cuantas técnicas de distorsión que implican la herramienta Selección directa, la Secuencia de comandos Redondear cualquier esquina, los efectos Deformar, Emborronar y Transformar crearás fácilmente las formas que necesites. La herramienta Fusión también juega un papel importante en este tutorial junto con algunos pinceles artísticos y de fusión incorporados. Este personaje de serpiente es divertido de crear, así que ¡comencemos!
1. Inicia un nuevo proyecto
Inicia Illustrator y ve a Archivo > Nuevo para abrir un nuevo documento en blanco. Escribe un nombre y configura las dimensiones, luego selecciona Píxeles como Unidades y RGB como Modo de color.
A continuación, ve a Edición > Preferencias > Generales y establece Incrementos de teclado en 1px. Estos ajustes te ayudarán a lo largo del proceso de dibujo.
2. Crea la forma básica de la cabeza
Paso 1
Toma la herramienta Polígono y dibuja un polígono simple con las dimensiones mostradas a continuación. Con la herramienta Selección directa (A) selecciona sólo los dos puntos de la parte superior y luego ve a Archivo > Secuencias de comandos > Redondear cualquier esquina y aplica un Radio de 15.
Puedes descargar la secuencia de comandos Redondear cualquier esquina a través de Tuts+, instálala y reinicia Illustrator. Deberías encontrar dicha secuencia de comandos en el menú Archivo > Secuencias de comandos.
Paso 2
Toma la herramienta Añadir punto de ancla (+) y añade un punto extra en la parte superior del polígono. Con la herramienta Selección directa (A) selecciona sólo este punto y muévelo 10px hacia abajo presionando la tecla de flecha hacia abajo en tu teclado diez veces. Utiliza la herramienta Convertir punto de ancla (Mayús-C) para generar los controladores y transformar los tres puntos de la parte superior de vértices a suavizados.
Paso 3
Selecciona sólo los puntos de la izquierda y de la derecha y luego ve a Archivo > Secuencias de comandos > Redondear cualquier esquina y aplica un Radio de 10. Como resultado obtendrás las esquinas redondeadas. Ahora, selecciona los cuatro puntos indicados y muévelos 5px hacia abajo pulsando la tecla de la flecha hacia abajo cinco veces.
Paso 4
Con la herramienta Añadir punto de ancla (+) añade un punto más en el centro de los lados superior izquierdo y derecho y luego muévelos un poco hacia dentro. A continuación, selecciona sólo los puntos inferiores y muévelos 10px hacia arriba.
Paso 5
Toma de nuevo la herramienta Añadir punto de ancla (+) y añade un punto extra en los lados inferior izquierdo y derecho de la forma. Con la herramienta Selección directa (A) selecciona sólo el punto añadido en el lado izquierdo y ve a Objeto > Transformar > Mover. En los campos Horizontal y Vertical escribe 5px y 10px y pulsa OK. Mueve también el punto añadido en el lado derecho pero utiliza los otros ajustes mostrados a continuación. Cuando hayas terminado, ejecuta la secuencia de comandos Redondear cualquier esquina y aplica un Radio de 20 para transformar estos dos puntos en puntos suavizados.
Paso 6
Mueve los puntos inferiores un poco hacia adentro usando las teclas de flecha y luego ejecuta la secuencia de comandos Redondear cualquier esquina y aplica un Radio de 30.
Paso 7
En este punto la forma principal de la cabeza está básicamente lista. Todo lo que tienes que hacer es asegurarte de que cada punto de anclaje tiene dos controladores (no necesitamos esquinas) y que las curvas son suaves. A esta forma la llamaré "cabeza básica".
3. Colorea la cabeza de la serpiente
Paso 1
Copia y Pega detrás (Control-B) la "cabeza básica" y bloquea la forma original por un momento. Toma la herramienta Selección directa (A) y arrastra una selección sobre los puntos inferiores como se indica a continuación, luego mueve estos puntos hacia abajo. El trazado naranja es lo que deberías obtener y llamaré a esta forma "boca básica". A continuación, rellena la "cabeza básica" con el color indicado en la siguiente imagen.
Paso 2
Copia y Pega delante (Control-F) la "cabeza básica" y luego llévala al frente de todo yendo a Objeto > Organizar > Traer al frente (Mayús-Control-]). Ahora, toma la herramienta Elipse (L) y dibuja una elipse sobre la cabeza con las dimensiones mostradas en la imagen de abajo. Selecciona esta elipse, la copia de la "cabeza básica" y pulsa Intersectar en el panel Buscatrazos. Rellena la forma resultante con el degradado lineal mostrado a continuación y establece el ángulo en 90 grados.
Paso 3
Primero haz otra copia de la "cabeza básica" delante y luego dibuja una elipse encima. Selecciona ambas y pulsa Intersectar en el panel Buscatrazos. Rellena la forma resultante con el degradado lineal mostrado en la imagen de abajo y establece el ángulo en 90 grados.
Paso 4
Ahora, selecciona las tres formas verdes creadas, luego ve a Objeto > Fusión > Opciones de fusión y elige 40 Pasos especificados. Vuelve a Objeto > Fusión > Crear (Alt-Control-B).
4. Crea la boca de la serpiente
Paso 1
Haz otra copia de la "cabeza básica" y llévala al frente. Selecciona "boca básica" y "cabeza básica" y presiona Restar en el panel Buscatrazos. Rellena la forma resultante con el degradado radial mostrado a continuación. Llamaré a esta forma "boca".
Paso 2
Copia y Pega delante (Control-F) la "boca", luego toma la herramienta Tijeras (C) y haz clic en los dos puntos indicados (1). Esto cortará la forma en dos trazados y debes conservar sólo el de la parte inferior (2). Repasa este trazado con un Pincel artístico llamado "Trazo cónico" que puedes encontrar en Biblioteca de pinceles > Artístico > Artístico_Tinta. Establece el Grosor del trazo en 0.5pt (3). Añade otro atributo de Trazo desde el menú desplegable del panel Apariencia y para ello, utiliza un Pincel artístico de fusión negro. Establece el Grosor del trazo en 0.75 pt (4). Utiliza los colores de trazo indicados a continuación.
He explicado cómo crear este Pincel artístico de fusión en mi tutorial "Cómo crear estrellas de calificación brillantes", en el paso 9. Solo que en lugar de 200 x 5px este tiene las dimensiones 100 x 3px. Esta es la versión en negro, pero también necesitarás la versión en blanco más adelante. Así que asegúrate de crear ambos y luego guardarlos en la Biblioteca de pinceles.
5. Crea la nariz de la serpiente
Paso 1
Dibuja una elipse, con las dimensiones indicadas a continuación, sobre la cabeza de la serpiente (1). Distorsiona esta elipse moviendo los puntos de anclaje izquierdo y derecho un poco hacia afuera, y también moviendo los controladores (2). Haz una copia de "cabeza básica" y llévala al frente (3). Ahora, selecciona esta copia, la nueva forma y pulsa Intersectar en el panel Buscatrazos. Rellena la forma resultante con el color indicado (4). Llamaré a esta forma "nariz-1".
Paso 2
Con la herramienta Elipse (L) dibuja una elipse como se muestra en la siguiente imagen y luego Copia y Pega delante (Control-F) "nariz-1". Selecciona esta copia, la elipse y pulsa Intersectar en el panel Buscatrazos. Rellena la forma resultante con el degradado lineal mostrado en la siguiente imagen y establece el ángulo en 90 grados. Llamaré a esta forma "nariz-2".
Paso 3
Selecciona "nariz-1" y "nariz-2" y luego ve a Objeto > Fusión > Opciones de fusión y elige 40 Pasos especificados. Vuelve a Objeto > Fusión > Crear (Alt-Control-B).
6. Crea los ojos de la serpiente
Paso 1
Toma la herramienta Elipse (L) y dibuja dos elipses de 40 x 60px y luego colócalas como se muestra en la imagen. Como pupilas dibuja dos círculos y rellénalos con el degradado mostrado a continuación. Finalmente, dibuja dos círculos más pequeños y selecciona blanco como color de relleno.
Paso 2
A continuación, toma la herramienta Pluma (P) y dibuja tres pares de trazados siguiendo los bordes de los ojos. Repasa estos trazados con el Pincel artístico de fusión negro y, a continuación, haz doble clic en el panel Apariencia del trazado aplicado para abrir la ventana Opciones de trazado. Allí, establece la Coloración en Matices y pulsa OK. Ahora, cambia los colores del trazo como se indica. El Grosor del trazo para los trazados azules es de 2pt y para el resto de 1pt.
Paso 3
Con la herramienta Pluma (P) dibuja cuatro formas como las de abajo y selecciona blanco como color de relleno. Copia y Pega delante (Control-F) estas formas y rellénalas con un degradado lineal de negro a blanco. Ahora, selecciona una de las formas blancas y también la copia que está encima y haz clic en Crear máscara de opacidad en el menú desplegable del panel Transparencia. Repite lo mismo con las otras formas. Finalmente, agrupa (Control-G) los cuatro reflejos obtenidos y reduce la Opacidad al 50%.
7. Crea las fosas nasales de la serpiente
Paso 1
Usando la herramienta Elipse (L) dibuja dos elipses y luego colócalas sobre la nariz como se muestra en la imagen de abajo. Rellénalas con el degradado mostrado a continuación, y luego ve a Efecto > Estilizar y aplica el efecto Sombra paralela. Utiliza los ajustes mostrados para la fosa nasal izquierda y derecha.
Paso 2
Ahora necesitas enmascarar la sombra. Primero, haz una copia de "nariz-1" y llévela delante de todo. Elimina el color de relleno existente. Selecciona, esta copia y también las fosas nasales y ve a Objeto > Máscara de recorte > Crear (Control-7).
Paso 3
Toma la herramienta Pluma (P) y dibuja dos trazados siguiendo los bordes superiores de las fosas nasales. Repasa los trazos con el Pincel artístico de fusión negro, luego ajusta la Coloración a Matices como hiciste antes y cambia el color del trazo.
Paso 4
Dibuja una forma de almendra ("fosa-interior-1") y luego ve a Objeto > Transformar > Escala, escribe 20% en el campo Escala y pulsa Copiar. Obtendrás la forma más pequeña del centro y la rellenarás de verde oscuro ("fosa-interior-2"). Coloca estas dos formas sobre la fosa nasal derecha y luego refléjalas hacia el otro lado.
Selecciona "fosa-interior-1" y "fosa-interior-2" sobre la fosa nasal derecha y luego ve a Objeto > Fusión > Opciones de fusión y elige 20 Pasos especificados. Vuelve a Objeto > Fusión > Crear (Alt-Control-B). Repite lo mismo usando "fosa-interior-1" y el "fosa-interior-2" sobre la fosa nasal izquierda.
Paso 5
Entre las fosas nasales vamos a añadir unas cuantas pecas para aumentar la ternura. Dispón unos cuantos círculos pequeños como se muestra en la imagen y rellénalos con un degradado radial de negro a blanco. Agrupa (Control-G) todos los círculos y establece el grupo en el Modo de fusión Multiplicar y 15% de Opacidad.
8. Crea los colmillos y la lengua bífida
Paso 1
Para los colmillos de la serpiente simplemente dibuja dos formas como las de abajo usando la herramienta Pluma (P). El color de relleno indicado es 5% negro. Envía los colmillos detrás de la nariz de la serpiente.
Paso 2
Ahora, vamos a crear la lengua bífida. Primero, toma la herramienta Pluma (P) y dibuja dos trazados como los que se muestran a continuación. Repásalos con un Pincel artístico llamado "Cónico - Definido" que puedes encontrar en el menú Biblioteca de pinceles > Artístico > Artístico_Tinta. Ajusta el Grosor de los trazos como se indica a continuación. Para convertir los trazos en rellenos ve a Objeto > Expandir apariencia y luego Desagrupa (Mayús-Control-G) dos veces.
Selecciona las formas resultantes y pulsa Añadir en el panel Buscatrazos para obtener un trazado compuesto. En este punto, sólo hay que hacer algunos ajustes en la parte superior y la lengua estará lista.
Paso 3
Rellena la lengua con el degradado lineal mostrado y envíala detrás de la nariz de la serpiente.
9. Crea las gafas de cerebrito
Paso 1
Utiliza la herramienta Elipse (L) para dibujar una elipse y luego distorsiónala moviendo algunos de los puntos de anclaje y los controladores como se muestra en la imagen. Rellena el cristal con blanco y reduce la Opacidad al 35% (por razones de claridad he utilizado otro color en lugar del blanco). Refleja el cristal derecho para obtener el izquierdo.
Paso 2
Copia y Pega delante (Control-F) los cristales, borra el color de relleno y dales un Trazo de 9pt usando cualquier color. Pulsa el icono de Alinear trazo al exterior en el panel Trazos (1). Para convertir los trazos en rellenos ve a Objeto > Expandir apariencia y luego a Desagrupar (Mayúsculas-Control-G) (2). Para modificar la forma de los marcos, selecciona con la herramienta Selección directa (A) los puntos indicados y muévelos un poco en la dirección que indican las flechas (3). El resultado debe ser como el siguiente (4).
Paso 3
Con la herramienta Pluma (P) dibuja una forma, como se muestra a continuación, a modo de puente, y luego las dos formas de los lados. Ahora, selecciona los marcos, el puente y las dos esquinas y pulsa Añadir en el panel Buscatrazos. Rellena el trazado compuesto resultante con negro.
Paso 4
Copia y Pega delante (Control-F) el marco obtenido en el paso anterior y cambia el color de relleno (1). Copia y Pega delante (Control-F) el marco verde y muévelo 3px hacia la izquierda pulsando la tecla de flecha izquierda de tu teclado (2). Ahora, selecciona los marcos verde y naranja y pulsa Restar en el panel Buscatrazos. Rellena la forma resultante con blanco y reduce la Opacidad al 40% (3).
Paso 5
A continuación, dibuja un rectángulo sobre el puente y rellénalo con el degradado lineal mostrado.
Paso 6
Agrupa (Control-G) todas las formas que componen las gafas y como todo es vectorial, escala alrededor del 44%. Coloca las gafas sobre los ojos de la serpiente y envíalas detrás de las fosas nasales pero delante de la nariz. Finalmente, dibuja dos formas rectangulares a modo de patas de las gafas y envíalas por detrás de todo.
La cabeza de la serpiente ya está lista y esta es su tierna cara:
10. Crea las formas básicas del cuerpo
Paso 1
Toma la herramienta Rectángulo redondeado y dibuja dos formas con las dimensiones mostradas a continuación. Ve a Efecto > Deformar y aplica los efectos Arco inferior y Arco superior. Cuando hayas terminado, selecciona Expandir apariencia y Desagrupar (Mayús-Control-G). Llamaré a las formas resultantes "cuerpo-grande" y "cuerpo-pequeño".
Estos son los ajustes que utilicé:
Paso 2
Utiliza la herramienta Pluma (P) para dibujar un trazado ondulado en el lado izquierdo y repasarlo con el Pincel artístico "Cónico - Circular". Ajusta el Grosor del trazo a 2.25pt. Selecciona Expandir apariencia y luego Desagrupar (Mayús-Control-G) dos veces. Sigue la secuencia de imágenes y modifica esta forma simplemente moviendo algunos de los puntos de anclaje. La forma azul es la que debes obtener, la llamaré "cuerpo-cuello".
Paso 3
Para la cola dibuja otro trazado ondulado como se muestra en la imagen. Dale un Trazo con el Pincel de arte "Cónico - Definido" y establece el Grosor del trazo en 0.56pt. Selecciona Expandir Apariencia y luego Desagrupar (Mayús-Control-G) dos veces. Haz la parte inferior de la cola más gruesa moviendo algunos de los puntos de anclaje.
11. Colorea el cuerpo de la serpiente
Paso 1
Primero, selecciona "cuerpo-cuello" y "cuerpo-grande" y pulsa Añadir en el panel Buscatrazos. La forma resultante se llama "cuerpo-completo". Rellena esta forma con el degradado que se muestra a la izquierda y establece el ángulo en -90 grados. Utiliza el mismo degradado para el "cuerpo-pequeño" pero fija el ángulo en 0 grados. Para la cola utiliza el degradado que se muestra a la derecha.
Paso 2
Utiliza la herramienta Pluma (P) para dibujar un trazado que pase aproximadamente por el centro de cada porción del cuerpo. Ahora, selecciona "cuerpo-completo" y el trazado naranja por encima de él, presiona Dividir en el panel Buscatrazos y luego Desagrupar (Mayús-Control-G). Obtendrás dos mitades, pero quédate solo con la forma verde claro seleccionada debajo (llamada "barriga") y elimina la otra. Haz lo mismo con el "cuerpo-pequeño" y con la cola utilizando los otros dos trazados de color naranja.
12. Añade textura en el vientre de la serpiente
Paso 1
Dibuja un trazado ligeramente curvo con la herramienta Pluma (P) y dale un Trazo negro de 1pt por el momento. Arrástralo al panel Pinceles y elige Nuevo pincel de dispersión.
A continuación, dibuja otro trazado ondulado sobre el "cuerpo-completo" y Trázalo con el Pincel de dispersión guardado. Si haces doble clic en el panel Apariencia sobre el trazo aplicado para abrir la ventana Opciones de trazo puedes cambiar algunos de los valores de Espaciado, Rotación y Tamaño si es necesario. Lo importante es que los puntos finales de cada pequeño trazado crucen los bordes de la "barriga". Cuando estés conforme con tu trazo, selecciona Expandir apariencia y Desagrupar (Mayús-Control-G) dos veces.
Ahora, selecciona todos los pequeños trazados obtenidos y agrúpalos (Control-G). Haz una copia porque los necesitarás de nuevo. Selecciona este grupo y la "barriga" y pulsa Dividir en el panel Buscatrazos. Rellena el grupo de formas resultante con el degradado radial mostrado.
Estos son los ajustes que utilicé para el Pincel de dispersión:
Paso 2
Trae al frente la copia del grupo de trazados pequeños. Trázalos con el Pincel artístico de fusión negro y luego duplica este atributo de Trazo pulsando el icono Duplicar elemento seleccionado en la parte inferior del panel Apariencia. Teniendo seleccionado el atributo Trazo de la parte inferior, ve a Efecto > Distorsionar y transformar > Transformar y aplica la configuración mostrada. El Grosor del trazo es 1pt y los colores del trazo son los indicados a continuación (Coloración ajustada a Matices).
Paso 3
Haz una copia de la barriga y llévala delante de todo. Elimina el relleno degradado existente. Ahora, selecciona el grupo de trazados y la copia de la barriga y ve a Objeto > Máscara de recorte > Crear (Control-7).
Repite el mismo proceso para añadir esta textura en las otras dos partes del cuerpo ("cuerpo-pequeño" y cola).
13. Añade detalles en la parte posterior de la serpiente
Paso 1
Utiliza la herramienta Elipse (L) para dibujar algunas elipses y rellenarlas con el color indicado. Gíralas y colócalas a lo largo del borde del "cuerpo-completo" como se muestra en la imagen de abajo. Agrupa (Control-G) todas las elipses y luego ve a Efecto > Distorsionar y transformar > Emborronar y aplica los ajustes que se muestran a continuación. Cuando hayas terminado, selecciona Expandir apariencia.
Paso 2
Con la herramienta Pluma (P) dibuja un trazado sobre la parte trasera de la serpiente. Haz un Trazo con la versión blanca del Pincel artístico de fusión. Ajusta la Opacidad al 10%.
Paso 3
Copia y Pega delante (Control-F) el "cuerpo-completo" y tráelo delante de todo yendo a Objeto > Organizar > Traer al frente (Mayúsculas-Control-]). Elimina el relleno de degradado existente. Selecciona esta copia junto con el grupo de elipses oscuras y el trazado blanco y ve a Objeto > Máscara de recorte > Crear (Control-7).
Repite el mismo proceso para añadir estos detalles en las otras dos partes del cuerpo.
14. Añade detalles en el vientre de la serpiente
Con la herramienta Elipse (L) dibuja algunas pequeñas elipses y rellénalas con el color indicado. Dispónlas a lo largo de la barriga de la serpiente, una en cada casilla. También distribuye unas cuantas elipses más pequeñas rellenas de blanco, en varias áreas. Haz lo mismo en el "cuerpo-pequeño" y en la cola.
15. Añade la sombra bajo la serpiente
Primero, dibuja dos elipses en la parte inferior de la serpiente. Rellena ambas con negro pero reduce la Opacidad de la elipse más grande a 0%. Teniendo las elipses seleccionadas, ve a Objeto > Fusión > Opciones de fusión y elige 50 Pasos especificados. Vuelve a Objeto > Fusión > Crear (Alt-Control-B). Envía el grupo de fusión resultante detrás de todo yendo a Objeto > Organizar > Enviar detrás (Mayús-Control-[) y listo.
¡Felicidades! Terminaste.
Espero que se hayan divertido creando este simpático personaje de serpiente cerebrito. Yo lo hice. Este es mi primer tutorial de personajes, por favor hazme saber si te gustó.
By
