Está en la página 1de 44

1

CRÉDITOS

El módulo de estudio de la asignatura Dibujo Vectorial, unidad I es propiedad de la Corporación Universitaria Remington. Las imágenes fueron tomadas de
diferentes fuentes que se relacionan en los derechos de autor y las citas en la bibliografía. El contenido del módulo está protegido por las leyes de
derechos de autor que rigen al país.

Este material tiene fines educativos y no puede usarse con propósitos económicos o comerciales.

AUTOR

Mario Alejandro Palacios Hoyos


Tecnólogo en diseño Gráfico, Diseñador Visual
mpalaciox@gmail.com, mario.palacios@uniremington.edu.co

Nota: el autor certificó (de manera verbal o escrita) No haber incurrido en fraude científico, plagio o vicios de autoría; en caso contrario eximió de toda
responsabilidad a la Corporación Universitaria Remington, y se declaró como el único responsable.

RESPONSABLES

Mario Alejandro Palacios Hoyos


Facultad de Arquitectura y Diseño
mario.palacios@uniremington.edu.co

Eduardo Alfredo Castillo Builes


Vicerrector Académico Educación a Distancia y Virtual
ecastillo@uiremington.edu.co

Carlos Alberto Ocampo Quintero


Coordinador CUR-Virtual
cocampo@Remington.edu.co

GRUPO DE APOYO

Personal de la Unidad CUR-Virtual


EDICIÓN Y MONTAJE
Primera versión. Febrero de 2011.Segunda versión Marzo 2012

Derechos Reservados

Esta obra es publicada bajo la licencia CreativeCommons. Reconocimiento-No Comercial-Compartir Igual 2.5 Colombia.
2

CONTENIDO
1. DATOS GENERALES DEL AUTOR ........................................................................................................................ 5
2. DATOS DE LA ASIGNATURA ............................................................................................................................... 6
2.1 PROPÓSITO GENERAL DEL MÓDULO: ............................................................................................................... 6
2.2 OBJETIVO GENERAL DE LA ASIGNATURA:......................................................................................................... 6
3. UNIDAD 1: CONCEPTOS BÁSICOS DE DISEÑO VECTORIAL ............................................................................... 7
3.1 Objetivo de la Unidad: ....................................................................................................................................... 7
4. TEMA 1: CONCEPTOS BÁSICOS DE DIBUJO VECTORIAL ................................................................................... 9
4.1 TAREA (10 PUNTOS) DIBUJO LIBRE CON FORMAS BÁSICAS. ....................................................... 37
4.2 TAREA (30 PUNTOS) ....................................................................................................................... 38
4.3 EVALUACIÓN DE LA UNIDAD (40PUNTOS).................................................................................... 40
4.4 PISTA DE APRENDIZAJE: ................................................................................................................. 42
5. BIBLIOGRAFÍA: .................................................................................................................................................. 43
3

PRESENTACIÓN
La asignatura Diseño Vectorial 1 aborda todo el conocimiento básico relacionado con la creación y edición de
gráficos vectoriales; para ello se estudia ampliamente el manejo de un potente programa editor de este tipo de
gráficos, repasando todas las herramientas básicas que permitan al estudiante hacerse una idea del potencial
que le otorgan este tipo de software.

Hay que dejar claro que aunque el software específico que se aborda es Adobe Illustrator1, debido a que a la
fecha éste es el editor de imágenes vectoriales más empleado en el mercado tanto nacional como mundial, éste
no es único en su tipo, existen otros programas que igualmente crean y editan imágenes vectoriales, tales como
CorelDraw, su principal competidor; pero debido a que el medio profesional del diseño gráfico publicitario exige
principalmente el manejo del software de Adobe, éste módulo brinda al estudiante el conocimiento que el
medio laboral le exige.

La asignatura Diseño Vectorial 1, se concentra específicamente en el dominio de las herramientas básicas del
software y se enfoca en las habilidades básicas de ilustración vectorial y diseño de piezas gráficas impresas de
pequeño formato.

1 Página principal de Adobe Illustrator, Recuperado el 06 de abril de 2015 http://www.adobe.com/la/products/illustrator.html


4

NOTA: Para poder poner en práctica todos los conocimientos abordados en el presente módulo, es necesario
que el estudiante cuente con el software Adobe® Illustrator®, preferiblemente en su versión CC 2014 o
posterior, puede descargarse una versión de prueba desde la página de Oficial de Adobe o directamente en el
siguiente link http://www.adobe.com/la/products/illustrator.html, dando clic en el botón Prueba Gratuita y
siguiendo los pasos.

Captura de pantalla, Recuperado el 18 de abril de 2015, https://www.adobe.com/la/products/photoshop.html

Hay que tener en cuenta que la máquina debe contar con los requisitos mínimos del sistema:
Mac OS Windows
• Procesador Intel multinúcleo con compatibilidad con 64 • Procesador Intel® Pentium® 4 o AMD Athlon® 64
bits (2 GHz o superior)
• Mac OS X v10.7 (64 bits), v10.8 (64 bits) o v10.9 (64 • Microsoft® Windows® 7 con Service Pack 1, Windows 8
bits) o Windows 8.1
• 1 GB de RAM • 1 GB de RAM
• 3,2 GB de espacio disponible en el disco duro para la • 3,2 GB de espacio disponible en el disco duro para la
instalación; se requiere espacio libre adicional durante instalación; se requiere espacio libre adicional durante
la instalación (no se puede instalar en un volumen que la instalación (no se puede instalar en dispositivos de
utilice un sistema de archivos con distinción entre almacenamiento flash extraíbles)
mayúsculas y minúsculas, ni en dispositivos de • Resolución de 1024 x 768 (se recomienda 1280 x 800)
almacenamiento flash extraíbles) con color de 16 bits y 512 MB de VRAM (se requiere
• Resolución de 1024 x 768 (se recomienda 1280 x 800) 1 GB de VRAM para funciones 3D)
con color de 16 bits y 512 MB de VRAM (se requiere • Sistema compatible con OpenGL 2.0
1 GB de VRAM para funciones 3D) • Se requiere conexión a Internet y registro para la
• Sistema compatible con OpenGL 2.0 activación del software, la validación de suscripciones y
• Se requiere conexión a Internet y registro para la el acceso a servicios online*.
activación del software, la validación de suscripciones y
el acceso a servicios online*.
5

