Conceptos básicos de diseño gráfico e Illustrator

1. Fundamentos de Aplicaciones
Publicitarias

2. Objetivo
Aprender la importancia
del diseño gráfico y la
composición para una
buena comunicación
visual.
También realizar
composiciones
gráficas, vectorización
de imágenes,
Ilustraciones, etc.
utilizando el programa
Illustrator.

3. Diseño gráfico
El diseño gráfico es una
actividad cuyo objetivo
es proyectar mensajes
contemplando diversas
necesidades que varían
según el caso:
estilísticas, informativas,
identificatorias, vocativas,
de persuasión, de código,
tecnológicas, de
producción, de
innovación, etc.

4. Importancia de la
comunicación visual

9. 1.1. Illustrator
• Programa enfocado a la creación artística de
dibujo y pintura para ilustración (como rama
del arte digital aplicado a la ilustración técnica o
el diseño gráfico).
• Es un programa de la familia Adobe, por lo que
es compatible con los programas de dicha
familia.
• Su principal objetivo es la ilustración a través
de vectores.

10. Vectores
Las imágenes vectoriales, se
definen matemáticamente
como una serie de puntos
unidos por líneas.
Los elementos gráficos
presentes en un archivo
vectorial se denominan
objetos.
Cada objeto es una entidad
completa con propiedades
tales como color, forma,
contorno, tamaño y posición en
la pantalla, que están incluidas
en su definición.

11. Mapa de bits
Vector

12. Vectores
La imagen
vectorial, al estar
formada por
curvas
matemáticas, se
puede agrandar
infinitamente sin
perder su
calidad.

13. Los trazos vectoriales en Illustrator tienen
además la ventaja de que se puede
cambiar el color y tamaño de línea, el
color interior, estilos, etc. en cualquier
momento que lo requiera el diseñador.

15. Ejemplos de aplicaciones

16. Serigrafía

18. Publicidad/Empaque

21. Afiches

22. Imagen corporativa

25. Ilustración

38. 1.2. Comenzando a trabajar
Distinguir: • Software esencial para diseñadores gráficos
• Formatos de archivo compatibles con Illustrator
Edición y
administración
de imágenes
Dibujo
vectorial
Diseño
editorial
Diseño
web
Animación
Adobe
Photoshop
.jpg .tiff
.psd .bmp
.png
Adobe
Illustrator
.ai
.pdf
.psd
.eps
Adobe
Indesign
.indd
.pdf
Adobe
Dreamweaver
.air
.html
.php
Adobe
Flash
.flv
.swf
Formatodearchivo

39. Cuando arranca la aplicación, lo
primero que encontramos es la
pantalla de bienvenida.
Esta ventana se divide en cuatro
secciones:
• Abrir un elemento reciente: los
últimos archivos abiertos desde
Illustrator.
• Crear nuevo: y se puede elegir uno
de los perfiles predefinidos según el
trabajo a realizar.
• La parte inferior, divida en dos
secciones:
encontramos enlaces a la ayuda.
1.2. Comenzando a trabajar

40. Ahora, para crear un
nuevo documento,
seleccionamos un perfil
(Imprimir, web, etc). Se
abrirá la ventana Nuevo
documento y le daremos
las características que
necesitamos:
1.2. Comenzando a trabajar
• Nombre del archivo
• Perfil del documento (web, imprimir. etc.)
• Tamaño del documento (carta, oficio,etc.)
• Anchura y altura (cms, pixeles, etc.)
• Modo de color (RGB, CMYK, etc.)

41. 1.3. Colocar (importar)
Esto se hace cuando
necesitamos añadir un
gráfico o un archivo
existente, por ejemplo
insertar una imagen a modo
de marca de agua o insertar
una página de un PDF.
Se encuentra en el menú
Archivo. La ventana es casi
idéntica al cuadro de diálogo
Abrir, y se utiliza igual.

42. 1.4. Guardar y exportar
• Guardar como: Comando para guardar
los archivos en formatos que utilizan
vectores como .ai, .pdf, .eps, etc.
Archivos originales que se pueden editar.

44. 2. Entorno del illustrator

47. 2.3.Cuadroherramientas

48. 2.3. Panel Capas
• En Illustrator es muy
importante utilizarlas,
pues ayuda a trabajar
con mayor orden y
también para
selecciones más
rápidas y precisas.
• Las capas funcionan
de la misma manera
que en Photoshop e
Indesign.

49. • En un documento podemos crear
varias capas.
• Nos permiten trabajar con los
elementos del documento en
distintos niveles.
• Para hacernos una idea, podemos
comparar las capas con una serie
de láminas transparentes, en las
que podemos dibujar de forma
independiente, pero que si las
superponemos vemos todas las
láminas como un sólo dibujo.
• El orden de las capas determina
el orden de los objetos.
2.3. Panel Capas
• Para controlar las capas y
movernos entre ellas,
disponemos del panel Capas.

50. A la izquierda: hay un triángulo que expande
o contrae la capa, mostrando sus subcapas
(los distintos objetos que la componen).
También hay dos iconos: un ojo ojo que al
pulsarlo oculta o muestra la capa, y un
candado ojo, que la bloquea impidiendo su
edición.
Debajo: están los controles que permiten
crear o eliminar capas. Haciendo doble clic
sobre una capa, accedemos a sus
propiedades, y podemos cambiar, por
ejemplo, su nombre.
2.3. Panel Capas

51. 2.4. Desplazarse por el
documento
• Utilizando la herramienta mano Mano podemos
desplazar el documento simplemente arrastrando. (Tecla
barra espaciadora)
• Utilizando la rueda del ratón: si la combinamos con la
tecla Ctrl nos desplazamos verticalemente, y si la
combinamos con la tecla Mayúsculas, en forma
horizontal.
• Con las barras de desplazamiento típicas de
las ventanas de Windows
barra horizontal.

52. 2.5. El zoom
• Permite aumentar o
disminuir el tamaño de
nuestro documento para
ajustarlo a nuestra
necesidades.
• Se da en porcentaje (%).
El 100% sería el tamaño
normal del documento.
• En la esquina inferior
izquierda de la Ventana del
documento encontramos el
indicador de zoom.
• Se puede controlar el Zoom
desde el teclado o de la
propia herramienta Zoom
(tecla Z). Al elegirla, el cursor
tomará forma de lupa Zoom
y al hacer clic sobre el
documento aumentará.
Para disminuir con la
herramienta Zoom habrá que
mantener la tecla Alt
pulsada mientras se usa.
Veremos que el cursor cambia
a una lupa con el signo -.

53. • Planifiquen, realicen bosquejos en sucio, antes
de empezar a trabajar en el programa.
• Guarden constantemente el
archivo mientras trabajan.
Recomendaciones