Instituto Universitario del Centro de México

Plantel: Saltillo2 Programa: Sabatino

ALEJANDRA ABIGAÍL
CORONADO BALLESTEROS

Asignatura: LPE313 Grupo:LPE3

FECHA DE EN TREGA: 10- ABRIL-2020

Informática Aplicada a la Producción Multimedia de Materiales Educativos.
“Una breve Introducción a Adobe Illustrator como herramienta Didáctica”

1
 Introducción.
El presente ensayo ha sido redactado desde el punto de vista de una estudiante de tercer
cuatrimestre de la Licenciatura en Psicología Educativa abordando tres subtemas de los
sugeridos en el documento de rúbrica; se cita a continuación con la misma numeración
del documento:
6.- Introducción a Adobe Illustrator.
• 6.1 Digitalización de Imágenes.
• 6.2 Funciones y Ventanas.
• 6.3 Edición
Se muestran reorganizados en el índice siguiente.
Para darle un enfoque a esta investigación es necesario identificar el concepto de
informática como el conjunto de conocimientos técnicos que se ocupan del tratamiento
de información por medio de computadoras. Gracias a los avances tecnológicos además
de utilizar la informática para el procesamiento de datos en general, ahora se han
desarrollado programas que se dedican específica y ampliamente a un solo ámbito o
gestión. Tal es el caso de los gestores de diseño, tales como Photoshop, Coreldraw o
Illustrator, entre otros; este ultimo es sobre el que se hablará más adelante.
Si bien no todas las personas tienen acceso a las prácticas, técnicas y conocimientos de
un diseñador digital, es importante mencionar que estos programas no requieren de
mucho, sino de un poco de atención, y dedicación por parte de los usuarios para lograr
una producción de calidad. Además, existen muchos tutoriales, soportes y blogs en
donde se explica paso a paso el uso de cada uno de los gestores de diseño que existen
hoy en día.
Absolutamente todo lo que se conoce como libros, revistas, publicidad, camisetas,
carteles, folletos, invitaciones, banners, posters que implique una impresión, fue diseñado
por una persona o diseñador desde una computadora con un gestor de diseño.
El diseño digital, se ha vuelto sumamente famoso estos últimos años, ya no es algo tan
exclusivo de los diseñadores, y está casi al alcance de cualquiera con una computadora.
Ha permitido la elaboración de todo tipo de materiales, artículos y papelería
personalizados, con la idea de los consumidores plasmado en ella.
Ahora bien, dentro de estos gestores se encuentran conceptos y procedimientos que vale
la pena conocer para poder saber adaptar el programa a las necesidades del ahora
diseñador. Desde este enfoque parece preciso el comenzar con la siguiente redacción.

2
 Índice.
Título............................................................................................................................ 1
Introducción.................................................................................................................. 2
Introducción a Adobe Illustrator (Enfoque)................................................................... 4
Digitalización de Imágenes........................................................................................... 4
Funciones y Ventanas.................................................................................................. 5
Edición.......................................................................................................................... 8
Conclusión................................................................................................................... 10
Referencias.................................................................................................................. 11

3
Introducción a Adobe Illustrator.
Es un software de diseño gráfico, que sirve para elaborar y editar imágenes, logotipos,
mapas, bocetos, tipografías y todo tipo de gráficos vectoriales. Este programa fue creado
por Mike Schutser, Bill Paxton y John Warnock para Adobe Sistemas Inc. en 1982.
Inicialmente solo era compatible para Apple Macintosh y solo se podía imprimir en la
impresora Laser Write de Apple, por lo cual se concibió corriendo un gran riesgo con un
mercado reducido por entonces; Pero debido a la versatilidad de manejo que ofrecía, se
posicionó en uno de los favoritos del mercado de diseñadores gráficos de la época. En la
actualidad se estima que mas de 180 millones de gráficos se producen mensualmente
mediante su uso
¨A lo largo de su historia, evolucionó y acabó siendo hoy en día, una herramienta básica
para la creación de la imagen, que aumenta las posibilidades creativas y mejora la
productividad del diseñador¨. (Prezi, 2020)
Digitalización de Imágenes.
Como ya se ha mencionado, este es un programa dedicado al dibujo vectorial y diseño
de elementos gráficos, para lo cual explicaremos lo siguiente:
Dentro de la digitalización de imágenes, existen 2 tipos que se pueden diferenciar muy
bien:
Las imágenes vectorizadas: Estas también llamadas imágenes vectoriales, se forman a
partir de segmentos, líneas y formas denominadas vectores; es decir, se crean a partir
de puntos en un espacio virtual que se van uniendo para después rellenarlos y colorearlos
y así obtener imágenes de gran calidad adaptables a cualquier tamaño que se requiera.
Una manera sencilla de vectorizar una imagen, es utilizando la herramienta pluma, ya
que esté abierta la imagen que se quiere vectorizar, se coloca un punto de inicio para
marcar el contorno, estirando las líneas para formar puntos ancla. De ser necesario
marcar una curva, se puede utilizar la herramienta curvatura, para terminar, es importante
regresar al mismo punto donde se inició la vectorización. Luego se puede utilizar la
herramienta cuentagotas para igualar el color de la imagen original.

