1. Design & Illustration
  2. Drawing/Illustration
  3. Animals

Cómo Crear una Illustración de un Boston Terrier en Adobe Illustrator

Scroll to top

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Hace algún tiempo, uno de nuestros lectores me pidió enseñarle cómo dibujar un Boston Terrier. Decidí crear un tutorial para mostrarles a todos cómo crearlo.

Además del hecho de que tenía que crear no solo un perro, sino un perro de una cierta raza, éste tutorial también tenía que ser adaptado para un nivel de ilustradores principiantes. Fue desafiante. Después de observar un gran número de imágenes de Boston Terrieres, llegué a la ilustración que les presento hoy.

Como siempre, usaremos formas sencillas, y al aplicar una variedad de herramientas y efectos las transformaremos en un simpático cachorro Boston Terrier. Y puedes decidir si resultó bien o no.

Si no sabes como es un Boston Terrier, explora algunas imágenes de PhotoDune e inspírate.

1. Cómo Crear la Cabeza del Cachorro.

Paso 1

Después de crear un nuevo documento (850 x 850 px de Anchura y Altura), comenzaremos a formar la forma de la cabeza del cachorro. Usando la Herramienta Rectángulo Redondeado, crea un rectángulo redondeado gris oscuro. Para obtener un rectángulo redondeado con vértices muy redondeados, crea primero el pequeño rectángulo redondeado y luego estíralo. O puedes ir a Ver > Mostrar Widget de Vértices y modificar los vértices al arrastrarlos adentro.

Ahora modifiquemos la parte inferior de ésta forma. Usaremos el efecto Pez: ve a Efecto > Deformar > Pez e ingresa las opciones de abajo. Finalmente, necesitamos expandir ésta forma. Selecciónala y ve a Objeto > Expandir Apariencia.

creating the headcreating the headcreating the head

Paso 2

Para los ojos, crea una elipse gris usando la Herramienta Elipse (L) y rótala ligeramente a la izquierda. Agrega una elipse negra ligeramente rotada (para la pupila), seguida por un pequeño círculo blanco como una iluminación. Para hacer un círculo uniforme, dibújalo usando la Herramienta Elipse (L) mientras mantienes presionada la tecla Mayúsculas.

creating the eyecreating the eyecreating the eye

Paso 3

Coloca el ojo en la cabeza. Manteniendo todo el ojo izquierdo seleccionado, haz click derecho en tu mouse y selecciona Transformar > Reflejo. Una vez que obtrienes un cuadro de diálogo, selecciona Eje Vertical, Ángulo de 90 grados, y presiona Copiar. Mueve el nuevo ojo a la derecha. También mueve el círculo blanco al lado derecho, porque las iluminaciones siempre deben estar de un solo lado.

¡Sé que actualmente se ve como un bonito alienígena! Pero créeme, será un Boston Terrier.

placing the eye and creating another oneplacing the eye and creating another oneplacing the eye and creating another one

Paso 4

Ahora creemos la nariz. Comienza por crear una elipse horizontal gris con la Herramienta Elipse (L). Luego, usando la Herramienta Selección Directa (A), cambia el punto de ancla superior un poco hacia abajo. Agrega otro círculo gris detrás de la elipse deformada del mismo color de relleno.

En la parte superior de la elipse transformada, agrega una elipse gris clara. Y finalmente crea dos diminutas elipses negras para las fosas nasales. Éstas elipses negras no deberían tener trazos blancos; solo las agregué para que puedas verlo mejor. Verás que cambiará en el próximo paso.

creating the nosecreating the nosecreating the nose

Paso 5

Usando la Herramienta Elipse (L), crea un óvalo beige y coloca la nariz en él. Selecciona los dos puntos de ancla de la elipse con la Herramienta Selección Directa (A), y muévelos usando la tecla Flecha Abajo en tu teclado.

Añade el mismo rectángulo redondeado de color beige (usa la Herramienta Rectángulo Redondeado), colócalo horizontalmente. Luego rótalo a la izquierda, como en la imagen de abajo. Haz una copia vertical de éste rectángulo redondeado (Transfomar > Reflejo, ingresa Eje Vertical, Ángulo 90 grados, y presiona Copiar). Mueve la copia a la derecha.

creating the muzzlecreating the muzzlecreating the muzzle

