Use un polígono básico, Rotación 3D y degradados para ilustrar un paraguas

¿Quieres ilustrar un paraguas? Si es así, entonces empecemos y sin duda aprenderá las excelentes herramientas de Illustrator y creará sus propias obras de arte impresionantes y sorprendentes. Abra el programa Illustrator, cree allí el nuevo documento y comencemos


Paso 1

Primero debe hacer el llamado "boceto de geometría principal" que se muestra en la imagen de abajo.

Si sabes cómo lograr este resultado sin ayuda, hazlo por ti mismo. Pero si no, lee cuidadosamente los primeros pasos introductorios del tutorial. Tome la herramienta Polígono y haga clic en el área de trabajo de su documento. Especifique el número de lados a 8 como se muestra en los diagramas a continuación.


Paso 2

Vaya a Efecto> Distorsionar y transformar> Fruncir y engullir.

Luego ve a Objeto> Expandir apariencia.

Luego, vaya a Efecto> 3D> Girar y elija el preajuste de posición izquierda isométrica como se muestra.


Paso 3

Ir a Objeto> Expandir Apariencia nuevamente.

El resultado que acabas de hacer es plano. Pero como saben, la parte superior de un paraguas es cóncava. Para alcanzar esto, toma la herramienta de selección directa (A) y convierte tu figura violeta. Luego agarra la herramienta Pluma (P) y perfila los caminos de la parte superior del paraguas. Vea la imagen útil a continuación.


Etapa 4

Divide el camino violeta en 5 partes y colorízalos en diferentes colores..

Tome la herramienta Segmento de línea (barra diagonal inversa) y dibuje una ruta que represente una barra del paraguas y aplique las tapas redondas en la paleta Trazo. Coloque este camino en la posición correcta entre los caminos naranja y marrón..

Vaya a Objeto> Expandir y Objeto> Desagrupar.


Paso 5

Ilustra el mango de la misma manera..

Expandelo…

... e infle su final como se muestra porque creo que será más interesante. :)

Y tu "boceto de geometría principal" será completado.


Paso 6

Comencemos a pintar nuestro paraguas para convertir la imagen plana de la geometría principal al resultado final tridimensional. Seleccione la ruta roja superior y rellénela con un degradado lineal en ángulo.

La trayectoria violeta se llena con un gradiente lineal en ángulo también.


Paso 7

El camino naranja debe estar lleno de un degradado más oscuro. ¿Sabes por qué? Porque este camino se encuentra en la parte interior del paraguas. Es un área de sombra en la imagen. Añadir el colorante correspondiente a ella como se muestra..

El camino de la barra es una parte metálica del paraguas. Por eso su relleno debe tener contrastes entre luces y sombras. Aplique tal relleno de gradiente para cumplir con esta regla. Vea la imagen de abajo para referencia.


Paso 8

El camino marrón tiene la distribución de luz complicada como se puede ver en la imagen finalizada de este tutorial en la parte superior. Para lograr este efecto, primero complete esta ruta con el gradiente mostrado habitual.

Copie esta ruta y péguela en Front (Comando + C y luego Comando + F). Rellena la copia con otro degradado mostrado..

Y cambia el modo de fusión para oscurecer en la paleta de transparencia.


Paso 9

Las partes internas de la parte superior del paraguas se llenan de la misma manera. Hazlo sin ayuda. Siga los útiles diagramas a continuación..


Paso 10

El mango parece ser plano ...

Vamos a convertirlo en ámbar. Lo haremos sin utilizar ningún patrón y dentro de los límites del programa Illustrator. Como hacer esto?

Toma la herramienta Elipse (L) e ilustra una elipse negra. (El fondo de oliva no es importante).

Vaya a Objeto> Transformar> Escala y establezca allí los valores mostrados en el cuadro de diálogo. Haga clic en el botón Copiar.

Cambia la opacidad de la elipse más grande a 0.

Vaya a Objeto> Fusión> Opciones de fusión y especifique las opciones correspondientes como se muestra a continuación.

Seleccione luego ambos puntos suspensivos y vaya a Objeto> Mezclar> Crear (Comando + Alt + B).


Paso 11

A continuación, arrástrelo y suéltelo en la paleta Pinceles. Seleccione la opción Pincel artístico en el cuadro de diálogo..

Establezca los elementos para el pincel como puede verlos en el diagrama a continuación. Nombre este pincel como el "pincel negro". Además, cambie el método de coloración del pincel a Tono Shift (que se muestra con una flecha en el diagrama a continuación) para administrar los colores del pincel.


Paso 12

Haga clic en el botón Nuevo pincel en la paleta Pinceles y seleccione la opción Pincel de cerdas en el cuadro de diálogo.

Establezca los elementos para el pincel como puede verlos en el diagrama a continuación y denomine a este pincel como "pincel de mango".


Paso 13

