Diplomado virtual

Diseño Digital

Guía didáctica - Módulo 1

Imagen: Freepik.
Guía didáctica

Conociendo Illustrator
y sus principales
herramientas
Se espera que, con los temas abordados
en la guía didáctica del módulo 1:
Conociendo Illustrator y sus principales
herramientas, el estudiante logre la
siguiente competencia específica:

➢ Identificar las herramientas principales

que permiten procesos básicos del
programa y su manejo posterior.
 Contenidos temáticos
Los contenidos temáticos, para desarrollar en la guía didáctica
del módulo 1: Conociendo Illustrator y sus principales
herramientas, son:

Herramientas de
Herramientas de
Explorando la selección, formas
combinación de
interfaz básicas y manejo
formas
de capas

Creación de
Tipografía
motivos y muestras
Explorando la interfaz
Illustrator es el software de ilustración y gráficos vectoriales innovador que
permite crear logotipos, íconos, dibujos, tipografías e ilustraciones para
imprimirlas o publicarlas en la web, en videos y en dispositivos móviles.

En el programa se puede conseguir todas las herramientas de dibujo

necesarias para convertir sencillos colores y formas en logotipos, íconos y
gráficos sofisticados. Las ilustraciones de Illustrator son un software
vectorial, por lo que se pueden redimensionar para pantallas de móviles y
para vallas publicitarias, pero siempre quedarán nítidas y atractivas.
En la imagen se presenta la apariencia del programa Adobe Illustrator —o AI— cuando se
crea un documento nuevo

Imagen: autor.

Los componentes de los recursos se encuentran identificados con número del 1 al 8.

Área de trabajo
Al iniciar un documento en Illustrator se encuentra el área de trabajo, a continuación, se verán desglosadas las opciones:

1. Está la barra de menú, donde están las opciones más avanzadas de programa, como abrir herramientas que no se ven en
las otras barras, exportar, guardar, abrir nuevos documentos, entre otras.

2. Se tienen las opciones para organizar a gusto

del usuario el área de trabajo del programa.
3. Se encuentra la barra de herramientas
básica, donde están las herramientas
esenciales para el uso del programa y se
organizan en las siguientes categorías:
(a) Seleccionar
(b) Dibujo
(c) Texto
(d) Pintar
(e) Modificar Imagen: autor.

(f) Navegar
Área de trabajo
4. Se tiene opción (<>) para volver al estado inicial.

5. Se encuentra la barra de herramientas avanzada, donde estarán ubicadas las demás herramientas que se necesiten

para los trabajos gráficos que se vayan a

realizar, para agregar herramientas a esta barra
se debe ubicar en la parte superior, en la barra
de menú y desplegar la opción ventana, donde
se encuentras todas las herramientas del
programa.
6. Se encuentra la mesa de trabajo, que es el
lugar donde se lleva a cabo toda la elaboración
gráfica de los proyectos. Para modificar el
tamaño de la mesa de trabajo o agregar más
mesas de trabajo se pueden emplear dos
métodos, usar el comando abreviado (Shift +) o Imagen: autor.

ir a la barra de herramientas básicas y

seleccionar el ícono.
Área de trabajo

7. Se encuentra la opción para hacer

más grande o más pequeña la mesa de
trabajo en porcentajes, las mesas de
trabajo que se tienen disponibles y
desde las fechas se puede pasar de
una mesa de trabajo a otra.

Imagen: autor.
 Tema 2

