0% encontró este documento útil (0 votos)
350 vistas22 páginas

Cuadernillo de Diseño Digital en Illustrator

Este documento presenta una introducción al software de diseño vectorial Adobe Illustrator. Explica brevemente los formatos vectoriales y rasterizados y los usos más comunes de cada uno. También describe los principales elementos de la interfaz gráfica de Illustrator como las barras de menús y herramientas, el área de trabajo y las mesas de trabajo. Finalmente, introduce conceptos como los modos de color CMYK y RGB y los diferentes formatos para impresión digital y análoga.
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
0% encontró este documento útil (0 votos)
350 vistas22 páginas

Cuadernillo de Diseño Digital en Illustrator

Este documento presenta una introducción al software de diseño vectorial Adobe Illustrator. Explica brevemente los formatos vectoriales y rasterizados y los usos más comunes de cada uno. También describe los principales elementos de la interfaz gráfica de Illustrator como las barras de menús y herramientas, el área de trabajo y las mesas de trabajo. Finalmente, introduce conceptos como los modos de color CMYK y RGB y los diferentes formatos para impresión digital y análoga.
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Universidad Icel "Campus Online"

Licenciatura en Arquitectura

Asignatura:

Diseño Digital

Profesor:

Luis Fernando Villaverde Vazquez

Título del trabajo:

PROYECTO INTEGRADOR

Alumno(a) / matrícula:

Avila Navarrete Erika Yazmin 000047011

CDMX, a 11 de junio de 2021.


ÍNDICE

INTRODUCCIÓN

PROYECTO INTEGRADOR

CONCLUSIÓN

BIBLIOGRAFÍA
INTRODUCCIÓN:

En este primer trabajo escribiremos un poco sobre un programa de software enfocado al dibujo y diseño llamado Adobe Illustrator. Específicamente sobre la
interfaz gráfica de dicho programa.

Antes de comenzar quisiera dar una pequeña introducción para poder entender un poco más sobre lo que vamos a trabajar.

Se dice que Adobe Illustrator es un programa que edita imágenes o gráficos vectoriales, pero ¿esto a que se refiere? Entiendo que son gráficos geométricos
básicos como líneas, puntos, polígonos, curvas, círculos, etc, definidos con características de forma, color, grosor, dirección, etc, de acuerdo a las coordenadas
matemáticas x,y,z´que se indiquen sin generar deformaciones y calidades de los dibujos pudiendo escalarlos, inclinarlos, rotarlos, etc. y que puedan ser
impresos en diferentes formatos.

Los formatos vectoriales más usados son:


❏ Ai: la principal característica es que mantiene la transparencia en el dibujo.
❏ Eps: prácticamente se usa para comparar y verificar las versiones del programa
y si hay compatibilidad con las mismas.
❏ Pdf: Al ser un formato universal de lectura puede ser abierto en programas de
Adobe o en otros compatibles o en el mismo navegador y es muy práctico a la
hora de imprimir.
❏ Svg: es un formato que entiendo es más para el diseño web en html, por lo
general se puede tratar mediante el lenguaje de programación.
● Los archivos para exportar más utilizados son: PNG, BMP, Diseño AutoCAD
(.dwg), Metarchivo mejorado (.emf), Flash (.swf), JPEG, TIFF, TXT, Metarchivo
Windows (.wmf), entre otros.

Con este programa será posible una imagen de mapa de bits a un gráfico vectorial, que esto genera que podamos dibujar un elemento en dos dimensiones
con puntos de anclaje tangentes, colorearlos, transformarlos, agruparlos, alinearlos, combinarlos, añadir o crear textos.

Por eso es importante que se pueda tener los conocimientos previos para poder utilizar esta herramienta correctamente y poder explotar todos sus beneficios
y aunque esté pensado para diseñadores también podemos hacer uso de esta herramienta nosotros los arquitectos.
FORMATOS DIGITALES E IMPRESOS

Se va a tratar en este apartado de los formatos de impresión digital y analógico


o lo que entiendo sería un offset. En esta época es importante resaltar que con
la incorporación de la tecnología, se han logrado grandes avances y se reducen
costos de producción.

Ambas tienen distintas técnicas por ejemplo la impresión “offset” la imagen se


plasma en una plancha que transfiere la impresión a la hoja, mientras que la
digital procesa la imagen ya con todas las características aplicadas previamente
y se imprime directamente en el papel mediante programas como Adobe
Illustrator, por ejemplo.

Hay quien dice que la calidad de la impresión offset es mayor que la digital, aunque la realidad es que ambas tienen sus beneficios. Los archivos digitales
deben tener un formato específico en el papel o material que se desee imprimir correctamente y evitar desperdicios, mientras que la máquina offset utiliza
hojas de gran formato y es posible combinar productos.

FORMATOS DIGITALES FORMATOS


