Tipografía sin límites: 40 grandiosos tutoriales de Adobe Illustrator para efectos de texto

Te preguntas cómo empezar a trabajar con Adobe Illustrator sin ser abrumado por sus infinitas posibilidades? Comienza con estos tutoriales que cubrirán las lagunas de tu conocimiento. Nada se puede comparar con este tipo de material educativo, sobre todo cuando los diseñadores gráficos dedicados revelan sus secretos y técnicas. Por supuesto, hay un número considerable de tutoriales que cubren todo, desde la creación de plantillas de interfaz de usuario para crear diseños de personajes, y es muy difícil tomar una decisión sobre en qué esfera sumergirse. Sin embargo, si deseas empezar de forma lenta pero segura, debes dar los primeros pasos con estos tutoriales sobre efectos de texto en Illustrator. Estos, al menos por lo general, recurren a soluciones más simples basados en herramientas básicas y técnicas estándar. Además, no necesitarás ni más ni menos de una hora de tu tiempo en el que serás capaz de convertir un letrero normal en algo excéntrico e innovador, después de haber rediseñado por completo la tipografía original. Estos tutoriales te ayudarán a obtener resultados impresionantes desde una tipografía simple por medio de diversos pero fáciles de repetir efectos alucinantes. ¿Estás listo? Aquí vamos…

Link: 40 grandiosos tutoriales de Adobe Illustrator para efectos de texto

Pinceles de vectores de trazos de pincel para Illustrator

Este conjunto gratuito de pinceles de vectores de trazos de pincel contiene 24 gráficos vectoriales y una biblioteca completa de pinceles para Illustrator. Fueron hechos manualmente con trazos secos de pintura y luego los resultados fueron escaneados y vectorizados para crear recursos de vectores útiles. Este tipo de pinceles son ideales para crear efectos auténticos de pintura a mano en tus obras de arte. Aplícalos con la herramienta Pincel para crear rápidamente texturas a mano alzada y sombras en tus ilustraciones.

Descarga los pinceles de vectores con forma de trazos de pinceles para illustrator | 2mb

Cómo hacer a la rana René en Adobe Illustrator

En este tutorial aprenderemos a dibujar a La Rana René (conocida en EE.UU. como “Kermit the Frog”) mediante el uso de formas simples y herramientas básicas en Adobe Illustrator. Empecemos!

Detalles del tutorial:

Programa: Adobe Illustrator
Dificultad: Intermedio

Producto final

Este será el resultado de lo que haremos:

Sígueme en Twitter: @Gurugrafico

Enlace | Create a Geometric Kermit the Frog Illustration in Adobe Illustrator

Cómo crear un copo de nieve en Adobe Illustrator

Alguna vez en nuestra infancia nos dedicamos a cortar formas impares a partir de piezas plegadas de papel para revelar los copos de nieve más extraños que pudiéramos imaginar. Hoy lo haremos de nuevo, pero esta vez en Adobe Illustrator. Empecemos!

Detalles del tutorial:

Programa: Adobe Illustrator
Dificultad: Intermedio

Producto final

Este será el resultado de lo que haremos:

Sígueme en Twitter: @Gurugrafico

Enlace | How to Create a Digital Doodled Snowflake in Adobe Illustrator

Cómo crear un bosque cartoon en Adobe Illustrator (Parte 3)

Hoy continuaremos con la tercera parte del tutorial Cómo crear un bosque cartoon en Adobe Illustrator. También puedes consultar la Parte 1 y la Parte 2 de este tutorial.


Continuamos…

9. Organiza los elementos para crear tu escena

Ahora, aquí viene la parte divertida: organizaremos la escena! Para hacer esto, haz visible la capa extra que tenemos para mostrar todos los elementos que ilustramos con anterioridad. Bloquea la capa “Fondo”.

Como puedes ver, organicé los elementos por capas. Primero las montañas, después añadí la primera capa de árboles, luego la primer capa de pasto y creé una segunda capa para los árboles y para el pasto respectivamente. De esta manera, daremos un poco de profundidad a la escena empleando capas diferentes para los árboles y los pastos respectivamente.

10. Añade detalles: rocas

Los pequeños detalles pueden significar mucho en una ilustración. Así que agarra tu Herramienta Pluma (P) y empieza a añadir rocas con un color de relleno #3B2400 y #A55E00. Ajusta el Modo de Fusión a Aclarar y un 20% de Opacidad para el sombreado. Duplica las rocas y ubícalas en la escena.

11. ¡Ahora los osos!

Ahora es tiempo de ilustrar los personajes principales de la escena: los osos.

Paso 1

Empezaremos por la cabeza de nuestro oso. Creamos un círculo usando la Herramienta Elipse (L) con un color de relleno #361400.

Paso 2

Cojemos la Herramienta Pluma (P) y empezamos a ilustrar una forma similar a la siguiente. Nos fijamos que sea proporcional a la cabeza y nos aseguramos de cambiar el color a #361400.

Paso 3

Creamos una nueva Elipse (L) y borramos la parte inferior con la Herramienta Borrador (Shift + E). Ubicamos la forma y luego la transformamos para unirla con la cabeza y el cuello del oso.

Paso 4

Añadimos las orejas de nuestro oso mediante la adición de dos círculos en la parte superior de la cabeza. Después de eso, seleccionamos y unimos todas las formas mediante la opción Unificar del panel Buscatrazos.

