Guía Didáctica PDF

Diseño Digital
GUÍA DIDÁCTICA N°1

CÓDIGO: M2-DV60-GU01
MÓDULO 1: CONOCIENDO ILLUSTRATOR Y SUS PRINCIPALES
HERRAMIENTAS
DIPLOMADO EN DISEÑO DIGITAL
© DERECHOS RESERVADOS - POLITÉCNICO DE COLOMBIA, 2019

Medellín, Colombia
Proceso: Gestión Académica

Realización del texto: John Byron Cuervo García, Docente Virtual
Revisión del texto: Jehison Posada, Coordinador Académico Virtual
Diseño: Cristian Quintero, Diseñador Gráfico
Editado por el Politécnico Superior de Colombia
DIPLOMADO EN DISEÑO DIGITAL 2

| GUÍA DIDÁCTICA 1- CONOCIENDO ILLUSTRATOR Y SUS
PRINCIPALES HERRAMIENTAS
CONTENIDO
Presentación............................................................................... 4
Competencia específica .............................................................. 5
Contenidos temáticos ................................................................. 6
Tema 1 ....................................................................................... 7
Explorando la interfaz ................................................................ 7
Tema 2 ..................................................................................... 12
Herramientas de formas básicas, selección, transformación y
manejo de capas ....................................................................... 12
Tema 3 ..................................................................................... 19
Herramientas de combinación de formas .................................. 19
Tema 4 ..................................................................................... 29
Creación de motivos y muestras ............................................... 29
Tema 5 ..................................................................................... 35
Tipografía ................................................................................. 35
Recursos disponibles para el aprendizaje ................................. 52
Ejercicio.................................................................................... 52
Aspectos clave .......................................................................... 53
Referencias bibliográficas......................................................... 54

Presentación
La Guía Didáctica N°1: Conociendo Illustrator y sus principales

herramientas, es un material que ha sido desarrollado para el apoyo y
orientación del participante en el Diplomado en Diseño Digital,
especialmente, está orientada al reconocimiento de la interfaz del
programa Illustrator y el manejo de las herramientas más básicas del
software que abren paso al uso de herramientas más avanzadas con las
que se van a lograr mejores resultados en el trabajo, así mismo, se van
a encontrar algunos conceptos gráficos que amplían las opciones al
momento de realizar ilustraciones con una intención comunicativa
(tipografía en logos, marcas, entre otros).
Ahora bien, el objetivo central de este módulo es saber en qué

momentos y de qué manera se manejan las herramientas principales
que permiten procesos básicos del programa y su manejo posterior.
Para ello, se ha organizado esta guía en cinco (5) contenidos temáticos,

basados en competencias, a saber: (a) explorando la interfaz, (b)
herramientas de selección, formas básicas y manejo de capas, (c)
herramientas de combinación de formas, (d) creación de motivos y (e)
tipografía.

Competencia específica
Se espera que con los temas abordados en la Guía Didáctica Nº1 del
MÓDULO 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.
Resultados de aprendizaje:
o Reconoce la interfaz del programa y dónde están

ubicadas las herramientas.
o Utiliza las herramientas de selección con las formas
básicas como herramientas principales del programa y
el uso correcto de las capas para trabajos con varios
elementos de composición.
o Comprende en qué momentos y de qué manera se
emplean las diferentes herramientas de combinación
de formas.
o Es capaz de crear motivos como opción de relleno de
formas.
o Emplea de manera correcta la tipografía dependiendo
de la intención comunicativa y desde las diversas
herramientas de texto.

Contenidos temáticos
Ilustración 1: Contenidos temáticos.

Fuente: Autor

Tema 1
Explorando la interfaz
Illustrator es el software de ilustración y gráficos vectoriales más

innovador que permite crear logotipos, iconos, dibujos, tipografías e
ilustraciones para imprimirlas o publicarlas en la Web, en vídeos 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,
iconos 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. (Adobe, s.f)
Ilustración 2: Nuevo documento

Fuente: Autor