1.DATOS GENERALES DEL AUTOR

Nombre Mario Alejandro Palacios Hoyos

Tecnólogo en Diseño Gráfico, Diseñador Visual

CORPORACIÓN UNIVERSITARIA REMINGTON:

-Docente, en los programas de Tecnología en Diseño Gráfico, Diseño Visual y


Arquitectura, asignaturas: Animación 2d (Flash), Diseño Vectorial II
(Illustrator), Retoque Digital (Photoshop), Fotografía, Talleres 1, 2 y 3, Diseño
Multimedia.

-Investigador, en los proyectos: Álbum Familiar 2010 con participación


ponente en el evento “Cómo nos recordamos”; Vivienda en ladera 2011,
Formación académica y Enseñanza del diseño 2012, Tribus Urbanas 2013.
experiencia laboral
-Experto temático, Creación de módulos para las asignaturas: Color 1,
Expresión Artística, Expresión Concepto Contextual, Fotografía Básica Digital
y Retoque Digital 1 y 2 (Photoshop), para los programas Diseño Visual
modalidad distancia tradicional y Tecnología en Diseño Gráfico modalidad
distancia virtual.

-Tutor, en el programa Tecnología en Diseño Gráfico Publicitario modalidad


distancia virtual, en los núcleos: Competencias Básicas (Competencias
Comunicativas, Razonamiento Matemático e Historia del Diseño), Expresión
(Expresión Artística y Expresión Concepto Contextual), Color (Color I y Color
II), Imagen (Comunicación visual, Ilustración y Técnicas de Expresión).

Correo electrónico mario.palacios@uniremington.edu.co, mpalaciox@gmail.com


6

2.DATOS DE LA ASIGNATURA
2.1 PROPÓSITO GENERAL DEL MÓDULO:
El módulo de retoque digital, procura proporcionar a los diseñadores gráficos publicitarios, la destreza de
manipular hábilmente una herramientas tecnológica de punta que apoye sus criterios conceptuales, para que
con ella logre materializar de manera profesional los conceptos adquiridos en su formación proyectual. El
retoque digital es por sí mismo una de las habilidades técnicas más importantes que debe poseer el diseñador,
ya que el medio laboral requiere capital humano con habilidades para procesar imágenes de mapa de bits, ésta
asignatura sirve como una guía inicial para que el estudiante conozca los principios básicos y que acompañado
de su deseo de aprender, trabajo y esfuerzo constante, se convierta en un habilidoso del retoque digital.

2.2 OBJETIVO GENERAL DE LA ASIGNATURA:


Operar hábilmente un software de diseño vectorial, aplicando las destrezas comunicativas, creativas y
conceptuales en la creación de diferentes piezas gráficas impresas de pequeño formato.

2.3 OBJETIVOS ESPECÍFICOS DE LA ASIGNATURA:


UNIDAD 1:
• Reconocer las herramientas, interfaz, alcances y conceptos básicos de un software de Diseño
Vectorial (Adobe Illustrator), como paso inicial para comenzar a diseñar diferentes tipos de piezas
gráficas.

UNIDAD 2:
• Diseñar cualquier pieza gráfica de pequeño formato en un software de diseño vectorial.
7

3.UNIDAD 1: CONCEPTOS BÁSICOS DE DISEÑO VECTORIAL

3.1 Objetivo de la Unidad:


Reconocer las herramientas, interfaz, alcances y conceptos básicos de un software de Diseño Vectorial (Adobe
Illustrator), como paso inicial para comenzar a diseñar diferentes tipos de piezas gráficas.
8

Actividad Previa:
Antes de comenzar a leer el módulo, te recomiendo ver este vídeo de Adobe TV que explica los múltiples usos
del Adobe Illustrator:

WHAT IS ILLUSTRATOR (QUÉ ES ILLUSTRATOR) VER VIDEO:

WHAT IS ILLUSTRATOR (QUÉ ES ILLUSTRATOR) Por: Lynda.com


9

4.TEMA 1: CONCEPTOS BÁSICOS DE DIBUJO VECTORIAL

LOS GRÁFICOS POR COMPUTADORA SE DIVIDEN BÁSICAMENTE EN DOS

VECTOR: Es un gráfico compuesto por líneas tanto PIXEL: Si abrimos un archivo JPEG o un PNG y nos
rectas como curvas, definido por atributos acercamos al máximo, veremos unos cuadritos de
matemáticos; se define por su forma, posición, colores, a dichos cuadros se les conoce como
color, entre otros; la mayor cualidad de un gráfico PÍXELES o PIXELES, y son la mínima expresión de
vectorial es su capacidad para modificar su tamaño color que conforma una imagen de mapa de bits,
sin pérdida de calidad, podemos acercarnos cuanto como por ejemplo una fotografía o un video, estos
queramos a un vector y este siempre será perfecto. se componen por esta unidad mínima.
10

Un gráfico vectorial no depende de la resolución, por lo cual este puede escalarse al tamaño que se desee sin
pérdida alguna de calidad, cosa que no es posible con una imagen de mapa de bits, por ejemplo: si ilustramos
una estrella de 5x5 en Adobe Photoshop y queremos aumentar posteriormente su tamaño, esta se deteriorará
drásticamente, mientras que si este procedimiento se hace en Adobe Illustrator aunque la estrella se escale a un
metro, sus bordes siempre serán perfectos.

Veamos algunas ventajas y desventajas de los gráficos vectoriales:

VENTAJAS DESVENTAJAS
Los gráficos vectoriales no son aptos para codificar
En la mayoría de los casos, las imágenes vectoriales
fotografías o videos tomados de la realidad, todas las
requieren menor espacio en disco que un mapa de
cámaras fotografías y de vídeo almacenan imágenes
bits.
de mapa de bits.
Los gráficos vectoriales suelen ser complejos de
No pierden calidad al ser escaladas. procesar por lo que requieren una máquina con buen
rendimiento.
La visualización de los gráficos vectoriales en pantalla,
Los vectores pueden ser modificados ilimitadamente.
siempre es traducida a pixeles.
Los software de dibujo vectorial son perfectos para el
manejo de textos.
11

