Advertisement
  1. Design & Illustration
  2. Icon Design

¡Yummy! Como Crear Íconos de Deliciosas Donas en Adobe Illustrator

Scroll to top
Read Time: 11 min

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

En este tutorial aprenderás como crear cuatro tipos de donas en Adobe Illustrator. Comenzaremos con la base, que es una clásica dona común, y luego usaremos ésta para crear las cuatro variaciones: bañada de chocolate con grageas, glaseada con chispas de chocolate, azucarada, y con glaseado de fresa. La buena noticia es que también usamos el mismo Pincel de Dispersión para crear todas las decoraciones de las donas. ¡Comencemos ahora que están frescas!

1. Comienza un Nuevo Proyecto

Lanza Illustrator y ve a Archivo > Nuevo para abrir un nuevo documento en blanco. Escribe un nombre para tu archivo, establece las dimensiones, y luego selecciona Pixeles como Unidades y RGB como Modo de Color. Posteriormente, ve a Edición > Preferencias > General y define el Incrementos de Teclado a 1 px y mientras estás ahí, ve a Unidades &  Rendimiento de Visualización y asegúrate que las Unidades estén establecidas como se muestra. Generalmente trabajo con éstos ajustes, y te ayudarán durante todo el proceso de dibujo.

create new documentcreate new documentcreate new document

2. Crea una Dona Básica

Paso 1

Primero, toma la Herramienta Elipse (L) y dibuja una elipse de 187 x 187 px, y luego selecciona café cálido como el color de relleno. Con el círculo aún seleccionado, ve a Objeto > Trazado > Desplazamiento y aplica un Desplazamiento de -2 px para obtener una forma ligeramente más pequeña. Rellena el nuevo círculo con el degradado radial mostrado, y usa la Herramienta Degradado (G) para ajustar la dirección.

create basic donut 1create basic donut 1create basic donut 1

Paso 2

Para añadir textura en la dona, toma la Herramienta Pluma (P) y dibuja un trazo recto como en la siguiente imagen. Después trázalo con un Pincel de Arte llamado Tiza del Menú Biblioteca de Pinceles > Artístico > Artístico_LápizTizaCarboncillo. Incrementa el Grosor del Trazo a 4 pt y cambia el color a café cálido. Luego selecciona Modo de Fusión Subexponer Color y Opacidad 30%. Deja el trazo del pincel asi por ahora, y lo enmascararemos posteriormente.

add texture to donutadd texture to donutadd texture to donut

Paso 3

Utiliza la Herramienta Elipse (L) de nuevo para dibujar un círculo de 54 x 54 px y colócalo en medio de la dona. Selecciona blanco como el color de relleno, y luego ve a Efecto > Estilizar > Resplandor Exterior y aplica los ajustes que se muestran abajo. Mientras éste círculo permanece seleccionado, ve al panel Apariencia, selecciona sólo el atributo Relleno y establécelo en el Modo de Fusión Multiplicar. De ésta forma, el relleno blanco se vuelve transparente pero el efecto Resplandor Exterior aún estará visible.

create donut holecreate donut holecreate donut hole

Paso 4

Ahora es tiempo para la máscara. Selecciona el primer círculo café y el círculo del centro, y Copia y Pegar Delante (Control-F). Establece ambas copias a Rellenar-ninguno, Trazo-ninguno, y luego tráelos al frente de todo al ir a a Objeto > Arreglar > Traer al Frente (Mayúsculas-Control-]).

Con las dos copias aún seleccionadas, ve a Objeto > Trazado Compuesto > Crear (Control-8), y luego selecciona todo en la mesa de trabajo y ve a Objeto > Máscara de Recorte > Crear (Control-7). El resultado final es presentado en la siguiente imagen.

Nombra el grupo resultante "Basic Donut" (Dona Básica). Ésta es la que usaremos para crear las otras variaciones.

create basic donut 2create basic donut 2create basic donut 2

3. Crea la Dona Bañada de Chocolate con Grageas

Paso 1

Toma la Herramienta Pluma (P) y la Herramienta Lápiz (N) y dibuja una forma como en la siguiente imagen. Selecciona el café cálido como el color de relleno, y luego ve a Efecto > Estilizar > Resplandor Interior y aplica los ajustes mostrados abajo.

