CLASE05: DISEÑO DE ICONOS

INSTUTUCIÓN TECNOLOGICA DE
CAPACITACIÓN PROFESIONAL

ABANCAY, NOVIEMBRE 2017

 DISEÑO GRÁFICO: ADOBE ILLUSTRATOR ITEC - ABANCAY

ADOBE ILLUSTRATOR CC CLASE 05

Ejercicio 01: Diseño de icono de Mensajería

Paso 1: Crear un documento con perfiles de sitio web.

Paso 2: Diseño el Icono

- Insertar un rectángulo redondeado y aumentar el radio de la
curva.

- Duplicar el rectángulo.

Jr. Arica 309 – Abancay (Telf. 083-200391) Página 1

 DISEÑO GRÁFICO: ADOBE ILLUSTRATOR ITEC - ABANCAY

- Insertar un Triángulo y lo colocamos en la posición indicada.

- Unificamos el triángulo y el rectángulo.

- Pintamos el relleno y le quitamos el color de borde.

Jr. Arica 309 – Abancay (Telf. 083-200391) Página 2

 DISEÑO GRÁFICO: ADOBE ILLUSTRATOR ITEC - ABANCAY

- Con la herramienta Pluma dibujamos un cuadrilátero que más

adelante será la sombra.

- Duplicamos en frente el rectángulo de atrás y sacamos la

intersección con el cuadrilátero.

- El objeto intersectado le podemos detrás del objeto en frente y le

aplicamos un relleno más oscuro.

Jr. Arica 309 – Abancay (Telf. 083-200391) Página 3

 DISEÑO GRÁFICO: ADOBE ILLUSTRATOR ITEC - ABANCAY

- Dibujamos las barras del icono, para ello cogemos la herramienta

rectángula, dibujamos el rectángulo y le damos un color de
relleno.

- Duplicamos el rectángulo.

- Duplicamos el objeto de mensaje y le aplicamos un color de

relleno un poco más claro y ¡Listo!

Jr. Arica 309 – Abancay (Telf. 083-200391) Página 4

 DISEÑO GRÁFICO: ADOBE ILLUSTRATOR ITEC - ABANCAY

Ejercicio 02: Diseño de icono de Usuario

- Creamos una nueva mesa de trabajo.

- Dibujamos la cabeza con la herramienta elipse.

- Dibujamos el cuerpo también con la herramienta elipse.

- Dividimos en cuerpo insertando una línea.

Jr. Arica 309 – Abancay (Telf. 083-200391) Página 5

 DISEÑO GRÁFICO: ADOBE ILLUSTRATOR ITEC - ABANCAY

- Luego de dividir, desagrupamos y eliminamos la parte inferior.

- Redondeamos las esquinas del objeto cuerpo, haciendo uso de

la herramienta Suavizar.

- Insertamos un circulo para el cabello, lo ponemos detrás del

cabeza.

Jr. Arica 309 – Abancay (Telf. 083-200391) Página 6

 DISEÑO GRÁFICO: ADOBE ILLUSTRATOR ITEC - ABANCAY

- Insertamos un rectángulo para el cuello y lo ponemos detrás de

los objetos de la cabeza.

- Insertamos dos rectángulos para el cuello de la camisa.

Jr. Arica 309 – Abancay (Telf. 083-200391) Página 7

 DISEÑO GRÁFICO: ADOBE ILLUSTRATOR ITEC - ABANCAY

- Creamos el peinado, haciendo uso de la herramienta elipse.

Jr. Arica 309 – Abancay (Telf. 083-200391) Página 8

 DISEÑO GRÁFICO: ADOBE ILLUSTRATOR ITEC - ABANCAY

- Aplicamos color de relleno y quitamos contorno de todos los

objetos.

- Con la herramienta pluma dibujamos la sombra de la cara.

- Duplicamos el objeto de la cabeza (Ctrl+c y Ctrl+f), esta copia

junto con la sombra lo intersectamos y lo coloreamos.

Jr. Arica 309 – Abancay (Telf. 083-200391) Página 9

 DISEÑO GRÁFICO: ADOBE ILLUSTRATOR ITEC - ABANCAY

- Dibujamos la forma de la sombra para el cuello.

- Duplicamos el objeto del cuello y la copia seleccionamos con el

objeto de la sobra para aplicar intersección, luego ponemos
detrás de los objetos de la cabeza.

- Igual para la sombra del cuello de las camisas.

Jr. Arica 309 – Abancay (Telf. 083-200391) Página 10

 DISEÑO GRÁFICO: ADOBE ILLUSTRATOR ITEC - ABANCAY

Ejercicios

Jr. Arica 309 – Abancay (Telf. 083-200391) Página 11