En este módulo de dibujo vectorial abordaremos el software Adobe Illustrator que es el programa de dibujo
vectorial más popular a nivel mundial, tenemos que tener presente que éste no es único en su especie y que
existen otros programas que a fin de cuentas sirven para lo mismo, simplemente son herramientas, la clave está
en quien las maneja; otro de los programas vectoriales más populares es CorelDRAW de la casa Corel
Corporation 2, también es ampliamente utilizado.

Veamos algunas diferencias de Adobe Illustrator frente a CorelDRAW:

ADOBE ILLUSTRATOR (*.AI) COREL DRAW (*.CDR)


Guarda periódicamente copias de seguridad de los
No realiza copias de seguridad automáticas
archivos.
El color mostrado en pantalla es muy fiel a la El color mostrado en pantalla no suele ser muy fiel a la
impresión. impresión.
Poco Zoom: 6.400% en versión CC 2014. Mucho Zoom: 264.583% en versión X7.
Compatibilidad con PDF ya que programas
No mucha compatibilidad con PDF.
pertenecientes a la casa Adobe.
Archivos suelen ser más pesados ya que guardan
Archivos un poco más livianos.
internamente una copia en PDF.
Extrema compatibilidad con otros software de Adobe
No mucha compatibilidad con los software de Adobe.
como Photoshop, Flash, Premiere, After Efects.
Área de trabajo más pequeña, 6m x 6m Área de trabajo muy grande 45m x 45m
aproximadamente. aproximadamente.
Es complejo realizar un cambio completo de archivo
Fácil cambio de CMYK a RGB.
CMYK a RGB.
Muy estable. Suele ser muy inestable.

2 Página principal de Corel Corporation, Recuperado el 06 de abril de 2015 http://www.corel.com/rola/


12

¿QUÉ ES ADOBE ILLUSTRATOR?


Es un software de dibujo desarrollado y comercializado por Adobe Systems 3, que a partir de mesas de trabajo
permite la creación de gráficos vectoriales, es empleado para la creación de dibujo artístico, ilustración y piezas
gráficas publicitarias principalmente. Como ya se ha mencionado, su principal característica es la creación y
edición de gráficos vectoriales, pero también permite la manipulación de imágenes de mapa de bits gracias a su
completa sincronía y compatibilidad con Adobe Photoshop.

ÍCONO: Para empezar, familiaricémonos con el ícono del Adobe Illustrator CC 2014
y con su ya popular sigla “AI” que lo representa desde ya hace varios años. Es
fundamental comprender que cada versión nueva del software trae consigo
nuevas herramientas y opciones que lo hacen cada día más potente, pero que en
general el manejo sustancial de la herramienta sigue siendo el mismo, así que si
ésta es tu primera vez en enfrentarte al programa, debes tener en cuenta que
nunca terminas de aprender todo lo que Illustrator puede darte y que si quieres
ser un maestro del dibujo vectorial debes estar en actualización constante,
¡MUCHOS ÉXITOS!

Ilustración contrabajista, Por: Mario Palacios 2013.

3 Página principal de Corel Corporation, Recuperado el 06 de abril de 2014 http://www.adobe.com/la/


13

INTERFAZ DEL SOFTWARE


La principal característica de la interface del software es que es 100% personalizable según los gustos de quien
lo manipule, pueden moverse los paneles, minimizarse individualmente, cerrarse y siempre se puede volver a la
configuración predeterminada a través del menú ventana/Espacio de trabajo/Aspectos esenciales.

Cabe destacar que a simple vista, Adobe Illustrator es muy similar en la disposición del espacio de trabajo, como
en los comandos básicos a Adobe Photoshop, por lo cual es simple de comprender para quienes ya tienen
experiencia en PS.

Captura de pantalla del programa Adobe® Illustrator® CC 2014, Recuperado el 04 de abril de 2015, Diseño: Mario Palacios.

A: BARRA DE HERRAMIENTAS D: CONMUTADOR DE ESPACIOS F: PALETAS O PANELES


B: BARRAS DE MENÚS DE TRABAJO G: MESA DE TRABAJO
C: VENTANAS DE DOCUMENTO E: EXPANDIR Y CONTRAER H: REGLAS
EN FORMA DE PESTAÑAS PANELES I: BARRA DE OPCIONES
14

Te presente que puedes cambiar el brillo de las paletas y que éstas se contraigan automáticamente. Solo hay
que ir al Menú / Edición / Preferencias o Ctrl + K y en el sub menú interfaz de usuario, allí podrás personalizar la
interfaz a tu preferencia. Veamos el cuadro de diálogo de Preferencias/Interfaz de usuario:

Captura de pantalla del programa Adobe® Illustrator® CC 2014, Recuperado el 04 de abril de 2015.

Veamos diferentes apariencias de brillo de la interfaz, todo es cuestión de gustos:

Captura de pantalla del programa Adobe® Illustrator® CC 2014, Recuperado el 04 de abril de 2015.
15

ACERCA DEL CUADRO, BARRA O PALETA DE HERRAMIENTAS


Es el panel más importante de todos, contiene las herramienta; la podemos trabajar de dos maneras, la clásica a
dos columnas o a 1 columna, solo hay que presionar la doble flecha de su parte superior ( ); en lo
personal prefiero a una columna ya que ocupa menos espacio de la pantalla, pero es simple cuestión de gustos.
Para más información observa el vídeo #1.

Si observas detenidamente podrás observar que en la parte inferior derecha de casi todas las herramientas hay
una pequeña flechita, esto indica que si dejas el clic presionado desplegarán otras tantas.

En el siguiente gráfico podemos ver todas las herramientas que contiene la barra:

Imagen tomada de https://helpx.adobe.com/es/illustrator/using/tools.html, Recuperada el 4 de abril de 2015


16

COLOR DE RELLENO Y COLOR DE TRAZO


Casi al final de la barra de herramientas justo después de la herramienta Zoom , se destacan dos cuadros que
se encuentran uno encima del otro, éstos son el RELLENO y el TRAZO.

Su funcionamiento es muy simple, basta con seleccionar un trazado cualquiera y luego colorearlo, dando clic en
las opciones TRAZO o RELLENO y luego seleccionando en el panel de color o muestras, el color deseado.