1. Allí se encuentran las opciones para crear un archivo nuevo o para
abrir algún archivo que se encuentre en el ordenador. En este
caso de damos en .
2. Barra de formato: En esta barra se encuentran los formatos que
Photoshop dispone para trabajar y dentro de cada formato tiene la
opción de elegir tamaños específicos que el software trae por
defecto o también podemos crear un tamaño nuevo dentro de
cualquier formato.
3. Esta zona se utiliza para ponerle un nombre al archivo que vamos
a trabajar. El programa por defecto viene con el nombre “Sin
título-1”
4. En esta zona tenemos el tamaño exacto de la selección que
hagamos dentro del formato, sea en pixeles, puntos, milímetros,
centímetros, entre otros. Si el tamaño que necesitamos para
trabajar es específico y no está dentro de las opciones del
programa, podemos digitar los valores que necesitamos y
asignarle la orientación a la mesa de trabajo (vertical u
Horizontal).
5. En esta zona se puede modificar el sangrado de la imagen, lo que
permite es poner una margen por fuera de la mesa de trabajo, de
esta manera si se desea poner una imagen del tamaño de la mesa
de trabajo se evita que al imprimir queden espacios en blanco.
6. El modo de color puede variar también según la finalidad del
proyecto. Si deseamos que el resultado sea digital y que se
presente en alguna pantalla, el modo de color debe ser RGB, pero
si es para impresión, el modo de color debe ser CMYK.
Nota: En algunas tiendas de impresión disponen de herramientas

que imprimen con RGB, se debe de preguntar en el lugar, de ser así,
trabajar en un modo de color RGB sería lo ideal.

7. La resolución es la calidad de visión que va a tener nuestro
proyecto. Todo va a depender del trabajo final que deseemos, es
decir, si nuestro trabajo va a ser para alguna presentación de una
pantalla o para web, con una resolución de 72 ppi es suficiente,
sin embargo, si pretendemos que nuestro trabajo va a ser algo
para impresión es necesario entonces una resolución de 300ppi.
8. Es la opción para iniciar con el trabajo en la mesa de trabajo
elegida.
Ilustración 3: Área de trabajo

Fuente: Autor
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, (f) navegar.
Ilustración 4: Barra de herramientas

Fuente: Adobe

4. Se tiene opción (<<) que ayuda a poner la barra de herramientas
avanzada más amplia, cuando la desplegamos las flechas cambian
de sentido (>>) 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
ésta 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.
Ilustración 5: ventana
Fuente: autor
6. Se encuentra la mesa de trabajo, que es 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) o ir a la barra de herramientas básicas y seleccionar el
ícono.
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.
Tema 2
Herramientas de formas básicas, selección, transformación
y manejo de capas
Herramientas de formas básicas

La primer herramienta por aprender es la herramienta de formas
básicas que se encuentra ubicada en la barra de herramientas
básicas, se desplegan todas las opciones con clic sostenido o
clic derecho, en ella están las herramientas cuadro con su comando
abreviado (M), el circulo (L) y herramientas poligono y estrella.
Las formas se pueden realizar de dos maneras:
Seleccionando la herramienta que se desea usar, se da un clic en la
mesa de trabajo y arrastrando con el clic sostenido en diagonal desde
una esquina hasta lograr el tamaño deseado, como lo vemos en la
imagen. Desde éste método la forma de hacer un triángulo es:
seleccinar la herramienta poligono, hacer un poligono igual que las
demás formas pero antes de soltar el clic bajamos con la flecha del
teclado hasta tener solo 3 lados.

Ilustración 6: formas básicas
Fuente: autor
La otra forma es seleccionando la herramienta que se desea utilizar

y se da un clic en la mesa de trabajo, lo que va abrirá una ventana
emergente que permite hacer las formas más detalladas, en el caso del
cuadro permite darle longitudes exactas y al circulo un diametro
determinado, con está forma también es posible agregar cuantos
vertices se desee a los poligonos y a las estrellas.
Ilustración 7: formas básicas II

Fuente: autor

Herramientas de selección
Illustrator cuenta con cuatro herramientas de selección,

cada una con diferentes usos.
La pimera de ellas es la herramienta de selección,

con la que se seleccionan objetos, imágenes, líneas,
también permite moven los objetos de un lugar a otro, modificarles el
tamaño (arrastrando desde los nodos) y seleccionar grupos de
elementos.
Ilustración 8: herramienta selección

Fuente: autor
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.
Para seleccionar varios objetos se puede arrastar con clic sostenido

por encima de las figuras, o seleccionar cada una con la tecla Shift
sostenida.

La herramienta de selección directa permite seleccionar puntos
específicos (nodos) de una figura para modificarla, cambiar un
nodo a otro lugar o converir un vertice en una punta redondeada, como
se ve a continuación.
Ilustración 9: Selección directa