ANALOGICOS
Carta Oficio
Doble Carta Revistas
Tabloide Periódicos
A4 Libros
A3 Propaganda (afiches, volantes, flyers,
B5 etc).
B4 Textil
LOS MODOS DE COLOR

Los modos de color son representaciones del espectro visible, es decir, el contenedor en el que colocamos información sobre cada pixel de una imagen y ahí
describimos el color utilizando valores numéricos. Depende del medio de representación ya sea digital o impresa cambia la manera de trabajar los colores.

Hay dos sistemas principales del color en la industria digital e impresión: el sistema de color RGB (red, green, blue) para diseños digitales y el sistema de color
CMYK (cyan, magenta, yellow, key) para formatos impresos.

El código RGB representa los mismos colores utilizados en las pantallas de las computadoras, televisión y cualquier pantalla de dispositivos móviles.

El código CMYK representa un modelo de color sustractivo porque la tinta impresa reduce la luz que normalmente se reflejaría. Las tintas utilizadas restan
brillo de un fondo blanco de esos cuatro colores.
INTERFAZ GRÁFICA DE ILLUSTRATOR

Ya entrando en materia expondremos la interfaz gráfica de A. Illustrator, para poder visualizar correctamente y que estén habilitadas las herramientas primero
debemos abrir un nuevo documento.
Aparecerán las barras de herramientas, las paletas flotantes y la barra de menús de Illustrator, pero sin una ventana de documento abierto.

Justo en nuestra barra de menú viene la opción Archivo y se despliegan varias opciones de las cuales solo vamos a seleccionar la opción “Nuevo” y entonces
nos aparecerá otra ventana de opciones, aún sin habilitarse las otras barras:
En nombre escribiremos el nombre que daremos al archivo a crear.
En perfil vamos a seleccionar el que mejor se adapte, por lo general seleccionamos imprimir.
En el área de recorte estamos considerando lo que se trabaja e imprime y por motivos de los márgenes de las impresoras o plotters por ello es muy importante
revisar este paso.
En tamaño seleccionamos el tamaño de página con el que vamos a trabajar en caso de que exista el formato predeterminado o en su caso, indicar los valores
de ancho y alto.
En unidades se refiere a la unidad de medida, por ejemplo, milímetros.
En cuanto a la orientación del documento debemos elegir si será vertical o horizontal.

LA BARRA DE MENÚ: Se encuentra en la parte superior y es en donde vemos los menús de Archivo, edición, objeto, texto, seleccionar, efecto, ver, ayuda,
ventana que es donde podemos agregar más botones para nuestro documento; así como espacios de trabajo y una ventana de búsqueda en la parte superior
derecha.

BARRA O PANEL DE CONTROL: Se encuentra


debajo de la barra de menús y varían dependiendo el
tipo de objeto.

FICHAS DE DOCUMENTO: Aquí encontraremos todos los documentos abiertos contenidos en una ficha o pestaña para rápido acceso.
BARRA DE HERRAMIENTAS:

Se encuentra en la parte lateral izquierda que agrupa herramientas de dibujo, edición,


transformación, pluma, etc. Algunas se agrupan en un mismo icono las cuales se diferencian
por un triángulo que funciona como botón. Se puede acceder a ellas con doble click o
manteniendo pulsado el ratón unos segundos.

Esta barra la vamos a estar usando constantemente, sobre todo “la pluma” que es
para hacer los dibujos vectoriales con esta herramienta podemos trazar rectas y
polígonos abiertos o cerrados, así como curvas (curvas de Bézier).

ÁREA DE TRABAJO: Es el lugar donde disponemos las mesas de trabajo (donde vamos a
dibujar). Se pueden crear objetos aquí pero solo los que estén en la mesa de trabajo se podrán
imprimir o exportar.

MESA DE TRABAJO O ÁREA DE RECORTE: Es el espacio donde desarrollamos nuestro


dibujo y pueden existir varias mesas de trabajo, supongo que es como los layouts en autocad
que son capas con un fin específico.

PANELES: los paneles o tabletas las encontramos de lado derecho sin embargo, pueden
desplazarse de un lado a otro (izquierda o derecha) o flotando en la mesa de trabajo, apilados
o acoplados; como mejor nos acomodemos ya que muestran diversos grupos de opciones y
propiedades como los pinceles, colores, el navegador. Todos los paneles se pueden visualizar
y abrir en la barra de menú “Ventana”.
BARRA DE ESTADO: Se encuentra en la parte inferior de la ventana, contiene principalmente la opción de modificar el tamaño (zoom) a la mesa de trabajo,
así como un área de información como el esquema de color o la herramienta seleccionada.