create chocolate on donut 1create chocolate on donut 1create chocolate on donut 1

Paso 2

Copia y Pega Detrás (Control-B) la forma de chocolate, y luego muévela 3 px hacia abajo al presionar la Tecla Flecha Abajo en tu teclado tres veces. Conserva las apariencias existentes pero establece el Modo de Fusión en Sobreexponer y obtendrás la sombra.

create chocolate on donut 2create chocolate on donut 2create chocolate on donut 2

Paso 3

Posteriormente dibuja un trazo cmo se muestra abajo y dále un Trazo café claro de 7 pt. Ve a Efecto > Desenfocar > Desenfoque Gaussiano y aplica un Radio 6 px, y luego establece éste trazo a Modo de Fusión Sobreexponer.

create chocolate on donut 3create chocolate on donut 3create chocolate on donut 3

Paso 4

Para añadir algo de brillo, dibuja una forma como en la siguiente imagen y rellénala con el degradado lineal como se muestra, y luego ve a Efecto > Estilizar > Desvanecer y aplica un Radio de 11 px.

add shine on chocolate 1add shine on chocolate 1add shine on chocolate 1

Paso 5

Dibuja una nueva forma similar en la parte inferior derecha de la dona y rellénala con un degradado lineal básico de negro a blanco, pero usa la Herramienta Degradado (G) para ajustar el ángulo. Con ésta forma aún seleccionada, aplica de nuevo un Radio de Desvanecer de 11 px, y establece a Modo de Fusión Pantalla.

add highlight on donutadd highlight on donutadd highlight on donut

Paso 6

Posteriormente, toma la Herramienta Pluma (P) o la Herramienta Lápiz (N) y dibuja unas formas sobre el chocolate que escurre similar a los que se observan abajo. Después de que termines, rellénalas con el degradado lineal mostrado.

add shine on chocolate 2add shine on chocolate 2add shine on chocolate 2

Paso 7

Todavía usando la Herramienta Pluma (P) o la Herramienta Lápiz (N), dibuja unas formas más pequeñas sobre las que hiciste en el paso anterior y rellénalas con el color indicado (1). Para agregar más brillo, dibuja más formas y rellénalas con el color indicado (2). Dibuja otras dos formas como en la imagen y rellénalas de blanco y luego establécelas a Modo de Fusión Sobreexponer (3). El resultado final se presenta en la imagen 4.

add shine on chocolate 3add shine on chocolate 3add shine on chocolate 3

Paso 8

Creemos un Pincel de Dispersión de Grageas. Primero, dibuja una forma como la de abajo y rellénala de un gris medio. Usa la Herramienta Lápiz (N) para dibujar una forma aleatoria en la parte inferior como una sombra, y usa un gris más oscuro como color de relleno. Dibuja una forma más pequeña encima como la seleccionada,  y usa un gris más claro ésta vez.

Ahora selecciona y arrastra todo al panel Pinceles, y elige Nuevo Pincel de Dispersión. En la ventana Opciones de Pincel de Dispersión, deja los ajustes como están-solo escribe un nombre y cambia el Método Colorización a Matices y Gradaciones.

create sprinkles scatter brushcreate sprinkles scatter brushcreate sprinkles scatter brush

Paso 9

Toma la Herramienta Lápiz (N) de nuevo y dibuja unos trazados aleatorios sobre el chocolate, y luego trázalos con el Pincel de Dispersión de Grageas guardado anteriormente. Con los trazados seleccionados, haz doble click en el panel Apariencia en el trazo de pincel aplicado y cambia los ajsutes para esparcir las grageas y hacerlas más pequeñas. También, ya que el Método de Colorización es establecido en Matices y Gradaciones, puedes seleccionar cualquier color de trazo para los trazados para crear grageas de diferentes colores. Yo elegí verde, rojo, azul y rosa.

apply sprinkles scatter brushapply sprinkles scatter brushapply sprinkles scatter brush

Éstos son los ajustes que he utilizado-totalmente aleatorios.

settings for sprinkles scatter brushsettings for sprinkles scatter brushsettings for sprinkles scatter brush

Paso 10

Con los trazados aún seleccionados, ve al menú Objeto y elige Expandir Apariencia. Ahora, borra las chispas que no necesitas al ingresar Modo Aislamiento (doble click en una de las grageas en el grupo), y terminaste con la primera dona.