Paso 5

Con la Herramienta Pluma (P), añadimos los ojos y les asignamos un color de relleno rojo oscuro #7C0101.

Paso 6

Empezamos a dibujar sombras y detalles con la Herramienta Pluma (P).

Ahora que tenemos el oso para la escena, creamos una nueva capa, la ubicamos por encima de la capa “Arboles 1” y allí situamos el oso. Añadimos más copias del oso y las distribuímos en la escena. Organizamos otros elementos como el pasto si es necesario.

Felicitaciones! haz terminado!

En este tutorial, hemos aprendido a aprovechar al máximo una de las características más potentes del arte vectorial: la creación de nuevos elementos a partir de un elemento existente. Simplemente cambiando los colores y otras cosas como las formas, podemos convertir una ilustración existente en algo nuevo. También aprendimos cómo agregar texturas a los elementos y agregar profundidad a la escena mediante la organización de los elementos y la distribución de las capas. También aprendimos a usar Adobe Kuler para ayudarnos a decidir la apariencia de los colores de la ilustración. Espero que hayas disfrutado este tutorial.

Producto final:

CÓMO CREAR UN BOSQUE CARTOON EN ADOBE ILLUSTRATOR – PARTE 1
CÓMO CREAR UN BOSQUE CARTOON EN ADOBE ILLUSTRATOR – PARTE 2

Tutorial realizado por Andrés Quiñones

Sígueme en Twitter: @Gurugrafico

Fuente | Create a Cartoon Bear Scene Using Repeating Shapes in Illustrator

Cómo crear un bosque cartoon en Adobe Illustrator (Parte 2)

Hoy continuaremos con la segunda parte del tutorial Cómo crear un bosque cartoon en Adobe Illustrator. También puedes consultar la Parte 1 de este tutorial.


Seguimos…

6. Crea los árboles

Paso 1

Usando la Herramienta Pluma (P), creamos un triángulo que será el tronco del árbol y utilizamos el color #553200.


Paso 2

Abrimos el Panel Pinceles (Ventana > Pinceles o F5), hacemos clic en el menú despegable y seleccionamos Abrir Biblioteca de Pinceles > Artístico > Artístico_LápizTizaCarboncillo. Seleccionamos el Pincel Tiza.

Paso 3

Utilizando la Herramienta Selección (V), seleccionamos el tronco del árbol y hacemos clic en Dibujar en el interior. Usando la Herramienta Pincel (B), dibujamos una línea recta desde la parte superior del tronco hasta llegar a la parte inferior. Debemos asegurarnos de que está seleccionado el Pincel Tiza para aplicarlo con color de trazo #553200 y sin color de relleno. Aplicamos el Modo de Fusión Trama al nuevo trazo del pincel.

Paso 4

Hacemos varias copias del tronco, cambiamos su tamaño y las ordenamos para que se vean como las ramas del árbol. Mira el siguiente ejemplo:

Paso 5

Creamos una elipse usando la Herramienta Elipse (L) y usamos #FFE354 como color de relleno. Copiamos la elipse que acabamos de crear (Ctrl + C) y la Pegamos en el mismo lugar (Shift + Ctrl + V) dos veces. Terminaremos con tres elipses iguales ubicadas una encima de la otra. Ahora, seleccionamos la elipse de la parte más superior y la movemos un poco hacia la parte inferior derecha. Con la elipse aún seleccionada, mantenemos pulsada la tecla Shift, seleccionamos la siguiente elipse y hacemos clic en Menos Frente desde el panel Buscatrazos (Ventana > Buscatrazos). Cambiamos el color a #F27900 y cambiamos el Modo de fusión a Subexponer color con una Opacidad de 50%.

Paso 6

Abrimos el Panel Muestras (Ventana > Muestras) y desde el menú despegable, vamos a Abrir Biblioteca de Muestras > Motivos > Gráficos básicos > Gráficos básicos_Texturas. Creamos un círculo con la Herramienta Elipse (L) y le aplicamos el motivo USGS 2 Marisma que se encuentra en la lista de Motivos.

Paso 7

Seleccionamos la Elipse amarilla de la izquierda y vamos al Panel Apariencia (Ventana > Apariencia). Desde el menú despegable del Panel Apariencia, seleccionamos Añadir Relleno Nuevo. Luego activamos la Herramienta Cuentagotas (I) y hacemos clic en el círculo con el patrón que preparamos en el paso anterior. Cambiamos el Modo de fusión a Sobreexponer Color.

Paso 8

Ubicamos las hojas detrás del tronco y las ramas. Luego agrupamos todas las formas del árbol (Ctrl + G).

Paso 9

Al igual que hicimos para la montañas, crearemos más versiones del árbol. Los cambios pueden incluir: nuevos colores para las hojas y el tronco, las ramas, etc. Después de eso, ponemos los árboles en la capa con las montañas y ocultamos la capa de nuevo.

7. Crea el pasto

Paso 1

