Está en la página 1de 50

ELABORACIÓN DE ILUSTRACIONES

CRÉDITOS
Esta es una publicación del Instituto Nacional Tecnológico - INATEC, con el apoyo técnico financiero del
gobierno de Canadá a través del organismo Children Believe en el marco del Proyecto “Empleabilidad
Juvenil: Cerrando la Brecha de Género en la Empleabilidad Juvenil en Nicaragua”, Proyecto EMPUJE.

Los contenidos de este manual son una recopilación de diversos autoras y autores. Se han realizado
todos los esfuerzos para que este material de estudio muestre información fiable, por tanto, su contenido
está en constante revisión y actualización, sin embargo, INATEC no asumirá responsabilidad por la
validación de todo el material o por las consecuencias de su uso.

Se autoriza la reproducción y difusión del contenido de este manual para fines educativos u otros no
comerciales sin previa autorización escrita, siempre que se especifique claramente la fuente.
PRESENTACIÓN
El manual “Elaboración de Ilustraciones” está dirigido a los y las estudiantes de esta formación con
la finalidad de facilitar el proceso de aprendizaje durante su preparación técnica.

El propósito de este manual es dotar al estudiantado de los conocimientos técnicos fundamentales


para profundizar y fortalecer las capacidades que va adquiriendo en el Centro de Formación.

El manual se encuentra estructurado con la siguiente unidad didáctica:

Unidad III: Ilustración digital

En los contenidos se presenta toda la información general, técnica y científica que necesitas conocer
para el desarrollo de la unidad de competencia y elementos de competencias. El manual posee
ilustraciones, dibujos e imágenes que facilitan su interpretación y su desarrollo.

Al finalizar la última unidad del manual, encontrarás:

Índice de figuras
Bibliografía

Confiando en que logres con éxito culminar esta formación, que te convertirá en profesional Técnico
en Diseño Gráfico y así contribuir al desarrollo del país.
Manual de Elaboración de Ilustraciones

ÍNDICE

UNIDAD III: ILUSTRACIÓN DIGITAL................................................................................................................................2


1. Fundamentación de ilustración digital.......................................................................................................................2
1.1. Funcionalidad............................................................................................................................................................................2
1.2. Proceso de creación..............................................................................................................................................................2

2. Software de ilustración digital y entorno de trabajo................................................................................................4


2.1. Softwares existentes..............................................................................................................................................................4

3. Entorno de trabajo de software de ilustración digital..............................................................................................6


3.1. Illustrator....................................................................................................................................................................................6
3.2. Barra de Menú y Ventanas..................................................................................................................................................7
3.3. Configuración del entorno de trabajo..............................................................................................................................10

4. Propiedades del proyecto............................................................................................................................................11


4.1. Nuevo documento..................................................................................................................................................................11
4.2. Formato de documento........................................................................................................................................................12
4.3. Mesa de trabajo......................................................................................................................................................................12

5. Herramientas para la ilustración digital.....................................................................................................................13


5.1. Herramientas de creación de objetos...............................................................................................................................13
5.2. Herramientas de Transformación de objetos.................................................................................................................16
5.3. Paleta de color y degradado..............................................................................................................................................20
5.4. Dibujos de trazos...................................................................................................................................................................24
5.5. Creación de efectos pictóricos..........................................................................................................................................29

6. Perfil de salida de color................................................................................................................................................31


6.1. Modo de color..........................................................................................................................................................................31
6.2. Separación de color..............................................................................................................................................................33
6.3. Preparación de documento para impresión o Digital.................................................................................................. 36

7. Exportación de documento..........................................................................................................................................39
7.1. Formatos nativos de Ilustrador.............................................................................................................................................39
7.2. Formato Imagen......................................................................................................................................................................40
7.3. Formato PDF............................................................................................................................................................................41

ÍNDICE DE FIGURAS.........................................................................................................................................................43
BIBLIOGRAFÍA...................................................................................................................................................................45

TECNOLÓGICO NACIONAL
UNIDAD III: ILUSTRACIÓN DIGITAL

En esta unidad se abordará el proceso de creación de ilustración digital, cual es la diferencia entre la
ilustración tradicional y digital. Como información importante conocerá los principales softwares para
la creación de proyectos digitales, se conocerá el entorno de trabajo de uno de ellos como es Adobe
Illustrator y un paso a paso de como digitalizar una ilustración

El uso de las tecnologías permite la mejora y automatización de los procesos en distintas áreas de la
ciencia y en las actividades cotidianas de cada individuo o individua. El diseño gráfico, específicamente
la creación de ilustraciones, no ha sido la excepción y actualmente, existen diversas tecnologías que
permiten la creación de ilustraciones en formato digital. Se puede contar con dispositivos como tablas
de dibujo, computadoras, así como accesorios que pueden apoyar este proceso entre los cuales
se tienen los lápices y las herramientas de software diseñadas específicamente para el diseño y la
creación de ilustraciones en diversos formatos digitales.

1. Fundamentación de ilustración digital

Una imagen digital, generada con el computador u obtenida


con un instrumento de captura como un escáner o cámara,
supone la traducción de los valores de color y luminosidad
a un lenguaje binario de ceros y unos. (xcolme, 2019).

Las imágenes digitales se caracterizan porque se almacenan,


manipulan, transportan y transforman, haciendo uso de
computadoras o medios electrónicos digitales, en caso de
Figura 1. Ilustración digital
ser análoga es digitalizada por medio escáner o cámara
digital, si es digital ha sido generada en computador mediante el uso de software de dibujo vectorial. Si
se analiza una ilustración realizada por medios tradicionales se puede observar que está formada por
una serie de manchas continuas o aleatorias, en función de la técnica utilizada, ya sea acuarela, lápiz
de color, óleo, aerógrafo, entre otras.

Mientras que, en una imagen digital, captada con una cámara o realizada con un programa de retoque
de imagen como Photoshop, Gimp o Painter, esta se compone de una serie de pequeños cuadrados
alineados y del mismo tamaño, a cada uno de los cuales, se llama píxel, que funcionan de forma
semejante a las teselas que constituyen los mosaicos.

1.1. Funcionalidad

Los conocimientos en técnicas tradicionales son muy valiosos para planificar y plantear el posterior
trabajo digital y a menudo, se utilizan en los primeros pasos del proceso creativo de la obra, en los que
se elaboran bocetos iniciales con lápiz y papel.

1.2. Proceso de creación


1.2.1. Proceso tradicional
La elaboración de imágenes implica el uso de instrumentos tales como: lápices, estilógrafos, reglas,

6 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

compases, escalímetros, papel, entre otros. Este proceso implica un trabajo de varias horas y en caso
de ser necesario algún cambio, la mayoría de las veces requerirá que se inicie el trabajo nuevamente.
Además, se requiere de un espacio físico considerable, tanto para trabajar como para guardar el
material de trabajo.

1.2.2. Proceso digital

Los gráficos de computadora se dividen en dos categorías principales: gráficos vectoriales e imágenes
de mapa de bits. Comprender la diferencia entre ambos facilita la creación, edición e importación de
ilustraciones.

1.2.3. Imágenes vectoriales

Los programas de dibujo Los gráficos vectoriales no


como Adobe Illustrator crean dependen de la resolución;
gráficos vectoriales compuestos es decir, se pueden escalar en
de líneas y curvas definidas diferentes tamaños e imprimir
por objetos matemáticos en dispositivo de salida
denominados vectores, estos con diferente resolución sin
describen los gráficos según perder precisión ni nitidez.
sus características geométricas.
Por ejemplo, una rueda de Por lo tanto, los gráficos
bicicleta en un gráfico vectorial vectoriales constituyen la
se forma a partir de la definición mejor opción para los gráficos
matemática de un círculo de texto (especialmente de
dibujado con un determinado texto pequeño) y en negrita,
radio, en una posición específica como los logotipos, que
y con color de relleno concreto. necesitan mantener las líneas
Se puede mover, cambiar el nítidas cuando se escalan a
tamaño o modificar el color de diferentes tamaños.
la rueda sin por ello perder la
calidad del gráfico.
Figura 2. Ilustración Vectorial.
1.2.4. Imágenes de mapa de bits

Los programas de pintura y edición de imágenes, un grupo de píxeles en el que cada uno forma
como Adobe Photoshop, crean imágenes de parte de un mosaico que en conjunto, tiene la
mapa de bits, denominadas también imágenes apariencia de una rueda. Cuando se trabaja con
rastrilladas. Las imágenes utilizan una cuadrícula imágenes de mapa de bits, se editan píxeles en
(denominada también mapa de bits o rastrillado) lugar de objetos o formas.
de pequeños cuadrados, conocidos como píxeles
para representar los gráficos.

Cada píxel de una imagen de mapa de bits tiene


una posición determinada y un valor de color
asignado. Por ejemplo, una rueda de bicicleta en
una imagen de mapa de bits está constituida por
Figura 3. Imagen mapa de bits.

TECNOLÓGICO NACIONAL 7
Manual de Elaboración de Ilustraciones

2. Software de ilustración digital y entorno de trabajo

2.1. Softwares existentes

En el arte digital ilustradoras e ilustradores en su afán de hacerse la vida más fácil han desarrollado
diferentes programas informáticos que permitan manipular y crear imágenes de manera más sencilla
en espacios virtuales y ocupar reducidos espacios físicos.

Entre estos programas están los de dibujo por computadora y de retoque de imagen, en los cuales se
destacan:

• Illustrator • Inscape • Gimp


• CorelDraw • ArtRage • Painter

En esta unidad se describe el manejo del Illustrator, aunque el manejo del resto de los programas es
muy similar.

2.1.1. Programas para imágenes de mapa de bits

Tabla 1. Programas
Programa Características Interfaz

Es el programa de tratamiento
de imagen digital profesional por
excelencia. Aunque originalmente
Photoshop está concebido para el retoque
fotográfico, sus capacidades hacen de
él un programa imprescindible para la
ilustración digital.