Fuente: autor
Para rotar las figuras, se ubica el cursor en uno de los vertices pero
un poco afuera y cambia al simbolo que se ve en la imagen superior
derecha (1).
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.

Ilustración 10: Varita mágica
Fuente: autor
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.
Ilustración 11: Lazo

Fuente: autor

Se sabe que nodos están seleccionados porque se ponen de un color
azul oscuro y los demás quedan blancos, como se ve acontinuación
Ilustración 12: Lazo II

Fuente: (Adobe, 2018)
Herramienta 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 que punto se va a reflejar (1) este punto se puede cambiar
del centro a cualquier extremo según se necesite, lo ideal es dejarlo en
el centro.

Ilustración 13: Herramientas de transformación
Fuente: Autor
Manejo de Capas
El manejo de las capas es algo
escencial 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.
En el numeral 1, tenemos la ubicación de las capas en la barra de

herramientas avanzadas.
Ilustración 14: capas

Fuente: autor

2. Es la opción que permite ocultar las capas si necesitamos ver sólo
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.
5. Esta opción es para ubicar las capas y cambiar el nombre de las
mismas al hacer doble clic.
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 sólo 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.
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.
Vamos a ver un ejemplo:

1. Crear formas con intersecciones.
Ilustración 15: creador de formas
Fuente: autor
2. Seleccionamos la figura completa y lo siguiente es tomar la

herramienta: creador de formas y cómo vamos a eliminar el
centro de la figura debemos presionar la tecla Alt para que
aparezca el signo (-) en el cursor, lo siguientes es trazar una línea
por el centro de la figura de manera horizontal y vertical (con Alt
presionado).

Ilustración 16: creador de formas II
Fuente: autor
3. El resultado es el que vemos en la imagen, ahora los medios círculos

se convierten en figuras independientes y el centro queda
transparente.
Ilustración 17: creador de formas III
Fuente: autor

4. Ahora podemos cambiarle el color a cada fracción de la figura,
esta herramienta es muy útil cuando queremos que una figura se
vea por encima de un color o patrón y pero que sus ojales no
queden blancos sino con el color de fondo.
Ilustración 18: creador de formas IV
Fuente: autor
Herramienta buscatrazos
La herramienta buscatrazos permite diferentes efectos con la

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 hayan partes transparentes o que no quede el
fondo en color blanco sino que se pueda modificar el fondo a necesidad,
así:

Ilustración 19: buscatrazos
Fuente: autor
A continuación las opciones que brinda la herramienta

buscatrazos. Partimos de la figura que habíamos copiado del ejercicio
anterior, pero esta vez se eliminan los dos círculos superiores de
entrada.
Ilustración 19: buscatrazos II
Fuente: autor
Se abre el panel buscatrazos desde el menú ventana:

Ilustración 20: buscatrazos III
Fuente: autor
Unificar.
Esta opción convierte dos formas independientes en una sola.
Ilustración 21: unificar
Fuente: autor

Menos frente.
Ésta opción elimina los elementos

que estén más por encima, pero
si hay elementos por debajo que
toquen la forma que está por
encima, también la elimina, así:
Ilustración 22: menos frente
Fuente: autor
Formar intersección.
Elimina todo lo que hay por fuera de la intersección y sólo deja la

intersección:
Ilustración 23: formar intersección
Fuente: autor

Excluir.
Esta opción por el contrario de la anterior, elimina la intersección.
Ilustración 24: excluir
Fuente: autor
Dividir.
Esta opción separa

todas las partes en
fracciones, de manera que
queden todas sueltas, en la
imagen que vemos, todas
sus partes tienen un contono
negro, esto es porque ya
están separadas, pero es
necesario desagruparlas para
trabajar con cada una de
manera independiente.

Ilustración 25: dividir
Fuente: autor
Cortar.
Esta opción es similar a

la de Menos Frente, pero no
elimina lo que hay por
encima, sino que elimina lo
que hay por debajo de la
figura que está más por
encima, así:
Ilustración 26: cortar

Fuente: autor
Combinar.
Esta separa lo que tienen en

común las figuras, las
combina.

Ilustración 27: combinar
Fuente: autor
Recortar.
Elimina lo que sobre y deja solamente la figura más por encima y

también la intersección.
Ilustración 28: recortar

Fuente: autor
Contornear.
Quita el relleno de las figuras y deja
cada trazo de manera
independiente.
Ilustración 29: contornear