Herramientas de selección,
formas básicas y manejo de capas
Herramientas de selección
Illustrator cuenta con cuatro herramientas de selección, cada una con diferentes usos.
1. La primera de ellas es la herramienta de selección, con la que se seleccionan objetos, imágenes,
líneas, también permite mover los objetos de un lugar a otro, modificarles el tamaño (arrastrando
desde los nodos) y seleccionar grupos de elementos.
2. Para realizar una figura con todos los lados de la misma longitud se debe dejar presionada la tecla
«shift» hasta terminar de hacer la figura.
3. Para seleccionar varios objetos se puede arrastrar con clic sostenido por encima de las figuras, o
seleccionar cada una con la tecla «shift» sostenida.
4. La herramienta de selección directa permite seleccionar puntos específicos (nodos) de una figura
para modificarla, cambiar un nodo a otro lugar o convertir un vértice en una punta redondeada, como
se ve a continuación.
Imagen: autor.
5. Para rotar las figuras, se ubica el cursor en uno de los vértices, pero un poco afuera y cambia al
símbolo que se ve en la imagen superior derecha (ver imagen).
6. La tercera herramienta de selección es la varita mágica, que permite seleccionar varios objetos con
el mismo color, como lo vemos en la imagen.
7. La cuarta y última herramienta de selección es la herramienta lazo, que permite seleccionar nodos
específicos en una figura o entre varias figuras dibujando el circulo alrededor de los nodos que se
desean seleccionar, como lo vemos en la imagen.
Herramienta: formas básicas
La primera herramienta por
aprender es la herramienta de
formas básicas, que se
encuentra ubicada en la barra de
herramientas básicas, se
despliegan todas las opciones
con clic sostenido o clic derecho,
en ella están las herramientas
cuadro con su comando
abreviado (M), el círculo (L) y
herramientas polígono y estrella.
Imagen: autor.
Herramientas de transformación
Las herramientas de transformación son
las que permiten modificar en general
cualquier figura o forma, sus dimensiones
(2 y 3), estas dimensiones pueden estar
enlazadas para que sean proporcionales
(4), el ángulo en que los ubicamos (5) y
cuando este ángulo cambia la figura se
rota, o reflejarlo para que algo que está a
la izquierda quede a la derecha o algo
que está arriba quede abajo (6), y
también permite definir desde qué punto
se va a reflejar (1), este punto se puede
Imagen: autor.
cambiar del centro a cualquier extremo
según se necesite, lo ideal es dejarlo en
el centro.
Manejo de capas
El manejo de las capas es algo esencial de trabajos grandes en Illustrator, ya que permite separar las partes
del trabajo que son similares en grupos, además también permite que se bloqueen capas cuando terminamos
una parte del trabajo, de esta manera se puede crear otra capa para seguir haciendo otra parte del trabajo sin
dañar lo que ya está hecho.
1. Tenemos la ubicación de las capas en la barra de
herramientas avanzadas.
2. Es la opción que permite ocultar las capas si
necesitamos ver solo una parte del trabajo.
3. Esta permite bloquear las capas para no dañar un
trabajo hecho o para no mover el fondo.
4. Es el que permite desplegar los grupos que están
dentro de la capa. Imagen: autor.

5. Esta opción es para ubicar las capas y cambiar el

nombre de las mismas al hacer doble clic.
Manejo de capas

6. Este círculo es para saber dónde están ubicados los

elementos que tenemos seleccionados en la mesa de
trabajo, para cambiar un elemento de una capa a otra solo
arrastramos el círculo a la capa deseada. Estas opciones
están en la parte inferior de la herramienta capa.
7. Esta es para eliminar una capa.
8. Para agregar una nueva capa.
9. Para agregar un nuevo grupo de capas.

Imagen: autor.
 Tema 3

Herramientas de combinación
de formas
Herramienta: creador de formas
La herramienta creador de
formas, ubicada en la barra
de herramientas básicas, es
una herramienta que permite
quitar partes de intersección
entre dos formas, fusionar
dos formas o eliminar
sobrantes que no se
necesiten entre formas.

Imagen: autor.
Herramienta: buscatrazos
La herramienta buscatrazos
permite diferentes efectos con
las figuras, en general, la
mayoría de ellas lo que hacen
es eliminar una parte de las
figuras, se usa mucho sobre
todo para crear logos o formas
donde es necesario que haya
partes transparentes o que no
quede el fondo en color
blanco, sino que se pueda Imagen: autor.

modificar el fondo a
necesidad.
 Tema 4

Creación de motivos
y muestras
La creación de motivos es una herramienta muy útil al momento
de crear patrones, porque de esta manera no es necesario llenar
una superficie realizando figura por figura, sino que el programa
hace este trabajo de manera automática después de crear la
muestra del patrón, con los motivos en el panel de muestras se
puede usar como un color para llenar cualquier figura.
Cuando tenemos el motivo
organizado, seleccionamos
todo y lo arrastramos al panel
de muestras (si no está en la
barra de herramientas
avanzadas, la despliegas del
menú ventana en la parte
superior). Luego de tenerla
guardada en el panel de
muestras, se puede borrar de
Imagen: autor.
la mesa de trabajo.
La herramienta buscatrazos permite
diferentes efectos con las figuras, en
general, la mayoría de ellas lo que
hacen es eliminar una parte de las
figuras, se usa mucho sobre todo
para crear logos o formas donde es
necesario que haya partes
transparentes o que no quede el
fondo en color blanco, sino que se
pueda modificar el fondo a
necesidad. Imagen: autor.
 Tema 5

Tipografía
Tipografía es el arte y la técnica de crear y componer tipos de letras para
comunicar un mensaje. También se ocupa del estudio y la clasificación de las
distintas fuentes tipográficas, que son muy protagonistas del mundo del diseño
gráfico.

Clasificación de la tipografía

De acuerdo con las partes de las letras, la tipografía se divide principalmente en