Es el programa con funciones de


simulación de pintura e ilustración
más potente del mercado. Pone a la
Painter disposición todas las herramientas
imaginables para hacer ilustraciones
digitales, recreando los efectos propios
de los métodos tradicionales de dibujo
y pintura.

8 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

Programa Características Interfaz

Es un programa libre que permite crear


Gimp y manipular gráficos, retocar imágenes
fotográficas, e incluso presentaciones
multimedia.

Es otro programa libre con el que se


puede dibujar en mapa de bits, con una
interfaz muy sencilla.

Reproduce con notable realismo el


ArtRage
efecto de cada material sobre el papel,
incorporando las herramientas más
usuales: pinceles, lápices, ceras, tiza,
rotulador, una paleta de colores y un
sistema para copiar imágenes (“tracing
paper”).
Es uno de los mejores programas
de ilustración y diseño vectorial para
crear imágenes de gran calidad, con
una ventaja: su perfecta integración
con Photoshop, InDesign y el resto de
programas de Adobe.

Illustrator Posee herramientas de dibujo,


para procesar el color de creación
y modificación de tramas, brochas,
capacidad de mezclar degradados,
numerosas opciones de trazado,
símbolos, soporte de “scripts” repetición
de acciones, entre otros: y adaptado,
en crear gráficos para la Web.

Ver más sobre las características de los programas para


imágenes de mapa de bits

• https://www.photoshop.com/en
• https://www.painterartist.com/en/product/painter/
• http://www.gimp.org.es
• https://www.artrage.com
• https://www.adobe.com/products/illustrator.html

TECNOLÓGICO NACIONAL 9
Manual de Elaboración de Ilustraciones

3. Entorno de trabajo de software de ilustración digital

3.1. Illustrator

Es la principal herramienta para los diseñadores gráficos. Trabaja sobre un tablero de dibujo, conocido
como “mesa de trabajo” y está destinado a la creación artística de dibujo y pintura para Ilustración.

Dentro de la aplicación, aparecen distintos elementos: como paneles, barras, menús y ventanas,
conformando el espacio de trabajo.

• Panel Herramientas incluye utilidades para crear y editar imágenes, elementos de página, entre
otras. Las herramientas relacionadas están agrupadas

• Barra Aplicación es la parte superior que contiene un conmutador de espacio de trabajo, menús
y otros controles de la aplicación

• Panel Control muestra opciones específicas de la herramienta seleccionada en el momento

• Ventana Documento exhibe el archivo en el que se trabaja, se pueden organizar como fichas, en
ciertos casos, también se pueden agrupar y acoplar

• Los paneles ayudan a controlar y modificar el trabajo. Se pueden agrupar, apilar o acoplar

Figura 4. Entorno Illustrator.

10 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

3.2. Barra de Menú y Ventanas

• Menú Archivo • Menú Edición

Este menú contiene todos los comandos para Contiene el comando Deshacer y los distintos
trabajar con archivos, se puede acceder a comandos para Cortar, Copiar y Pegar elementos.
comandos para abrir, cerrar, guardar, exportar y También se puede editar la configuración de
gestionar los archivos. Preferencias, sus métodos abreviados y sus
Ajustes de color.

Figura 6. Opciones Menú Edición.


Figura 5. Opciones Menú Archivo.

Para conocer más sobre


Para saber más sobre género en la
género en la vida cotidiana
vida cotidiana visita:
visita: Estereotipos de género
Participación y tiempo en actividades
que escuchamos cada día
:
• https://bit.ly/2Rd17AY
• https://bit.ly/3tLiLZQ

TECNOLÓGICO NACIONAL 11
Manual de Elaboración de Ilustraciones

• Menú Objeto • Menú Texto

Siempre que se tenga un gráfico seleccionado Permite seleccionar las opciones de estilos,
y se requiera hacer cambios en él, se debe tamaño de fuente, revisión de ortografía y
utilizar el menú Objeto. Incluye opciones para funciones Buscar y Cambiar texto. En la opción
transformar, fundir y distorsionar los objetos, entre Texto del menú ventana se encuentran las
otros comandos. funciones Carácter y Párrafo.

Figura 8. Opciones Menú Seleccionar.

Figura 7. Opciones Menú Objeto.

• Menú Seleccionar

Se pueden seleccionar objetos basándose en


sus atributos, recorrer objetos apilados para
seleccionar el objeto deseado y guardar ciertos
grupos de objetos como una selección para
cargarlos en un paso posterior.
Figura 9. Opciones Menú Seleccionar

12 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

• Menú Efecto • Menú Ver

Permite aplicar efectos especiales a los Incluye funciones que permiten aumentar y reducir
gráficos y fotografías. la ilustración, cambiar el modo en que se visualiza
el diseño en la pantalla. También se puede elegir,
mostrar, utilizar cuadrículas y guías en este menú.

Figura 10. Opciones Menú Efecto. Figura 11. Opciones Menú Ver.

• Menú Ventana

Controla qué ventanas se ven flotando sobre el


diseño. Aquí es donde se accede a todas esas
paletas, también conocidas como ventanas
flotantes.

Figura 12. Opciones Menú Ventana.

TECNOLÓGICO NACIONAL 13
Manual de Elaboración de Ilustraciones

3.3. Configuración del entorno de trabajo

Se puede personalizar el espacio de trabajo de Illustrator adaptándolo a las necesidades del usuario.
Esta personalización se refiere al manejo, colocación y organización de los paneles.

En el lateral derecho del programa se encuentra el menú de paneles con las distintas fichas. Se
encuentran apilados en grupos de dos o tres fichas (conjuntos acoplados), teniendo que pulsar sobre
distintas pestañas para ver unos u otros. Estos conjuntos acoplados tienen los controles Minimizar
panel, Minimizar pila de panel, Cerrar pila de paneles y Propiedades del panel.

Figura 13. Partes del Panel Color.

Permite mover conjuntamente el grupo de


paneles, haciendo clic y arrastrando desde su
parte superior, o mover solo un panel arrastrando
desde su pestaña.

Al mover el panel, este aparece semitransparente.

Se puede mover a distintos sitios dentro del menú


de paneles, también colocar el panel en otra pila
de paneles.

Para hacerlo, se sitúa el panel sobre una pila de


ventanas hasta que aparezca un marco azul, y
entonces se suelta.
Figura 14. Vista al mover un panel.

También se puede colocar en un nuevo menú de paneles. Para ello, se sitúa sobre el lateral derecho
del menú de paneles hasta que aparezca una franja vertical gris oscuro y entonces se suelta.

14 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

Se puede separar el panel o conjunto acoplado del


menú de paneles, soltándolo sobre el documento.
El panel quedará flotante.

Si se hace clic en la zona gris que aparece a la


derecha de las pestañas, se accede al menú
contextual del panel:

Figura 15. Menú contextual de un panel.

Tanto en el menú de paneles, como en la barra de herramientas, se encuentran unos controles que
permiten contraer o expandir estos elementos, para así ganar espacio de trabajo. También se pueden
ocultar los paneles con Mayúsculas + Tab, o todos los elementos excepto el documento con la tecla
Tab.

Todo esto permite crear un espacio de trabajo personalizado. Por eso, para no tener que personalizarlo
cada vez, se puede guardar desde el menú Ventana → Espacio de trabajo → Guardar espacio de
trabajo.

Figura 16. Creación de espacio de trabajo personalizado.

4. Propiedades del proyecto

4.1. Nuevo documento Crear nuevo

Para crear un nuevo documento en el menú Para crear un nuevo documento, se debe elegir
Archivo se da clic en nuevo. uno de los perfiles predefinidos según lo que se
quiera obtener. Estos perfiles se diferencian en
valores preestablecidos para el tamaño, modo
de color, unidades, orientación, transparencia
y resolución. Por ejemplo, para imprimir el
documento en alta resolución, la mejor opción
es Documento para imprimir, que permite elegir
distintas resoluciones o tamaños de impresión,
mientras que si se quiere publicar en una página
Figura 17. Crear nuevo documento. web, será más eficaz elegir Documento para
Web.

TECNOLÓGICO NACIONAL 15
Manual de Elaboración de Ilustraciones

Figura 18. Ajustes prestablecidos de documento.

4.2. Formato de documento

Se despliega la ventana Nuevo Documento, esta misma está organizada por una barra de menú
donde aparecen las opciones de los proyectos en los que se puede trabajar, ya sea para Móvil, Web,
Imprimir, Películas y video, dependiendo del proyecto que se elige.

En el extremo izquierdo aparecen los formatos con tamaños preestablecidos y en la derecha para
personalizar el tamaño y orientación de la mesa de trabajo.

4.3. Mesa de trabajo

La Mesa de trabajo la representa el rectángulo con líneas sólidas y de la misma forma que la mesa de
dibujo en la vida real, es el lugar en el que se pone el material a utilizar, un documento en Illustrator.

Un punto interesante es que el tamaño máximo que puede alcanzar la mesa de trabajo es 5,76 por 5,76
metros, espacio suficiente para administración a gran formato.

Cabe destacar que se pueden crear varias mesas de trabajo en un documento.

16 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

5. Herramientas para la ilustración digital

5.1. Herramientas de creación de objetos

a. Creación de formas básicas

Permite la creación de formas básicas tales como Todas estas formas se encuentran agrupadas
rectángulos, rectángulos redondeados y elipses. en la misma herramienta, por defecto Cuadrado.
Son simples y fáciles de crear y constituyen la Para ver las herramientas agrupadas se debe
base de los logotipos, ilustraciones y diseños Web mantener el ratón pulsado unos segundos sobre
más complejos. La mayoría de las formas que se la herramienta.
ve en el ámbito cotidiano están compuestas de
formas básicas; de hecho, así es como se dibujan Las herramientas que permiten crear estas formas
la mayoría, incluso cuando se utiliza lápiz y papel. siguen el mismo patrón que la herramienta
Segmento de línea.
Primero se hace un boceto con estas formas
simples y después se refina la forma del contorno. Se puede dibujar estas formas seleccionando la
herramienta, haciendo clic sobre el documento y
Para visualizar el despliegue que contienen las arrastrando hasta obtener el tamaño deseado.
herramientas de Creación De Formas Simples
en la pantalla, primero se localiza la herramienta También se obtienen otros comportamientos si
Rectángulo en el cuadro de herramientas. se pulsa determinadas teclas mientras se crea la
forma:

