Hola!!!

¿cómo están?
Mg. Jessica Cruz Sarmiento
[email protected]
 ORGANIZACIÓN DEL CURSO

Licenciada en Ciencias de la Comunicación

de la USMP
Magíster en Publicidad
 TRABAJOS Y CALIFICACIÓN

TA 1 - Semana 3 5%
SEMANA 13-14-15SEMANA 9-10-11-12SEMANA 4-5-6-7SEMANA 2-3SEMANA 16Examen
TA 2 - Semana 7 15% final Examen parcial 20%
Semana 8
25%SEMANA 8Examen parcial
TA 3 - Semana 10 10% Examen final 30%
Semana
20%55% 15%15%15% 10% TB 1 16
TA 4- Semana 13 10% TB 2
TB 3
TB 4
TA 5- Semana 15
Licenciada en Ciencias de la Comunicación 10%
de la USMP
Magíster en Publicidad
 PAUTAS DE TRABAJO

• Tolerancia de 15 minutos después de inicio de clase, luego se procederá a

tomar lista.

• Los trabajos se realizarán gran parte en el salón de clases y tendrá el mayor

peso para la calificación.

Licenciada en Ciencias de la Comunicación

de la USMP
Magíster en Publicidad
 SÍLABO

Licenciada en Ciencias de la Comunicación

de la USMP
Magíster en Publicidad
¿Qué expectativas
tienen del curso?
Esta asignatura enseña a reconocer la importancia de la imagen gráfica a través
de la construcción de una marca y su impacto visual en el mercado.

Durante la asignatura, se desarrollarán proyectos creativos de diseño vectorial,

con niveles de dificultad progresivos; utilizando técnicas visuales, manejo del
color, diseño tipográfico y proceso de síntesis gráfica.

Con el apoyo de herramientas de diseño se podrán realizar imágenes de mapa

de bits así como también piezas vectoriales que apoyarán a los proyectos
gráficos.
LOGRO GENERAL

Al finalizar el curso, el estudiante aplica las

herramientas básicas del diseño vectorial
para producir piezas gráficas.
Licenciada en Ciencias de la Comunicación
de la USMP
Magíster en Publicidad

https://www.youtube.com/watch?v=trpa7Gc4Wgw
DISEÑO COMO PROCESO CREATIVO Y DE COMUNICACIÓN

Licenciada en Ciencias de la Comunicación

de la USMP
Magíster en Publicidad
“La comunicación visual es prácticamente todo lo que ven
nuestros ojos, desde una planta hasta las nubes que se
mueven en el cielo. Cada una de estas imágenes tiene un
valor distinto, según el contexto en que están insertadas”.

Bruno Munari
Licenciada en Ciencias de la Comunicación
de la USMP
Magíster en Publicidad
 Bruno Munari

https://www.youtube.com/watch?v=I1rLcKzcSX0
Licenciada en Ciencias de la Comunicación
de la USMP
Magíster en Publicidad
Licenciada en Ciencias de la Comunicación
de la USMP
Magíster en Publicidad
Licenciada en Ciencias de la Comunicación
de la USMP
Magíster en Publicidad
Licenciada en Ciencias de la Comunicación
de la USMP
Magíster en Publicidad
Licenciada en Ciencias de la Comunicación
de la USMP
Magíster en Publicidad
Licenciada en Ciencias de la Comunicación
de la USMP
Magíster en Publicidad
LOGRO DE LA UNIDAD

Al finalizar la unidad, el estudiante reconoce la importancia del

color en la gráfica publicitaria, al aplicar las características y
diferencias entre el pigmento y el color de luz en piezas digitales.
 DISEÑO VECTORIAL

INTRODUCCIÓN A
ADOBE ILLUSTRATOR
SESIÓN 1
LOGRO DE LA SESIÓN

El estudiante aprenderá conceptos básicos para el uso del

software de gráficos vectoriales.
VECTORES VS. MAPAS DE BITS
MAPAS DE BITS
Píxel

• Los gráficos de mapa de bit o Bitmap,

llamados también IMÁGENES
RASTERIZADAS, son objetos que están
formados por pequeños cuadraditos en
color, en blanco y negro, o en matices de
gris, que al combinarse crean la imagen.

• A estos pequeños cuadraditos se les

denomina Píxeles, que es la que finalmente
determina la calidad de esta (la imagen).
Imagen al tamaño Imagen ampliada
(zoom al 400%)
 IMPORTANTE
“Los gráficos de mapa de bit dependen de una
resolución. Esto quiere decir que a mayor
resolución, mejor calidad de imagen y por ende
mayor será el peso del archivo.”
GRÁFICO VECTORIAL

• Se denomina gráfico vectorial a los objetos geométricos independientes (segmentos, polígonos,

arcos), cada uno de ellos definido por distintos atributos matemáticos de forma, color, etc.

• A diferencia de los mapa de bit, no dependen de una resolución, ya que al momento de ser
escalados, sesgados, etc., no hay pérdida de información (no se distorsiona) y por lo tanto la
calidad siempre es buena.
GRÁFICO VECTORIAL
GRÁFICO VECTORIAL

Imagen al tamaño Imagen ampliada

(zoom al 400%)
GRÁFICO VECTORIAL
GRÁFICO VECTORIAL
ESTRUCTURA
 Todas las imágenes tienen una estructura,
un esqueleto estructural que soporta
los elementos básicos de la energía visual.