Cuando se selecciona este pincel, agarre la herramienta Pincel (B) y dibuje una ruta siguiente sobre el mango. Cambia el color del trazo a naranja claro..

Recorte el camino con una máscara de recorte yendo a Objeto> Máscara de recorte> Crear (Comando + 7).


Paso 14

Dibuja los siguientes caminos y aplica el "pincel negro" a ellos. Recórtalos con una máscara de recorte correspondiente también.

Disminuya ambos: la opacidad y el peso del trazo de las rutas, y luego cambie el color del trazo a blanco. A pesar de que usamos el "pincel negro", el color del trazo nos permitirá administrar el color del pincel de manera más efectiva.


Paso 15

Aplica el "pincel negro" con el trazo negro a las siguientes rutas.

Y aplica el "pincel negro" con el trazo blanco a los siguientes caminos.

Cambie el modo de fusión de estas rutas para multiplicar en la paleta de transparencia.


Paso 16

Para completar la creación del controlador de ámbar necesitamos agregar dos o tres rutas semitransparentes a las que se aplica el "pincel negro". Hazlo.

¿Puedes distinguir el mango del paraguas del ámbar ahora??


Paso 17

Cambia el contorno de la varilla metálica para ilustrar un cierre..

Dibuja un camino gris usando la herramienta Pluma (P) debajo de la cavidad.

Cópielo y péguelo en Atrás (Comando + C y luego Comando + B), muévalo y cámbielo ligeramente como se muestra a continuación, y cambie el color de relleno..

Enfatice en la cavidad usando el "cepillo negro".


Paso 18

Fije la manija a la varilla ilustrando el siguiente rectángulo relleno con un degradado lineal en ángulo. Siga el diagrama útil a continuación.

Produce una mezcla de las líneas habituales que se muestran a continuación. Hazlo tu mismo. Hasta este punto en el tutorial, ya sabe cómo lograrlo sin ayuda..

Recortar la mezcla con una máscara de recorte y disminuir la opacidad de la misma. Deberías recibir la misma imagen que se muestra abajo..

Y aplica el "pincel negro" a los siguientes dos caminos..


Paso 19

Produzca las elipsis mostradas sobre la barra en la parte superior de la misma.

Produce un cilindro a partir tanto de elipses rojas como amarillas. Seleccione la elipse roja, cópiela y péguela en frente (Comando + C y luego Comando + F). Tome la Herramienta Lazo (Q) y seleccione los puntos de anclaje más cercanos de estos dos caminos: la copia de los rojos y los amarillos..

Presiona el botón Eliminar en tu teclado.

Seleccione los puntos de anclaje superiores de estos dos caminos utilizando la herramienta Lazo (Q) ...

... y vaya a Objeto> Ruta> Unir (Comando + J).

Haz lo mismo con los puntos de anclaje inferiores..


Paso 20

Repita estas manipulaciones para lograr el resultado mostrado, donde debe agregar además de la elipse azul oscuro.

Rellene los caminos con los colores y los gradientes como se muestra. Creo que ya puedes hacerlo solo..

El detalle de la varilla se inserta utilizando la máscara de recorte sobre la elipse azul oscuro. Simplemente aplique las técnicas que aprendió anteriormente en el tutorial aquí. Siga el diagrama útil a continuación.


Paso 21

Los ocho radios de unión se ilustran de la misma manera. Siga los útiles diagramas a continuación y créelos. Primero usa las líneas usuales como rayos..

Luego expándelos, rellénelos con gradientes lineales en ángulo y coloque todos los radios en la ubicación correcta. Deben colocarse simétricamente. Hay 4 radios en frente y 4 en atrás. Mientras creas los radios sigue la útil imagen de abajo..


Paso 22

Si lo desea puede ilustrar los agujeros para los radios de unión..

Pero apenas son visibles en la imagen completa ...


Paso 23

Los radios principales que sostienen la parte superior del paraguas son muy delgados y pueden ilustrarse con los caminos habituales a los que se aplica el "pincel negro". Te mostraré uno de ellos. Dibuja un camino habitual ...

... y aplícale el "pincel negro".

Ilustrar los otros radios.

¿Por qué puedes usar esta forma simple sin una creación detallada? Porque cada obra de arte vectorial se produce para dimensiones propias a pesar de su capacidad para escalar. En la medida en que no dibujemos un paraguas para tablas grandes de calle, podemos producir las partes pequeñas sin un trabajo detallado. Y, además, las imágenes de los pizarras de la calle se ven desde la distancia. Así también las partes pequeñas son invisibles..


Paso 24

Los extremos de los radios son pequeños y se pueden crear, como acabo de decir, usando los círculos simples rellenos con un degradado radial..

El hilo a lo largo de los límites de la parte superior del paraguas son las rutas discontinuas habituales. La trayectoria del hilo interno está ligeramente desaturada porque las partes internas de la parte superior se colocan en el área de sombra.

Después de eso ilustran un fondo..


Conclusión

La imagen final está abajo..