Cómo crear un aguacate utilizando una sola forma en Adobe Illustrator
Spanish (Español) translation by Rosario (you can also view the original English article)

Sigue este tutorial y aprende a crear un aguacate a partir de una sola forma en Adobe Illustrator. Empezarás con una forma básica y, distorsionándola, obtendrás la forma del aguacate. A partir de ahí, irás añadiendo las apariencias una a una para crear el estilo del aguacate. Crearás la cáscara, la pulpa y la semilla, añadirás brillo, luces y sombras utilizando la misma forma pero con la ayuda de los efectos interactivos: Desplazamiento, Transformar, Convertir en forma, Arco superior, Arco inferior e Inflar. Si todo esto te parece interesante, prepárate para un viaje de 19 aspectos que al final te harán amar el panel Apariencia. Prepárate, ¡comencemos!
1. Inicia un nuevo proyecto
Inicia Illustrator y ve a Archivo > Nuevo para abrir un documento en blanco. Escribe un nombre y establece 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 y una vez allí, ve a Unidades y rendimiento de visualización y establece las Unidades como se muestra a continuación. Yo suelo trabajar con estos ajustes, los cuales te ayudarán a lo largo del proceso de dibujo.

2. Crea la forma del aguacate
Paso 1
Dedicarás un tiempo a crear la forma del aguacate y lo explicaré paso a paso porque es una parte importante del tutorial. Si quieres replicar el aguacate, necesitarás la misma forma que yo he utilizado. Por supuesto, puedes utilizar una forma diferente, pero entonces todos los ajustes de Desplazamiento y los efectos interactivos generarán un resultado diferente y tendrás que adaptar estos ajustes a tu forma. Dicho esto, empecemos con la forma de aguacate.
Toma la herramienta Segmento de línea (\) y haz clic en tu mesa de trabajo para abrir la ventana de Opciones de la herramienta Segmento de línea. Escribe 91.5px en el campo Longitud y establece el Ángulo en 0 grados, luego presiona OK. De esta forma obtendrás la primera línea horizontal. Con esta línea seleccionada, ve a Objeto > Trazado > Añadir puntos de ancla para añadir un punto extra en el centro.
A continuación, utiliza la herramienta Segmento de línea (\) para dibujar una línea vertical con las dimensiones indicadas. Ahora coloca las dos líneas como se muestra en la siguiente imagen. Utiliza el punto de anclaje del centro como referencia y coloca la línea vertical ligeramente a su izquierda.

Paso 2
Ahora que tienes las dos líneas, utilízalas como referencia para dibujar un triángulo entre los puntos finales como se indica a continuación. Después, borra las líneas porque no las volverás a necesitar.

Paso 3
Mientras el triángulo permanece seleccionado, ve a Objeto > Trazado > Añadir puntos de ancla dos veces para añadir tres puntos extra en cada lado del triángulo. He adjuntado un número a estos puntos porque trabajaremos con cada uno de ellos por separado. Ahora, selecciona el punto de anclaje "1" y ve a Objeto > Transformar > Mover, escribe 33px en el campo Horizontal y 10px en el campo Vertical y luego pulsa OK. A continuación, selecciona el punto "2" y ve a Objeto > Transformar > Mover, escribe -32px en el campo Horizontal y 10px en el campo Vertical y pulsa OK. Después de estas acciones tu forma debería verse como la de la siguiente imagen.

Paso 4
Selecciona el punto "3" y esta vez muévelo 36px horizontalmente y 2px verticalmente. Continúa con el punto "4" y utiliza los ajustes mostrados a continuación para moverlo también.

Paso 5
A continuación, selecciona los puntos "5" y "6", luego ve a Mover de nuevo y utiliza los ajustes indicados en la siguiente imagen para cada punto.

Paso 6
Toma la herramienta Borrar punto de ancla (-) y haz clic en los puntos indicados para eliminarlos, luego selecciona el punto "7" y muévelo 2px horizontalmente y -18px verticalmente.

Paso 7
Utiliza la herramienta Selección directa (A) para seleccionar sólo el punto indicado y pulsa la opción Convertir puntos de ancla seleccionados en suavizado en el panel de control. Como resultado obtendrás un par de controladores. Teniendo todavía este punto seleccionado, ve a Archivo > Secuencias de comandos > Extender controladores y aplica un porcentaje de 200. Esto hará que los controladores sean el doble de largos. Por supuesto, puedes extenderlos manualmente con la herramienta Selección directa (A) pero usando esta secuencia de comandos mantendrás la simetría y el ángulo.
Si no tienes la secuencia de comandos Extender controladores, puedes ir a este artículo 20 secuencias de comandos gratuitas y útiles para Adobe Illustrator, donde podrás descargarla y seguir las instrucciones para instalarla. Después podrás acceder a ella yendo a Archivo > Secuencias de comandos > Extender controladores. Utilizando esta secuencia de comandos puedes extender, acortar, eliminar o invertir fácilmente los controladores. Los valores superiores a 100 conducen a una extensión, los valores inferiores a 100 conducen a un acortamiento y el 0 los elimina.

Paso 8
Selecciona el punto indicado con la herramienta Selección directa (A) y luego pulsa la opción Convertir puntos de ancla seleccionados en suavizado para generar los controladores. Para que los controladores sean más largos, ejecuta la secuencia de comandos Extender controladores y aplica de nuevo un porcentaje de 200. A continuación, selecciona sólo el punto de la parte inferior y pulsa la opción Convertir puntos de ancla seleccionados en suavizado en el panel de control.

Paso 9
Selecciona el punto "8" con la herramienta Selección directa (A) y pulsa la opción Convertir puntos de ancla seleccionados en suavizado, luego ejecuta la secuencia de comandos Extender controladores y aplica un porcentaje de 220 esta vez.

Paso 10
Selecciona los dos puntos indicados y transfórmalos de puntos vértice a puntos suaves como hiciste antes. A continuación, realiza ligeros ajustes en el ángulo de los controladores para obtener curvas más suaves (1).
A continuación, selecciona los cuatro puntos indicados y pulsa de nuevo la opción Convertir puntos de ancla seleccionados en suavizado para generar los controladores. En este punto puedes hacer ligeros ajustes si es necesario, de lo contrario la forma de aguacate está lista (2).

3. Crea el estilo de aguacate
Paso 1
Rellena la forma de aguacate con verde oscuro y luego desde el menú desplegable del panel Apariencia elige Añadir nuevo relleno. Como resultado obtendrás un segundo Relleno sobre el primero y podrás utilizar el tono de verde indicado como color de relleno. Teniendo este atributo de Relleno seleccionado en el panel Apariencia, ve a Efecto > Trazado > Desplazamiento y aplica un Desplazamiento de -2px. Acabas de crear la cáscara del aguacate.

Paso 2
Todavía con el atributo Relleno seleccionado en el panel Apariencia, ve a Efecto > Distorsionar y transformar > Transformar y escribe 0,5px en el campo Mover vertical y pulsa Aceptar. Esto hará que la cáscara sea ligeramente más gruesa en la parte inferior del aguacate.

Paso 3
Utiliza la opción Añadir nuevo relleno para añadir el tercer relleno superior y selecciona el amarillo como color de relleno. Teniendo este atributo de Relleno seleccionado en el panel Apariencia, ve a Efecto > Trazado > Desplazamiento y aplica un Desplazamiento de -5.5px. Hasta ahora hemos creado la cáscara, el borde verde y la pulpa del aguacate.

Paso 4
A continuación, crearemos una transición suave entre el borde verde y la pulpa amarilla. Selecciona el atributo Trazo en el panel Apariencia (que en este momento está configurado en ninguno) y utiliza el tono de verde indicado, luego establece el Grosor del trazo en 2pt. Ahora, ve a Efecto > Trazado > Desplazamiento y aplica un Desplazamiento de -6,5px. En este punto el trazo debería estar justo al lado del borde verde pero si en tu caso no es así, puedes hacer ligeros ajustes (-6,4px o -6,6px). Recuerda que este es un efecto interactivo y puedes cambiar los valores en cualquier momento.

Paso 5
Teniendo el atributo Trazo del paso anterior seleccionado en el panel Apariencia, pulsa el icono Duplicar elemento seleccionado en la parte inferior. Obtendrás un segundo trazo sobre el primero. Haz doble clic en el efecto Desplazamiento para abrir la ventana Desplazamiento, luego cambia el valor de -6.5px a -8.5px y pulsa OK. Establece la Opacidad para este segundo trazo al 50%.

Paso 6
Teniendo el segundo atributo de Trazo seleccionado en el panel Apariencia, pulsa el icono Duplicar elemento seleccionado para obtener un tercer trazo arriba. Abre la ventana de Desplazamiento y cambia el valor de -8.5px a -10.5px y pulsa OK. También reduce la Opacidad al 25%.
Estos tres trazos deberían estar uno al lado del otro como en el acercamiento que se muestra a continuación. Si es necesario, puedes ajustar los valores de Desplazamiento hasta que obtengas el resultado correcto.

4. Crea la semilla del aguacate
Paso 1
Selecciona tu aguacate y en el menú desplegable del panel Apariencia elige Añadir nuevo relleno. Arrastra este nuevo relleno por debajo de los tres trazos pero por encima de la pulpa amarilla y selecciona cualquier color de relleno por el momento. Mientras este atributo de Relleno permanece seleccionado, ve a Efecto > Distorsionar y transformar > Transformar y aplica los ajustes que se muestran a continuación.

Paso 2
Aún teniendo seleccionado el Relleno del paso anterior, ve a Efecto > Convertir en forma > Elipse y escribe 160px en los campos Ancho y Alto y luego pulsa OK. Este efecto hará que tu relleno se convierta en un círculo.

Paso 3
La semilla de aguacate no es perfectamente redonda, por lo que aplicaremos algunos efectos Deformar para distorsionarla. Asegúrate de que todavía tienes este relleno seleccionado en el panel Apariencia y luego ve a Efecto > Deformar y aplica primero el efecto Arco superior, luego Inflar y Arco inferior. Puedes ver el resultado final en la siguiente imagen.

Estos son los ajustes que he utilizado: un 25% de Curvatura horizontal para el efecto Arco superior, un 10% de Distorsión vertical para el efecto Inflar y un 8% de Curvatura horizontal para el efecto Arco inferior.

Paso 4
La semilla está lista y ahora puedes reemplazar el color de relleno con el degradado radial que se muestra a continuación, y luego usar la herramienta Degradado (G) para cambiar el radio. Llamaré a este atributo de Relleno "Relleno de semilla".

Paso 5
Selecciona el "Relleno de semilla" en el panel de Apariencia y luego presiona el icono de Duplicar elemento seleccionado en la parte inferior. Selecciona la copia que está debajo y sustituye el degradado existente por color amarillo. Ahora, abre la ventana del efecto Transformar, cambia la configuración como se muestra a continuación y pulsa OK. Deja los demás efectos como están.

Paso 6
Teniendo todavía seleccionado el Relleno del paso anterior, ve a Efecto > Estilizar > Resplandor exterior y aplica los ajustes mostrados.

Paso 7
Todavía con el Relleno del paso anterior seleccionado, pulsa el icono Duplicar elemento seleccionado en la parte inferior del panel Apariencia. Enfócate en la copia anterior y haz doble clic en Elipse para abrir la ventana de Opciones de forma. En lugar de 160px, escribe 172px en los campos Ancho y Alto y luego pulsa OK. Ajusta la Opacidad para este Relleno al 40% y deja los otros efectos como están.

Paso 8
Duplica el Relleno del paso anterior y luego céntrate en la copia de arriba que es la tercera de este tipo. Abre de nuevo la ventana de Opciones de forma, escribe 185px en lugar de 172px en los campos de Ancho y Alto y baja la Opacidad al 20%. Estos tres últimos rellenos te darán el brillo amarillo alrededor de la semilla del aguacate.

5. Añade iluminación a la semilla
Paso 1
Asegúrate de que el "Relleno de semilla" está seleccionado en el panel Apariencia y duplícalo como hiciste antes. Céntrate en la copia de arriba y reemplaza el degradado existente con cualquier color por el momento. Para obtener el resultado que se muestra en la siguiente imagen es necesario cambiar algunos de los ajustes de los efectos interactivos.

Estos son los ajustes de los efectos Arco superior, Inflar y Transformar. Los otros dos efectos permanecen igual.

Paso 2
A continuación, reemplaza el color de relleno que has elegido por el degradado radial que se muestra en la imagen. Establece este atributo de Relleno en Modo de fusión Trama y 40% de Opacidad.

Paso 3
Asegúrate de que el último Relleno (del paso anterior) está seleccionado y duplícalo. Céntrate en la copia anterior y sustituye primero el degradado existente por un degradado lineal de blanco a negro con un Ángulo de -100 grados. Ahora, abre la ventana del efecto Transformar y cambia los ajustes como se indica. Mantén el Ángulo en -10 grados y pulsa OK. Deja los otros efectos como están y también mantén el Modo de fusión y la Opacidad.

Paso 4
Ahora vamos a añadir un tipo de iluminación diferente, en la parte superior izquierda de la semilla. Para ello, selecciona el "Relleno de semilla" en el panel Apariencia y luego pulsa el icono Duplicar elemento seleccionado en la parte inferior. Céntrate en la copia de abajo y sustituye el degradado existente por el degradado lineal que se muestra en un Ángulo de 40 grados. Abre la ventana del efecto Transformar y cambia los valores de Mover vertical y horizontal como se muestra. Básicamente, estás moviendo este nuevo relleno 1px hacia arriba y 1px hacia la izquierda. Ajusta el Modo de fusión a Trama (el negro se vuelve transparente).

6. Añade la sombra de la semilla
Selecciona de nuevo el "Relleno de semilla" y duplícalo. Céntrate en la copia de abajo y sustituye el degradado existente por el degradado lineal que se muestra a continuación, en un Ángulo de -60 grados. Luego, elimina el efecto Inflar arrastrándolo a la Papelera y luego modifica la configuración de los efectos Arco superior, Arco inferior y Transformar. Establece este Relleno en el Modo de fusión Multiplicar y 50% de Opacidad.

Estos son los ajustes que necesitas cambiar, y puedes ver el resultado final en la imagen de arriba.

7. Añade la iluminación del aguacate
Mientras tu forma de aguacate permanece seleccionada, ve al panel Apariencia y desde el menú desplegable elige Añadir nuevo relleno. Mueve este nuevo relleno por encima de todo, luego selecciona el degradado lineal mostrado a continuación y establece el Ángulo en -40 grados. Establece este Relleno en Modo de fusión Trama (el negro se vuelve transparente) y 50% de Opacidad.

8. Guarda el estilo gráfico de aguacate
En este punto el aguacate está prácticamente listo. Puedes guardar el estilo ahora o esperar hasta más tarde después de añadir las sombras.
Mientras la forma del aguacate permanece seleccionada, pulsa el icono Nuevo estilo gráfico en la parte inferior del panel Estilos gráficos (Ventana > Estilos gráficos). Haz doble clic en la miniatura, escribe un nombre para tu estilo y pulsa OK. Yo llamé al mío "Estilo gráfico de aguacate sin sombra".

9. Añade la sombra del aguacate
Paso 1
Selecciona el atributo Relleno de la parte inferior del panel Apariencia que es en realidad el primero que has añadido (la cáscara) y duplícalo. Concéntrate en la copia de abajo, ve a Efecto > Estilizar > Sombra paralela y aplica la configuración que se muestra a continuación. Puedes mantener el mismo color de relleno.

Paso 2
Teniendo seleccionado el Relleno del paso anterior en el panel Apariencia, pulsa de nuevo el icono Duplicar elemento seleccionado. Céntrate en la copia que hay debajo y haz doble clic en el efecto Sombra paralela para abrir la ventana Sombra paralela. Cambia la configuración y pulsa OK.

Paso 3
Duplica de nuevo el relleno anterior y, a continuación, abre la ventana Sombra paralela y cambia la configuración.

Paso 4
Duplica el relleno anterior una vez más y luego cambia la configuración del efecto Sombra paralela como se muestra a continuación. Has terminado con las sombras.

10. Crea el tallo
En este punto el aguacate está listo pero si quieres, puedes crear un pequeño tallo. Toma la herramienta Pluma (P) y dibuja una forma, como se muestra en la siguiente imagen, en la parte superior del aguacate. Rellénala con el degradado lineal que se muestra a continuación, en un ángulo de 90 grados y luego establece la Opacidad al 40%.

11. ¡Es hora de recapitular!
Paso 1
En la siguiente imagen puedes ver todos los atributos de Relleno que hemos utilizado para crear el aguacate. Los tuyos deberían estar en el mismo orden. Si todo se ve bien, puedes guardar el estilo. Mientras la forma del aguacate está seleccionada, pulsa el icono Nuevo estilo gráfico en la parte inferior del panel Estilos gráficos. Haz doble clic en la miniatura, escribe un nombre y pulsa OK.
Si quieres aplicar este estilo a otra forma, tendrás que hacer algunos ajustes y cambiar la configuración de los efectos interactivos hasta que se ajusten a la forma de tu elección.

Paso 2
Como puedes ver en el modo Contorno, hemos utilizado sólo una forma para crear el aguacate. Bueno, excepto el tallo, pero eso es opcional.
Por supuesto, puedes añadir más apariencias. Por ejemplo, podrías añadir más detalles, podrías añadir una textura en la pulpa y una textura en la semilla para que parezca más realista, pero nos detendremos aquí por ahora.

¡Santo guacamole! ¡Terminaste!
Si te ha gustado este tutorial echa un vistazo al primer tutorial de este tipo publicado por la encantadora Sharon Milne y aprenderás a Crear un kiwi en rodajas a partir de una sola forma. Cuéntanos tu opinión sobre este tipo de tutoriales, si los encuentras interesantes y útiles y crearemos más.