Sin estructura no hay imágenes, tan sólo un

conjunto amorfo de elementos visuales sin conexión.
ILLUSTRATOR
ESPACIO DE TRABAJO

• Se utiliza para crear y manipular uno o varios documentos (a la vez), empleando diferentes
recursos como paneles, herramientas, comandos y ventanas.

• El espacio de trabajo esta organizado en diferentes partes, donde podremos destacar:

1
2

4 5

6
ESPACIO DE TRABAJO

• Dichas áreas las podemos

definir de la siguiente
1 forma:
2
1. Barra de menús
• Muestra una serie de
menús que contienen
comandos agrupados de
acuerdo a las funciones
que realizan.

2. Panel de control.
• Muestra opciones
específicas de la
herramienta seleccionada
en el momento.
ESPACIO DE TRABAJO

3. Fichas de documento.
• Incluye utilidades para
crear y editar imágenes,
ilustraciones, elementos
de página, etc. Las
herramientas
3 relacionadas están
agrupadas.

4. Barra de herramientas.
4 • Incluye utilidades para
crear y editar imágenes,
ilustraciones, elementos
de página, etc. Las
herramientas
relacionadas están
agrupadas.
ESPACIO DE TRABAJO

5. Grupo de paletas.
• Ayudan a controlar
y modificar el trabajo.
5
6. Mesa de trabajo.
• Ayudan a controlar
y modificar el trabajo.
6
HERRAMIENTAS
ESPACIO DE TRABAJO

• Conocer el entorno de la aplicación.

• A la disposición de los paneles, barras y ventanas se denomina Espacio de Trabajo

(Workspace); este se puede adaptar a su modo de trabajar seleccionando uno de los varios
espacios de trabajo preestablecidos o creando otro personalizado.
ESPACIO DE TRABAJO

• CLIC sobre el botón

ubicado en la parte
superior derecha.

• Ahí encontrarás
diferentes formas de
visualizar el entorno
del programa de
acuerdo a la
necesidad del trabajo
a desarrollar
(Essential, Essential
Classic, Painting,
Typography y más).
ESPACIO DE TRABAJO

1. Menú File/ New (Ctrl + N)

Menú Archivo/ Nuevo (Ctrl + N)
ESPACIO DE TRABAJO

• Luego de realizar la acción

anterior, aparecerá un
cuadro de diálogo con una
serie de opciones, las
1 mismas que nos servirán
4 para determinar cuál será el
3
aspecto de nuestra área de
5 2 trabajo.

1. Nombre del documento

• Tiene el nombre “Untitled-
1/Sin título-1” por defecto.
Aquí puedes asignar un
nombre a tu documento.
ESPACIO DE TRABAJO

2. Number of Artboards
(Número de mesas de
trabajo).
• Aquí puedes colocar la
1 cantidad de mesas de
4 trabajo que tendrá tu
3
documento.
5 2
3. Size (área de recorte).
• Puedes escoger entre los
formatos predeterminados
de lista.

4. Units ( Unidades).
• Puedes definir las unidades
de medida como
milímetros, centímetros,
píxeles, picas, puntos, etc.
ESPACIO DE TRABAJO

1
4
3
5. Orientation (Orientación).
5 2 • Puedes definir la
orientación en vertical o
apaisado (horizontal) del
documento que estas
creando.
GUARDAR COMO... - GUARDAR
• Lo recomendable es empezar a grabar el archivo, de esta forma prevenimos su perdida por
alguna falla en el programa.

• El formato nativo de Adobe Illustrator es “ai”.

GUARDAR COMO... - GUARDAR
a. Guardar como...
• Utilizaremos este comando
cuando tengamos que
grabar el documento por
primera vez o en el caso de
querer generar una copia
del mismo documento
pero con un nombre
diferente.

1. Menú File / Save As...

(SHIFT+CTRL+S)
Menú Archivo / Guardar
como... (SHIFT+CTRL+S)
GUARDAR COMO... - GUARDAR
b. Guardar
• Este comando tiene como
finalidad principal el ir
actualizando los cambios
hechos en el documento.

1. Menú File/ Save (CTRL + S)

Menú Archivo / Guardar
(CTRL + S)
HERRAMIENTA HAND TOOL (MANO) - ZOOM TOOL (ZOOM)

a. La herramienta Mano (H)

• Mueve la mesa de trabajo de Illustrator dentro de la ventana de ilustración.

b. La herramienta Zoom (H)

• Aumenta y reduce la ampliación de la vista en la ventana de ilustración.
MESAS DE TRABAJO

1. Ventana o panel y herramienta mesa de trabajo (artboards)

• Crea más documentos dentro de un archivo.
 EJERCICIO 1
Mesas de trabajo
Crear 5 mesas de trabajo para impreso con las siguientes medidas:
• Hoja A4
• 44.2 cm ancho x 30.6 cm alto
• 14.8 cm ancho x 21 cm alto
• 10.5 cm ancho x 14.8 cm alto
• 9 cm ancho x 5 cm alto

Crear 5 mesas de trabajo para formatos de instagram con las

siguientes medidas:
• 1080 px ancho x 1920 px alto
• 1080 px ancho x 566 px alto
• 1080 x 1080 px (3 mesas)
DUDAS O CONSULTAS
 CONCLUSIONES
En 2 palabras comenta lo que te llamó más la
atención de lo conversado en clase
GRACIAS