Documentos de Académico
Documentos de Profesional
Documentos de Cultura
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.
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.
Í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
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.
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.
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.
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.
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.
TECNOLÓGICO NACIONAL 7
Manual de Elaboración de Ilustraciones
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:
En esta unidad se describe el manejo del Illustrator, aunque el manejo del resto de los programas es
muy similar.
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.
8 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital
• 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.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
• 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
10 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital
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.
TECNOLÓGICO NACIONAL 11
Manual de Elaboración de Ilustraciones
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.
• Menú Seleccionar
12 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital
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
TECNOLÓGICO NACIONAL 13
Manual de Elaboración de Ilustraciones
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.
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
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.
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
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.
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.
16 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital
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:
TECNOLÓGICO NACIONAL 17
Manual de Elaboración de Ilustraciones
a. Rectángulos y cuadrados.
b. Círculos y elipses.
18 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital
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.
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
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.
20 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital
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.
- Herramienta Escala
TECNOLÓGICO NACIONAL 21
Manual de Elaboración de Ilustraciones
Permite inclinar sobre uno de sus lados o sobre un ángulo, con respecto a un punto de referencia.
• Utilizando herramientas:
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.
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.
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
• Valores específicos
Reflejar un objeto es invertirlo con respecto a un eje, permite la creación de un objeto simétrico.
• Utilizando herramientas
TECNOLÓGICO NACIONAL 23
Manual de Elaboración de Ilustraciones
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.
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.
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
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
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.
26 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital
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.
TECNOLÓGICO NACIONAL 27
Manual de Elaboración de Ilustraciones
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.
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.
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
Para volver a convertirlo en un punto de vértice, basta con hacer clic con la herramienta Convertir
puntos de ancla sin arrastrar.
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.
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.
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.
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.
32 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital
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.
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.
TECNOLÓGICO NACIONAL 33
Manual de Elaboración de Ilustraciones
• 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.
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.
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
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
• 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.
• 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
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.
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.
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
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.
TECNOLÓGICO NACIONAL 41
Manual de Elaboración de Ilustraciones
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.
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.
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.
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.
44 TECNOLÓGICO NACIONAL
Unidad III: Ilustración digital
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.
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
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.
46 TECNOLÓGICO NACIONAL
Manual de Elaboración de Ilustraciones
ÍNDICE DE FIGURAS
TECNOLÓGICO NACIONAL 47
Manual de Elaboración de Ilustraciones
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.).
• 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