Veamos un ejemplo de cómo se configuran el color del trazo y del relleno en un objeto:

Captura de pantalla del programa Adobe® Illustrator® CC 2014, Recuperado el 04 de abril de 2015, Diseño: Mario Palacios.

Para más información observa el vídeo #1.


17

VÍDEO DE APRENDIZAJE #1
EN EL SIGUIENTE VÍDEO VERÁS:
Un repaso de la interfaz del software, la barra de herramientas y cómo funciona
relleno y el trazo.
¡Presta muchísima atención!

https://youtu.be/OJxVDXhSBi0
18

Con este ícono podemos identificar visualmente un archivo


de Adobe Illustrator, vemos el característico color naranja
que identifica al programa acompañado de la ya famosa
sigla “Ai” que corresponde a su extensión de archivo.

TRABAJO CON ARCHIVOS


Para abrir un archivo existente hay varias formas:

1. Ir a Menú/Archivo/Abrir, y buscar el archivo deseado en el


cuadro de diálogo Abrir.
2. Presionar las teclas Ctrl + O, y buscar el archivo deseado
en el cuadro de diálogo Abrir.
3. Ubicar el archivo deseado a través del explorador de
Windows y luego arrastrarlo a Adobe illustrator.

Veamos el cuadro de diálogo abrir del menú/Archivo con un


archivo AI seleccionado. Para más información observa el vídeo
#2

Captura de pantalla del programa Adobe® Illustrator® CC 2014, Recuperado el 04 de


abril de 2015.

TIPOS DE ARCHIVOS BÁSICOS

Adobe Illustrator puede guardar limitada cantidad de formatos


de archivo, lo podemos ver en esta imagen de captura de
pantalla del Menú/Guardar como (Ctrl + Mayus (Shift) + S).
Para más información observa el vídeo #2.

Si deseas expandir tus conocimientos acerca de los diferentes


formatos de archivo, te invito a leer el siguiente artículo.
http://es.wikipedia.org/wiki/Formato_de_archivo_inform%C3
%A1tico
Captura de pantalla del programa Adobe® Illustrator® CC 2014, Recuperado el 04 de
abril de 2015.
19

FORMATOS DE ARCHIVO VECTORIAL MÁS COMUNES

FORMATO DE ARCHIVO CARACTERÍSTICAS

Es el formato predeterminado del Adobe Illustrator, es importante aclarar que para poder
abrir un archivo AI es necesario que el equipo tenga instalado Adobe Illustrator, de lo
contrario este no podrá ser editado, más sin embargo si puede ser visualizado mediante
Adobe Acrobat, ya que al guardar un archivo AI predeterminadamente se almacena
internamente una copia en PDF.

Veamos la ventana de opciones de guardar como (Ctrl + Mayus (Shift) + S) de Adobe


Illustrator, entre otras opciones se encuentra la de “Crear archivo PDF compatible”

AI

Captura de pantalla del programa Adobe® Illustrator® CC 2014, Recuperado el 04 de abril de 2015.

CDR Es la extensión de archivo de CorelDraw.

PostScript encapsulado, o EPS, es un formato de archivo gráfico. Un archivo EPS es un


archivo PostScript que satisface algunas restricciones adicionales. Estas restricciones
intentan hacer más fácil a programas de software el incluir un archivo EPS dentro de otro
EPS documento PostScript. 4
El EPS es un archivo vectorial muy común, es compatible tanto con Adobe Illustrator como
con CorelDraw, es más, para pasar un elemento de un software a otro se recomienda
exportar este, en formato EPS debido a si mayor compatibilidad.

4 Wikipedia.org, Recuperado el 15 de abril de 2015 http://es.wikipedia.org/wiki/PostScript_encapsulado


20

HERRAMIENTAS DE NAVEGACIÓN:
Sirven pare desplazarse con precisión por la imagen abierta, Veamos la siguiente tabla.
Para más información observa el vídeo #2.

FUNCIÓN / HERRAMIENTA COMANDO (S)

Ocultar/mostrar Paneles: Muy útil cuando estos te


estorban o simplemente quieres emplear la totalidad Tecla Tab
de tu pantalla para trabajar.
Herramienta mano: sirve parara desplazarse sobre la Barra Espaciadora + Clic sostenido
imagen cuando ésta es más grande que la pantalla.
Funciona igual que las barras de desplazamiento pero
de una manera más práctica e intuitiva. Tecla H

Tecla Z
Zoom In (Acercarse): Ctrl + Numpad +
Zoom: Sirve para acercarse o alejarse de la imagen
Zoom Out (Alejarse): Ctrl + Numpad –
Tecla Alt + Rueda del mouse

Veamos la configuración general de atajos de teclado:


21

MODOS DE PANTALLA
Con el fin de contar con mayor espacio de trabajo, Adobe Illustrator permite que el usuario seleccione tres
modos diferentes de pantalla, para cambiar de un modo de pantalla a otro solo hay que presionar la tecla F o dar
clic en el último ícono de la barra de herramientas.

Detalle captura de pantalla del programa Adobe® Photoshop® CC, Recuperado el 16 de abril de 2014.

Veamos cómo cambia la interfaz dependiendo de cada modo de pantalla:

MODOS DE PANTALLA (TECLA F)

MODO DE PANTALLA ENTRA CON


MODO DE PANTALLA NORMAL MODO DE PANTALLA ENTERA
BARRA DE MENÚS

Captura de pantalla del programa Adobe® Illustrator® Captura de pantalla del programa Adobe® Illustrator® Captura de pantalla del programa Adobe® Illustrator®
CC 2014, Recuperado el 04 de abril de 2015, Diseño: CC 2014, Recuperado el 04 de abril de 2015, Diseño: CC 2014, Recuperado el 04 de abril de 2015, Diseño:
Mario Palacios. Mario Palacios. Mario Palacios.

Si presionas la tecla F una vez más,


Si presionas la tecla F una vez, verás el
desaparecerán todos los paneles lo
Este es el modo como abre el segundo modo de pantalla, en el que
que deja la totalidad de la pantalla
programa por defecto, se ve la barra Photoshop se maximiza sobre
para trabajar.
de herramientas, las paletas, y la cualquier otro programa que tengas
Para volver al modo pantalla normal,
barra de tareas en Windows. abierto y desaparece la barra de
solamente hay que presionar la tecla F
tareas de Windows.
nuevamente.
22