Mientras creas el rectángulo redondeado, trata de evitar tenerlo largo y con vértices que no estén bien redondeados. Para lograr el adecuado redondeo de los vértices, crea un pequeño rectángulo redondeado y luego estíralo.

how do not make the muzzlehow do not make the muzzlehow do not make the muzzle

Paso 6

Manteniendo todos los objetos beige seleccionados (el óvalo deformado y los dos rectángulos redondeados), unifícalos al presionar el botón Unificar en el panel Buscatrazos (Ventana > Buscatrazos). Asegúrate de trabajar únicamente con el hocico beige y no tocar la nariz negra.

Con el hocico beige seleccionado, aplica el efecto de Redondear Vértices: ve a Efecto > Estilizar > Redondear Vértices y selecciona las opciones presentadas abajo.

A continuación, expande la forma (Objeto > Expandir Apariencia). Crea otra copia del hocico beige detrás del original, haciéndolo ligeramente más oscuro y moviéndolo hacia abajo un poco para obtener una sombra.

creating the muzzle 2creating the muzzle 2creating the muzzle 2

Paso 7

Para la boca, crea una elipse oscura con el mismo color de relleno que la sombra del hocico del paso previo (usa la Herramienta Cuentagotas (I)).

Haz otra elipse beige más grande del mismo color del hocico, y asegúrate de que esté detrás del hocico (Control-C, Control-B).

Ahora haz la sombra de ésta elipse beige: crea una elipse ligeramente más grande detrás (Control-C, Control-B), hazla más oscura, y muévela un poco hacia abajo.

creating the muzzle 3creating the muzzle 3creating the muzzle 3

Coloca éste simpático hocico en la cabeza de nuestro cachorro.

placing the muzzleplacing the muzzleplacing the muzzle

Paso 8

Para las orejas, comencemos dibujando otra elipse gris. Usando la Herramienta Selección Directa (A), mueve los puntos de ancla izquierdo y derecho hacia abajo. Para crear la forma mostrada abajo, mueve los manejadores usando la Herramienta Selección Directa (A). Haz otra copia de ésta forma, cámbiala a un color rosa, hazla un poco más pequeña, y colócala dentro de la más grande.

Colocaremos las orejas en la cabeza posteriormente.

creating the earcreating the earcreating the ear

Paso 9

Para hacer un punto claro en medio de la cabeza de nuestro Boston Terrier, crea otra elipse beige. Toma la Herramienta Selección Directa (A) y mueve hacia arriba los puntos de ancla  Para modificar más ésta elipse, usaremos el efecto Pez: ve a Efecto > Deformar > Pez e ingresa las opciones de abajo. No olvides expandir ésta forma (Objeto > Expandir Apariencia).

creating the white line on Boston Terriers headcreating the white line on Boston Terriers headcreating the white line on Boston Terriers head

Paso 10

En éste paso colocaremos el punto y las  orejas en la cabeza del Boston Terrier.

Primero, coloca el punto que creamos en el paso previo en el centro de la cabeza. También, coloca el ojo en el lado izquierdo de la cabeza. Para hacer otra oreja, toma la Herramienta Reflejo (O) y mientras mantienes presionada la tecla Alt, haz click en la frente (en una nueva ventana ingresa Vertical, Ángulo 90 grados y presiona Copiar).

¡La cabeza de nuestro cachorro está lista!

placing the ear and creating another oneplacing the ear and creating another oneplacing the ear and creating another one

2. Cómo Crear las Gafas

Paso 1

Elimina el color de relleno y establece un color de trazo negro. Pulsa la Herramienta Rectángulo Redondeado y dibuja un pequeño rectángulo redondeado, y luego aplica un efecto de deformado: ve a Efecto > Deformar > Arco. Expande ésta forma (Objeto > Expandir Apariencia). Crea una copia vertical de ésta forma. Mueve la nueva forma a la derecha.

creating the glassescreating the glassescreating the glasses

Paso 2

Para hacer el puente de las gafas, coloca un rectángulo negro sin color de trazo usando la Herramienta Rectángulo (M). Ve a Efecto > Deformar > Abombar y establece las opciones de deformado. Expándela.

creating the glasses 2creating the glasses 2creating the glasses 2

Paso 3