sprinkles on chocolate donutsprinkles on chocolate donutsprinkles on chocolate donut

4. Crea la Dona Glaseada con Chispas de Chocolate

Paso 1

Primero, selecciona y haz una copia del grupo "Basic Donut". Con la Herramienta Elipse (L), dibuja dos círculos con las dimensiones 168 x 168 px y 74 x 74 px, y colócalas sobre la dona como se muestra en la imagen de abajo. Mientras los círculos están seleccionados, ve a Objeto > Trazado Compuesto > Crear (Control-8), y rellena la forma resultante con el color indicado. Nombraré ésta la "forma glaseada".

create icing on donut 1create icing on donut 1create icing on donut 1

Paso 2

Con la "forma glaseada" seleccionada, ve a Efecto > Distorsionar & Transformar > Emborronar, aplica los ajustes de la imagen de abajo, y pulsa OK. Después, ve a Efecto > Estilizar > Resplandor Interior y aplica éste efecto usando los ajsutes indicados.

create icing on donut 2create icing on donut 2create icing on donut 2

Paso 3

Hacer copias de las dos "formas seleccionadas" de la Dona Bañada de Chocolate y con Grageas, y múevelas sobre la nueva dona en el mismo lugar. Selecciona un degradado lineal de negro a blanco para ambas, y utiliza la Herramienta Gradiente (G) para ajustar el ángulo. Establece ambas en Modo de Fusión Pantalla (el negro se vuelve transparente). Luego ve a Efecto > Estilizar > Desvanecer y aplica un Radio de 5 px.

add shine on donut 2add shine on donut 2add shine on donut 2

Paso 4

Luego, toma la Herramienta Lápiz (N) y dibuja un trazado aleatorio sobre la dona, y después trázalo con el Pincel de Dispersión de Grageas. Selecciona café como el color de trazo, y haz doble click en el panel Apariencia en el trazo de pincel aplicado para cambiar los ajustes. Ésta vez, también establece la Rotación respecto a Trazado.

create chocolate chips on donut 1create chocolate chips on donut 1create chocolate chips on donut 1

Paso 5

Aún teniendo el trazo seleccionado, ve al menú Objeto y elige Expandir Apariencia. Ahora, borra todas los pedazos de chocolate extra que no necesitas y también el trazado que usaste al ingresar Modo Aislamiento (doble click en una de las chispas de chocolate en el grupo). Después de que termines, selecciona el nuevo grupo de chispas de chocolate, ve a Efecto > Estilizar > Sombra Paralela y aplica los ajustes mostrados. En éste punto la Dona Glaseada y con Chispas de Chocolate está lista.

create chocolate chips on donut 2create chocolate chips on donut 2create chocolate chips on donut 2

5. Crea la Dona Azucarada

Paso 1

De la Dona Glaseada y con Chispas de Chocolate, selecciona el grupo "Basic Donut" y también las dos "formas seleccionadas", y luego Copiálas y Pégalas (Control-V) en tu mesa de trabajo. Para las dos "formas seleccionadas", conserva las mismas apariencias pero incrementa el Radio de Desvanecer de 5 px a 9 px.

shine on donutshine on donutshine on donut

Paso 2

Toma la Herramienta Lápiz (N) y dibuja un trazado aleatorio sobre la dona (utilicé de nuevo la anterior) y trázalo con el Pincel de Dispersión de Grageas pero establece el color en blanco ésta vez. Abre la ventana Opciones de Trazo del panel Apariencia y cambia los ajustes para obtener grageas realmente pequeñas por toda el área. Los números fueron elegidos aleatoriamente.

add sugar on donut 1add sugar on donut 1add sugar on donut 1

Paso 3

Para añadir aún más grageas, Copia y Pega en Frente (Control-F) el trazo, y luego selecciona Voltear Vertical del menú desplegable del panel Transformar.

add sugar on donut 2add sugar on donut 2add sugar on donut 2

Paso 4