En esta gráfica podemos apreciar todos los elementos conjuntamente, lógicamente este es un ejemplo tomado de internet donde ya se está trabajando un
dibujo pero la esencia de todo esto es que ya se puede identificar claramente todos los elementos de la interfaz gráfica y la importancia que tiene cada uno.
He estado leyendo sobre que existen atajos del teclado como era de
esperarse para no estar buscando el icono, a veces movemos los
paneles y ya no encontramos lo que estamos buscando con
facilidad, será cuestión que entienda correctamente su uso para que
posteriormente pueda aprenderse estos atajos.
HERRAMIENTAS DE VECTORIZADO EN A.I.

En este segundo trabajo veremos las herramientas de vectorizado en el Illustrator. Como ya vimos
previamente, en el Adobe Illustrator se editan y crean imágenes o gráficos vectoriales.

Que son gráficos geométricos básicos como líneas, puntos, polígonos, curvas, círculos, etc, definidos con
características de forma, color, grosor, dirección, etc, de acuerdo a las coordenadas matemáticas x,y,z que
se indiquen sin generar deformaciones y calidades de los dibujos pudiendo escalarlos, inclinarlos, rotarlos,
etc. y que puedan ser impresos en diferentes formatos, además que su representación requiere menos
memoria y menos espacio de almacenamiento.

Este programa no es para retocar imágenes, es para crear ilustraciones, logotipos y diversos trabajos gráficos
como folletería, papelería, cartel, trípticos, revistas, etc.

Y como también ya vimos tienen su barra de herramientas principal que es con la que vamos a desarrollar
este trabajo.

Para mostrar una serie de herramientas complementarias, haga clic y mantenga pulsado el botón del ratón
durante varios segundos en las herramientas que tienen una pequeña flecha en la esquina inferior derecha
del icono.
En esta imagen podemos observar todos los iconos del panel de barra de herramientas con todas sus complementarias, mismas que veremos más adelante.
SELECCIÓN CREACIÓN DE OBJETOS: DIBUJAR
HERRAMIENTA: TEXTO

HERRAMIENTA: PINTURA
HERRAMIENTA: TRANSFORMACIÓN
HERRAMIENTA: SÍMBOLOS Y GRÁFICAS
HERRAMIENTA: ZOOM

Como hemos podido comprobar, son una vasta gama de herramientas para poder crear y transformar nuestros objetos, valdrá la pena el poder conocer de
manera práctica las herramientas antes mencionadas.
CONCLUSIONES

Como es de suponer, cada icono tiene una función específica que será menester de una como alumna de seguir leyendo y buscando información del
funcionamiento pues no me es familiar el programa, sin embargo, ahora que lo estoy trabajando, me doy cuenta que puedo realizar imágenes interesantes
para mi carrera y cualquier otra cuestión que sea de mi interés.

La realidad es que se pueden realizar dibujos muy prolijos y algo importante a destacar es que podemos obtener la formación para utilizar estos programas,
sin embargo, considero muy muy importante que se tenga el desarrollo adecuado de creatividad pues esto es lo que rige al final para diseñar (carteles, flyers,
propagandas, dibujos, planos, etc).

Por eso considero que deben ir de la mano tanto la formación técnica para obtener estas habilidades tecnológicas como la creatividad necesaria y enfocada
para vertir todos los conocimientos y plasmarlos en lo que vayamos a realizar.

A través del tiempo hemos podido darnos cuenta de los cambios tecnológicos y avances de este tipo de herramientas que van transformando y en algunos
casos dejando atrás viejas técnicas o procedimientos para poder ser más eficientes en cuanto a trabajo artístico asistido por computadora se refiere.

Si bien es cierto, estos programas ya nos reducen cantidad de horas- hombre y son mucho más precisos y se logran creaciones maravillosas, sin embargo,
en el caso de mi carrera que es arquitectura, vemos cada vez más “cuadrada” la inspiración, creatividad, ingenio o como quiera llamarse, yo aún soy de una
generación que me tocó usar escuadras, escalímetro y tinta china, el bocetaje por ejemplo, para poder tener los “quereres” de nuestro diseño y que poco a
poco iba tomando forma y claro, detallando hasta quedar claro el concepto de lo que se va a realizar.

Los formatos analógicos siempre tendrán una pequeña nostalgia por ser productos tangibles, aunque perecederos mientras que los digitales pueden estar
mucho tiempo sin sufrir el paso del tiempo.

Los formatos analógicos requieren de tratamientos diferentes para dar acabados, texturas, tipografías, sin embargo, en la actualidad también se apoyan de
softwares para realizar dichas tareas.
BIBLIOGRAFÍA

http://tutoriales.altervista.org/trabajos/manual_illustrator_CS5.pdf

http://multimedia.uoc.edu/guias/IllustratorCS5_cast/IllustratorCS5_cast.pdf

https://www.ediciones-eni.com/open/mediabook.aspx?idR=ce2f880576d65a7be4345643c923f444

https://www.aulaclic.es/illustrator-cc/t_3_5.htm

También podría gustarte