Los mapas de Bits o Bitmaps: Son imágenes basadas en una especie de plano
cuadricular coloreado que se mide con Pixeles; a este se le llama: retícula ortogonal
coloreada. Con estos pixeles, se les da forma, color e intensidad a las imágenes; y las
imágenes creadas de esta manera reciben el nombre de: imágenes rasterizadas o mapas
de Bits.
“Se puede realizar con escáner plano o multifunción o con escáner rotativo (debe ser un
soporte flexible). Al momento de escanear es ideal tener la ilustración lo más resuelta y
“limpia” posible.

4
Podemos establecer la resolución de una imagen de pixeles al crear un nuevo archivo o
al escanearlo. Como regla básica, la calidad de una imagen de pixeles no puede ser
mejorada una vez comenzada a trabajar, no puede agrandarse una imagen sin perder
calidad. Es por esto que la elección de la resolución es tan importante” (Clarisa, Gastón,
Daniela, Martin, & Roldán, 2020)
Funciones y ventanas
Illustrator cuenta con diversas funciones y ventanas para realizar tareas específicas, esto
es lo que permite la edición y creación de los documentos. Para comenzar a trabajar en
él, tiene un modo preestablecido para el espacio de trabajo, o se puede personalizar
dependiendo las necesidades del diseñador. Ofrece todas las herramientas necesarias
para producir resultados profesionales y de calidad.
La pantalla de inicio: cuenta con una variedad de herramientas y ayudas con las que los
principiantes podemos guiarnos a la hora de comenzar a usar este espacio de trabajo;
-Una serie de tutoriales que ayudan a comprender el concepto y modo de trabajo, así
como los consejos y trucos de una manera sintetizada y rápida.
-Ajustes preestablecidos que permiten iniciar con el trabajo de una manera más directa.
-Acceso rápido a documentos recientes, así como a novedades de Illustrator.
Interfaz de la pantalla de Inicio: Se le llama interfaz al conjunto de íconos, herramientas,
ventanas, etc. que se encuentran en la pantalla al abrir algún programa.

Ala izquierda de la pantalla de inicio se encuentra:

-Inicio: Para abrir la pantalla de inicio.
-Formación: Despliega una serie de tutoriales básicos y avanzados para el manejo del
programa.
-Crear nuevo: Sirve para crear un nuevo documento, se puede comenzar a trabajar
rápidamente eligiendo una de las múltiples plantillas preestablecidas del programa.

5
-Archivo: Permite la creación de archivos, así como distintas opciones de guardado.

-Abrir: En esta ventana usted podrá abrir un documento ya existente en Illustrator.