• Mayúsculas. Mantiene el mismo alto y ancho


para la nueva forma. Esto crea cuadrados con
Figura 19. Herramienta Rectángulo. la herramienta Rectángulo y círculos perfectos
con la herramienta Elipse
Se hace clic y se mantiene pulsado el botón del
rectángulo sobre la herramienta Rectángulo hasta • Alt. Toma el punto de inicio como el centro
que aparezca el despliegue de las herramientas. de la forma. Se puede combinar con la tecla
Mayúsculas
La visualización de la paleta desplegada como se
ilustra en la figura se hace llevando el cursor a la • Espacio. Permite mover la forma mientras se
pantalla del extremo derecho y posteriormente se crea
suelta el ratón, o se puede visualizar la herramienta
elegida en el cuadro de herramientas llevando
hasta ella el cursor y soltando el ratón cuando la
herramienta está resaltada.

Figura 21. Creación de una forma básica.

Figura 20. Elementos de la herramienta Rectángulo.

TECNOLÓGICO NACIONAL 17
Manual de Elaboración de Ilustraciones

a. Rectángulos y cuadrados.

Figura 23. Especificando las dimensiones del rectángulo.

Si se hace clic directamente sobre el documento,


se accede a la ventana Rectángulo, donde se
Figura 22. Dibujando un cuadrado. especifica la Altura y Anchura del nuevo cuadrado
con la medida que se desea.
Estas dos formas se crean con la herramienta
Rectángulo . Para que el rectángulo sea un El cuadrado se compone de cuatro segmentos
cuadrado perfecto, se crea mientras se mantiene rectos, unidos en cuatro puntos de vértice .
la tecla Mayúsculas pulsada.

b. Círculos y elipses.

La herramienta Elipse permite dibujar


elipses, y por tanto círculos, ya que un círculo es
una elipse con la misma altura y anchura.

La forma de crearla con el cursor es la misma que


la del cuadrado, arrastrando en diagonal hasta
obtener la elipse del tamaño deseado.

Al hacer clic para introducir valores específicos


desde la ventana Elipse se encuentran las
mismas opciones de Altura y Anchura que con el
rectángulo.

Figura 24. Dibujando una elipse. La elipse se compone de cuatro segmentos


curvos, con puntos de dirección.
c. Polígonos.

La herramienta Polígono permite crear


polígonos regulares, de tantos lados como se
desee, con un mínimo de tres.

Esta herramienta se comporta mde forma algo


diferente al dibujar.

Figura 25. Dibujando un polígono.

18 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

El punto inicial del polígono será su centro, como si se mantuviese


pulsada la tecla Alt y los lados del polígono siempre son del mismo
tamaño, como si se mantuviese también pulsada la tecla Mayús.

Al trazar un arco con el cursor alrededor del polígono, esta gira sobre
su centro. Para añadir lados, se pulsa la flecha Arriba, mientras que la
flecha Abajo sirve para quitarlos.
Figura 26. Especificando las
dimensiones del polígono.

Si se crea el polígono a través de la ventana Polígono, se puede concretar su Radio (distancia desde
el centro hasta cada vértice) y el Número de lados.

En este acápite se crea un objeto de construcción a partir de herramientas básicas, como son el
rectángulo, elipse y polígono.

Figura 27. Ilustración creada a partir de formas. Figura 28. Dibujando las formas básicas.

Para iniciar se hace el bosquejo con las El siguiente paso consiste en fusionar el círculo
herramientas básicas, en la barra de herramientas superior con el cuadro para crear la forma de la
se activa la herramienta rectángulo y se crea ranura de la herramienta.
un rectángulo vertical que constituye la base
del objeto de construcción. En la parte inferior Se seleccionan ambos objetos y en la ventana
y superior se crea un círculo, en el centro un Buscatrazos se activa la opción de menos
rectángulo redondeado, sobre el círculo superior frente.
un cuadrado y en el centro del círculo inferior un
polígono.

Figura 29. Fusión de objetos

Posteriormente se procede a fusionar el rectángulo con los círculos superior e inferior. Se seleccionan
ambos objetos y en la ventana Buscatrazos se activa la opción de Unificar .

TECNOLÓGICO NACIONAL 19
Manual de Elaboración de Ilustraciones

De igual manera se fusiona la herramienta con el Finalmente, se le da color, se selecciona el


polígono, activando en buscatrazo y se activa en objeto y en la paleta muestra se aplica el color
la opción menos frente . de degradado de Naranja, Amarillo. Así mismo, al
rectángulo redondeado se le aplica un color.

Figura 30. Opción Unificar. Figura 31. Aplicando color a la ilustración.

5.2. Herramientas de Transformación de objetos

5.2.1. Escalar Objetos

Escalar un objeto es variar su tamaño, de forma que aumente o disminuya a lo ancho o alto, o en ambas
direcciones. Para hacerlo, se tienen dos valores: eje horizontal y eje vertical.

• Utilizando herramientas

En la barra de herramientas, se encuentra la herramienta Escala , con la que se puede escalar uno
o varios objetos, previamente seleccionados.

La escala se produce respecto a un punto , que por


defecto aparece en el centro del objeto, pero que
se puede situar en cualquier lugar del documento
haciendo clic. Para comenzar a escalar el objeto, se da
clic y arrastra.

Se puede escalar el objeto en cualquier dirección, en el


plano horizontal o vertical, moviendo el cursor en esas
direcciones, o ambos a la vez moviendo el cursor en
diagonal.

Si esto se hace con la tecla Mayúsculas pulsada, se


escala en vertical u horizontalmente, o ambos de forma Figura 32. Herramienta
Escala
proporcional si se hace en diagonal.

20 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

Cuando se utiliza esta herramienta, no se debe arrastrar


directamente sobre el objeto. De hecho, cuanto más se aleja del
objeto, el escalado necesita más movimiento del mouse para
alcanzar determinado tamaño, lo que proporciona un control más
preciso.

Utilizando la herramienta Transformación libre o con el


cuadro delimitador, se puede escalar el objeto estirando de
sus controladores, escalándolo así con respecto al controlador
opuesto.

Para escalar de ambos lados a la vez, se expande de los Figura 33. Herramienta
controladores de las esquinas. Para mantener la proporcionalidad transformación libre
entre el alto y el ancho, se debe mantener pulsada la tecla
Mayúsculas mientras crea.

- Valores específicos o porcentajes: Por ejemplo, un valor de 50% reduce el tamaño a


la mitad, mientras que un 200% duplica el tamaño.
Otra opción es introducir directamente los valores
de Anchura y Altura del objeto, este se puede Para introducir porcentajes, se utiliza el panel
hacer desde el panel Transformar o desde el Transformar o la herramienta Escala , pero
Panel de Control. esta vez haciendo doble clic sobre ella, para abrir
la ventana Escala.

Para escalar altura y anchura con un mismo


porcentaje, manteniendo así la proporcionalidad,
se marca Uniforme y se introduce el porcentaje.

Para hacerlo por separado, se activa No uniforme


y se introduce los valores para el porcentaje
Horizontal y Vertical.

Figura 34. Configurando valores desde el panel


transformar.

Incluyendo los valores de ancho (An:) y alto (Al:)


deseados. Otra manera de hacerlo es pulsando el
botón Enlace (link) que permite bloquear las
proporciones.

Cuando está la proporción bloqueada las cajas


de altura y anchura se unen por una línea y al
introducir uno de los valores, se recalcula el otro.

- Herramienta Escala

En lugar de valores predeterminados, el alto y el Figura 35. Configurando valores


ancho se especifican en porcentajes. desde la herrameinta escala.

TECNOLÓGICO NACIONAL 21
Manual de Elaboración de Ilustraciones

5.2.2. Distorsionar Objetos

Permite inclinar sobre uno de sus lados o sobre un ángulo, con respecto a un punto de referencia.

• Utilizando herramientas:

La herramienta Distorsión permite distorsionar objetos. Al


seleccionarla, se establece el punto de referencia en el centro del
objeto. Al arrastrar el cursor, el objeto se distorsiona hacia el eje que
se dirija.

Utilizando la herramienta Transformación libre se distorsiona un


objeto estirando de sus controladores mientras se pulsa la tecla Ctrl.
También se puede introducir los valores de la distorsión, haciendo Figura 36. Distorcionando un
objeto de forma libre
doble clic sobre la herramienta.

Distorsión , para acceder a la ventana. Es posible elegir el ángulo de distorsión, con respecto al eje
horizontal del objeto. La distorsión se aplica sobre un Eje, Horizontal, Vertical o un Ángulo especifico.

En este caso, la distorsión se aplica tomando como punto de referencia el centro del objeto.

Para acceder a esta ventana usando otro punto de referencia, con la herramienta Distorsión, se debe
presionar Alt + clic donde se quiera situar el punto.

Tanto el Panel de control como el Panel transformar permiten distorsionar objetos:

Figura 37. Propiedades de istorsión de


un objeto
Figura 38. Propiedades de
transformación de un objeto

22 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

Para ello solo se debe especificar el Punto de referencia e introducir un valor para el Ángulo de
distorsión.

5.2.3. Rotar Objetos

Rotar un objeto es girarlo, cambiar el ángulo que forma su eje horizontal con el del documento y esto
también se considera una transformación.

• Utilizando herramientas

La Herramienta Rotar es utilizada para girar Con la herramienta Transformación libre ,