CREAR UN DOCUMENTO NUEVO (Ctrl + N)


Veamos a continuación el cuadro de diálogo Nuevo del menú/Archivo:

Captura de pantalla del programa Adobe® Illustrator® CC 2014, Recuperado el 04 de abril de 2015.

A través de este cuadro de diálogo se puede crear un nuevo documento, dicho documento puede configurarse
de diferentes tamaños predeterminados y personalizados, además pueden crearse varias mesas de trabajo en
un solo documento. Para más información observa el vídeo #2.

Captura de pantalla del programa Adobe® Illustrator® CC 2014, Recuperado el 04 de abril de 2015, Diseño: Mario Palacios.
23

MESA DE TRABAJO
Las mesas de trabajo representan representan las áreas que pueden contener ilustraciones imprimibles.
Trabajar con varias mesas de trabajo resulta útil en situaciones determinadas como la creación de PDF de varias
páginas, imprimir la misma página con diferentes elementos, crear distintos elementos ara un sitio web y crear
guiones gráficos de vídeo, entre otras muchas. Las mesas de trabajo permiten tener en pantalla todos los
elementos que forman parte de un único documento trabajando cómodamente. Desde la versión CS6 de Adobe
Illustrator se incorpora el panel Mesas de Trabajo, que nos permite agregar nuevas mesas de trabajo,
reordenarlas y duplicarlas. 5

Para expandir tus conocimientos, dirígete a la siguiente lectura complementaria de la página de ayuda de Adobe:
https://helpx.adobe.com/es/illustrator/using/artboard-overview.html

5
Manual de Illustrator CS6, Editorial Mediactive, recuperado el 15 de abril de 2015 https://books.google.es/books?id=vO6Adg--
060C&printsec=frontcover&dq=illustrator&hl=es&sa=X&ei=Ls6RU_-bBMnKsAT3toHoDg#v=onepage&q=illustrator&f=false
24

VÍDEO DE APRENDIZAJE #2
EN EL SIGUIENTE VÍDEO VERÁS:
Herramientas de navegación, trabajo con archivos, mesas de trabajo y cómo crear un
archivo nuevo.
¡Presta muchísima atención!

https://youtu.be/NDCOcf5bibA
25

REGLAS Y LÍNEAS GUÍAS


Illustrator cuenta con una regla vertical y una horizontal que permiten estimar visualmente el tamaño de la
mesa de trabajo, a su vez éstas permiten añadir líneas guías que son líneas no imprimibles que sirven como
referencias a la hora de diagramar y ubicar objetos.
Para más información observa el vídeo #3.

Veamos a continuación las reglas las líneas guías:

Captura de pantalla del programa Adobe® Illustrator® CC 2014, Recuperado el 04 de abril de 2015.

HERRAMIENTAS DE SELECCIÓN
Las primeras y quizás más importantes herramientas de la barra, son las de selección, estas permiten, valga la
redundancia, “seleccionar” cualquier objeto dentro del documento, luego de seleccionado podremos moverlo,
escalarlo o aplicarle cualquier tipo de edición; las tres principales herramientas de selección son:

HERRAMIENTA HERRAMIENTA HERRAMIENTA


SELECCIÓN (V) SELECCIÓN DIRECTA (A) SELECCIÓN DE GRUPOS

La herramienta Selección Directa La herramienta Selección de


La herramienta Selección (V)
(A) selecciona puntos o segmentos Grupos selecciona objetos y grupos
selecciona objetos enteros.
de trazado de los objetos. dentro de grupos.

Captura de pantalla del programa Adobe® Illustrator® CC 2014, Recuperado el 04 de abril de 2015, Diseño: Mario Palacios.

Para más información observa el vídeo #3.


26

ORDEN DE ELEMENTOS
Para ordenar elementos dentro de Illustrator basta con seleccionar el elemento que se desea cambiar de orden,
dar clic derecho sobre él y en la opción organizar elegir entre las opciones: Traer al frente, Hacia adelante, Hacia
atrás y Enviar detrás, veamos un ejemplo en el que se envía un elemento hacia adelante:

Captura de pantalla del programa Adobe® Illustrator® CC 2014, Recuperado el 04 de abril de 2015, Diseño: Mario Palacios.

Hay que tener muy presente que con la opción “Organizar” no se cambian los objetos de capa, es decir que si
hay elementos ubicados en una capa superior a la del objeto que queremos enviar hacia adelante, por ejemplo,
esté no quedará por delante de los objetos que hay en la capa superior, en este caso hay que cambiar el
elemento de capa. (Para comprender mejor, ver el subtema CAPAS). Para más información observa el vídeo #3.

GRUPOS
Cuando dibujamos objetos en Illustrator, cada uno de ellos es completamente independiente, pero existe la
opción de agrupar de maneta selectiva, podemos agrupar elementos con características comunes para editarlos
conjuntamente, es cuestión de orden y de ahorro de tiempo, por ejemplo, se puede agrupar los objetos que
conforman un logotipo para poder moverlo y cambiar su escala como una unidad.

AGRUPAR DESAGRUPAR
El primer paso es seleccionar los elementos que se Para desagrupar debes seleccionar el grupo y luego
desean agrupar y luego continúa con cualquiera de los aplicar cualquiera de las siguientes opciones:
siguientes pasos:
• Ir al Menú/Objeto/Desagrupar.
• Ir al Menú/Objeto/Agrupar. • Clic derecho/Desagrupar
• Clic derecho/Agrupar • Ctrl + Mayus (Shift) + G.
• Ctrl + G.

Para editar los grupos puedes hacerlo con la Herramienta Selección de Grupos o dando doble clic en el grupo
para editarlo desde adentro. Para más información observa el vídeo #3.
27

CAPAS
Para empezar, hay comprender que las capas funcionan como si fueran hojas transparentes o acetatos en los
que se pueden hacer dibujos diferentes, y que al poner unas sobre otras se crea una imagen que combina
todos los elementos, ya que estos se dejan ver a través de las zonas transparentes de cada hoja; otro punto a
tener muy en cuenta es que también es posible modificar el orden de éstas, Veamos el siguiente ejemplo:

Diseño: Mario Palacios

En Illustrator, cuando se crea una ilustración compleja, resulta difícil controlar todos los elementos de la ventana
del documento. Los elementos pequeños quedan ocultos por elementos más grandes y, por consiguiente, es
difícil seleccionar toda la ilustración. Las capas permiten gestionar todos los elementos que componen una
ilustración. Las capas son como carpetas transparentes que contienen ilustraciones. Si cambia el orden de las
carpetas, también cambiará el orden de apilamiento de los elementos de la ilustración. Puede mover elementos
entre las carpetas y crear subcarpetas dentro de éstas.

La estructura de capas de un documento puede ser simple o compleja, según prefiera. Por defecto, todos los
elementos se organizan en una misma capa principal. Sin embargo, se pueden crear capas nuevas y mover
elementos a éstas, o mover elementos de una capa a otra en cualquier momento. El panel Capas proporciona
una manera fácil de seleccionar, ocultar, bloquear y cambiar los atributos de apariencia de la ilustración. 6

6 Página de ayuda de Adobe Illustrator, Recuperado el 06 de abril de 2015 https://helpx.adobe.com/es/illustrator/using/layers.html


28

Veamos a continuación cada una de las partes de la paleta de capas (F7):

Captura de pantalla del programa Adobe® Illustrator® CC 2014, Recuperado el 04 de abril de 2015, Diseño: Mario Palacios.

Para comprender completamente lee la siguiente lectura complementaria de la página de ayuda de Adobe:
https://helpx.adobe.com/es/illustrator/using/layers.html

Para más información observa el vídeo #3.

FORMAS BÁSICAS

La herramienta La herramienta La herramienta La herramienta La herramienta


RECTÁNGULO (M) RECTÁNGULO ELIPSE dibuja POLÍGONO dibuja ESTRELLA dibuja
dibuja rectángulos, REDONDEADO elipses, para dibujar formas regulares de estrellas de
para dibujar dibuja cuadrados y círculos hay que varias figuras. diferentes números
cuadrados hay que rectángulos con presionar la tecla de puntas.
presionar la tecla vértices Mayus (Shift).
Mayus (Shift). redondeados.
Para más información observa el vídeo #3.
29

ESCALAR
Al cambiar la escala de un objeto, su tamaño aumenta o disminuye en el plano horizontal (el eje x), en el vertical
(el eje y) o en ambos. La manera más simple de escalar un objeto es empleando la herramienta Selección (V) .

Escalado de un objeto utilizando el cuadro delimitador:


1. Seleccione uno o más objetos.
2. Con la herramienta Selección , desplace el puntero justo encima de un manejador del cuadro delimitador y
hasta que se convierta en y, a continuación, arrástrelo.
3. Arrastre un manejador del cuadro delimitador hasta que el objeto alcance el tamaño deseado. Los objetos se
escalan respecto al manejador opuesto del cuadro delimitado.
4. Lleve a cabo uno de los procedimientos siguientes para controlar el comportamiento del escalado:
• Para mantener las proporciones del objeto, mantenga pulsada la tecla Mayús (Shift) mientras lo arrastra.
• Para escalar respecto al punto central del objeto, mantenga pulsada la tecla Alt mientras lo arrastra.

Diseño: Mario Palacios.

Para más información observa el vídeo #3.


30

ESCALAR PROPORCIONALMENTE
Uno de los aspectos más simples pero a su vez fundamentales a la hora de escalar un objeto, es la Proporción,
que es la correspondencia entre las partes y el todo, o entre varias cosas relacionadas entre sí, en este caso
respecto al tamaño. Dañar las proporciones de los objetos es uno de los errores más frecuentes que comete
quien está iniciando en el manejo de un software de dibujo vectorial, siempre hay que estar muy atento a no
arruinar las proporciones de los objetos, principalmente si son Logotipos, textos y fotografías.

• Mantener las proporciones de un objeto, es muy sencillo, solo hay que mantener pulsada la tecla Mayús
(Shift) mientras se escala el objeto.

Observemos los siguientes ejemplos:

Diseño: Mario Palacios.

Para más información observa el vídeo #3.


31

ROTAR
Cualquier objeto o grupo puede ser rotado empleando la herramienta selección (V) , estos giraran sobre el eje
central.

Rotación de un objeto utilizando el cuadro delimitador:


1. Seleccione uno o más objetos.
2. Con la herramienta Selección , desplace el puntero fuera del cuadro delimitador y cerca de un manejador de
cuadro delimitador hasta que se convierta en y, a continuación, arrástrelo.

Diseño: Mario Palacios.

Para más información observa el vídeo #3.

Nota: Para rotar un objeto sobre un eje diferente al centrar, usar la herramienta rotar (R)
32

VÍDEO DE APRENDIZAJE #3
EN EL SIGUIENTE VÍDEO VERÁS:
Formas básicas, escalar, rotar, grupos y capas.
¡Presta muchísima atención!

https://youtu.be/u31nk9vS9dw
33

DIBUJO VECTORIAL
Los gráficos vectoriales (a veces denominados formas vectoriales u objetos vectoriales) están compuestos de
líneas y curvas definidas por objetos matemáticos denominados vectores, que describen una imagen de acuerdo
con sus características geométricas.

Puede mover o modificar gráficos vectoriales con libertad sin perder detalle ni claridad porque son
independientes de la resolución; mantienen los bordes nítidos cuando se les cambia el tamaño, se imprimen en
una impresora PostScript, se guardan en un archivo PDF o se importan en una aplicación de gráficos basada en
vectores. Como resultado, los gráficos vectoriales son la mejor opción para ilustraciones, como los logotipos, que
se utilizarán en varios tamaños y distintos medios de salida.

TRAZADOS
Conforme dibuja, crea una línea denominada
trazado. Un trazado consta de uno o más
segmentos rectos o curvos. El inicio y el fin de cada
segmento queda marcado por puntos de ancla,
que funcionan como clavijas de sujeción de cables.
Un trazado puede estar cerrado (por ejemplo, un
círculo) o abierto, con marcados puntos finales
(por ejemplo, una línea ondulante).

