Cómo dibujar un icono de YoYo brillante con Adobe Illustrator

Diviértete con este tutorial sobre cómo crear un icono de yo-yo brillante. Aprenderá a combinar diferentes efectos de degradado y objetos para crear una superficie de plástico hiperrealista y brillante. El resultado es un ícono perfectamente renderizado y atractivo que se puede hacer en una hora.!


Paso 1

Comience utilizando la herramienta Elipse (L) para dibujar un óvalo.


Paso 2

Dibuja otro óvalo en la parte superior que sea un poco más ancho. Estoy usando dos colores diferentes para que pueda ver fácilmente dónde comienza el nuevo óvalo. Sin embargo, puedes usar un color cuando crees tus propios óvalos.


Paso 3

Seleccione ambos óvalos y en el Pathfinder haga clic en Dividir. Vaya a Objeto> Desagrupar para desagrupar los objetos.


Etapa 4

Borre las formas además de la que se muestra abajo.


Paso 5

Copie y pegue la forma y gírela al revés para hacer la mitad inferior del yo yo.


Paso 6

Usando dos copias nuevas de la forma, colóquelas una encima de la otra en un formato ligeramente escalonado y en el Buscador haga clic en Dividir.


Paso 7

Desagrupe sus objetos de nuevo y deshágase de todo lo demás, además de la forma de abajo. Esta forma será el área oscura central entre las mitades yo yo.


Paso 8

Ponga en el área oscura central un degradado de negro oscuro a gris y, en la paleta Transparencia, establezca el modo en Multiplicar. Cambia la opacidad a alrededor del 60% también. Coloca la forma entre la mitad superior e inferior del yo yo.

Nota: Vuelva a apilar el orden de las formas yo yo yendo al menú Objeto> Organizar.


Paso 9

Haremos un reflejo de la parte superior del yo yo utilizando de nuevo dos formas nuevas y haciendo clic en el buscador de ruta para dividir.


Paso 10

Desagrupe sus formas y elimine las formas adicionales para que solo quede con la forma que se muestra a continuación.


Paso 11

Coloque el reflejo sobre la parte superior del yo yo. Nota: use la paleta Alinear para asegurarse de que todo esté perfectamente centrado.


Paso 12

Cree un reflejo para la mitad inferior del yo-yo usando el mismo método.


Paso 13

Agregue reflexiones individuales al área central del yo yo también.


Paso 14

Defina un degradado radial que va de un color azul claro a un azul medio y, finalmente, a un azul más claro. Tres pasos de gradiente son importantes para lograr una gama de colores suave y espectacular.


Paso 15

Usando la herramienta de degradado (G), agregue un degradado radial a la mitad superior del yoyo. Arrastre el área resaltada hacia adentro para condensar la forma del degradado. En lugar de un círculo perfecto, un óvalo funciona mucho mejor para lograr el sombreado general que se ve mejor. En mi ilustración, la fuente de luz proviene de la parte superior izquierda, por lo que el lado del yoyo que está más cerca del espectador debería ser más oscuro..


Paso 16

Defina una muestra que vaya de blanco a transparente y otorgue a la reflexión superior un degradado lineal.


Paso 17

Dar el otro
Las áreas de reflexión tienen un degradado lineal similar. Estas reflexiones ayudan a que el realismo general del yoyo como objetos en la vida real tengan luz reflexiva, que es lo que sugieren estas áreas.


Paso 18

Dibuja un óvalo y dale un degradado radial o lineal (tu elección). Si utiliza un degradado radial, asegúrese de que el área central sea más clara en lugar de los bordes exteriores, ya que la parte superior del yo yo debería parecer algo plana..


Paso 19

Dale al borde posterior una reflexión separada utilizando la herramienta Pluma (P), dibujando una forma de arco y rellenándola también con un degradado lineal.


Paso 20

Para crear el signo más, primero dibuje dos rectángulos, alinéelos usando la paleta Alinear y combínelos haciendo clic en Unite en el Pathfinder. Dale al signo más un degradado lineal de azul a transparente..


Paso 21

Gire el signo más con la Herramienta de selección (V.) Mantenga presionada la tecla Mayús para rotar fácilmente el signo más al ángulo que se muestra a continuación. Después de haber girado su signo más en la orientación que se muestra a continuación, vaya a Objeto> Transformar> Restablecer cuadro de delimitación.


Paso 22

Usando la herramienta de selección, condense el signo más hacia abajo.


Paso 23

Haga dos copias nuevas del signo más y superpóntelas como se muestra. En el Pathfinder, haga clic en Minus Front. La forma resultante que te queda será solo los bordes del signo más. Nota: el orden de apilamiento de sus formas determina si la forma superior o inferior se restará de la otra forma. Vaya al menú Objeto> Organizar para ajustar su orden de apilamiento si es necesario. Coloque la forma resultante sobre el signo más original..


Paso 24

Así es como debería verse tu ilustración ahora mismo..


Paso 25

Déle al signo más un brillo interior yendo a Efecto> Estilizar> Resplandor interior. Seleccione Multiplicar para el modo y elija un color azul. Ingresa una Opacidad de 10 y dale un Desenfoque de tu elección.


Paso 26

Para crear el reflejo en la tabla, use la forma básica de yo-yo y asígnele un degradado radial (con el punto central algo translúcido). Ajuste la Opacidad de toda la forma en la paleta de Transparencia, si corresponde..


Paso 27

Cree la sombra paralela dando a un óvalo un degradado radial con el punto central como el área más oscura. Ajuste el balance del color para que la transición sea más hacia el borde que hacia el centro, como se resalta a continuación. Establezca el modo de la sombra en Multiplicar en la paleta Transparencia para que se combine con el reflejo del yo yo. Como se muestra al final, dale al lado del yoyo más cercano al espectador una sombra difuminando una forma ovalada yendo a Efecto> Desenfoque> Desenfoque gaussiano. Nuevamente, establece la forma en Multiplicar para que se combine bien con los objetos detrás de ella..


Paso 28

Para crear la cuerda, he usado una tableta Wacom que me da la oportunidad de dibujar una línea con un grosor variable, pero si no tienes una tableta Wacom, simplemente dibuja una bonita forma curva con la herramienta Pluma (P). Después de eso, en la paleta Pinceles, seleccione la opción que se muestra a continuación y cambie el grosor del trazo a aproximadamente .25.


Paso 29

Duplique la cadena, cámbiela a negro (opcionalmente puede expandir la cadena que eliminará la capacidad de manipular su curvatura, pero no es necesario) y darle un desenfoque gaussiano yendo a Efecto> Desenfoque> Desenfoque gaussiano. Establezca la sombra en Multiplicar en la paleta Transparencia para que se combine bien con los objetos debajo de ella..


Conclusión

¡Así es como se ve el ícono final! Como puede ver, con la combinación correcta de degradados y efectos, puede crear imágenes que salen de la mesa de trabajo y son convincentemente realistas. El truco es recordar siempre tu fuente de luz y tu perspectiva, el resto caerá en su lugar. Espero que hayas disfrutado este tutorial..