objetos haciendo clic y cambiando el punto de se da clic alrededor del objeto y se arrastra hacia
referencia a otro lugar distinto del centro, esta un lado u otro, consiguiendo rotar el objeto. Se
es la opción por defecto. Al arrastrar el cursor puede combinar con la tecla Mayúsculas para
alrededor del objeto, este rotará en esa dirección. girar el objeto de 45 en 45 grados.

Figura 39. Rotando un objeto

Figura 40. Rotación libre

• Valores específicos

Se puede introducir el ángulo de rotación desde la ventana


Rotar, pulsando clic en la herramienta Rotar .

Figura 41. Propiedades de rota-


5.2.4. Reflejar Objetos ción de un objeto

Reflejar un objeto es invertirlo con respecto a un eje, permite la creación de un objeto simétrico.

• Utilizando herramientas

Se empela la herramienta Reflejo . Se da clic, se sitúa el


punto de referencia que es el eje central del objeto. Si se
mueve el cursor arrastrando, se observa el contorno de la
imagen, pero esta vez, invertida.
Figura 42. Reflejando un objeto

TECNOLÓGICO NACIONAL 23
Manual de Elaboración de Ilustraciones

Con la herramienta Transformación libre se refleja un objeto


del mismo modo que se aumenta el tamaño, pero sobrepasando
el controlador opuesto al que se estaba estirando.

Como el resto de herramientas, al dar doble clic sobre la


herramienta Reflejo se accede a la ventana en la que se introduce
los valores directamente.

Figura 43. Propiedades de reflejo de un


5.3. Paleta de color y degradado objeto

Permite seleccionar entre el trazo y el relleno del objeto .

En la parte inferior se ubica un selector de color con toda la gama de colores y selectores individuales
para cada uno de los colores primarios, dependiendo del modo de color seleccionado.

Figura 44. Propiedades de color

Al seleccionar un color, se encuentran dos tipos


de icono: el icono fuera de color web advierte
de que el color seleccionado no se encuentra
dentro de los apropiados, para web y el icono
fuera de gama que indica que el color está
fuera de la gama soportada por el modo de color
actual. Junto a cada icono, se selecciona el color
más parecido que sí cumple con la advertencia.

Para cambiar el modo de color del panel desde el


menú de opciones o propiedades, se encuentra
en su esquina superior derecha.
Figura 45. Cambiar modo de color.

24 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

Un uso muy similar es el que tiene el Selector de color, al que se accede haciendo doble clic en el
cuadro de selección de color del panel Color o de la Barra de herramientas.

Figura 46. Selector de color.

Este panel permite ser más preciso, tanto en la selección de color como insertando directamente los
valores en las escalas CMYK, RGB o tono-saturación-brillo (HSB).

Solo colores Web limita la selección a aquellos colores que ser visualizan correctamente en los
exploradores Web.

En vez de seleccionar un modo de color, se selecciona utilizando las Muestras de color, teniendo un
botón para ello.

• Degradados

Es una fusión gradual de colores, ejemplo: un rectángulo puede


tener un degradado de amarillo a rojo.

Uno de sus extremos se verá amarillo, y este color se irá


combinando con el rojo pasando a un amarillo anaranjado, Figura 47. Degradado de Color.
naranja, rojizo hasta llegar al rojo en el otro extremo.

Un degradado puede incluir varios colores, pasando gradualmente de uno a otro. Todo lo referente a
los graduados, se encuentra desde el panel Degradado.

TECNOLÓGICO NACIONAL 25
Manual de Elaboración de Ilustraciones

Figura 48. Panel de degradado de color.


Tipos de degradados

Lineal: los colores forman líneas paralelas. Para trabajar con degradados lineales, con el
objeto seleccionado, se hace clic en el lugar
donde se sitúa el color definido más a la izquierda
en el panel de Degradado y se arrastra, con el
Radial: los colores forman círculos u óvalos ángulo deseado, hasta el lugar donde se quiere
concéntricos. situar el color final del degradado.

Los colores extremos no tienen por qué estar


dentro del objeto.

Uno de los controles añadido en esta versión es el


de Opacidad, que permite regular la transparencia
de un color.
Figura 49. Configuración de degradado.
El control Ángulo indica la inclinación del
degradado lineal y ubicación de la posición, Una vez creado el degradado, se edita con los
mientras que proporción hace que un degradado mismos controles que ofrece el panel de control.
radial aparezca ovalado.

Todas estas propiedades se pueden controlar


mejor y de forma más natural con la herramienta Figura 50. Controles de degradado.
Degradado .

26 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

En el caso de un degradado radial, se muestran


más controles, ya que permiten girar el degradado,
ovalarlo, o descentrarlo, haciendo un clic simple
dentro de él.

En este acápite se crea una flor utilizando


herramientas de transformación, para ello se
utilizan la herramienta rotar, escalar a partir objetos
simples. Figura 51. Controles según tipo de degradado.

1 - Para iniciar se crea una línea guía vertical y 2 - Con la herramienta elipse se crea un círculo en
una horizontal en el centro de la mesa de trabajo, el centro de la mesa de trabajo. Posteriormente, se
la cual se extrae de la regla tanto vertical como selecciona el círculo y con la herramienta Escala
horizontal. y manteniendo presionada la tecla Alt, se da clic
en la intersección de la línea vertical y horizontal,
o bien, el centro del círculo.

Figura 52. Creación de línea guía horizontal y vertical Figura 53. Creación de círculo desde el centro
de la mesa de trabajo.

Se abre una ventana emergente de Escala, en la opción uniforme se activa 120 % para ampliar el objeto
original, se activa en la opción previsualizar, para revisar si es el tamaño deseado, posteriormente, se
da clic en el botón copiar.

Con la herramienta elipse se crea un óvalo en


posición vertical, con la herramienta de selección
directa se activa el nodo (punto) superior y se arrastra
hacia arriba para trasformar la forma.

Posteriormente, se mueve uno de los manejadores


para transformar la curva de la línea de modo que se
construya la forma de un pétalo.

Figura 54. Ampliación del objeto con la


herramienta Escala.

TECNOLÓGICO NACIONAL 27
Manual de Elaboración de Ilustraciones

Se selecciona el pétalo y con la herramienta


rotar activa, se da clic presionando la tecla Alt
en el centro donde intercepta la línea vertical y
horizontal.

Figura 55. Transformación de forma.

Se abre una ventana emergente de Rotar en ángulo se asigna 30%, se activa en la opción previsualizar,
para revisar la rotación deseada y se le da en el botón copiar.

Posteriormente, se aplica el comando Ctrl +D, esto permite repetir la última acción realizada hasta
completar todos los pétalos.

Finalmente, se aplica color, se selecciona el círculo y en la paleta muestra se aplica el color de degradado
radial de amarillo.

De igual manera a los pétalos se les aplica un color Púrpura ya sea un color sólido o en degradado.

Figura 56. Rotación de ángulos. Figura 57. Aplicación de color


degradado.

5.4. Dibujos de trazos

5.4.1. Dibujo con la herramienta Pluma

Dibuja segmentos de línea recta.

Para dibujar trazados precisos como líneas rectas o


suaves curvas, se utiliza la herramienta Pluma.

Figura 58. Herramienta Pluma.

28 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

Esta herramienta se divide, a su vez, en herramientas alternativas que, aunque se pueden elegir
directamente en la barra de herramientas, también pueden ser utilizadas a medida que se dibuja con
la pluma.

La herramienta Pluma permite dibujar un trazado, haciendo clic donde se desea crear un punto de
ancla.

La herramienta Añadir punto de ancla crea un nuevo punto de ancla al trazado sobre donde se
posiciona el clic.

La herramienta Eliminar punto de ancla elimina el punto de ancla existente sobre el que hace clic.

La herramienta Convertir punto de ancla transforma un punto ya existente. Por ejemplo, al dar clic
sobre un punto suavizado, se convierte en un vértice.

Si se da clic sobre un vértice y se arrastra, se controlan las líneas de dirección transformando así en un
punto suavizado.

5.4.2. Dibujo de líneas rectas con la herramienta Pluma

El tipo de trazado más sencillo que se


puede dibujar con la herramienta Pluma
es una línea recta, que se crea haciendo
clic con la pluma para crear dos puntos
de ancla y nuevamente otro clic.

Haciendo clic consecutivamente, se crea


un trazado compuesto de segmentos
rectilíneos conectados por puntos de
vértice.
Figura 59. Dibujando con la herramienta pluma.

• Dibujo de curvas con la herramienta Pluma

Para crear una curva, se añade un punto de ancla en el


que la curva cambia de dirección y se arrastran las líneas
de dirección que crean la curva.

La longitud y pendiente de la línea de dirección Figura 60. Curvas con la herramienta pluma.
determinan la forma de la curva.

Las curvas son fáciles de modificar y se pueden visualizar e imprimir más rápido si se dibujan utilizando
el mínimo posible de puntos de ancla.

Usar demasiados puntos puede también introducir protuberancias no deseadas en una curva.

TECNOLÓGICO NACIONAL 29
Manual de Elaboración de Ilustraciones

5.4.3. Dibujar un segmento curvo

Existen diferentes maneras de obtener un único


segmento curvo, arco, creando un punto suavizado.

Para crear un punto suavizado, se da clic en el


documento y sin soltar el botón del ratón se arrastra
uno de los manejadores de dirección de ese punto
de ancla.

Figura 61. Dibujando un


segmento.

Los controles de dirección, permiten controlar el


ángulo y la curvatura del segmento.

La parte externa de la curva apunta en la misma


dirección que se haya arrastrado.
Figura 62. Definiendo un arco.

Una vez definido el arco, se da clic en un nuevo lugar, y el segmento


aparecerá curvo.

Si no se suelta el clic final, se mantiene pulsado y se vuelve arrastrar, se


pueden controlar también las líneas de dirección.
Figura 63. Tipos de ancla.
Cabe señalar que, al mover las líneas en la dirección opuesta al primer
punto, se obtiene un arco, pero si se mueve en la misma dirección, una
“S”.