En éste paso, deberíamos limpiar las chispas extra, pero ésta vez son muchísimas asi que decidí usar mejor una máscara. Toma una copia del trazado compuesto que has usado antes para enmascrar la "Basic Donut", y asegúrate de ésta forma esté en frente de todo al ir a Objeto > Arreglar  > Traer al Frente (Mayúsculas-Control-]). Ahora, selecciona los dos trazos junto con el trazado compuesto (Relleno-ninguno, Trazo-ninguno) y ve a Objeto > Máscara de Recorte > Crear (Control-7).

add sugar on donut 3add sugar on donut 3add sugar on donut 3

Paso 5

En el panel Capas, localiza la máscara que acabas de crear y nombra el grupo resultante "Sugar" (Azúcar). Abre éste grupo y selecciona los dos trazos, y ve a Objeto > Expandir Apariencia. Ahora ingresa a Modo Aislamiento y borra solamente los dos trazados que usaste de cada grupo, y luego Salir Modo de Aislamiento. Luego, ve a Efecto > Estilizar > Sombra Paralela y aplica los ajustes mostrados a ambos grupos. Después de eso la Dona Azucarada está lista.

add sugar on donut 4add sugar on donut 4add sugar on donut 4

6. Crea la Dona con Glaseado de Fresa.

Paso 1

De la Dona Glaseada con Chispas de Chocolate, selecciona el grupo "Basic Donut" junto con la glaseada y las dos "formas seleccionadas" y luego Copiálas y Pégalas (Control-V) en tu mesa de trabajo. Mientras la "forma glaseada" está seleccionada, cambia el relleno a rosa brillante, abre la ventana Resplandor Interior, y cambia el color usado para el efecto. Para las dos "formas seleccionadas", incrementa el Radio de Desvanecimiento a 9 px. Conserva todo igual.

create strawberry frostingcreate strawberry frostingcreate strawberry frosting

Paso 2

Toma la Herramienta Pluma (P) o la Herramienta Lápiz (N) y dibuja dos trazados como en la siguiente imagen. Establece el Grosor de Trazo en 7 pt y selecciona la opción Extremo Redondeado en el panel Trazo (1). Elige Expandir y Desagrupar (Mayúsculas-Control-G) del menú Objeto para convertir las dos trazos en rellenos.

Usa la Herramienta Selección Directa (A) para mover algunos de los puntos ancla para crear áreas más gruesas y asimétricas, porque mientras más natural mejor (2). Si no tienes suficientes puntos, puedes agregar más con la Herramienta Agregar Puntos Ancla (+). Luego, selecciona las formas azul y verde, ve a Objeto > Trazado Compuesto > Crear (Control-8), y rellena el trazado compuesto resultante con el degradado radial mostrado (3).

create icing on strawberry donut 1create icing on strawberry donut 1create icing on strawberry donut 1

Paso 3

Para añadir más brillo, dibuja unas formas más delgadas a lo largo de la forma curveada y rellénalas de blanco.

create icing on strawberry donut 2create icing on strawberry donut 2create icing on strawberry donut 2

Paso 4

Para agregar una sombra, Copiar y Pegar Detrás (Control-B) la forma curveada, cambia el color de relleno a rosa, y muévela 3 px abajo al presionar la Tecla Flecha Abajo en tu teclado tres veces.

create icing on strawberry donut 3create icing on strawberry donut 3create icing on strawberry donut 3

7. Crea Sombras para las Donas

Paso 1

Primero haz una nueva capa bajo la capa "Donuts" y nómbrala "Shadows" (Sombras). Ahora, localiza el trazado compuesto que has usado para enmascarar  "Basic Donut" en el panel Capas, y Copiar y Pegar (Control-V) en la nueva capa. Selecciona café como el color de relleno, y luego ve a Efecto > Estilizar > Sombra Paralela y aplica los ajustes mostrados abajo.

add shadow to donutadd shadow to donutadd shadow to donut

Paso 2

Repite el paso previo para las otras tres donas usando los mismos ajustes, y terminaste.

donuts with shadowdonuts with shadowdonuts with shadow

¡Felicidades! Terminaste

Permíteme saber si te gustó éste tutorial y si aprendiste algunas nuevas técnicas "deliciosas". Con toda confianza experimenta con diferentes colores y ajustes para crear tus propias donas. No olvides mostrarme tus recreaciones para que pueda disfrutarlas.

¿Ahora tienes hambre?

final donut iconsfinal donut iconsfinal donut icons

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads