Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Design & Illustration
  2. Autumn
Design

Cómo Crear un Fácil Motivo de Árbol en Otoño en Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Recientemente fui de viaje a las Tierras Altas de Escocia. Cargadas de montañas, colinas y árboles. A la mitad del otoño, las hojas están cambiando...a diferentes tiempos, a diferentes colores y es absolutamente hermoso. Éste tutorial está inspirado por ésto.

En éste tutorial, voy a mostrarte cómo crear un fácil motivo de árbol en otoño en Adobe Illustrator. Está hecho de dos formas...el círculo y el rectángulo. No se ocupa la Herramienta Pluma, y estaré explicando cada cosa dede medidas hasta colores, así que es ideal para principiantes.

Si estás buscando motivos vectoriales premium pre-elaborados, puedes encontrarlos en GraphicRiver. Hay algunos magníficos motivos de otoño disponibles.

1. Cómo Crear un Árbol Básico

Paso 1

Comencemos por crear nuestra forma de árbol básico. Está hecha de dos formas: un círculo para las hojas, y un rectángulo para el tronco. El círculo usa la Herramienta Elipse (L). Haz click en el lienzo una vez y una ventana emergente aparece. Establece una Anchura de 60 px y una Altura de 60 px.

Luego haz click en el lienzo con la Herramienta Rectángulo (M). En la ventana emergente, establécelo a una Anchura de 8 px y una Altura de 60 px.

Create the two shapes

Paso 2

Podrías haber notado que las formas no estás superponiéndose. Póngamoslas exactamente alineadas. Puedes hacer ésto al usar el panel Alinear. Si no ves eso, ve a Ventana > Alinear.

Usando la Herramienta Selección (V), selecciona ambas formas. Luego, en el panel Alinear, haz click en el botón Centrar. Ésto llevará al tronco al centro de la masa de hojas de nuestro muy simplificado árbol.

Align the shapes

Paso 3

Si eres como yo, tu tronco no está en la mejor posición vertical. Ésto puede alterarse manualmente, usando las teclas de las flechas o seleccionándolo y moviéndolo  hacia arriba o hacia abajo. Si estás optando por el último método, entonces te aconsejo habilitar las Guías Inteligentes (Control-U).  Cuando usas ésto, te permite ajustar formas, trazados y puntos a otros objetos o puntos centrales. Así que aquí estoy alineando la parte superior del tronco con el centro del árbol.

¿Accidentalmente se movió del centro horizontal? Usa el panel Alinear de nuevo con Centrar para corregirte.

Move the trunk into place

2. Cómo Crear Estilos Diferentes de Árbol

Paso 1

Raramente los bosques contienen las mismas especies, así que con eso en mente, voy a crear otros dos estilos de árbol. Hago ésto al modificar el círculo. Primero, selecciona tu árbol y Cópialo (Control-C) y Pégalo (Control-V) dos veces.

Ahora tengo tres árboles. Uno lo dejaré como la forma del árbol original, y las otras dos serán modificadas.

Duplicate the trees

Paso 2

Para la primera modificación, voy a usar la Herramienta Transformación Libre (E).

Cuando seleccione el círculo, la forma tendrá un cuadro de transformación alrededor de él. Arrastro el nodo central superior hacia arriba unos 30 px. Ahora tengo una nueva forma de árbol. ¡Sencillo!

Stretch the circle

Paso 3

Para la segunda modificación, voy a usar la Herramienta Selección Directa (A).

Ésto funciona similarmente a la Herramienta Selección, pero puede ser usada para seleccionar puntos individuales o trazados en una forma. En éste caso, voy a seleccionar el mismo punto superior de nuestro tercer árbol. Cuando haces ésto, las barras manejadoras aparecerán para el punto que has seleccionado y los puntos de cualquier lado, como se muestran abajo.

Select the top point

Luego, con las teclas de las flechas en tu teclado, empuja éste punto hacia arriba para crear una forma similar a un huevo. ¡Ésto completa tu tercer árbol!

Eggy tree anyone

3. Cómo Agregar Colores del Otoño a los Árboles

Paso 1

Selecciona tus tres árboles y Cópialos (Control-C) y Pégalos (Control-V) en una fila. ¡Ésto te da seis árboles para rellenar con todos los colores del otoño!

Estaré usando los colores en la Muestra RBG predeterminada en Adobe Illustrator. Si no tienes éstas, estaré listando los códigos Hexadecimales para que los uses.

Primero, selecciono todas las formas y cambio el color del trazo a #534741. Los contornos negros son demasiado ásperos para ésta composición.

Luego, relleno los troncos con un tono más claro, #998675.

Filling the trunks

Paso 2

Para los colores de la hoja, voya a ir a todo el espectro otoñal, desde un naranja quemado a un verde exuberante. De izquierda a derecha, los colores son:

  • #f15a24 / naranja quemado
  • #fbb03b / naranja pálido
  • #fcee21 / amarillo
  • #d9e021  / amarilo-verde
  • #8cc63f / verde guisante
  • #39b54 / verde exhuberante
Add colours to the trees

4. Cómo Preparar Tus Formas para un Motivo

Paso 1

Selecciono cada árbol, las hojas y el tronco, y los Agrupo (Control-G). Ésto facilita moverlos cuando los selecciones más adelante.

Grouping the trees

Paso 2

Luego muevo tres árboles abajo de los otros. Ésto crea un espacio predeterminado más pequeño para trabajar cuando estés usando el panel Opciones de Motivo. Hablando de ello...

Moving the trees

5. Cómo Usar el Modo Opciones de Motivo

Paso 1

Selecciona tus seis árboles, y luego ve a Objeto > Motivo > Crear. Tendrás una ventana emergente informándote que tu motivo automáticamente será agregado al panel Muestras; haz click en OK.

Se te presentará el panel Opciones de Motivo que tiene una variedad de ajustes, tus objetos seleccionados, y el panel Capas con únicamente los objetos seleccionados.

Personalicemos éste motivo, ¿podemos?

Pattern Options panel

Paso 2

Primero voy a renombrar el motivo "Autumn Pattern". Cambio el Tipo de Azulejo a Ladrillo por Columna. Tiendo a evitar usar motivos de Cuadrícula pues siempre parece demasiado básico. Claro, ésto es una preferencia personal, pues encuentro más estéticamente placenteros motivos de ladrillos organizados, así que elige con toda confianza el Tipo de Azulejo que prefieras.

Cambio  Superponer a verticalmente Inferior por Delante. Al hacer ésto, los troncos de árbol siempre deberían estar detrás de cualquier árbol superponiéndose delante.

Renaming Overlap and Tile Type

Paso 3

Como dije en el paso previo, cuando vuelvo a organizar los árboles en dos filas, el espacio que toman tus formas crea un espacio predeterminado para las Opciones de Motivo. Ésto ayuda a darme una idea de cuánto espacio necesitaré para trabajar para mi motivo.

El espacio que éstas forman ocupan actualmente es de 202 x 256 px (puedes ver ésto en las dos capturas de pantalla previas). Sin embargo, hay mucho espacio en blanco, y quiero rellenarlo. Así que lo que hago es reducir la Anchura y la Altura  unos 50 px. O porque me gustan los números redondos, he establecido la Anchura en 150 px y Altura en 200 px. Ésto me da un espacio más estrecho para trabajar.

Luego, con la Herramienta Selección (V), mueve tus árboles alrededor para crear un motivo aleatorio con el que estés satisfecho.

Reduce the pattern size and move your trees around

Paso 4

Dentro del modo Opciones de Motivo, puedes modificar las formas que ya tienes: cualquier cosa desde colores hasta dimensiones de forma, en éste caso, el Grosor del Trazo. Selecciono todas las formas y cambio el Grosor de Trazo a 2 pt en el panel Trazo. Ésto ayuda a enfatizar la apariencia caricatura/simple del motivo.

Changing the stroke weight

Paso 5

También puedes agregar y remover formas en el modo Opciones de Motivo.

Para rellenar algunos de los espacios en blanco, voy a agregar pequeños puntos de tierra, o textura de tierra si quieres ser más sofisticado. Hago ésto al usar la Herramienta Elipse (L). Dale el mismo relleno que el color de tus contornos (#534741) y haz las dimensiones de 4. x 4 px.

Adding dirt

Paso 6

Luego duplico los puntos/círculos en grupos de tres y los coloco por el espacio en blanco y a  los lados de cada tronco.

Cuando termines, haz click en Terminar a lo largo de la parte superior de la pantalla. Ésto guardará tu motivo.

Adding more dirt

6. Cómo Usar un Motivo Recientemente Creado

¿Así que a dónde se fue tu motivo? Notarás que cuando sales del modo Opciones de Motivo, regresas a solo los seis árboles que crease antes.

El motivo será guardado automáticamente en tu panel Muestras. Para usarlo, establece tu relleno en tu motivo y dibuja una forma. ¡Ahí tienes tu motivo!

Using your pattern

¡Saca el Café con Leche de Calabaza Especiado , Es Otoño!

El panel Opciones de Motivo es una de mis favoritas de las nuevas adiciones en Adobe Illustrator. Te puedes divertir experimentando con los ajustes, incluso con formas básicas. Espero haberte presentado algunas nuevas herramientas, y me encantaría ver tus resultados de éste ejercicio en los comentarios.

Final pattern
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.