Fuente: autor

Menos fondo.
Por el contrario de menos frente,

este elimina el fondo y la parte
del frente que tenga en contacto.
Ilustración 30: menos fondo

Fuente: (Adobe, 2017)
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.
A continuación, se va a crear un motivo nuevo:

1. En primer lugar, se parte de una figura básica que en este caso es
el triángulo.
Con la
herramienta
polígono se
da un clic
en la mesa
de trabajo y
selecciona
que sean
sólo tres
vértices
para obtener el triángulo.
Ilustración 31: herramienta polígono

Fuente: autor
2. Aquí se observa una nueva herramienta: herramienta reflejo, que

sirve para copiar una figura al lado opuesto ya sea de manera
vertical u horizontal, en el numeral 2 vemos un circulo pequeño
azul, éste es el que indica sobre cuál eje se va a reflejar la figura,
en este caso lo vamos a reflejar hacia la derecha. Ubicamos el eje
en el vértice derecho y con Shift + Alt sostenidos se arrastra la
figura hacia la derecha y se suelta primero el clic del mouse y
luego las teclas Shift + Alt.

Ilustración 32: herramienta reflejo
Fuente: autor
Este es el resultado de la figura reflejada que copiamos, luego

vamos a seleccionar la herramienta rotar, que permite girar un objeto
completo ya sea desde el centro o desde sus vértices, vemos que
también se activa el circulo azul pequeño que al igual que en la
herramienta
reflejo, nos dice
sobre cual eje
va a rotar la
figura. Lo
ubicamos en el
vértice superior
del segundo.
Ilustración 33: herramienta rotar

Fuente: autor
3. triángulo y con Alt sostenido para copiar, arrastramos el vértice

derecho (3) hasta que llegue al vértice izquierdo (4). Soltamos
primero el clic del mouse y luego la tecla Alt.

4. Después de tener el trapecio formado, seleccionamos los tres
triángulos y luego nos vamos de nuevo a la herramienta reflejo,
ubicamos el eje en el centro del triángulo amarillo y con Shift +
Alt presionados arrastramos la figura para reflejarla de manera
vertical hasta formar un rombo con los triángulos amarillos,
soltamos el clic y luego Shift + Alt.
Ilustración 34:
herramienta reflejo II
Fuente: autor
5. Luego hacemos
un cuadro que
cubra toda la
figura.
Ilustración 35: motivo

Fuente: autor
6. Organizamos
las figuras
para que el
cuadro quede
por detrás de
la figura que
habíamos formado.

Ilustración 36: organizar
Fuente: autor
7. Cuando tenemos la figura organizada, 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 la mesa de trabajo.
Ilustración 37: muestras

Fuente: autor
8. Ya teniendo el motivo en las muestras se puede aplicar a cualquier

figura. Nota: Para modificar el tamaño de las figuras del motivo, se
procede de la siguiente forma:

Ilustración 38: escalar
Fuente: autor
9. Esto
permite que el motivo se vea más pequeño o más grande según el

gusto y la necesidad del usuario.

Ilustración 39: escalar II
Fuente: autor
En el numeral 1, debemos tener activada la opción previsualizar

para ver los cambios que vamos realizando. 2, cambia el tamaño de las
figuras en porcentajes (más grande o más pequeño). 3, es
recomendable desactivar la opción transformar objetos porque esta lo
que hace es cambiar también el tamaño de la figura que contiene el
motivo y la idea es sólo cambiar el tamaño del motivo.
Tema 5
Tipografía
¿Qué es una tipografía?
La tipografía es el arte y la técnica de crear y

componer tipos 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.
Partes de las letras.
Todas las letras cuentan con unas características específicas que

permiten clasificarlas en familias tipográficas determinadas o definir qué
tipografía es la más adecuada para ciertos trabajos.

Ilustración 40: anatomía de las letras
Fuente: hemisferio digital

Ilustración 41: anatomía de las letras II
Fuente: hemisferio digital
Clasificación de la tipografía
De acuerdo a 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:
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.
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.

Tipografías palo seco.
Este tipo de fuentes, son apropiadas para cosas como carteles y

títulos. Se diferencian de las fuentes Serif, porque éstas 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 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. Aunque sin embargo no son muy legibles y por tanto no es
recomendable usarlas para textos largos. Son fuentes que transmiten
creatividad, elegancia, afecto y 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.
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)
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áfico 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.

