Introducción

LIV1022 FUNDAMENTOS DE LA IMAGEN DIGITALDepartamento de Diseño | Escuela de Artes y Humanidades

“El arte es sólo una visión directa de la realidad”. Henri Bergson

La experiencia visual humana es fundamental en el aprendizaje para comprender el entorno y reaccionar ante él; la información visual es el registro más antiguo de la historia humana. Las pinturas rupestres cons-tituyen el reportaje más antiguo que se ha conservado sobre el mundo

tal como lo vieron los hombres de hace 30,000 años. (Dondis, 15-16).

Las imágenes en Diseño de Información y Animación

1 Imagen digital

Contamos con un sin fin de herramientas que son unaextensión del ser humano para representar el mundo y

transmitir mensajes (información).

Desde la revolución industrial se crearon máquinas que pre-tendían replicar imágenes y objetos, además de simplificar

procesos que hasta entonces eran manuales.

El desarrollo de la fotografía significó un gran aporte a los medios visuales y la comunicación y la computadora por

ejemplo fue creada para unificar procesos.

1.1 Herramientas básicas

Alessandro Boezio

Richard Mansfield

¿Pero qué entiendes tú comouna imagen digital y un medio digital?

Usuario(desea cumplir acción)

Imagena realizar

Utensilioo artefactoI

Proceso por donde se transmite la información, forma en laque se constituye un mensaje, ya se a visual, escrito, oral.

Los medios digitales dependen de una plataforma (máquina y sistema).

En cuanto a la historia del diseño digital como lo conocemos

ahora inicia en la segunda mitad del siglo XX: 1960s.

En 1963 el científico de la computación Ivan Sutherland desarrolló un programa llamado Sketchpad (también conocido como Robot Draftsman), a través de éste

se introdujo una interfaz gráfica del usuario.

No fue hasta 1984 cuando se dio el desarrollo de laMacintosh, la primera computadora personal vendida con la interfaz utilizada Sketchpad. La creación del Internet,

creado en los 80s y usado ampliamente en los 90s, es como entramos a un nuevo milenio, con estas invenciones que de-finieron las herramientas para los diseñadores en su prácti-ca y no sólo en la práctica sino también en su ideología.

(Armstrong 9)

70’s: Diseño industrial con características específicaspara el 3er mundo. Necesidad de un diseño propio.

Material (partes) blandasde la máquina.

Conjunto de instrucciones, programas y aplicaciones que utilizamos para comunicarnos con un ordenador (lenguaje).

So�wareBásico

Material (partes) duras de la máquina.

Parte física de la máquina (cuerpo).

Componentes eléctricos, electrónicos, electromecánicos

y mecánicos

HardwareBásico

Material (partes) duras de la máquina.

Dispositivos electrónicosconectados a la máquina

que funcionan como auxiliares.

Periféricos auxiliares indispensables

So�ware aplicado al diseño

LIV1022 FUNDAMENTOS DE LA IMAGEN DIGITALDepartamento de Diseño | Escuela de Artes y Humanidades

So�ware para diseño: .AI

1. El encabezado incluye: Nombre completo del alumno | ID | Fecha de entrega | Título | Materia.

2. Introducción.

3. Desarrollo.

4. Conclusión.

5. Referencias bibliográficas: Armstrong, Helen. Digital Design Theory. Readings from the field. New York: Princeton Architectural Press, 2016. Digital.

Armstrong, Helen. Digital Design Theory. Readings from thefield. New York: Princeton Architectural Press, 2016. impreso.

Características generales de un documento de entrega

Formato

Cuestionario

1. Encabezado.

2. Respuestas.

3. Referencias bibliográficas.

Otro tipo de formatos...

Ejemplo de ilustrador y creador de información

El proceso creativo

Christoph Niemann

Christoph Niemann... App: Chomp

Software aplicado al diseño. Repaso

Adobe Illustrator CCCrea documento nuevo, se pre-senta una lista donde puedes ubicar archivos, bibliotecas y ajustes preestablecidos depen-diendo el formato requerido.

VENTANA DE INICIO

ESPACIO DE TRABAJO

Crear Archivo > Nuevo. En el cuadro de diálogo Nuevo documento, seleccionar un ajuste preestablecido.

Shortcut: cmd + N

ESPACIO DE TRABAJO / WORKSPACE

1. Barra de menús: Ubicados en la parte superior de la ventana(Archivo, Edición, Objeto... que permiten acceder a gran variedad de comandos, ajustes, configuración y paneles.

2. Panel Herramientas: A la izquierda. Contiene herramientas para crear ilustraciones y editarlas. Las herramientas similares se agrupan juntas (mantener oprimido mouse sobre flechita inferior).

3. Paneles: A la derecha, entre ellos, se encuentran Propiedades, Capas y otros paneles que contienen controles para trabajar. Puedes ver lista completa de paneles en el menú Ventana.

4. Panel de control: Muestra características de nuestro documento (programas en los que se está trabajando, zoom en pantalla, número de páginas, herramienta que se está utilizando, etc.

IMPORTAR ARCHIVO / PLACE FILE

1. Menú archivo: opción “Colocar - Place” buscar archivo existente | En su defecto, arrastrar imagen a vectorizar dentro de nuestra ventana.

HERRAMIENTAS / TOOLS

Selección Varita y lazo Plumillas Texto | Línea Figuras geométricas | PincelLápiz | Borrador Rotar | EscalaAnchura | Transformación libreCreador de formas | Cuadrícula de perspectivaMalla | DegradadoGotero | FusiónRociar símbolo | Gráfica de columnas Mesa de trabajo | SectorManita | LupaColor relleno | Color contornoOpciones de visualización de la pantalla

HERRAMIENTAS / TOOLS

PROPIEDADES / PROPERTIES

Ventana + Capas / Window + Layers

PROPIEDADES / PROPERTIES

Ventana + Color / Window + Color

PROPIEDADES / PROPERTIES

Ventana + Trazo / Window + Stroke

PROPIEDADES / PROPERTIES

Ventana + Biblioteca de muestras +Libros de color

Window + Swatch Libraries + Pantones

Armstrong, Helen. Digital Design Theory. Readings from the field. New York: Prince-ton Architectural Press, 2016. Digital.

Saleh, Kayyali. Ivan Sutherland Sketchpad Demo. Mskayyali. 2012. YouTube. Agosto 2019.

Adobe Illustrator. Lo mejor en software para ilustración. Adobe Creative Cloud. 2019. Acceso agosto 2019.

Laptop o PC. ¿Cuál es la mejor laptop para diseño?. NeoStuff. Acceso agosto 2019.

Laymik, UA . Icons for Everything. The Noun Project. Acesso agosto 2019.

Las mejores computadoras portátiles para el modelado y animación 3D. Spartan Geek. Web mayo 18, 2018. Acceso agosto 2019.

BIBLIOGRAFÍA Y ACCESOS DIRECTOS

n.p. Episodio 1. The art of design. Abstract. 10 de febrero, 2017. Netflix. Agosto 2019.

Nieman, Christoph. Ideas Worth Spreading. TED. Web Abril, 2018. Agosto 2019. Christoph Niemann. Imprint. Web 2019. Agosto 2019.