cuatro familias, cada una de ellas brinda diferentes sensaciones en el espectador o
en quien recibe el mensaje por parte de la empresa que lo esté transmitiendo, por
eso el diseñador debe saber cuál es la tipografía que más se adapta a la intención
o al mensaje que la empresa quiera dar.
Tipografías con serif o Roman
Este tipo de fuentes son las más apropiadas
para textos largos, puesto que son mucho más
legibles. Se caracterizan por tener pequeños
trazos que se extienden en los extremos de las
letras (serif). Son fuentes tradicionales y serias
que transmiten respeto. Son ideales para
instituciones e imagen corporativa. Hay dos
clases de tipografías con serif.

Imagen: autor.
1. Romana antigua. Datan de la época del
Renacimiento. Estas fuentes poseen fácil
lectura porque son amplias y abiertas, anchas
y redondas por lo tanto tienen agradable
contraste.
Estas letras contienen serif (serifa).
Con terminaciones agudas y de base ancha
Ascendentes finos, descendentes anchos.

Imagen: autor.
2. Romana moderna. Estas fuentes
mantienen características clásicas de estilos
antiguos, pero varían en detalles de grosor de
línea, inclinación y terminación.

Estas letras contienen serif (serifa), pero el

serif es lineal. Los trazos son marcadamente
variables.

Imagen: autor.
Tipografías Palo Seco
Este tipo de fuentes son apropiadas para cosas como
carteles y títulos. Se diferencian de las fuentes Serif,
porque estas no tienen trazos que sobresalen de sus
extremos, sino cortes limpios y precisos. Son fuentes
que transmiten modernidad, seguridad, alegría,
naturalidad y por supuesto minimalismo.
Están diseñadas con base en líneas rectas y círculos
unidos y datan de la época de la industrialización y el
funcionalismo.
También denominadas: Sans Serif, Grotescas. Son
geométricas tienden a ser alargadas y altas. Cuando Imagen: autor.

son muy delgadas su legibilidad suele ser mala en

textos corridos.
Tipografías Script
También denominadas como manuscritas o
caligráficas. Advierten más o menos claramente la
mano o instrumento que las creó y la tradición
caligráfica o cursiva.
Este tipo de fuentes son apropiadas para títulos y
firmas. Pueden expresar diversión o modernidad,
dependiendo del contexto en que se usen. Sin
embargo, no son muy legibles y por tanto no es
recomendable usarlas para textos largos. Son fuentes
que transmiten creatividad, elegancia, afecto y
Imagen: autor.

seducción.
Hay tres tipos de tipografías script:
1. Caligráficas. Muy cursivas, se usan
en eventos y ceremonias.
2. Góticas. Composición apretada y
verticalidad acentuada son exageradas,
son de difícil lectura.
3. Cursivas. Suelen reproducir
escrituras a mano, informales, más o
menos libres.

Imagen: autor.
Tipografías decorativas
No fueron concebidos como tipos de texto, sino para un uso esporádico y aislado.
Este tipo de fuentes se usan fundamentalmente para aportar personalidad. Son fuentes divertidas
y casuales que suelen transmitir la sensación de ser únicas y exclusivas (Pepe, 2008).

Imagen: autor.

Pepe, E. G. (2008). Clasificación Tipográfica.

https://belgranotipografia.files.wordpress.com/2010/05/apunte2_ clasificacion_tipografiamb.pdf
Herramientas de texto
Es la herramienta que permite poner textos en un
trabajo gráfico, lo ideal es optimizar espacio y hacer
que el texto sea dinámico y no se vuelva aburrido,
es mejor dar el mensaje con otros elementos
gráficos y que al momento de usar textos sean
breves, concisos y usando diferentes tipografías
para hacer el texto más cómodo de leer para el
público.

La herramienta de texto se encuentra en la barra de

herramientas básicas y la misma integra otras
opciones para organizar el texto, la primera de ellas
es crear un texto de área, que es crear el cuadro
Imagen: autor.
donde se va a contener el texto según la necesidad
del usuario en cuanto a espacio y tamaño del texto,
generalmente se usa para textos largos.
Ajustes de texto
Para modificar la alineación del texto, el interlineado,
espaciado, entre otros, debes abrir el panel párrafo y
ubicarlo en la barra de herramientas avanzadas.
También encontramos herramientas como apariencia,
que permite cambiar el relleno y el trazo de las letras, la
opacidad que hace ver los colores más claros hasta
llegar a transparente.
El panel de carácter es el que va a permitir cambiar el
tipo de letra, el tamaño, cuán cerca o lejos están las
letras, el espacio entre una línea y otra, entre otras
opciones para modificar el texto.
También es posible modificar las letras al ponerlas más
alargadas o más cortas, lo ideal es modificar la letra
arrastrando desde una esquina con «shift» presionado
para que no se dañe el texto, esto es también Imagen: autor.