Puede cambiar la forma de un trazado arrastrando sus puntos de ancla, los puntos de dirección al final de las
líneas de dirección que aparecen en puntos de ancla, o el propio segmento de trazado.

Componentes del trazado


A. Punto final seleccionado (sólido).
B. Punto de ancla seleccionado.
C. Punto de ancla deseleccionado.
D. Segmento de trazado curvo.
E. Línea de dirección F. Punto de dirección.

Los trazados pueden tener dos tipos de puntos de ancla: puntos de vértice y puntos de suavizado. En un punto
de vértice, un trazado cambia de dirección repentinamente. En un punto de suavizado, los segmentos del
trazado se conectan como una curva continua. Puede dibujar un trazado utilizando cualquier combinación de
puntos de vértice y de suavizado. Si dibuja el tipo de punto equivocado, podrá modificarlo.

Puntos de un trazado
A. Cuatro puntos de vértice.
B. Cuatro puntos de suavizado.
C. Combinación de puntos de vértice y de suavizado
34

Un punto de vértice puede conectar dos segmentos rectos o curvos cualesquiera, mientras que un punto de
suavizado siempre conecta dos segmentos curvos.

Un punto de vértice puede conectar tanto segmentos rectos como segmentos curvos.

Nota: no confunda los puntos de vértice y suavizado con los segmentos rectos y curvos.

La línea de definición de un trazado se denomina trazo. Un color o degradado aplicado al área interior de un
trazado abierto o cerrado se denomina relleno. Un trazo puede tener grosor, color y un patrón de guiones
Después de crear un trazado o una forma, se pueden cambiar sus características de trazo y relleno.

Acerca de las líneas y los puntos de dirección


Cuando selecciona un punto de ancla que conecta segmentos curvos (o selecciona el propio segmento), los
puntos de ancla de los segmentos conectados muestran controladores de dirección, que constan de líneas de
dirección que terminan en puntos de dirección. El ángulo y la longitud de las líneas de dirección determinan la
forma y el tamaño de los segmentos curvos. Al mover los puntos de dirección, se modifica la forma de las curvas.
Las líneas de dirección no aparecen en la salida final.

Tras seleccionar un punto de ancla (izquierda), aparecen líneas de dirección en los segmentos curvos conectados
por el punto de ancla (derecha).

Un punto de suavizado siempre tiene dos líneas de dirección, que se mueven a la vez como una sola unidad
recta. Cuando mueve una línea de dirección en un punto de suavizado, los segmentos curvos de ambos lados del
punto se ajustan de manera simultánea, manteniendo una curva continua en dicho punto de ancla.

En comparación, un punto de vértice puede tener dos, una o ninguna línea de dirección, dependiendo de si une
dos, uno o ningún segmento curvo, respectivamente. Las líneas de dirección del punto de vértice mantienen el
vértice utilizando ángulos diferentes. Al mover una línea de dirección de un punto de vértice, solo se ajusta la
curva situada en el mismo lado del punto que dicha línea de dirección.
35

Ajuste de las líneas de dirección punto de suavizado (izquierda) y un punto de vértice (derecha)

Las líneas de dirección son siempre tangentes a la curva de los puntos de ancla y perpendiculares al radio de
dicha curva. El ángulo de cada línea de dirección determina la inclinación de la curva, y la longitud de cada línea
de dirección determina la altura o profundidad de la curva.

Al mover las líneas de dirección o cambiar su tamaño se cambia la inclinación.

DIBUJO CON HERRAMIENTA PLUMA

La herramienta PLUMA La herramienta AÑADIR La herramienta ELIMINAR La herramienta


(P) dibuja líneas rectas PUNTO DE ANCLA (+) PUNTO DE ANCLA (-) CONVERTIR PUNTO DE
solo presionando clic y agrega puntos de ancla o elimina puntos de ancla o ANCLA (MAYÚS+C)
curvas al dar clic y nodos a trazados. nodos de los trazados. cambia vértices
arrastrar. redondeados a vértices
cuadrados y viceversa.
36

VÍDEO DE APRENDIZAJE #4
EN EL SIGUIENTE VÍDEO VERÁS:
Calcado con herramienta pluma.
¡Presta muchísima atención!

https://youtu.be/v6FpIrFDF3A
37

4.1 TAREA (10 PUNTOS) DIBUJO LIBRE CON FORMAS


BÁSICAS.
Esta tarea es prerrequisito para el foro de debate de la unidad.

Luego de estudiar el primer tema de la asignatura, procede a realiza un dibujo libre empleando solamente las
herramientas geométricas básicas de Adobe Illustrator:

La ilustración debe ser atractiva, puede ser un paisaje, un bodegón, un personaje o lo que desees, lo importante
es que demuestras el manejo de dichas herramientas y la aplicación de color.
El tamaño de archivo debe ser de 1920px X 1080px en RGB.

Finalmente sube a la plataforma:


• Ilustración en formatos PDF y AI
38

4.2 TAREA (30 PUNTOS)

VÍDEO DE APRENDIZAJE #5
EN EL SIGUIENTE VÍDEO VERÁS:
Ejemplo de calcado de ilustración de tarea empleando la herramienta pluma.

¡Presta muchísima atención!

https://youtu.be/iQnz4jiDgNI

La segunda tarea es un poco más compleja, ya que dominas las herramientas básicas ahora procederás a calcar
empleando las herramientas de pluma (P).
39

Deberás llevar las siguientes ilustraciones manuales a Illustrator, cada una en un archivo independiente, calcarlas
empleando las herramientas de pluma y la paleta de capas, estos dos serán los criterios que se calificarán así que
debes estar muy atento a cada detalle, la perfección es lo que se espera.

ILUSTRACIÓN 1: 50% ILUSTRACIÓN 2: 50%

Título de la ilustración: Monstruo lengua. Título de la ilustración: Contrabajista de son


Autor: Mario Palacios cubano.
Autor: Mario Palacios

Debes llevar registro mediante vídeo (se recomienda Camtasia).

Finalmente sube a la plataforma:


• Un documento PDF donde diagrames el proceso en imágenes o envíes el enlace del vídeo de proceso,
montado en YouTube.
• En el mismo PDF también debe estar el resultado final de cada una de las dos ilustraciones de página
completa y las conclusiones del ejercicio.
• El PDF debe ser diagramado en Adobe Illustrator.
• También deberás subir a plataforma los archivos originales (formato AI) de ambas ilustraciones.
40

4.3 EVALUACIÓN DE LA UNIDAD (40PUNTOS)


La Tarea Evaluación de la primera unidad propone un ejercicio de asociación forzosa, la dinámica es muy simple,
los criterios para trabajar los obtendrás de la siguiente tabla, seleccionando de cada columna, la fila que
corresponda a las iniciales de tu nombre y apellidos.
Por ejemplo:
• MARIO: PUMA; PALACIOS: LADRÓN; HOYOS: SEXY
• JOHN: ZORRO; ARISMENDY: LEÑADOR; ESCOBAR: COQUETO

INICIAL DEL NOMBRE INICIAL PRIMER APELLIDO INICIAL SEGUNDO APELLIDO


A ARDILLA LEÑADOR ENOJADO
B CABALLO ABOGADO ALEGRE
C BÚHO DISEÑADOR DESPECHADO
D SERPIENTE VAGO ENAMORADO
E MARIQUITA MODELO COQUETO
F ORNITORRINCO ALBAÑIL HIPERACTIVO
G CERDO CARPINTERO CANSADO
H TIGRE ARQUITECTO SEXY
I AVESTRUZ BOMBERO ASUSTADO
J ZORRO POLICÍA EUFÓRICO
K BÚFALO GAMER EXTRAVIADO
L CHIMPANCÉ BARTENDER MUERTO
M PUMA BAILARINA GAY
N VENADO SECRETARIA PENOSO
Ñ LIRA ROCK STAR PREPOTENTE
O CÓNDOR ACTOR MORBOSO
P ÁGUILA LADRÓN ENFERMO
Q CHIGÜIRO MARINERO TRASNOCHADO
R BALLENA JOROBADA CAZADOR EBRIO
S VIUDA NEGRA FUTBOLISTA TORPE
T MAPACHE ENFERMERA DESNUDO
U CEBRA PINTOR CIEGO
V PANDA BARRENDERO MALOLIENTE
W KOALA PRESIDENTE ESCANDALOSO
X ARMADILLO PILOTO GROSERO
Y CANGURO PIANISTA SONÁMBULO
Z ELEFANTE TRAPECISTA GOMELO
41

• Luego de tener claro los criterios a trabajar, deberás proceder a ilustrar manualmente el personaje que te
corresponde según las iniciales de tu nombre.
• Luego de ilustrarlo manualmente deberás escanearlo y proceder a dibujarlo vectorialmente en Adobe
Illustrator.
• Debes llevar registro mediante vídeo (se recomienda Camtasia).
• Es muy importante que te esfuerces por realizar un buen trabajo ya que esta ilustración servirá como
insumo de otros trabajos que se realizarán en las siguientes unidades.

Finalmente sube a la plataforma:


• Un documento PDF donde envíes el enlace del vídeo de proceso, montado en YouTube.
• En el mismo PDF debe estar la ilustración manual escaneada y el resultado final vectorial de página
completa, acompañado por las conclusiones del ejercicio.
• El PDF debe ser diagramado en Adobe Illustrator.
• También deberás subir a plataforma el archivo original (formato AI) de la ilustración.
42

4.4 PISTA DE APRENDIZAJE:


Recuerda que: El manejo del software de dibujo vectorial es algo fundamental para el diseñador gráfico, pero
éste debe tener presente siempre que no debe depender nunca de la herramienta, la calidad del diseño no la
hace el programa, la hace quien lo manipula.

Ten en cuenta: La mayor cualidad de un gráfico vectorial es su capacidad para modificar su tamaño sin pérdida
de calidad, podemos acercarnos cuanto queramos a un vector y este siempre será perfecto.

Trae a la memoria: Un gráfico vectorial no depende de la resolución, por lo cual este puede escalarse al tamaño
que se desee sin pérdida alguna de calidad, cosa que no es posible con una imagen de mapa de bits.

Recuerda que: En este módulo de aprendizaje se aborda el manejo de Adobe Illustrator que es en uno de los
software de dibujo vectorial más potentes del mercado, pero este no es único en su especie, existen otros como
CorelDraw que sirven básicamente para lo mismo, la diferencia está en quién los manipula, aunque hay que
tener presentes las ventajas y desventajas técnicas de uno frente al otro y lo que el mercado gráfico publicitario
requiere.
43

5.BIBLIOGRAFÍA:
Fuentes bibliográficas
• Ortiz, G Estudio digital: técnicos de ilustración vectorial, Editorial Pearson Educación, 2001

• Adobe Illustrator 10.0 Manual del Usuario, Adobe Systems Inc, USA 2003

• Fuenmayor, Elena, Ratón, ratón… Introducción al Diseño Gráfico asistido por ordenador, Ed. Gustavo
Gili, Barcelona, 2001

• Bounford, Trevor, Diagramas Digitales: como diseñar y presentar información gráfica, Ed. Gustavo Gili,
Barcelona, 2001

Fuentes digitales o electrónicas

• ADOBE, Adobe Illustrator ayuda y tutoriales, Recuperado el 06 de junio de 2014


http://helpx.adobe.com/es/pdf/illustrator_reference.pdf

• Manual de Illustrator Cs6, Editorial Marcombo, 2013, recuperado el 06 de junio de 2014,


http://books.google.es/books?id=vO6Adg--
060C&printsec=frontcover&dq=illustrator&hl=es&sa=X&ei=Ls6RU_-
bBMnKsAT3toHoDg&ved=0CC4Q6wEwAA#v=onepage&q=illustrator&f=false

• Aprender Illustrator Cs6 con 100 ejercicios prácticos, Editorial Marcombo, 2012, recuperado el 06 de
junio de 2014,
http://books.google.es/books?id=BThqD0ES0-
QC&printsec=frontcover&dq=illustrator&hl=es&sa=X&ei=Ls6RU_-
bBMnKsAT3toHoDg&ved=0CDMQ6AEwAQ#v=onepage&q=illustrator&f=false

También podría gustarte