Ahora creemos la bisagra, la pequeña parte que ves en el lado de las gafas. Toma la Herramienta Rectángulo Redondeado y coloca un diminuto rectángulo redondeado como en la imagen de abajo. Después de eso, usando la Herramienta Selección Directa (A), mueve los puntos de ancla que necesitan estar ocultos detrás del marco. Y luego crea una copia vertical de éste diminuta forma (tu ya sabes cómo hacerlo ¿verdad?

creating the glasses 3creating the glasses 3creating the glasses 3

Finalmente, coloca las gafas en el perro. ¡Qué bonito e inteligente se ve ahora!

placing the glassesplacing the glassesplacing the glasses

3. Cómo Crear el Cuerpo del Cachorro

Paso 1

Primero rotemos ligeramente la cabeza de nuestro cachorro. Ahora, usando la Herramienta Elipse (L), dibuja un óvalo gris oscuro. Toma la Herramienta Selección Directa (A) y mueve hacia abajo sus puntos de ancla derecho e izquierdo. Coloca el cuerpo debajo de la cabeza (Control-X, Control-B).

creating the bodycreating the bodycreating the body

Paso 2

Crea una copia del cuerpo arriba del original (Control-C, Control-F) y cambia su color de relleno a beige. Finalmente haz ésta forma más pequeña y asegúrate de que esté arriba.

creating the body 2creating the body 2creating the body 2

Paso 3

Para dibujar la pata delantera, comienza con un óvalo otra vez. Mientras mantienes éste óvalo seleccionado, ve a Efecto > Deformar > Arco. En la nueva ventana, ajusta las opciones de la imagen de abajo. Expande ésta forma. A continuación crea una elipse pequeña debajo y mueve hacia abajo sus puntos de ancla usando la Herramienta Selección Directa (A) y usa la tecla Flecha Abajo en el teclado para ayudar.

creating the forelegcreating the forelegcreating the foreleg

Paso 4

Haz una copia de la pequeña elipse deformada beige detrás de la original (Control-C, Control-B), hazla más oscura y muévela ligeramente hacia arriba. Usa el mismo color más oscuro que para las sombras del hocico (usa la Herramienta Cuentagotas (I)).

A continuación haz otra copia de un óvalo beige deformado arriba del original (Control-C, Control-F), hazlo más oscuro (usa la misma Herramienta Cuentagotas (I)) y más angosto (usa la Herramienta Selección (V)). Mantenla seleccionda y haz una copia delante de ella (Control-C, Control-F), haciéndola un poco más angosta y más clara. Expande la pata delantera.

creating the foreleg 2creating the foreleg 2creating the foreleg 2

Paso 5

Para crear otra pata delantera, haz una copia vertical de la existente. Mueve la copia creda de la pata delantera a la derecha usando el botón Flecha Derecha en tu teclado.

placing the foreleg and creating another one placing the foreleg and creating another one placing the foreleg and creating another one

Paso 6

Creemos la pata trasera. Toma la copia de la pata del paso previo, donde creaste las patas delanteras. Dibuja otra elipse gris oscuro y colócala detrás de la pata. Al final, rota ligeramente la elipse vertical grande a la izquierda.

creating the hind legcreating the hind legcreating the hind leg

Paso 7

Une la pata trasera al cuerpo del cachorro. Colócala delante del cuerpo pero detrás de las patas delanteras. Para crear otra pata trasera, crea una copia vertical de la existente. Mueve ésta nueva pata trasera al lado derecho.

Nuestro simpático Boston Terrier está listo.

placing the hind leg and creating another oneplacing the hind leg and creating another oneplacing the hind leg and creating another one

4. Cómo Crear la Silla

Paso 1

Usando la Herramienta Rectángulo Redondeado, crea un rectángulo redondeado. En la imagen de abajo, puedes ver qué color de relleno necesitas. Deforma ligeramente ésta forma para hacer el respaldo de las illa. Selecciona el rectángulo redondeado y ve a Efecto > Deformar > Inflar. Ingresa las opciones que ves abajo.

creating the back of the chaircreating the back of the chaircreating the back of the chair

Para más transformación selecciona el mismo objeto y aplica otro efecto. Ve a: Efecto > Deformar > Caparazón hacia arriba. Las opciones necesarias son presentadas abajo. Finalmente, expande ésta forma.

creating the back of the chair 2creating the back of the chair 2creating the back of the chair 2

Paso 2

Ahora hagamos el asiento. Crea un rectángulo redondeado y aplica el efecto Arco (Efecto > Deformar > Arco y usa las opciones de abajo). Expande ésta forma. Agrega una elipse del mismo color detrás, ve al panel Buscatrazos y presiona el botón Menos Frente. Para ambas formas, no necesitas un trazo negro. En ésta imagen, el color de trazo negro es sólamente para mejor visibilidad.

creating the seat of the chaircreating the seat of the chaircreating the seat of the chair

Paso 3

Continuemos para crear la silla. Para hacer vértices redondeados para el asiento, ve a Ver > Mostrar Widget de Vértices. Usando la Herramienta Selección Directa (A), selecciona éstos dos vértices definidos del asiento y arrastra adentro usando los puntos que aparecen.

Une el respaldo y el asiento de la silla. Para hacer visible una línea divisora, selecciona el asiento y haz una copia detrás (Control-C, Control-B). Cambia el color de él y muéve ésta parte hacia arriba.

Hagamos un cojín del asiento. Añade una nueva elipse sobre el respaldo de la silla, pero detrás del asiento. El color de ésta elipse debería ser el mismo que el color principal de la silla. Crea una copia de ésta elipse detrás, hazla más oscura, y muévela ligeramente hacia arriba.

creating the seat of the chair 2creating the seat of the chair 2creating the seat of the chair 2

Paso 4

Para la pata de la silla, crea un rectángulo con la Herramienta Rectángulo (M) y únelo a la parte inferior de la silla. A continuación, usaremos la Herramienta Polígono para hacer un triángulo. Toma la Herramienta Polígono y haz click en tu mesa de trabajo. En la nueva ventana de diálogo, escribe 3 lados con cualquier Radio. Luego haz click en OK. Ahora aplana éste triángulo para obtener un resultado simlar a la imagen de abajo.

creating the leg of the chaircreating the leg of the chaircreating the leg of the chair

Paso 5

Crea un pequeño círculo (para un círculo uniforme, usa la Herramienta Elipse (L) mientras mantienes presionada la tecla Mayúsculas). Después de eso, detrás del círculo crea una elipse vertical larga y muy angosta. Mientras mantienes la elipse seleccionada, presiona la Herramienta Rotar (R) y luego la tecla Enter en tu teclado. En la ventana emergente, ingresa 90 grados y pulsa Copiar.

Selecciona las tres formas y mientras mantienes presionadas las teclas Mayúsculas y Alt, arrástralas a la derecha. De ésta manera, crearás una segunda copia de ellas, las cuales serán alineadas horizontalmente. Mientras las tres formas recientemente creadas están seleccionadas, presiona las teclas Control-D dos veces para repetir el paso previo y crear nuevos grupos de éstas formas exactamente a la misma distancia del previo. Ahora selecciona toda la línea de éstas formas y mientras mantienes presionadas las teclas Mayúsculas y Alt, arrástralas hacia abajo. Y de nuevo, presiona las teclas Control-D para repetir el paso previo.

Si ves que necesitas más líneas con éstas formas, siéntete con libertad para repetir presionando Control-D hasta que obtengas suficientes. Dependerá de la forma de tu silla.

creating the texture effectcreating the texture effectcreating the texture effect

Paso 6

Coloca los objetos agrupados (click-derecho > Agrupar) en el respaldo de la silla. Ahora, manteniéndolos seleccionados, ve a Efecto > Deformar > Arco y usa las opciones de abajo. Nuestra cómoda silla está lista.

placing the texture effectplacing the texture effectplacing the texture effect

5. Cómo Crear el Fondo

Paso 1

Primero, queremos colocar nuestro Boston terrier en la silla.

placing the Boston Terrier on the chairplacing the Boston Terrier on the chairplacing the Boston Terrier on the chair

Paso 2

Crea un cuadrado beige ligero detrás de la imagen, 850 px de Anchura y Altura, al usar la Herramienta Rectángulo (M).

creating the backgroundcreating the backgroundcreating the background

¡Fabuloso Trabajo, Terminaste!

Si quisieras agregar algunas decoraciones como plantas de casa, puedes seguir uno de mis tutoriales previos cómo crear algunas plantas para interiores.

¡Sensacional trabajo, terminaste! Espero que hayas disfrutado siguiendo éste tutorial. Ahora estás listo para crear tus propias ilustraciones interesantes con sofisticados personajes y mascotas. Si tienes cualquier sugerencia para más tutoriales, por favor permíteme saberlo. Trataré de realizar un tutorial adaptado para principiantes.

End ResultEnd ResultEnd Result