Usando la Herramienta Pluma (P), creamos varios triángulos con un color de relleno naranja (#E97500) y hacemos clic en Unificar del Panel Buscatrazos (Ventana > Buscatrazos) para unir todas las formas.

Paso 2

Hacemos dos copias de la herramienta base del pasto usando el comando Copiar (Control + C) y Pegar en el mismo lugar (Control + Shift + V) y movemos la capa de más arriba un poco hacia abajo y seleccionando la siguiente capa a la misma vez, hacemos clic en Menos Frente del Panel Buscatrazos y cambiamos el Modo de Fusión a Sobreexponer Color.

Paso 3

Usando la misma técnica que empleamos cuando añadimos texturas a las hojas del árbol, añadimos de nuevo el Motivo USGS 2 Marisma al pasto por medio de la opción Añadir relleno nuevo del menú despegable del panel Apariencia y cambiamos el Modo de Fusión a Luz suave. Ahora las agrupamos con Control + G.

Paso 4

Haz lo mismo para crear diferentes tipos de pasto.

8. Crea el fondo

Paso 1

Rellenamos el lienzo con un rectángulo usando la Herramienta Rectángulo (M) y añadimos un Degradado Radial con los colores #FFE37F y #FF8E00 respectivamente.

Paso 2

Seleccionamos el fondo, hacemos clic en la opción Dibujar en el interior de la barra de herramientas y empezamos a dibujar los detalles con la Herramienta Pluma (P). Podemos jugar con el Modo de fusión y la Opacidad hasta conseguir algo que nos guste.

Paso 3

Creamos un nuevo rectángulo y lo rellenamos usando el color #FFC887. Este será el suelo de nuestra ilustración.

Paso 4

Seleccionamos el rectángulo café que acabamos de crear, activamos la opción Dibujar en el interior y dibujamos un nuevo rectángulo dentro de él. Luego vamos al panel muestras y en menú despegable seleccionamos Abrir biblioteca de muestras > Motivos > Gráficos básicos > Gráficos Básicos_Texturas. Aplicamos el Motivo Media tinta irregular o USGS 2 Marisma con Modo de fusión Subexponer color y 20% de Opacidad. Después de eso, seleccionamos la Herramienta Pluma (P) y dibujamos algunas formas que darán un poco de profundidad y detalles al suelo, con un color de relleno #CC5400, Modo de fusión Multiplicar y 20% de Opacidad.

CÓMO CREAR UN BOSQUE CARTOON EN ADOBE ILLUSTRATOR – PARTE 1
CÓMO CREAR UN BOSQUE CARTOON EN ADOBE ILLUSTRATOR – PARTE 3

Tutorial realizado por Andrés Quiñones

Sígueme en Twitter: @Gurugrafico

Fuente | Create a Cartoon Bear Scene Using Repeating Shapes in Illustrator

Cómo crear un bosque cartoon en Adobe Illustrator (Parte 1)

Hoy vamos a crear un bosque con estilo cartoon (historieta) en Adobe Illustrator usando formas repetitivas. Discutiremos varios puntos en la creación de una escena de osos estilo cartoon con formas simples y con una limitada paleta de color. Escogeremos los colores en general con Adobe Kuler, ilustraremos los elementos principales de la escena y aprenderemos a reusar ilustraciones existentes para ahorrar tiempo pero aún manteniendo un estilo único en los elementos para evitar la redundancia en el diseño. Empecemos!

Detalles del tutorial:

Programa: Adobe Illustrator CS5 o superior
Dificultad: Intermedio

Producto final

Este será el resultado de lo que haremos:

1. Prepara el boceto

El boceto es una parte muy importante en el proceso de diseño. Cuando hacemos un boceto, conseguimos una visión general de lo que nos gustaría lograr en nuestras ilustraciones. Para este tutorial, utilizaré este boceto dibujado en Adobe Photoshop, con la suficiente claridad para distinguir formas básicas.

2. Identifica las formas básicas necesarias para la ilustración

Para que tengamos una forma eficaz de ilustrar los elementos de la escena, es importante planificar las formas que utilizaremos.

3. Planea el aspecto de la escena con Adobe Kuler

Hay muchas extensiones y sitios web para la creación de paletas de color, pero prefiero usar Kuler de Adobe. Adobe Kuler tiene una extensión para Adobe Illustrator CS5 y CS6 el cual nos permite escoger los esquemas de color deseados, justo dentro de tu aplicación de Adobe Illustrator. Kuler está integrado completamente en Illustrator CC, así que no necesitas descargar ninguna extensión. Para este tutorial, usaremos la extensión descargable para CS5 y CS6.

Paso 1

Activamos el panel de extensión de Adobe Kuler mediante el menú Ventana > Extensión > Adobe Kuler y veremos que ese panel de extensión aparece en nuestro espacio de trabajo.

Paso 2

Mientras Adobe Kuler nos deja escoger diferentes paletas de color, aún así necesitaremos añadirlos manualmente a nuestro espacio de trabajo local añadiéndolo al panel Muestras. Para hacer esto, vamos a Ventana > Muestras para añadir el panel Muestras en nuestro espacio de trabajo. En nuestro panel de la extensión Adobe Kuler, escribimos el color deseado y/o palabras clave relacionadas para ver las paletas de color disponibles.

En mi caso escogeré algo con una sensación de Otoño así que buscaré la palabra clave Naranja (Orange). Seleccionamos nuestra paleta de color deseada de los resultados de búsqueda y hacemos clic en Añadir la temática seleccionada a las muestras que se encuentra en la parte inferior del panel. Después de darle clic nos daremos cuenta que la paleta que seleccionamos está ahora almacenada en nuestro panel local Muestras. Hacemos esto hasta tener todos los colores deseados que nos ayudarán a decidir el aspecto general de la ilustración.

Debemos tener en cuenta que los colores que elegimos son sólo directrices para la ilustración. Durante el proceso, podemos usar los colores por defecto de la selección, pero también podemos jugar con los colores un poco para lograr algo nuevo y único. En resumen, sólo juega con los colores hasta que encuentres algo adecuado para tu gusto y estilo.

4. Crea un documento nuevo

Creamos un documento nuevo. Vamos a Archivo > Nuevo (Control + N), usamos los siguientes ajustes y pulsamos OK.

5. Crea las montañas

Paso 1

Usando la herramienta Pluma (P), dibujamos un triángulo y seleccionamos un color naranja de nuestra paleta de colores. En este caso usaré #EF5411 como color de relleno y sin trazo.

Paso 2

Seleccionamos el triángulo de color naranja y activamos la opción Dibujar en el interior de la barra de herramientas. Usando la herramienta Pluma (P), hacemos una capa de hielo buscando una forma similar a la imagen de abajo. Elegimos un color naranja claro (#FFC887) para el relleno.

Paso 3

Aún usando la herramienta Pluma (P) con la opción Dibujar en el interior activada, dibujamos algunas formas al azar (veáse la figura más abajo para un ejemplo) con líneas rectas y usando dos colores (#800C00 con Modo de fusión Superponer, 50% de Opacidad y #CC3A00 con Modo de fusión Multiplicar, 60% Opacidad). Nos aseguramos de poner las formas por debajo de la forma de la capa de hielo.

Paso 4

Vamos a hacer tres copias de la montaña. Para hacer la primera, seleccionamos la montaña, la copiamos (Ctrl + C) y luego la pegamos (Ctrl + V) en la mesa de trabajo. Activamos la herramienta de Selección Directa (A), seleccionamos la forma principal de la montaña y cambiamos su color de relleno a #FF7100.

Paso 5

Vamos a cambiar algunas cosas en la montaña para que no se vean exactamente iguales. Entramos en el grupo clip de montaña activando la herramienta de Selección (V) y haciendo doble clic en el nuevo grupo de la montaña. Activamos la herramienta de Selección directa (A), seleccionamos una de las formas de la textura de la montaña y hacemos clic en la opción Seleccionar Objetos Similares para seleccionar todas las formas con la misma transparencia, color y opacidad. Cambiamos el color de relleno a #FF8A00 con Modo de Fusión Multiplicar y el 50% de Opacidad. También cambiaremos el color del manto de hielo a #FFEBC3.

Paso 6

Utilizando la misma técnica mencionada en el paso anterior, haremos dos versiones más de la montaña. Puedes cambiar la forma de la capa de hielo para conseguir una forma más singular. Juega con los colores, la transparencia y la opacidad. Como puedes ver, he hecho dos versiones con un fondo oscuro y otras dos con colores más claros.

Ponemos las montañas en una nueva capa y luego la ocultamos para pasar a los siguientes elementos.

CÓMO CREAR UN BOSQUE CARTOON EN ADOBE ILLUSTRATOR – PARTE 2

Tutorial realizado por Andrés Quiñones

Sígueme en Twitter: @Gurugrafico

Fuente | Create a Cartoon Bear Scene Using Repeating Shapes in Illustrator

Cómo crear un personaje en Illustrator usando formas básicas – Parte 2



Hoy continuaremos con la segunda parte del tutorial cómo crear un personaje con formas básicas en Adobe Illustrator. También puedes consultar la Parte 1 de este tutorial.


Seguimos…

6. Añadiendo una forma particular para la barriga

Paso 1

Vamos a crear la panza de nuestro personaje. Primero crea una elipse usando la herramienta Elipse (L) con un ancho de 112 px y un alto de 80 px. Rellénala con el mismo color azul de la cara. Luego agrégale un contorno con el mismo color azul y con un trazo de 32 pt y Extremo redondeado. Activa la opción linea discontinua, ingresa 0 pt en guión y 22 pt en hueco. Esto creará un borde particular.


Ubica la barriga debajo de la cabeza.

Paso 2

Crearemos el ombligo de nuestro Yeti usando la herramienta Segmento (<) de 16 px de longitud. Agrega un contorno con el color café oscuro y selecciona Extremo redondeado. A continuación Copia esta forma con CONTROL + C (CMD + C en Mac) y pégala en frente con CONTROL + F (CMD + F en Mac). Ahora debes rotar la copia 90 grados. Selecciona ambas lineas, agrúpalas con CONTROL + G (CMD + G) y rótalas 45 grados.



Ubíca el ombligo en la parte inferior del vientre de nuestro personaje.

7. Agregándo los brazos de nuestro personaje

Paso 1

A continuación haremos los brazos de nuestro Yeti. Usaremos la herramienta Pluma (P) y la herramienta Anchura (SHIFT + W) para hacer esto. Empieza por dibujar una simple linea curva con la herramienta Pluma (P) como te muestro a continuación. Dale un trazo blanco de 3pt y Extremo redondeado.

Con la linea seleccionada, selecciona la herramienta Anchura (SHIFT + W). Agranda el punto superior unos 26 px y el punto inferior unos 40 px.



Para convertir esto en una forma, selecciona la linea y ve a Objeto > Trazado > Contornear trazado.

Paso 2

Ahora haremos la sombra del brazo como hicimos anteriormente con el pelo. Copia el brazo con CONTROL + C (CMD + C) y Pégalo atrás con CONTROL + B (CMD + B). Mantén la tecla SHIFT presionada y arrástralo hacia abajo un poco y rellena la sombra con un color gris (R=109, G=110, B=112). Ajusta la opacidad a 80%.

Paso 3

Necesitamos abrir el trazo. Haz un zoom in (acercamiento) para que puedas ver mejor los puntos. Usa la herramienta Tijeras (C) para cortar el trazo a través de los dos puntos de la parte superior. Borra la porción superior.



Podemos ver que la sombra inferior se asomó. Para corregir esto simplemente selecciona el punto superior de la sombra y muévelo hacia abajo.

Paso 4

Ahora podemos contornear el brazo. Selecciona el brazo y agrega un Trazo con el color café, de 5pt y elige Extremo redondeado. Selecciona el brazo y su sombra. Luego agrúpalos con CONTROL + G (CMD + G). Ubica el brazo al lado izquierdo del brazo. A continuación selecciona el brazo completo (incluyendo la sombra) y ve a Objeto > Transformar > Reflejo. Refléjalo en el Eje Vertical y escoge Copiar. Arrástralo al lado derecho mientras mantienes presionada la tecla SHIFT.

8. Añadiendo los cuernos (Opcional)

Si quieres agregarle al personaje unos geniales cuernos rayados, sigue estos pasos.

Paso 1

Haremos los cuernos de la misma forma que hicimos los brazos usando la herramienta Anchura (SHIFT + W). Usando la herramienta Pluma (P), dibuja una linea curva y agrégale un trazo de 3pt y de color amarillo. (R=255, G=240, B=104). Con la herramienta Anchura (SHIFT + W), agranda ambos puntos de esta manera:



Selecciona la línea y ve a Objeto > Trazado > Contornear trazado para convertirlo en una forma. Luego agrégale un contorno de 6pt y de color café oscuro.

Paso 2

Ahora necesitamos ubicar los cuernos detrás del monstruo. Selecciona el cuerno y presiona CONTROL + SHIFT + 9 (CMD + SHIFT + [ en Mac). El cuerno fue enviado hacia atrás. Posiciona el cuerno y rótalo si es necesario.

Paso 3

Vamos a añadir algunas rayas al cuerno. Selecciona el cuerno y ve a Objeto > Expandir y haz clic en OK. Luego Desagrúpalo con CONTROL + SHIFT + G (CMD + SHIFT + G en Mac) y Pégalo en frente con CONTROL + F (CMD + F en Mac). Selecciona ambos rellenos arrastrando el cursor por todo el cuerno y oprime SHIFT + clic para deseleccionar el trazo. Ahora que tienes ambos rellenos seleccionados, ve a Objeto > Máscara de recorte > Crear (CONTROL + 7 / CMD + 7 en Mac).


Haz doble clic sobre la forma del relleno para entrar a la máscara.



Con la herramienta Pluma (P), escoge un color amarillo más oscuro (R=242, G=212, B=66), un Trazo de 12pt y dibuja 3 rayas. Luego haz clic fuera de la máscara.

Paso 4

Selecciona el cuerno completo y ve a Objeto > Transformar > Reflejo y haz clic en Copiar. Mantén pulsada la tecla SHIFT y arrastra la forma al lado derecho.

9. Añadiendo pequeños detalles para mejorar la ilustración

Paso 1

Añadiremos algunos detalles a los pies. Para hacer esto, usa el mismo método del paso anterior haciendo una máscara de recorte con el cuerpo. Clic en la máscara. Ahora vamos a crear el detalle del pie. Haz un rectángulo que cubra la parte inferior de la pierna de nuestro personaje con la herramienta Rectángulo (M). Aplica un relleno del mismo color de la panza.



Luego haz tres pequeñas elipses con la herramienta Elipse (L) y ubícalas en la parte superior del rectángulo. Agrupa las elipses con CONTROL + G (CMD + G en Mac).



Selecciona el grupo de elipses y el rectángulo, ubica el panel Buscatrazos y presiona Menos frente. Duplica esta forma al otro lado (ALT + SHIFT y arrastrar) y haz clic por fuera de la máscara.

Paso 2

El personaje está casi completo! Añade una sombra gris creando una elipse de 250px de ancho y 28 px de alto. Ubícala en la parte de atrás con CONTROL + SHIFT + ) y arrástrala a la parte inferior del personaje.

Paso 3

El último paso es añadir un fondo. Los yetis viven en las montañas, cierto? Así que vamos a crear unas montañas abstractas con simples triángulos. Primero bloquea la capa “Personaje” y desbloquea la capa “Fondo”. Selecciona la capa “Fondo”. Para crear un triángulo, selecciona la herramienta Estrella y haz clic en cualquier parte del documento. En Radio 1 ingresa 10 px, en Radio 2 ajusta 20 px y 3 puntas. Rellénala con un color azul pálido (R=235, G=251, B=252). Aplica al triángulo una rotación de 180 grados. Duplica y organiza los triángulos para formas las “montañas”.



Por último, cambia los colores de los triángulos para crear un efecto de degradado.

Y listo! Nuestro personaje está ahora completo!

Nuestra ilustración está terminada! Puedes crear una variedad de personajes usando todas las técnicas que aprendiste en este tutorial. Espero que te hayas disfrutado tanto como yo la creación de este personaje en Adobe Illustrator.

Tutorial hecho por Andrés Quiñones

Sígueme en Twitter: @Gurugrafico

Cómo crear un personaje con formas básicas en Adobe Illustrator

El día de hoy vamos a crear un personaje en Adobe Illustrator usando formas básicas, el panel Buscatrazos y la herramienta Trazo. Al final del tutorial serás capaz de crear otros personajes. Empecemos!


Detalles del tutorial


Programa: Adobe Illustrator CS5 o superior
Dificultad: Intermedio

Producto final

Este será el resultado de lo que haremos:

1. Creando el cuerpo del personaje

Paso 1

Empieza creando un Nuevo Documento presionando Control+N (Cmd + N en Mac) y ajusta el tamaño a 600 por 600 pixeles. Crea un cuadrado del mismo tamaño del documento (600 por 600 pixeles) usando la herramienta Rectángulo (M) y con un color de relleno azul claro. (R=182, G=235, B=239).


En el panel Capas, crea dos capas. La capa de arriba nómbrala “Personaje” y la capa de abajo nómbrala “Fondo”. Bloquea la capa del fondo.

Paso 2

Selecciona la capa de arriba que habíamos llamado “Personaje”. Ahora vamos a crear la forma del cuerpo. Selecciona la herramienta Elipse (L) y haz clic en cualquier lugar del documento. Ingresa un valor de 290 px para la anchura y 240 px para la altura. Aplica un color de relleno blanco.


Usando la herramienta de Selección Directa (A), selecciona el punto de arriba. Mientras sostienes la tecla SHIFT, arrastra el punto hacia arriba aproximadamente 80 px.

Selecciona de nuevo el punto de arriba. Selecciona el manejador izquierdo y arrástralo a la izquierda, para que se vea algo como esto:


Selecciona el punto de abajo, y sosteniendo la tecla SHIFT, arrástralo unos 10 px hacia arriba.

Paso 3

Ahora para hacerlo simétrico, crea un rectángulo que sea más largo que la figura del cuerpo con la herramienta Rectángulo (M). Con la herramienta de Selección (V), ubíca el rectángulo de tal forma que la arista izquierda quede alineada con el centro de la figura del cuerpo. Selecciona ambas formas, ubica el panel Buscatrazos y haz clic en Menos frente.

Paso 4

Selecciona la mitad y ve a Objeto > Transformar > Reflejo. Selecciona el eje Vertical y haz clic en Copiar. Arrastra la otra mitad a la derecha hasta que ambas formas se unan en el centro. Selecciona ambas formas y en el Panel Buscatrazos, presiona Unificar.

2. Creando las piernas usando una base elíptica.

Paso 1

Ahora vamos a crear las piernas. Usando la herramienta Elipse (L), crea un círculo de 60 px de ancho. Con la herramienta de Selección Directa (A), selecciona el punto de abajo y manteniendo oprimida la tecla SHIFT, arrástralo hacia abajo unos 46 px.

Para hacer la base de la figura menos puntiaguda, selecciona el punto de abajo con la herramienta de Selección Directa (A). Arrastra el manejador (handler) un poco a la izquierda mientras mantienes oprimida la tecla shift. Haz lo mismo al lado derecho.

Paso 2

Ubica la pierna al lado izquierdo del cuerpo. Luego arrastra una copia al lado derecho. Para hacer esto, mantén presionadas las teclas ALT + SHIFT mientras estás arrastrando la forma.

Selecciona el cuerpo y las dos piernas y en el panel Buscatrazos, haz clic en Unificar.

3. Añadiendo un contorno al cuerpo de nuestro personaje

Selecciona el cuerpo y en el panel Trazo ajusta el grosor de su trazo a 6 pt y escoge Extremo redondeado y Unión redondeada. Escoge un color café oscuro (R=96, G=60, B=54).

4. Creando el rostro de nuestro personaje

Paso 1

Para hacer la forma del rostro, haz una elipse usando la herramienta Elipse (L) con un ancho de 210 px y un alto de 120 px. Rellénala con un color azul oscuro (R=96, G=198, B=208). Con la herramienta de Selección directa (A) selecciona el punto de abajo y manteniendo oprimida la tecla SHIFT, arrástralo hacia arriba unos 10 px.


Ubica esta forma un poco más arriba de la mitad del cuerpo.

Paso 2

Ahora crearemos los ojos. Crea una elipse usando la herramienta Elipse (L) con un ancho de 30 px y un alto de 38 px. Rellénala con el mismo color café oscuro. Selecciona la elipse y ve a Objeto > Trazado > Desplazamiento… Ingresa un valor de 4 px en el Desplazamiento y haz clic en OK.

Paso 3

Selecciona ambas formas y en el panel Buscatrazos, presiona Menos frente. Crea un rectángulo más grande que la forma con la herramienta Rectángulo (M) y ubícalo sobre la mitad inferior de la forma. De nuevo en el panel Buscatrazos haz clic en la opción Menos frente, así conseguirás una forma de arco.

Con el mismo color agrégale al ojo un trazo de 3pt, Extremo redondeado y Unión redondeada. Ubica el ojo sobre la forma azul de la cara y duplícalo (ALT + SHIFT y arrastrar).

Paso 4

Lo siguiente que haremos será la boca. Crea una elipse usando la herramienta Elipse (L) y escoge un ancho de 36 px y un alto de 38 px. Rellénala con el mismo color café oscuro. Luego haz un rectángulo más grande que la elipse con la herramienta Rectángulo (M) y ponlo sobre la mitad superior de esta. Selecciona ambas formas y, en el panel Buscatrazos, haz clic en Menos frente.

Paso 5

Para hacer la lengua, crea la misma elipse y posiciónala sobre la forma de semicírculo. Selecciona el semicírculo, Cópialo con CONTROL + C (CMD + C en Mac) y pégalo en frente con CONTROL + F (CMD + F en Mac). Ahora selecciona el semicírculo y la elipse. En el Buscatrazos, haz clic en Formar intersección. Rellena la forma de la lengua con un color rosado (R=238, G=96, B=146).

Paso 6

Selecciona el semicírculo café y agrégale un contorno de 4 pt, Extremo redondeado y Unión redondeada. Selecciona también la opción Alinear trazo al exterior. Selecciona todas las formas de la boca y agrúpalas presionando CONTROL + G (CMD + G en Mac). Sitúa la boca entre los ojos.

Paso 7

Ahora vamos a hacer las mejillas. Simplemente haz una elipse con la herramienta Elipse (L) de 28 px de ancho y 14 px de alto. Rellénala con el mismo color rosado de la lengua. Posiciona la mejilla debajo del ojo izquierdo y arrastra y duplica esta forma al lado derecho (ALT + SHIFT -arrastrar).

5. Creando el peinado de nuestro personaje

Paso 1

Ahora haremos el pelo. Usando la herramienta Pluma (P), dibuja el cabello con un relleno blanco. Dibuja el mechón izquierdo primero. Continúa dibujando el segundo y tercer mechón de cabello. No cierres el trazo.

Ubica la forma del cabello encima del rostro del personaje.

Paso 2

Para hacer la sombra del cabello, Copia la forma del cabello con CONTROL + C (CMD + C en Mac) y Pégala atrás con CONTROL + B (CMD + B en Mac). Arrastra esta forma un poco hacia abajo mientras oprimes la tecla SHIFT. Rellena esta forma con un color azul oscuro (R=66, G=146, B=169).

Paso 3

Define la línea del pelo agregándole un trazo. Primero Copia la forma blanca del cabello con CONTROL + C (CMD + C en Mac) y Pégala en frente utilizando las teclas CONTROL + F (CMD + F en Mac). Selecciona la forma del cabello y con el mismo color café, agrégale un trazo de 5pt, y escoge las opciones Extremo redondeado y Unión redondeada.


CÓMO CREAR UN PERSONAJE EN ILLUSTRATOR USANDO FORMAS BÁSICAS – PARTE 2

Tutorial hecho por Andrés Quiñones

Sígueme en Twitter: @Gurugrafico

Cómo hacer una calavera cartoon en Adobe Illustrator

¡Hola mundo! Hoy vamos a crear una calavera con estilo cartoon en Adobe Illustrator usando varias herramientas como la herramienta Forma, la herramienta Pluma y nos familiarizaremos con la herramienta Buscatrazos. Así que empecemos!

Dificultad: Principiante/Intermedio

Temas tratados: Herramienta Forma, Herramienta Pluma, Buscatrazos

Tiempo de terminación: 1.5 – 2 horas

Imagen final

Este será el resultado de lo que haremos:

Paso 1

Crea un nuevo documento. Ve a Archivo > Nuevo y crea un documento de 600 x 600 pixeles.
Usando la herramienta Elipse (L) dibuja 5 círculos de intersección como se muestra en la imagen. El círculo negro será la cabeza de nuestra calavera, el verde las mejillas y los azules conformarán los dientes.

Paso 2

Selecciona las cinco formas con la herramienta Selección (V) y usando el Panel Buscatrazos (Ventana > Buscatrazos) únelos todos haciendo clic en el icono Unificar.

Paso 3

Ajusta el trazo a Extremo redondeado y Unión redondeada en el panel Trazo (Ventana > Trazo). También he cambiado el grosor del trazo a 4 pt.

Paso 4

Tenemos que encontrar el centro exacto de la forma del cráneo de la calavera ya que nos ayudará a poner otros detalles para mejorar la ilustración.

Para ello primero debes habilitar las reglas presionando Control+R (Cmd+R en Mac) o puedes ir al menú Ventana > Reglas > Mostrar reglas.

A continuación, seleccione la forma del cráneo para ver los puntos de ancla superior e inferior. Ahora basta con hacer clic y arrastrar una guía de la recta vertical y colocarla encima de esos puntos de ancla.

Ahora puedes ocultar las reglas de nuevo oprimiendo Control+R (Cmd+R en Mac).

Para mostrar y ocultar las guías, recuerda la combinación de teclas: Control + ; (Cmd + ; en Mac).

Paso 5

Ahora dibujaremos los ojos. Escoge la herramienta Elipse (L) y dibuja una elipse donde irá uno de los ojos.

Mantén la elipse seleccionada y escoge la herramienta Reflejo (O). Ahora presiona la tecla Alt (Option en Mac) y haz clic con el cursor de reflexión directamente sobre la guía que ajustamos en el paso anterior. El panel Reflejo aparecerá. Ajusta el eje a vertical y haz clic sobre el botón “Copia” para copiar el ojo en el otro lado de nuestra calavera.

Ahora tenemos dos agujeros para los ojos.

Paso 6

Ahora vamos a crear la nariz de nuestra calavera. Crea una nueva capa para la nariz y sigue estos pasos:

(1.) Dibuja un círculo con la herramienta Elipse (L).

(2.) Copia este círculo manteniendo presionada la tecla Alt (Option en Mac), arrastra el círculo con la herramienta Selección (V) y sitúalo justo al lado del primer círculo.

(3.) Ahora selecciona la herramienta Pluma (P) y dibuja una forma como se muestra en la siguiente imagen.

(4.) Como en el Paso 2, usa el panel Buscatrazos para unir las tres formas.

Cuando hayas hecho la forma de corazón para la nariz, rótala 180 grados y reduce la escala o súbela según corresponda. Luego sitúala donde debería estar (utiliza la guía para localizar el centro del cráneo).

Paso 7

Ahora en el panel Capas localiza la forma de la calavera, selecciónala, cópiala con Control + C (Command + B en Mac) y luego pégala detrás con Control + B (Command + B).

Paso 8

Oculta la calavera del frente un momento y ajusta la calavera trasera (la que copiamos en negro) y ajusta el color de relleno a negro y sin trazo.

Paso 9

Vuelve a mostrar la calavera del frente con el relleno blanco, pero mantén la del relleno negro seleccionada. Ahora ve a Objeto > Trazado > Desplazamiento…

En este caso utilicé 10 px de desplazamiento. Haz clic en ‘OK’.

Paso 10

Ahora tienes un trazo negro grueso alrededor del cráneo. Puedes bloquear la forma del cráneo negro por ahora.

Selecciona los ojos y la nariz y ajusta el relleno a color negro y sin trazo.

Paso 11

Es hora de añadir algunos detalles al cráneo. Crea una nueva capa en la parte superior de todas las capas y usando la herramienta Pluma, empieza a dibujar formas para hacer el cráneo menos plano y más detallado.

Como ambos lados de la calavera son iguales, ahorraremos tiempo añadiendo los detalles sólo a un lado de la calavera. Los reflejaremos al otro lado en el siguiente paso.

Paso 12

Selecciona todos los detalles que acabaste de hacer y de nuevo, usando la herramienta Reflejo (O), mantén presionada la tecla Alt (Option en Mac) y haz clic sobre la guía para ubicar el centro de la reflexión. Haz clic en “Copiar” para reflejar los detalles al otro lado. Si por alguna razón no se alinean, ponlos en el lugar correcto usando las flechas del teclado.

Así es como se ve nuestra calavera hasta ahora.

Paso 13

Como se trata de una calavera con estilo cartoon, le agregaremos globos oculares para que pueda ver :).

Haz un zoom (acercamiento) sobre los agujeros de los ojos y usa la herramienta Elipse de nuevo para crear un globo ocular. En este caso será azul (#00BFFF) con una pupila negra y un destello blanco.

Paso 14

Selecciona el globo ocular y manteniendo la tecla Alt/Option presionada, arrástrala al otro lado para copiarla.

A continuación dibujaré una grieta en el cráneo usando la herramienta Pluma.

Paso 15

Añadimos una nueva capa, la arrastramos delante de la capa del ojo y usando la herramienta Pluma (P) y un color gris claro añadimos algunas áreas oscuras para darle a nuestra calavera un poco más de dimensión.

Paso 16

Nuestra calavera está terminada! Ahora necesitamos añadir un poco de acción al fondo!

Creamos una nueva capa, la arrastramos al fondo del panel capas y con la herramienta Rectángulo (M), hacemos un cuadrado violeta para el fondo.

Ahora tomamos la herramienta Pluma (P) y creamos una forma de burbuja en el centro de nuestro rectángulo violeta para añadir más interés a nuestra pieza final.

Paso 17

La única cosa que nos queda por hacer es convertir nuestra calavera en un sticker. Busca y selecciona la forma de calavera negra.

De nuevo añadiremos un desplazamiento al trazado. Vamos a Objeto > Trazado > Desplazamiento. Marca la casilla de ‘Vista previa’ para ver el desplazamiento del trazado. En este caso utilizaré 20 px. A continuación hacemos clic en “Aceptar”.

Cambia el color de relleno de esta nueva forma a blanco, sin trazo.

Paso final

Para darle un acabado más llamativo a nuestro sticker, le añadiremos una sombra para que de la sensación que se despega del fondo. Para ello sólo debemos seleccionar la forma blanca que creamos en el paso anterior, lo copiamos (Control/Command + C) y luego lo pegamos en la parte trasera (Control/Command + B). Sin deseleccionarla, le cambiamos el color a un violeta más oscuro como el del fondo y usando las flechas del teclado, desplazamos la forma de la sombra hacia la izquierda y un poco hacia abajo.

Resultado

¡Ya está, hemos creado un llamativo sticker de calavera con estilo cartoon! Espero que les haya gustado y nos vemos la próxima vez!

Tutorial hecho por Andrés Quiñones

Sígueme en Twitter: @Gurugrafico

Fuente | Create a Cartoon Skull Sticker in Illustrator