Herramienta texto.
La herramienta de texto se encuentra en la barra de herramientas

básicas y la misma integra otras opciones para organizar el texto, la
primer de ellas es crear un texto de área, que es crear el cuadro 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.
Ilustración 42: herramienta texto

Fuente: autor
También se puede crear una línea de texto dando un solo clic en la

mesa de trabajo con herramienta de texto seleccionada, esta se emplea
para textos cortos como títulos o subtítulos.

Ilustración 43: herramienta texto II
Fuente: autor
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.
Ilustración 44:
ajustes de texto
Fuente: autor
También se
encuentras
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, cuan 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 dependiendo de la intención que se desee comunicar con el
texto.
Ilustración
45: ajustes de
texto II
Fuente: autor
Ilustración 46: ajustes de texto III
Fuente: autor

Herramienta texto de á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.
Ilustración 47: texto de

área
Fuente: autor
Ilustración 48: texto de

área II
Fuente: 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.
Ilustración 49: texto en trazado

Fuente: autor
Ilustración 50: texto en trazado II

Fuente: autor
Los manejadores que hay en los extremos permite mover el texto

más a la izquierda o a la derecha de la línea.
Ilustración 51:
texto en trazado
III
Fuente: 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.

Ilustración 52: texto vertical
Fuente: autor
Herramienta texto de área vertical.
Ésta 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.

Ilustración 53: texto de área vertical
Fuente: autor
Herramienta texto vertical en trazado.
Ésta 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.

Ilustración 54: texto vertical en trazado
Fuente: 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 hacía 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.
Ilustración 55: retocar texto

Fuente: autor
Se puede modificar cada

carácter e incluso cambiarle el
color con solo seleccionar la
letra que deseamos 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.
Ilustración 56: retocar texto II

Fuente: autor
Contornos.
A veces se utilian tipografías poco convencionales y al imprimir o

enviar el archivo a otra persona se cree que quien lo reciba también
tiene la fuente que empleamos, la matoría de casos no es así y lo que
ocurre es que el programa al no percibir la fuente utilizada cambia oda
la tipografía por alguna parecida o recomienda que se busque una.
Para un diseñador esto es perdida de tiempo, por lo que se debe

prevenir siempre esta situación, para que no suceda, se crea en todas
las letras un contorno que lo que hace es convertir la letra en una forma
vectorizada y le quita sus propiedades de texto, es como si se dibujara
la letra. La única desventaja es que si hay algún error ortográfico o de
redacción se debe volver a escribir la palabra en formato de texto y
pasarla a contornos, por eso, antes de convertir a contornos se debe
estar seguro que ese es el texto definitivo, no vaya a ser que se vea el
error luego de enviar el trabajo.

Ilustración 57: contornos
Fuente: autor
Esto permite deformar también cada carácter como la herramienta

retoque de texto, pero de una manera más manual, se debe hacer con
la selección directa.
Ilustración 58: contornos II

Fuente: autor
Ilustración 59: contornos III

Fuente: autor

Ilustración 60: contornos IV
Fuente: autor
En este caso
para darle
aspecto más
estético se le
agrego un
nodo de curva
para
adaptarlo a la
curva de la
letra O.
Ilustración 61: contornos V

Fuente: autor

Recursos disponibles para el aprendizaje
Para que puedas desarrollar las habilidades y destrezas necesarias

en la competencia específica propuesta en el módulo de formación, es
importante que revices los recursos de apoyo que te ayudarán a
profundizar los contenidos temáticos trabajados.
Por lo tanto, realiza la lectura del documento de apoyo:
Tipografía, disponible en:
https://fido.palermo.edu/servicios_dyc/blog/docentes/trabajos/6576_15
874.pdf
Ejercicio
Ahora que has revisado algunos conceptos sobre Conociendo 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 afinzar lo que aprendimos en
este modulo.
Ejercicio 1: Recrear la siguiente imagen utilizando unicamente las
formas básicas y las herramientas de selección, vas a ver como 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 traves de ellos. (como en el ejemplo de
la guía)
Las imágenes estarán en el campus virtual.
¡Inténtalo!

Aspectos clave
Recuerda algunos aspectos abordados en el módulo:
 Las herramientas de selección tienen una función específica y

debes entender en qué momento se aplican, por ejemplo,
Selección, es para seleccionar, modificar tamaños, rotar y mover
objetos. Selección Directa, permite modificar cada nodo de la
figura de forma independiente. Lazo, permite seleccionar varios
nodos según se necesite. Varita Mágica, selecciona todos los
objetos de un mismo color.
 El buscatrazos permite perforar las formas para ver a través de