Además, se pueden utilizar los siguientes íconos para desplazarse entre el documento y
la pantalla de inicio:
-Inicio: Abre la pantalla Inicio desde el documento.
-Atrás: Abre el documento desde la pantalla inicio.
Información general del espacio de trabajo:
-“El Marco de aplicación agrupa todos los elementos del espacio de trabajo en una
ventana única e integrada que permite tratar la aplicación como una sola unidad. Si
mueve el marco de aplicación o alguno de sus elementos o si cambia su tamaño, todos
los elementos que integra responden en consecuencia para evitar su superposición. Los
paneles no desaparecen si cambia de aplicación o si hace clic sin querer fuera de esta.
Cuando trabaje con dos o más aplicaciones, puede colocarlas una al lado de la otra en
la pantalla o en varios monitores. Si está utilizando Mac y prefiere la interfaz de usuario
libre tradicional, tiene la opción de desactivar Marco de aplicación. Seleccione Ventana >
Marco de aplicación para activarlo o desactivarlo.” (trabajo", 2020)
-La barra Aplicación; se ubica en la parte de la pantalla y contiene un conmutador de
espacio de trabajo, es decir menús, así como otros controles de la aplicación.

6
-Barra de herramientas: Contiene utilidades para crear y editar imágenes, logos etc. Las
herramientas que son similares se encuentran agrupadas.
-Panel de control: Muestra opciones del objeto que está seleccionado en ese momento.
-La ventana Documento: Muestra el archivo en el que se trabaja, las ventanas se pueden
organizar a modo de fichas o pueden agruparse.
-Los Paneles: Ayudan a controlar y modificar el trabajo.
Panel de control:
Este ofrece un rápido acceso a las opciones de edición de un objeto previamente
seleccionado, las opciones que muestra, están relacionadas en función del objeto; ya sea
imagen o texto.
El panel de control permite la personalización en función a las necesidades del diseñador;
es decir, se puede seleccionar las opciones del menú que se requiere aparezcan en el
panel, además, se pueden abrir o cerrar los cuadros de diálogo desde el mismo; así cono
el acoplar el panel a la parte inferior del espacio de trabajo o bien convertirlo en un panel
flotante.
Cambios de los modos de pantalla:
Este sirve para cambiar la visibilidad de las barras de herramientas, ilustración y menús
en el espacio de trabajo, existen diferentes tipos de modos:
-Presentación: Muestra la ilustración con barra de herramientas oculta, marcos y guía.
-Pantalla normal: Muestra en una ventana estándar la ilustración, con la barra de menús
en la parte superior y las de desplazamiento a los lados.
-Pantalla entera con barra de menús: Muestra la ilustración en una pantalla entera,
incluyendo las barras de menú y desplazamiento.
-Pantalla entera: Muestra únicamente la ilustración en una pantalla entera sin las barras
de menú y desplazamiento.
Barra de estado: Esta muestra los aspectos en los que se esta trabajando, el nivel de
zoom, la mesa de trabajo que se está utilizando, herramienta que esta en uso y controles
de navegación para diferentes mesas de trabajo.
Cuadro de búsqueda: Es una herramienta que permite dar respuesta a preguntas
frecuentes para brindar ayuda al diseñador, así como recursos y temas directamente de
Illustrator, y de ser necesario brindar un soporte técnico directo de Adobe.
Ahora que conocemos a grandes rasgos cómo se utilizan algunas herramientas de
Illustrator, podemos iniciar a trabajar con el programa.

7
Edición:
Illustrator cuenta con una gran variedad de herramientas, desde pinceles, puntos, formas,
textos, líneas, cuentagotas, efectos, etc., todas ellas con el fin de crear una edición de
calidad en diferentes ramos:

Diseño Industrial: Se encarga de diseñar y producir mapas, planos, etiquetas etc.

relacionados al plano empresarial o industrial, dependiendo de las necesidades que se
tengan dentro de la misma, es decir pude ser desde la elaboración de carteles y folletos
sobre la marca ecológica de una empresa o realizar un plano sobre cierto robot o
máquina, hasta las etiquetas requeridas para marcar cierto material y el lugar en donde
se va a guardar, entre muchas otras cosas.
Diseño Gráfico: Se refiere a la producción de materiales personalizados, como la
serigrafía, además de la elaboración de invitaciones o tarjetas acoplándose a las
necesidades de los clientes, creación de logotipos, portadas, diseño y producción sobre
materiales como metal, plástico, lona, vidrio, etc. A este se puede agregar el diseño y
producción de materiales didácticos escolares, hojas de trabajo, rompecabezas, etc.
Diseño Textil: Se refiere a la creación de cierto diseño para imprimir sobre tela, ya sea
con vinil, serigrafía o plotter textil.
Diseño de Modas: Illustrator permite crear diseños y moldes exactos, agregando texturas,
estampados etc. Además, permite el uso de tableta digital para hacer mas sencillo y
divertido todo este proceso.
Diseño Editorial: Corresponde a la creación, producción, edición de todo lo que
corresponde a revistas, libros, periódicos etc. Se trata de diseñar electrónicamente la idea
del cliente; Por ejemplo, al momento de editar un libro, el diseñador por medio de diversas
herramientas incluidas en el programa se encarga de darle vida a la visión del autor.
Inicialmente se comienza con un boceto, luego crea o digitaliza las imágenes
dependiendo del objetivo previsto.
Diseño Publicitario: Se refiere a carteles, volantes dibujos, comics, etc. con el fin de
publicitar una empresa, persona, partido o evento entre muchas otras.

8
Los métodos de edición son variados y diferentes:
Por un lado, se permite la transformación de imágenes por medio de la herramienta
Selección y el Panel Transformar, se puede rotar, cortar o redimensionar, entre otras
cosas.
Además, es posible agrupar objetos por medio de las herramientas: selección, objeto,
grupo. Y alinear con la selección, mesa de trabajo o ventanas; todo ello con el fin de que
el diseñador pueda personalizar su edición.
Es posible también recortar y dividir ilustraciones con la herramienta borrador, tijeras y
cuchilla.
Otra de las facilidades que ofrece el programa es la de aplicación de efectos; Este se
encuentra en el panel de Apariencia, y en él se puede mover, duplicar guardar o eliminar
el efecto. Existen dos tipos de efectos;
Efectos vectoriales: Estos efectos solo se pueden aplicar a objetos vectoriales o al relleno
y el trazo de un objeto de mapa de bits en el panel Apariencia.
Efectos de rasterizado: Son efectos que generan píxeles en lugar de datos vectoriales.
Los efectos de rasterizado incluyen los Filtros SVG, todos los efectos de la sección inferior
del menú Efecto y los comandos Sombra paralela, Resplandor interior, entre otros.

9
Conclusión.
A lo largo de los años los avances tecnológicos han permitido un gran desarrollo en
diferentes ámbitos de la vida cotidiana, en muchos ramos de investigación, estudios,
comunicación, y prácticamente, todo lo que nos rodea.
Las generaciones cada vez se vuelven más apegadas a la tecnología, prácticamente por
necesidad, ya que los estilos de vida actual requieren del uso de ella para la superación
personal, laboral y académica.
El desarrollo de programas de edición permite entre muchas otras cosas, el poder
plasmar ideas con ciertos fines específicos, y así contribuir con la libertad de expresión.
La difusión de carteles, folletos, tarjetas creados con estos programas ha permitido al
mundo conectarse cada vez más ya que funge la publicidad como medio de
comunicación.
Desde el campo de la psicología educativa, permite como se mencionó anteriormente la
creación de materiales didácticos y pruebas o test adaptados a las necesidades de los
pacientes con el fin de que logren sus aprendizajes esperados y por medio de ellos crear
estrategias y planes que permitan su adaptación en el medio social.
Muy específicamente estos gestores de diseño, se puede decir que para muchas
personas que los utilizan, sirven además de fuente de trabajo para cumplir con todo lo
anterior, sirve también como un medio de entretenimiento y por qué no; hasta terapéutico,
ya que la mayoría de ellos expresan sentirse relajados y dejan volar su imaginación
mientras diseñan en ellos.
Cabe mencionar que para lograr un pleno conocimiento de las funciones que realizan las
herramientas incluidas en él, es necesario perder el miedo a las tecnologías, practicar y
explorar para qué sirve cada ícono, ventana y herramienta.
La sociedad actualmente se puede decir que se divide en dos; los que aceptan la
tecnología y los que no. La verdad es que está más que justificada la razón por la que
debemos tener a la tecnología como un punto a nuestro favor y no en contra.

10
Referencias
Clarisa, A., Gastón, C., Daniela, K., Martin, L., & Roldán, P. M. (09 de Abril de 2020). faduilustracion.
Obtenido de faduilustracion: https://faduilustracion.files.wordpress.com/2018/04/roldan-
digitalizaciondeimgs-2016.pdf

Prezi, u. ¨. (09 de Abril de 2020). Prezi.com. Obtenido de Prezi.com: https://prezi.com/lvqfqzdgxolc/la-

historia-de-adobe-illustrator/

trabajo", A. ". (09 de Abril de 2020). Adobe. Obtenido de Adobe:

https://helpx.adobe.com/mx/illustrator/using/workspace-basics.html

11