Para volver a convertirlo en un punto de vértice, basta con hacer clic con la herramienta Convertir
puntos de ancla sin arrastrar.

5.4.4. Combinar segmentos rectos y curvos

Para crear un segmento recto seguido de uno curvo, se crea primero el recto haciendo dos clic, sin
arrastrar al final.

Seguidamente, clic sobre el último punto de ancla hasta que el cursor de la pluma muestre un triángulo
.

Se da clic y arrastra, en este caso solo aparece una línea de dirección, que corresponde al futuro
segmento.

30 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

Después, se da clic en el lugar donde finaliza el Para la realización de este ejercicio se utiliza una
nuevo segmento. imagen escaneada la cual es colocada como
plantilla en Illustrator.

Como primer paso, se coloca la imagen dando


clic en el menú Archivo- Colocar, se busca la
ubicación de la fotografía y se da clic en abrir.
Figura 64. Segmentos rectos y curvos.

Una opción rápida es utilizar la tecla Alt mientras


mueve las líneas de dirección del extremo final.
Al pulsar la tecla, se controla la dirección del
siguiente segmento, se da clic y arrastra tras crear
una recta.

Figura 65. Creación de segmentos con la tecla Alt.

Otra forma de conseguir este mismo efecto, es Figura 68. Opción colorar del menú Archivo.
modificar la primera de las líneas de dirección
y posteriormente, la segunda después de crear Es recomendable colocar la imagen en una nueva
el punto, manteniendo pulsada la tecla Alt de capa, se ubica de fondo, posteriormente, en el
manera simultánea, pulsar y arrastrar el punto de menú de propiedades, en la opción opacidad se
dirección. aplica 60% de transparencia para poder ver la
imagen y las líneas del dibujo.

Figura 66. Otra forma de crear curvas y segmentos.

En este acápite se crea una paleta de dulce


animada, para esto se utiliza la herramienta pluma,
punto de ancla, añadir punto de ancla y eliminar
punto de ancla.

Figura 69. Capas de la ilustración.

Figura 67. Opciones Herramienta Pluma.

TECNOLÓGICO NACIONAL 31
Manual de Elaboración de Ilustraciones

El siguiente paso, con la herramienta pluma activa se crean los puntos de ancla o nodos, dando clic
en diferentes áreas de la plantilla, mientras se coloca el nodo se mantiene sostenido y se arrastra para
poder manipular los manejadores y realizar las curvas siguiendo la forma del dibujo. Cabe señalar que,
para crear un trazo cerrado en el punto donde se inició a dibujar, en ese mismo punto se debe culminar,
el programa le indica con un símbolo de un círculo que se está cerrando ese trazo.

Figura 70. Creación de puntos de ancla.

En este ejercicio se debe tomar en cuenta la creación de cada área del dibujo por separado, de esta
manera se aplica color a cada espacio de manera independiente.

Si en el primer trazo la línea no se ajusta a los Es recomendable en una vectorización o


trazos de la plantilla, entonces, con la herramienta ilustración a partir de plantilla, trabajar cada área
punto de ancla se pueden perfeccionar las líneas, y de ser posible, uno en una capa independiente,
el punto de ancla permite convertir líneas rectas esto permite manipular, transformar y mover cada
en curvas, también ajustar los manejadores para elemento de una manera independiente.
perfeccionar las líneas del dibujo.
Después de realizar el trabajo de vectorización
En algunas áreas del dibujo se debe mover los se crea una paleta de colores, los que tendrán la
puntos de anclas o nodos para que las líneas ilustración, de manera que tengan armonía entre
sean más suaves y mejorar el detalle de la ellos y que se vea agradable ante los ojos del
vectorización, si es el caso, se selecciona cada cliente o usuario.
nodo con la herramienta de selección directa.

Figura 71. Ajuste de puntos de ancla. Figura 72. Paleta de colores.

32 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

Finalmente, se aplica color, se seleccionan las diferentes


áreas de la ilustración y se analiza el color que transmita el
mensaje indicado, tomando en cuenta el sector al que va
dirigido y la estética del trabajo.

Figura 73. Ilustración con dibujo de trazos.

5.5. Creación de efectos pictóricos

En este apartado se muestran algunas de las herramientas creativas más nuevas de cualquier aplicación
vectorial tales como: la herramienta Fusión y Malla y como pueden utilizarse para transformar las
ilustraciones.

5.5.1. Fusión de objetos

Al fusionar dos objetos, se crean copias del La fusión permite crear efectos tridimensionales
primero, que se van transformando suavemente y degradados con la forma del objeto creado,
hasta adquirir las características del segundo. A sin que tengan que ser únicamente radiales o
estas copias se les llama pasos. lineales.

Figura 74. Fusión de objetos.

En este caso, se observa que se va modificando Figura 75. Efecto tridimensional.


el trazado y color del relleno del cuadrado rojo
hasta convertirse en la estrella amarilla. Esto se logra a través de las Opciones de fusión,
del menú Objeto → Fusión.
Esto se hace con la herramienta Fusión ,
dando clic en ambos elementos, o directamente, En la ventana alternativa el campo Espaciado se
con el comando del menú Objeto → Fusión → refiere a la distancia entre los objetos generados
Crear, seleccionando previamente los elementos. para la transición.

TECNOLÓGICO NACIONAL 33
Manual de Elaboración de Ilustraciones

Se pueden seleccionar tres opciones:

• Redondear color, permite que el programa La fusión crea un grupo aislado. Se puede entrar
(Illustrator) calcule el número de pasos para en él, lo que permite seleccionar y editar los
tener una transición suave. elementos originales.

Si se cambia la forma o el color de estos, los


elementos de paso se adaptarán a las nuevas
características.

Y queda otro elemento para editar. El lomo es la


trayectoria que une los elementos de los extremos
de la fusión y determina por donde se crearán los
elementos de paso.
Figura 76. Propiedades de fusión objetos.
Por defecto se crea un trazado recto, pero se
• Pasos especificados, permite introducir el puede modificar para curvarlo.
número de pasos entre los objetos
• Distancia especificada, permite introducir Se puede cambiar el lomo por otro trazado o por
cada cuanto píxel se cree un paso un objeto.
• En Orientación se encuentran dos iconos. El
primero, Alinear con la página, hace que los Para ello y sin estar en el grupo aislado, se
elementos de paso queden alineados con el selecciona el objeto fusionado y el que hará de
eje horizontal de la página, mientras que el lomo y en el menú Objeto → Fusión, se selecciona
otro, Alinear con el trazado, alinea la base de Reemplazar lomo.
los elementos de fusión con el trazado que
une los dos elementos de la fusión. Esto se
aprecia mejor cuando los elementos tienen
la misma forma

Figura 77. Tipos de alineaciones de objetos. Figura 78. Reemplazar lomo.

Los objetos que forman parte de la fusión dependen de esta y no permite seleccionar, a no ser que se
pulse el menú Objeto → Expandir, lo que deshace la fusión.

5.5.2. Herramienta Malla

Se trata de una malla de degradado, pero no tiene mucho que ver con los degradados básicos. Es muy
superior a la herramienta Degradado estándar, relacionándose más con la herramienta Fusión.

34 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

Uso de la herramienta malla

Crear un objeto óvalo de 5.7 centímetros de


anchura y 4.7 centímetros de altura, trazo rojo sin
relleno. Con la herramienta Convertir punto de
ancla, se selecciona el punto de dirección de la
izquierda y se arrastra hacia la derecha y arriba. Se
termina como una forma parecida a la siguiente.

Figura 80. Aplicando la herramienta


malla.

Si la paleta color no está visible, se activa en el


menú Ventana → Color. Se comprueba que el
punto de ancla esta seleccionado y se hace clic
en cuadro blanco de la paleta color.
Figura 79. Dibujando una figura.

Se selecciona y aplica color de relleno rojo.

Se selecciona la herramienta Malla.

El cursor cambia para indicar que la herramienta


está activa. Se hace clic en el cuarto superior
izquierdo de la figura, este indica el lugar donde Figura 81. Resultado del uso de la
se proyecta la luz. herramienta malla.

6. Perfil de salida de color

6.1. Modo de color

6.1.1. Colores aditivos

Los dispositivos, como monitores, televisores, pantallas en cámaras digitales, entre otros, tienen una
fuente de luz propia. Cada píxel está dividido en tres subpíxeles con los colores aditivos primarios: rojo,
verde y azul.

Para obtener el resto de colores, basta con mezclar un haz de


color con cada uno de ellos y un haz de cada uno de los otros
colores primarios, a distintas intensidades.

Por eso se denomina aditivos. Para poder definir cada uno de


los colores resultantes, se usa principalmente el modelo de
color RGB (del inglés red, green, blue; rojo, verde, azul).

Figura 82. Colores aditivos


primarios.

TECNOLÓGICO NACIONAL 35
Manual de Elaboración de Ilustraciones

