Cómo diseñar un conjunto de iconos de amigos multicolores

En este tutorial de Illustrator, te mostraré cómo crear un conjunto de iconos de amigos multicolores. Este tutorial utiliza algunas formas básicas, degradados, Feather y la potente función de color en vivo de Illustrator. Estas técnicas se traducen fácilmente en otros diseños e ilustraciones..

Imagen final

A continuación se muestran los diseños de íconos finales en los que trabajaremos..

Paso 1

Cree un nuevo documento y dibuje un rectángulo de 138 px de ancho por 170 px de alto con la herramienta Rectángulo (L).

Paso 2

Con el rectángulo seleccionado, vaya a Filtro> Estilizar> Esquinas redondeadas para abrir el cuadro de diálogo Esquinas redondeadas. Cambie el radio a 70 px y presione OK.

Paso 3

Seleccione el anclaje central inferior del rectángulo con la Herramienta de selección directa (A), luego arrastre el anclaje hacia abajo hasta que sea aproximadamente una sexta parte del tamaño original del rectángulo. Ahora tenemos una forma de cabeza.

Etapa 4

Cree una elipse con la herramienta Elipse (L) de 15 px de ancho por 42 px de alto. Coloque la elipse sobre la forma de la cabeza aproximadamente a la mitad de la parte superior de la cabeza de la izquierda.

Paso 5

Con la herramienta de selección (V), presione Mayús + Alt y arrastre una copia de la elipse hacia el lado derecho de la cara, lo que le da dos formas de oreja.

Paso 6

Seleccione las formas de la cabeza y las orejas, presione el botón Agregar áreas de formas en el Panel de Pathfinder, luego presione el botón Expandir.

Paso 7

Llene la cabeza con un degradado radial desde el panel de degradado. Cambie la primera muestra en el gradiente a un color cian y cambie la segunda muestra a un cian más oscuro. Luego dale a la cabeza un golpe de 1 pt con un azul oscuro.

Paso 8

Use la herramienta de degradado (G) para ajustar el degradado radial de modo que la parte más clara del degradado se encuentre en la parte inferior de la cabeza. Para hacer esto, haga clic en la parte inferior de la cabeza con la herramienta Degradado y arrastre hasta la mitad de la cabeza.

Paso 9

Cree una elipse de 92 px de ancho por 54 px de alto y colóquela hacia la parte superior de la cabeza en el centro.

Paso 10

Rellene la nueva elipse con un degradado lineal y cambie la primera muestra a cian claro y la segunda al cian oscuro en el gradiente radial de la cabeza. Use la herramienta de degradado (G) para ajustar el degradado de modo que la parte más clara esté en la parte superior de la elipse.

Paso 11

Seleccione la forma de la cabeza y vaya a Objeto> Ruta> Desplazamiento para abrir el cuadro de diálogo Ruta de desplazamiento. Cambie la compensación a -4 px y presione OK.

Paso 12

Dibuje una elipse de 250 px por 250 px y colóquela sobre la forma de la cabeza para que la parte superior izquierda de la cabeza no quede cubierta por la gran elipse. Seleccione la nueva elipse y el desplazamiento de la cabeza y presione el botón Restar de las áreas de forma en el Panel de Pathfinder.

Paso 13

Seleccione la forma sustraída y rellénela con blanco. Con la forma aún seleccionada, ve a Efecto> Estilizar> Pluma y cambia el Radio de pluma a 9 px y presiona OK.

Paso 14

Seleccione la forma de la cabeza y vuélvala a compensar como antes en -4 px. A continuación, dibuje un rectángulo desde la parte inferior de las orejas hacia arriba, abarcando toda la forma de la cabeza. Seleccione el rectángulo y la forma de la cabeza desplazada y Reste las áreas de forma.

Paso 15

Seleccione la nueva área de resta y Copiar (Comando + C) y Pegar en el frente (Comando + F). Seleccione el anclaje inferior de la forma copiada con la herramienta de selección (V) y aplaste la forma hacia arriba aproximadamente un cuarto del camino desde el tamaño original. Seleccione el original y la copia, luego Reste las áreas de forma.