ellas.
 Las tipografías se deben usar según lo que quiera comunicar el
mensaje, NUNCA se pone una tipografía porque sí, siempre debe
tener una intención.

Referencias bibliográficas
Adobe. (5 de Enero de 2017). Combinación de objetos. Obtenido de

https://helpx.adobe.com/es/illustrator/using/combining-
objects.html
Adobe. (13 de Marzo de 2018). Selección de objetos. Obtenido de

https://helpx.adobe.com/es/illustrator/using/selecting-
objects.html
Digital, H. (26 de Diciembre de 2017). Obtenido de

http://www.hemisferiodigital.es/psicologia-de-la-tipografia/
Pepe, E. G. (2008). Clasificación Tipográfica. Obtenido de

https://belgranotipografia.files.wordpress.com/2010/05/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.
Derechos reservados
POLITÉCNICO DE COLOMBIA, 2019
Medellín, Colombia


Guía Didáctica PDF

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Guía Didáctica PDF

Caricato da

Copyright:

Formati disponibili

Diseño Digital

GUÍA DIDÁCTICA N°1

© DERECHOS RESERVADOS - POLITÉCNICO DE COLOMBIA, 2019

Proceso: Gestión Académica

Editado por el Politécnico Superior de Colombia

DIPLOMADO EN DISEÑO DIGITAL 2

DIPLOMADO EN DISEÑO DIGITAL 3

La Guía Didáctica N°1: Conociendo Illustrator y sus principales

Ahora bien, el objetivo central de este módulo es saber en qué

Para ello, se ha organizado esta guía en cinco (5) contenidos temáticos,

DIPLOMADO EN DISEÑO DIGITAL 4

 Identificar las herramientas principales que permiten

o Reconoce la interfaz del programa y dónde están

DIPLOMADO EN DISEÑO DIGITAL 5

Ilustración 1: Contenidos temáticos.

DIPLOMADO EN DISEÑO DIGITAL 6

Illustrator es el software de ilustración y gráficos vectoriales más

En el programa se puede conseguir todas las herramientas de

Ilustración 2: Nuevo documento

DIPLOMADO EN DISEÑO DIGITAL 7

Nota: En algunas tiendas de impresión disponen de herramientas

DIPLOMADO EN DISEÑO DIGITAL 8

Ilustración 3: Área de trabajo

Al iniciar un documento en Illustrator se encuentra el área de

1. Está la barra de menú donde están las opciones más avanzadas de

DIPLOMADO EN DISEÑO DIGITAL 9

Ilustración 4: Barra de herramientas

DIPLOMADO EN DISEÑO DIGITAL 10

6. Se encuentra la mesa de trabajo, que es lugar donde se lleva a

DIPLOMADO EN DISEÑO DIGITAL 11

Herramientas de formas básicas

DIPLOMADO EN DISEÑO DIGITAL 12

La otra forma es seleccionando la herramienta que se desea utilizar

Ilustración 7: formas básicas II

DIPLOMADO EN DISEÑO DIGITAL 13

Illustrator cuenta con cuatro herramientas de selección,

La pimera de ellas es la herramienta de selección,

Ilustración 8: herramienta selección

Para seleccionar varios objetos se puede arrastar con clic sostenido

DIPLOMADO EN DISEÑO DIGITAL 14

Ilustración 9: Selección directa

La tercera herramienta de selección es la Varita Mágica, que

DIPLOMADO EN DISEÑO DIGITAL 15

La cuarta y última herramienta de selección es la herramienta

Ilustración 11: Lazo

DIPLOMADO EN DISEÑO DIGITAL 16

Ilustración 12: Lazo II

Las herramientas de transformación son las que permiten

DIPLOMADO EN DISEÑO DIGITAL 17

En el numeral 1, tenemos la ubicación de las capas en la barra de

Ilustración 14: capas

DIPLOMADO EN DISEÑO DIGITAL 18

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.

Herramienta: creador de formas

La herramienta: creador de formas, ubicada en la barra de

Vamos a ver un ejemplo:

DIPLOMADO EN DISEÑO DIGITAL 19

Ilustración 15: creador de formas

2. Seleccionamos la figura completa y lo siguiente es tomar la

DIPLOMADO EN DISEÑO DIGITAL 20