Normalmente, se utiliza un byte para definir cada uno de los colores primarios, lo que da más de 16
millones de combinaciones. Así representar un color con un valor que indique la intensidad de cada
primario, en forma porcentual (97%, 94%, 89%) con valores entre 0% y 100%, decimal (247, 240, 226)
con valores entre 0 y 255, como se utiliza principalmente en Illustrator, o en formato hexadecimal
(#F7F0E2, cada letra corresponde un número a partir de 9: A=10, B=11... F=15) con valores entre 00 y FF,
como se utiliza normalmente en la web. Esto permite definir los principales colores.

Rojo R:255, G:0, B:0 Magenta R:255, G:0, B:255


R:0, G:255, B:255 R:255, G:255, B:0
Verde Amarillo

R:0, G:0, B:255 R:0, G:255, B:255


Azul Cyan

El blanco puro se obtiene al mezclar todos los colores con intensidad máxima (R:255, G:255, B:255
o #FFFFFF) y el negro puro es la ausencia de todos ellos (R:0, G:0, B:0 o #000000). Cuando los tres
colores tienen la misma intensidad, el resultado es gris y si se varia la intensidad de la mezcla, pero
manteniendo la proporcionalidad entre los tres colores, se obtiene distintos tonos de un color.

#FFFFFF #DFDFDF #9F9F9F #5F5F5F #2F2F2F #000000

No todos los colores se representan igual en todos los dispositivos. Cada dispositivo trabaja en un
espacio de color, una variante del RGB. Es decir, aunque en todos los dispositivos se define el amarillo
con las mismas intensidades, el mismo amarillo no se verá igual en todos ellos. Al abanico de colores
que se pueden representar en un espacio de color se le llama gama.

En Illustrator se dispone de los modos de color RGB, y un espacio de color derivado de este, el RGB
compatible con web, que solo incluye los colores que se muestran correctamente en una página Web.

6.1.2. Colores sustractivos

Cuando se da color a un objeto sin luz propia, se utiliza tintas o pinturas. Se trata de sustancias diseñadas
para que absorban todos los colores excepto el que se observa, que es reflejado y llega a los ojos.

Es decir, un objeto es rojo porque absorbe toda la luz que le llega, excepto la roja, que es reflejada.

Normalmente, se parte de un fondo blanco que


refleja todos los colores.

Al pintar de un color, se elimina o sustrae el reflejo


del resto de colores, dejando solo el color visible.

Por lo que a este sistema se le denomina mezcla


sustractiva de colores.

Figura 83. Colores Sustractivos.

36 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

El color negro se obtiene combinando todos los tonos, se ha añadido para obtener un mejor resultado
en impresoras, un negro más puro y ahorrar tinta. Para representar los colores sustractivos, se utiliza
el modelo CMYK, cyan, magenta, yellow y key (el negro, color clave). Con este sistema, se representa
cada color como cuatro cifras porcentuales, comprendidas entre 0% y 100%.

En el sistema CMYK, los colores más claros y cercanos al blanco tienen valores más bajos y requieren
de menos tinta.

6.1.3. Diferencias entre CMYK y RGB

Cuando en Illustrator se crea un gráfico para dispositivos, se utiliza el modo RGB y cuando el documento
es impreso en imprenta, el modo CMYK. El motivo principal es que la conversión entre estos modos
de color no da como resultado exactamente los mismos colores. Incluso, hay colores de un sistema
que no pueden ser representados en el otro. Por ejemplo, el azul puro (R:0, G:0, B:255) es imposible
de reproducir en CMYK. Esto es debido a que CMYK y RGB tienen espacios de color distintos, que no
abarcan la misma parte de los colores visibles; el modo de color tiene una gama de color más amplia
al tener colores más brillantes.

Se puede convertir el modo de color de Illustrator


desde el menú Archivo → Modo de color del
documento. Figura 84. Opciones de Modo de color del documento.

6.2. Separación de color

Al reproducir imágenes en color de tono continuo, el servicio de impresión las separa normalmente en
cuatro planchas (llamadas cuatricromías) las partes de cyan, magenta, amarillo y negro de la imagen.
También incluye colores personalizados (llamados tintas planas). Al imprimir con la tinta apropiada y en
registro, estos colores combinados reproducen la ilustración original. El proceso de dividir la imagen
en dos o más colores se denomina, separación de color y la película a partir de las que se crean las
planchas se denominan separaciones.

6.2.1. Preparación de ilustraciones para la separación de color

Previo a imprimir separaciones de color de Illustrator, es


conveniente realizar las tareas de preimpresión.

Definir una gestión del color, incluida la calibración del


monitor y la selección de un ajuste de color de Illustrator.

Se debe hacer una prueba de los colores en pantalla para


visualizar en el dispositivo de salida.

Elegir Ventana > Previsualizar separaciones para


previsualizar el aspecto de las separaciones de colores. Figura 85. Acceder a Previsualizar
separaciones.

TECNOLÓGICO NACIONAL 37
Manual de Elaboración de Ilustraciones

En caso de que el documento este en modo RGB, se debe seleccionar el Archivo > Modo de color del
documento > Color CMYK para convertirlo al modo CMYK. Cada ilustración contiene fusiones de color,,
por ello, se deben optimizar de forma que se puedan imprimir sin problemas (por ejemplo, sin bandas
tenues de color).

Las ilustraciones contienen áreas de colores transparentes superpuestos, en las que se previsualizan
las áreas que se ven afectadas por el acoplamiento.

6.2.2. Previsualización de separaciones de color

Obtener una previsualización de las separaciones de color y la sobre-impresión, mediante el panell


Previsualizar separaciones. La previsualización de las separaciones en el monitor permite previsualizar
los objetos de tintas planas del documento, además de comprobar lo siguiente:

• Negro enriquecido • Sobreimpresión

Las previsualizaciones de las separaciones Al obtener una previsualización de cómo la fusión,


permiten identificar las áreas que se imprimen transparencia y sobreimpresión, aparecen en la
en negro enriquecido o en tinta de negro de salida con colores separados. También se ven los
cuatricromía (K), mezclada con tintas de colores efectos de la sobreimpresión cuando se imprime
para aumentar la opacidad y enriquecer el color. en un dispositivo de impresión compuesto.

El panel Previsualizar separaciones de Illustrator presenta ligeras


diferencias con respecto a los paneles correspondientes de InDesign y
Acrobat; por ejemplo, el panel de Illustrator solo sirve para documentos
CMYK.

Se da clic en Ventana > Previsualizar separaciones. Se selecciona Previsualizar sobreimpresión.

Se realiza una de las siguientes acciones:


Ocultar una tinta de separación en la pantalla, se hace clic
en el icono de ojo   que se encuentra a la izquierda del
nombre de la separación.

Clic de nuevo para ver la separación.

Si se quiere ocultar todas las tintas de separación en la


pantalla, excepto una, se pulsa Alt (Windows) u Opción
(Mac OS) y se da clic en el icono con forma de ojo, de esa
separación. Se pulsa de nuevo Alt y clic (Windows) u Opción
y se presiona clic (Mac OS) en el icono con forma de ojo
para volver a ver todas las separaciones. Figura 86. Propiedades Previsualizar

separaciones.

38 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

La previsualización de las separaciones en el monitor puede ayudar a detectar problemas sin tener que
imprimirlas. Sin embargo, no se puede obtener una previsualización del reventado, las opciones de
emulsión, las marcas de impresora ni resolución y tramas de semitono. Se verifica con la imprenta estas
opciones mediante pruebas integrales o de sobreimpresión. La definición de tintas visibles u ocultas
en el panel Previsualizar separaciones, no afecta al proceso real de las separaciones, solo al modo en
que aparecen en pantalla durante la previsualización.

Los objetos de las capas ocultas no se incluyen en una previsualización en


pantalla.

6.2.3. Impresión de separaciones de color


Para ello es preciso:

• Seleccionar Archivo > Imprimir.

• Se selecciona una impresora y un archivo


PPD. Para imprimir en un archivo en lugar de
hacerlo en una impresora, luego se activa
Archivo PostScript® de Adobe o Adobe PDF.

• Se activa en salida en la parte izquierda del


cuadro de diálogo Imprimir.

• Para Modo, se da clic en Separaciones


(basadas en host) o Separaciones en RIP.

• Se especifica una emulsión, exposición de


la imagen y resolución de impresora para las
separaciones.
Figura 87. Perfil de salida.

6.2.4. Definición de opciones de las planchas de color

• Para la definición de opciones de plancha de color, se da clic en el icono de impresora , se


desactiva la impresión de una plancha de color dando clic en el icono de impresora, situado junto
al color en la lista

• Seleccione convertir todas las tintas planas en cuatricromía, si se quiere convertir todas las tintas
planas en colores de cuatricromía, de forma que se impriman como parte de las planchas de color
y no en una plancha separada

• Dé clic en el icono de tinta plana    situado junto al color en la lista Opciones de tinta del
documento para convertir una tinta plana concreta en color de cuatricromía, se muestra un icono
de cuatricromía  . Se da clic de nuevo para invertir el proceso y convertir el color de nuevo a
tinta plana

TECNOLÓGICO NACIONAL 39
Manual de Elaboración de Ilustraciones

• Debe hacer doble clic en el nombre de la tinta, para cambiar la lineatura, el ángulo de trama y la
forma de los puntos de semitono de una plancha. Como alternativa, clic en el ajuste existente en
la lista

Opciones de tinta del documento, e introduce los cambios que desee. No obstante, tenga en
cuenta que los ángulos y las lineaturas, por defecto, están determinados por el archivo PPD
especificado.

• Defina otras opciones del cuadro de diálogo Imprimir

• En concreto, se puede especificar la posición, escala y recorte de una ilustración; definir marcas de
impresora y un sangrado para elegir los ajustes de acoplamiento para una ilustración transparente

• Por último, clic en Imprimir

6.2.5. Modos de separación de colores

Illustrator es compatible con dos flujos de trabajo, o modos, comunes de PostScript para crear
separaciones de color. La principal diferencia existente entre los dos, radica, en la ubicación donde se
crean las separaciones: en el equipo host (el sistema que utiliza Illustrator y el controlador de impresora)
o en el RIP (raster image processor, procesador de imágenes rasterizadas) del dispositivo de salida.

En el flujo de trabajo tradicional basado en host, Gracias a este enfoque, Illustrator, tarda menos
previamente separado, Illustrator crea datos de tiempo en generar el archivo y minimiza la cantidad
PostScript para cada separación que necesite el de datos que se transmiten, para cualquier trabajo
documento y envía esa información al dispositivo de impresión.
de salida.
Por ejemplo, en lugar de enviar información de
En el último flujo de trabajo basado en RIP hay PostScript de cuatro o más páginas, para imprimir
una nueva generación de RIP para realizar separaciones de color basadas en host, Illustrator
separaciones de color, reventado, e incluso, la envía dicha información a un único archivo,
gestión de colores en el RIP, por lo que el equipo PostScript, para procesarlo en el RIP.
host queda libre para realizar otras tareas.

6.3. Preparación de documento para impresión o Digital

En este apartado se abarca cómo organizar un diseño para que se imprima eficazmente y con resultados
eficientes, en una segunda parte, cómo preparar un documento para un archivo digital.

6.3.1. Uso del comando limpiar

Siempre se sugiere tener cuidado mientras se trabaja y que se preste atención a como crea una
ilustración y si es o no imprimible, pero se debe admitir que a veces estos temas quedan olvidados
ante el ansia creativa.

Por tanto, al final siempre llega la hora de hacer limpieza antes de dar por terminado el proyecto.
En esta ocasión para hacer limpieza y que se eliminen esos pequeños errores solo hay que utilizar el

40 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

comando Limpiar, para eso se selecciona menú objeto, Trazado, Limpiar.

El comando Limpiar busca tres tipos de problemas


en el archivo: Puntos aislados, Objetos sin tintas y
Trazados de texto vacíos.

Cada elemento puede añadir información


innecesaria al archivo, aumentando su tamaño y,
posiblemente, provocando problemas al imprimir.

Figura 88. Acceso al comando Limpiar.

6.3.2. Revisión del documento previo a imprimir

Uno de los elementos a tomar en cuenta es el margen de impresión y el margen que da la guillotina de
la imprenta en el corte del papel para que no queden bordes blancos.

Como alternativa se edita el sangrado del archivo, fuera del área de trabajo se encuentra una guía roja
del sangrado.

Para eso se da clic en Archivo -> Ajustar documento.

Aplicar en la ventana, normalmente en América se da 3 mm de margen de sangrado.

Figura 90. Propiedades de ajuste de documento.

Figura 89. Ingresando a los ajustes de documento.

TECNOLÓGICO NACIONAL 41
Manual de Elaboración de Ilustraciones

• Modo de color CMYK de archivo: se debe Fuentes tipográficas:  en ocasiones si se está


asegurar que no está en RGB, si no, se editando un archivo de otro estudio de diseño,
imprime con colores diferentes a los vistos se puede dar el caso que no tengan las fuentes
en pantalla y el cliente reclama los gastos tipográficas y aparecen sobre un fondo rosa.
de impresión.
En este caso, se selecciona Texto->Buscar fuente
• Para asegurarse seleccione Archivo->Modo y se indica dónde encontrarlas en el computador
y selecciona CMYK. o por cuál sustituirlas.

En el caso de fuentes de fantasía, lo recomendable


es vectorizarlas en Texto->contornear texto.

• Textos escondidos o no visualizados:


Si han cambiado las fuentes tipográficas se
pueden ocultar textos, se sabe, cuando se ven
cuadros de texto; un cuadrado rojo con un + en
la esquina inferior derecha, en este caso, hacer
más grande el contenedor de texto para que se
Figura 100. Modo de color CMYK. vea todo.

• Colores en Muestras: para asegurar que • Revisión de imágenes en el Panel de


todas las tintas están en CMYK en la paleta Enlaces: 
muestra, se da clic en Ventana->Muestras.
En Ventana-> Enlaces se visualiza la lista de
Se debe asegurar que en la descripción esté imágenes utilizadas en el diseño, es preciso
en modo CMYK, las que tienen Pantone son asegurarse en la descripción, que estén en calidad
aceptadas, si es necesario se incluyen tintas que 300ppp y en modo de color CMYK o escala de
han sido seleccionado por otros lados, como grises, si no es así se debe convertir o editar en
cuentagotas o panel de Color con la opción Adobe Photoshop.
en el Panel de muestras de Añadir colores
seleccionados.

Figura 102. Buscar Fuente.


Figura 101. Opciones de muestra.

42 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

7. Exportación de documento

Guardar y exportar

Es importante diferenciar, primero, los dos estados de trabajo en los que se puede encontrar un gráfico:

• Un gráfico puede estar en proceso, y no estar todavía acabado. Porque se quiere guardar en
determinado momento para no perder los cambios realizados, o porque se desea terminar la
sesión de trabajo y continuar más adelante

• Un gráfico puede encontrarse terminado y listo para publicar, imprimir o almacenar. Por tanto, si el
gráfico puede encontrarse en dos estados de trabajo, se guarda el archivo de formas diferentes

De todas maneras, al terminar, lo normal es guardar de ambas formas. Es decir, por un lado, se crea un
archivo de trabajo y por otro, el archivo final, pero si en el futuro se quiere volver a editar el archivo, se
debe hacer sobre el archivo de trabajo, que guarda todas sus propiedades.

7.1. Formatos nativos de Ilustrador

Guardar un documento en proceso: si se quiere guardar el documento sin perder ninguna de


sus propiedades, capas, entre otras, para poder seguir trabajando con él, se da clic en Guardar y
normalmente se guarda en el formato propio de Illustrator, con la extensión .ai o .eps.

Guardar es una opción común en la mayoría de programas y en todos, se hace de forma parecida. Los
comandos para guardar se encuentran en el menú Archivo.

Guardar: Guarda los cambios en


el documento. Si es la primera vez
que se guarda, muestra el diálogo
Guardar como, para que se elija la
ubicación y el formato del archivo.

Guardar como: Esta opción guarda


los cambios en un archivo nuevo,
pudiendo elegir otra ubicación o
formato y seguir trabajando con el
nuevo archivo creado.

Guardar copia: Como su nombre


indica, crea una copia del
documento, parecido a la opción
Guardar como, pero permite seguir
trabajando con el documento
original.


Figura 103. Elementos de la Ventana Guardar Como.

TECNOLÓGICO NACIONAL 43
Manual de Elaboración de Ilustraciones

Desde este diálogo se debe elegir la ubicación del archivo, seleccionando las carpetas de la lista de la
izquierda, o utilizando el desplegable Guardar en y elegir el formato en el desplegable Formato.

Desde el mismo diálogo, se permite hacer otras tareas, crear carpetas, borrar archivos, etc. Una vez
seleccionado, se pulsa el botón, Guardar como.

7.2. Formato Imagen

Guardar un documento ya finalizado, para imprimirlo, publicarlo o almacenarlo.

Si se quiere crear un gráfico con Illustrator para Aparecen los formatos en los que ha sido guardado
ser publicarlo en una Web o guardar la imagen el documento, como .ai. Estos son formatos que
este se hace en formato PNG o un JPG, para ello, no conservan las propiedades de Illustrator,
se debe exportar el documento. aunque algunos, como el formato de Photoshop
si permitan exportar algunas características, como
Esta opción se encuentra en el Archivo → las capas.
Exportar→ Exportar como.
Por eso es importante guardar una copia del
documento en formato de Illustrator para poder
volver a editarlo.

Dependiendo del formato que se elija, al


pulsar Exportar, aparecerán unas opciones de
conversión.

Por ejemplo, exportar a PNG, se elige la resolución


Figura 104. Exportar como. y el color de fondo, incluyendo transparencias; en
JPEG se puede elegir entre mejor calidad o un
Al exportar, solo se guarda la parte del documento archivo más pequeño, la resolución y los aspectos
que aparece dentro de la mesa de trabajo (el del formato.
rectángulo negro).

Figura 105. Espacio de mesa de trabajo.

El diálogo que se muestra es similar a Guardar Figura 106. Tipos de archivos.


como. De hecho, la única diferencia es el tipo de
archivo que se elige.

44 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital

7.3. Formato PDF

Guardar documento en PDF: en Adobe Illustrator es la mejor opción, o bien, utilizar la opción de
no se exporta, sino que, se va a Archivo -> Guardar Calidad de prensa, que es la más alta.
documento en PDF, aparecerá una ventana
emergente con un menú de opciones vertical en Activado de marcas y sangrado: en el menú vertical
la parte izquierda. se selecciona la ventana de “Marcas y sangrado”
y se activan todas las casillas, en sangrado se
puede activar el puesto en el documento o indicar
los 3mm o 5mm que indique la imprenta.

Figura 107. Configuración General - Guardar documento


PDF.

Tipos de PDFs:  en la primera ventana se puede Figura 108. Configuración Marcas y sangrados - Guardar
elegir en la parte superior PDFs estándares de documento PDF.
impresión, se debe preguntar a la imprenta cual

Documentos para web

Illustrator es una herramienta ideal para crear gráficos destinados a ser publicados en una página web.
Estos gráficos pueden ser imágenes estáticas o en movimiento. Si la intención es crear uno de estos
gráficos, se debe tener en consideración unas cuantas opciones para tener los mejores resultados:

Utilizar el perfil de documento para Web. Esto establece la mayoría de las opciones óptimas para
generar gráficos web, como las dos opciones siguientes.

El modo de color será RGB, y siempre que se pueda, se utilizan colores compatibles con Web.

La resolución para los efectos de rasterizado será suficiente con un valor de 72 ppp.

Para generar el gráfico, se utiliza el comando Guardar para web y dispositivos, que permite elegir el
mejor formato de salida, normalmente PNG o GIF para imágenes de hasta 256 colores y con grandes
áreas del mismo color y JPG, para imágenes más detalladas, y ajustar fácilmente la relación entre
calidad y tamaño.

TECNOLÓGICO NACIONAL 45
Manual de Elaboración de Ilustraciones

Ajustar correctamente la relación entre calidad y tamaño es especialmente importante en estos gráficos,
ya que, en una página con muchas imágenes, si estas son muy grandes puede tardar mucho tiempo en
cargarse y aunque este problema está perdiendo importancia con las conexiones de cada vez mayor
velocidad, una página ágil proporciona una mejor experiencia para el usuario.

Se debe tener en cuenta que, aunque se trabaje con gráficos vectoriales, al final se obtiene un mapa
de bits. La imagen resultante es la misma que se ve con el zoom al 100%. Pero si se agranda la imagen
final, se ven los píxeles, aunque no mientras se trabaja con el documento. Se puede ver el documento
tal y como se ve después del rasterizado con el comando del menú Ver → Previsualización de píxeles.

Figura 109. Previsualización de píxeles.

La perspectiva de género puede aplicarse para investigar e intervenir en el


sistema salud, para analizar políticas públicas y movimientos sociales, para estudiar
y complementar el sistema educativo, para analizar las prácticas organizacionales en
gestión empresarial, entre muchas otras.

La perspectiva de género en el urbanismo sitúa la vida cotidiana en el centro de las


políticas para dar respuesta a las demandas del conjunto de la ciudad desde una visión
inclusiva

Aunque la igualdad de género está protegida por diversos tratados e instrumentos


internacionales, siguen existiendo importantes desigualdades entre hombres y mujeres.
Con frecuencia las niñas y las mujeres sufren discriminación en la salud, la educación,
la representación política o el mercado laboral, y esa discriminación tiene efectos
negativos en su vida.

46 TECNOLÓGICO NACIONAL
Manual de Elaboración de Ilustraciones

ÍNDICE DE FIGURAS

Figuras Figura 39. Rotando un objeto................................................19


Figura 40. Rotación libre.........................................................19
Figura 1. Ilustración digital........................................................ 2 Figura 41. Propiedades de rotación de
Figura 2. Ilustración Vectorial..................................................3 un objeto....................................................................................19
Figura 3. Imagen mapa de bits................................................3 Figura 42. Reflejando un objeto............................................19
Figura 4. Entorno Illustrator...................................................... 6 Figura 43. Propiedades de reflejo de un
Figura 5. Opciones Menú Archivo..........................................7 objeto.........................................................................................20
Figura 6. Opciones Menú Edición..........................................7 Figura 44. Propiedades de color..........................................20
Figura 7. Opciones Menú Objeto........................................... 8 Figura 45. Cambiar modo de color......................................20
Figura 8. Opciones Menú Seleccionar................................. 8 Figura 46. Selector de color...................................................21
Figura 9. Opciones Menú Seleccionar................................. 8 Figura 47. Degradado de Color.............................................21
Figura 10. Opciones Menú Efecto.......................................... 9 Figura 48. Panel de degradado de color...........................22
Figura 11. Opciones Menú Ver................................................. 9 Figura 49. Configuración de degradado............................22
Figura 12. Opciones Menú Ventana...................................... 9 Figura 50. Controles de degradado....................................22
Figura 13. Partes del Panel Color...........................................10 Figura 51. Controles según tipo de
Figura 14. Vista al mover un panel........................................10 degradado..................................................................................23
Figura 15. Menú contextual de un panel.............................. 11 Figura 52. Creación de línea guía horizontal
Figura 16. Creación de espacio de trabajo y vertical......................................................................................23
personalizado.............................................................................. 11 Figura 53. Creación de círculo desde
Figura 17. Crear nuevo documento........................................ 11 el centro .....................................................................................23
Figura 18. Ajustes prestablecidos de de la mesa de trabajo.............................................................23
documento..................................................................................12 Figura 54. Ampliación del objeto con la
Figura 19. Herramienta Rectángulo...................................... 13 herramienta Escala..................................................................23
Figura 20. Elementos de la herramienta Figura 55. Transformación de forma...................................24
Rectángulo.................................................................................. 13 Figura 56. Rotación de ángulos...........................................24
Figura 21. Creación de una forma básica........................... 13 Figura 58. Herramienta Pluma..............................................24
Figura 22. Dibujando un cuadrado....................................... 14 Figura 57. Aplicación de color degradado........................24
Figura 23. Especificando las dimensiones Figura 59. Dibujando con la herramienta
del rectángulo............................................................................ 14 pluma...........................................................................................25
Figura 24. Dibujando una elipse........................................... 14 Figura 60. Curvas con la herramienta
Figura 25. Dibujando un polígono........................................ 14 pluma...........................................................................................25
Figura 26. Especificando las .................................................15 Figura 61. Dibujando un .........................................................26
dimensiones del polígono......................................................15 segmento...................................................................................26
Figura 27. Ilustración creada a partir de formas................15 Figura 62. Definiendo un arco..............................................26
Figura 28. Dibujando las formas básicas............................15 Figura 63. Tipos de ancla.......................................................26
Figura 29. Fusión de objetos.................................................15 Figura 64. Segmentos rectos y curvos............................... 27
Figura 30. Opción Unificar......................................................16 Figura 65. Creación de segmentos con
Figura 31. Aplicando color a la ilustración..........................16 la tecla Alt................................................................................... 27
Figura 32. Herramienta Escala..............................................16 Figura 66. Otra forma de crear curvas y
Figura 34. Configurando valores desde segmentos................................................................................. 27
el panel transformar................................................................. 17 Figura 67. Opciones Herramienta Pluma........................... 27
Figura 35. Configurando valores.......................................... 17 Figura 68. Opción colorar del menú Archivo.................... 27
desde la herrameinta escala................................................. 17 Figura 69. Capas de la ilustración....................................... 27
Figura 33. Herramienta transformación Figura 70. Creación de puntos de ancla............................28
libre.............................................................................................. 17 Figura 71. Ajuste de puntos de ancla..................................28
Figura 37. Propiedades de istorsión Figura 72. Paleta de colores..................................................28
de un objeto...............................................................................18 Figura 73. Ilustración con dibujo de trazos.......................29
Figura 38. Propiedades de transformación Figura 74. Fusión de objetos.................................................29
de un objeto..............................................................................18 Figura 75. Efecto tridimensional...........................................29
Figura 36. Distorcionando un objeto de Figura 76. Propiedades de fusión objetos........................30
forma libre..................................................................................18 Figura 77. Tipos de alineaciones de objetos....................30

TECNOLÓGICO NACIONAL 47
Manual de Elaboración de Ilustraciones

Figura 78. Reemplazar lomo.................................................30


Figura 79. Dibujando una figura. .......................................... 31
Figura 80. Aplicando la herramienta
malla. ........................................................................................... 31
Figura 82. Colores aditivos ................................................... 31
primarios...................................................................................... 31
Figura 83. Colores Sustractivos...........................................32
Figura 84. Opciones de Modo de color
del documento.......................................................................... 33
Figura 85. Acceder a Previsualizar
separaciones............................................................................. 33
Figura 86. Propiedades Previsualizar................................. 34
separaciones............................................................................. 34
Figura 87. Perfil de salida.......................................................35
Figura 88. Acceso al comando Limpiar.............................. 37
Figura 89. Ingresando a los ajustes de
documento................................................................................. 37
Figura 90. Propiedades de ajuste de
documento................................................................................. 37
Figura 100. Modo de color CMYK........................................ 38
Figura 102. Buscar Fuente..................................................... 38
Figura 101. Opciones de muestra......................................... 38
Figura 104. Exportar como.....................................................40
Figura 105. Espacio de mesa de trabajo............................40
Figura 106. Tipos de archivos...............................................40
Figura 107. Configuración General -
Guardar documento PDF........................................................ 41
Figura 108. Configuración Marcas y
sangrados - Guardar documento PDF................................. 41
Figura 109. Previsualización de píxeles..............................42

48 TECNOLÓGICO NACIONAL
Manual de Elaboración de Ilustraciones

BIBLIOGRAFÍA
• Bargueño Gómez, E. (2008). Educación Plástica, Visual y Audiovisual. España: McGraw-Hill
Interamericana de España S.L.

• Gómez Molina, J., Barbero, M., Bordes, J., Caballo, I., Cabezas, L., Marisa, C., . . . Salas, R. (2003).
Las lecciones del Dibujo (Segunda Edición ed.). Madrid: Ediciones Cátedra (Grupo Anaya S.A.).

• Arteneo. (2 de agosto de 2016). La Ilustración Digital, un Arte emergente. Obtenido de arteneo.


com: https://www.arteneo.com/blog/la-ilustracion-digital-arte-emergente/

• Barahona Carvajal, M. (2016). La textura visual y táctil. Colegio Quimahue, De Artística.

• B
argueño Gómez, E. (2008). Educación Plástica, Visual y Audiovisual. España: McGraw-Hill
Interamericana de España S.L.

• B
onet, P. (15 de febrero de 2016). ¿Cuál es la función de un ilustrador? Obtenido de ilustra.org:
https://www.ilustra.org/pin/la-funcion-ilustrador/

• E
NINUN. (s.f.). Elementos conceptuales: punto, línea, plano y volumen. Obtenido de eniun.com:
https://www.eniun.com/elementos-conceptuales-punto-linea-plano-volumen/

• G
ómez Molina, J., Barbero, M., Bordes, J., Caballo, I., Cabezas, L., Marisa, C., . . . Salas, R. (2003).
Las lecciones del Dibujo (Segunda Edición ed.). Madrid: Ediciones Cátedra (Grupo Anaya S.A.).

• n
uestra aula de dibujo. (15 de octubre de 2016). Elementos Gráficos. Obtenido de nuestrauladedibujo.
blogspot.com: https://nuestrauladedibujo.blogspot.com/2016/10/elementos-graficos.html

• Q
uiñones, M. A. (17 de diciembre de 2012). La Forma. Obtenido de epvelviso.blogspot.com: http://
epvelviso.blogspot.com/2012/12/la-forma.html

• R
icardo, R. (s.f.). ¿Qué es la teoría del color? – Definición, conceptos básicos y ejemplos. Obtenido
de estudyando.com: https://estudyando.com/que-es-la-teoria-del-color-definicion-conceptos-
basicos-y-ejemplos/

• V
eliz, Y. (2015). Arquitectura: Principios ordenadores. Universidad Pedagógica Experimental
Libertador, Arquitectura.

• x colme. (15 de mayo de 2019). ¿Que es la Ilustración digital? Herramientas y técnicas. Obtenido de
xcolme.es: https://xcolme.es/ilustracion-digital/

TECNOLÓGICO NACIONAL 49
Primera Edición, Febrero 2021
www.tecnacional.edu.ni
Tel: 2253-8888

También podría gustarte