Paso 16

Rellene la nueva forma sustraída con blanco y aplique plumas a la forma a 9 px como antes.

Paso 17

Ahora que la cabeza está lista, podemos crear el área del busto. Crea un rectángulo de 286 px de ancho por 156 px de alto. Luego, crea otro rectángulo de 140 px de ancho por 75 px de alto. Coloque el rectángulo más estrecho sobre el rectángulo horizontal para que esté centrado. Seleccione ambos rectángulos y presione Agregar a las áreas de formas en el Panel de Pathfinder.

Paso 18

Con los rectángulos combinados seleccionados, vaya a Filtro> Estilizar> Esquinas redondeadas y cambie el Radio a 40 px.

Paso 19

Cree una elipse de 700 px de ancho por 355 px de alto y centrada sobre la forma del busto, de modo que una sexta parte de la forma del busto sobresalga de la parte inferior del círculo. Seleccione ambas formas y presione el botón Intersecar áreas de formas en el Panel de Pathfinder.

Paso 20

Rellena la nueva forma del busto con el mismo degradado radial y traza la forma de la cabeza, luego ajusta el degradado para que la parte más clara provenga del hombro izquierdo.

Paso 21

Compensar la forma del busto a -4 px como la cabeza. A continuación, dibuje una elipse de 266 px por 266 px sobre el lado izquierdo del busto. Seleccione el desplazamiento y la elipse, luego interseccione las áreas de formas.

Paso 22

Rellena la nueva forma con un cian claro y dale una pluma de 17 px.

Paso 23

Compensar la forma del busto de nuevo a -4 px. Luego, dibuje una elipse de 147 px de ancho por 96 px de alto y colóquela sobre el hombro derecho. Seleccione la elipse y el desplazamiento, luego intersecar áreas de formas.

Paso 24

Rellena la nueva forma con un cian claro y dale una pluma de 17 px.

Paso 25

Coloca el busto detrás de la cabeza..

Paso 26

El ícono está listo, pero se vería bien con una sombra. Dibuja una elipse de 360 ​​px por 360 px. Llene la elipse con un degradado radial con la primera muestra de color negro y la segunda muestra de color blanco.

Paso 27

Con la herramienta de selección (V), aplaste la elipse para que tenga una quinta parte de su tamaño original, luego colóquela detrás del icono de amigo..

Paso 28

Ahora que el ícono está listo, te mostraré una manera rápida de recolorear las copias del ícono. Seleccione todas las ilustraciones y Copiar (Comando + C) y Pegar (Comando + V). Con la copia seleccionada, vaya a Editar> Editar colores> Volver a colorear la ilustración para abrir el cuadro de diálogo Color en vivo.

Paso 29

Haga clic en el botón Editar en la parte superior del cuadro de diálogo. Ahora puede editar ciertas muestras en la ilustración o bloquear todas las muestras y editarlas juntas. Para ello pulsa el icono de bloqueo en el cuadro de diálogo..

Paso 30

Puede agarrar los diversos círculos en la rueda de color y moverlos para ajustar los colores o puede especificar el Modo de color para ajustar los colores. Me gusta usar esta opción. Para seleccionar un modo de color en particular, presione el botón que parece un botón de reproducción hacia la parte inferior del cuadro de diálogo y elija su modo de color. Me gusta usar el modo de color HSB.

Paso 31

Ahora, con el modo de color seleccionado y los colores bloqueados, mueva los controles deslizantes para editar los colores. Si desea volver a los colores originales, presione el botón Obtener colores del arte seleccionado en la parte superior del cuadro de diálogo.

Paso 32

Ahora comienza a crear tantos iconos de amigos de colores como quieras!

Imagen final

Todo listo, echar otro vistazo a la imagen final a continuación.!

Suscríbase a la fuente RSS de VECTORTUTS para estar al día con los últimos tutoriales y artículos de vectores..