dependiendo de la intención que se desee comunicar con

el texto.
Herramienta: texto en área
Esta permite adaptar un texto a cualquier forma o figura, se debe hacer la figura y luego seleccionar la herramienta, lo siguiente
es dar clic sobre una de las líneas de la figura y automáticamente la figura queda llena con el texto.
Debe tenerse en cuenta que esta herramienta no permite cambiar el fondo de la figura, se tendría que copiar otra igual y
ponerla detrás del texto.

Imagen: autor.
Herramienta: texto en trazado
Permite adaptar un texto corto a un trazado curvo, recto, en zigzag, dependiendo de la
necesidad que requiera el usuario. Para usarla se debe crear primero el trazado, luego se
selecciona la herramienta y se da clic sobre la línea que se desea que tenga el texto.
Los manejadores que hay en los extremos permite mover el texto más a la izquierda o a la
derecha de la línea.

Imagen: autor.
Herramienta: texto vertical
Permite escribir textos de manera vertical para dar otro aspecto estético a los trabajos, lo ideal es que estos
textos sean cortos.

Imagen: autor.
Herramienta: texto de área vertical
Esta herramienta está destinada a textos largos, pero de manera vertical, funciona de la misma manera que el texto
de área horizontal, se debe hacer primero la figura y luego con la herramienta texto de área vertical seleccionada se
da un clic sobre el trazado de la figura.

Imagen: autor.
Herramienta: texto vertical en trazado
Esta funciona igual que la herramienta texto en trazado, pero para trazados verticales, se debe hacer primero el
trazado y con la herramienta seleccionada se da un clic sobre el trazado.

Imagen: autor.
Herramienta: retocar texto
Esta herramienta permite transformar cada letra del
texto para lograr diferentes estilos y trabajos gráficos,
las letras pueden hacerse más pequeñas o más
grandes, separarse o poner unas por debajo de otras.
1. Cuando seleccionas la herramienta retocar texto lo
que permite es que puedas seleccionar cada carácter
del texto y modificarlo, el nodo superior izquierdo
permite alargar hacia arriba, el nodo superior derecho
permite poner el carácter más grande o más pequeño
y el nodo inferior derecho permite alargar hacia los
lados.
Se puede modificar cada carácter e incluso cambiarle
el color con solo seleccionar la letra que deseamos Imagen: autor.

cambiar y aplicarle el color que se desee.

2. Aunque este transformado sigue siendo un texto y
da la posibilidad de cambiarlo o borrar alguna letra en
caso de cometer un error.
Ahora que has revisado algunos conceptos sobre
Illustrator y sus herramientas principales, te invito a realizar
los siguientes ejercicios que te ayudarán a comprender de
mejor manera el comportamiento de las herramientas y a
afianzar lo que aprendimos en este módulo.
Ejercicio 1. Recrear la siguiente imagen utilizando
únicamente las formas básicas y las herramientas de
selección, vas a ver cómo se pueden lograr cosas
interesantes con pocos recursos.
Ejercicio 2. Con las herramientas de buscatrazos, vamos
a volver a hacer los logos de la imagen, recuerda que al
final los espacios deben ser transparentes ¡NO
BLANCOS!; es decir, debes poder cambiar el color de
fondo mil veces y se debe ver a través de ellos (como en el
ejemplo de la guía).

Nota: las imágenes estarán en el campus virtual.

¡Inténtalo!
Hemisferio Digital. (2017). Anatomía y psicología de la
topografía. Hemisferio Digital. Hemisferio Digital.
http://www.hemisferiodigital.es/psicologia-de-la-
tipografia/

Pepe, E. G. (2008). Clasificación Tipográfica.

https://belgranotipografia.files.wordpress.com/2010/0
5/apunte2_clasificacion_tipografiamb.pdf
Esta guía fue elaborada para ser utilizada con fines didácticos como
material de consulta de los participantes en el diplomado virtual en
DISEÑO DIGITAL del Politécnico de Colombia, y solo podrá ser
reproducida con esos fines. Por lo tanto, se agradece a los usuarios
referirla en los escritos donde se utilice la información que aquí se
presenta.

GUÍA DIDÁCTICA 1
M2-DV60-GU01
MÓDULO 1: CONOCIENDO ILLUSTRATOR Y SUS PRINCIPALES
HERRAMIENTAS

© DERECHOS RESERVADOS - POLITÉCNICO DE COLOMBIA, 2023

Medellín, Colombia

Proceso: Gestión Académica Virtual

Realización del texto: John Cuervo, docente
Revisión del texto: Comité de Revisión
Diseño: Comunicaciones

Editado por el Politécnico de Colombia.