INTRODUCCION A

LA
LOS ELEMENTOS QUE COMPONEN EL ELEMENTO VISUAL
La línea, la forma, el objeto, el espacio, la tipografía, la
textura y el color son los elementos básicos para
representar las formas.
Generalmente en diseño gráfico, se hace uso de estos
elementos visuales, dentro de nuestro lienzo digital,
buscando comunicar una idea o significado.
a) La línea: La línea es el elemento visual básico de todo
grafismo, que viene a ser una sucesión de puntos,
conectando la trayectoria de un punto a otro. Al utilizar las
líneas, se debe considerar sus cualidades: el grosor, color,
textura y el estilo.
b) La forma: Una forma es un espacio cerrado y plano,
limitado a dos dimensiones, que se mide por anchura y
altura.
Podemos hablar de dos grupos diferentes de formas de la
imagen: formas geométricas y formas orgánicas.
• Geométricas: podemos englobar todas las figuras que
aprendimos en nuestras clases de matemáticas y que
pueden dibujarse con ayuda de una regla o un compás:
triángulos, cuadrados, círculos, etc.
• Orgánicas: son formas más libres, y que se asemejan a las
que podemos encontrar en la naturaleza, como puede
ser la forma de una hoja. Las formas orgánicas son
Las formas son muy importantes para lograr comunicar
conceptos visualmente. Ya que nos ayudan a dar peso a
nuestras ideas, haciéndolas más reconocibles. Gracias a las
formas podemos entender las señales de tráfico,
la simbología y hasta el arte abstracto.
c) El Objeto: Cuando una forma adquiere propiedades
tridimensionales, pasamos a denominarla Objeto. Para poder
crear la ilusión de profundidad y realzar el volumen de un
objeto, hacemos uso de la luz, la sombra y la perspectiva.
Básicamente son los equivalentes de las formas pero con
características tridimensionales. Los objetos se miden por su
anchura, altura y profundidad.
d) El espacio: El espacio es la distancia o área alrededor o
entre los elementos de nuestro diseño. Al trabajar en un
diseño, considera no sólo los elementos visuales que vas a
incorporar (como las imágenes, tipografías, formas…), sino
también cómo vas ordenarlos y agruparlos dentro la
composición.
Podemos encontrar dos tipos de espacio: Espacio Positivo
y Espacio Negativo.
• Dentro del espacio positivo, se incluyen las formas
de los objetos, o donde recaiga principalmente la
atención del diseño.
• El espacio negativo, en cambio, es la parte del diseño
que no está ahí, el resto del espacio que está entre los
elementos. El espacio negativo puede llegar a ser
igual de crucial para un diseño que el espacio
positivo, porque enmarca y contiene la composición.
e) La Tipografía: Es uno de los elementos visuales más usados
en diseño gráfico. Es una de las formas más directas de
comunicar visualmente, con titulares o párrafos.
Si analizamos un carácter tipográfico comprobaremos que está
formado por la combinación de formas geométricas y orgánicas,
que resultan en una nueva forma. Todas las características de las
tipografías pueden descomponerse y sintetizarse en lo que se
conoce como anatomía tipográfica. El tipo de formas que se
incluyen en la anatomía de los caracteres es lo que otorga a la
tipografía su propio estilo y aspecto. Pueden ser rudas y rectas,
como las que encontraríamos en una tipografía SLAB SERIF, o más
orgánicas y armoniosas, como las que podemos encontrar en una
La tipografía no sólo es importante porque pueda comunicar palabras,
su estilo y disposición en el diseño también pueden ayudarnos a
otorgar más significado a nuestras composiciones. Algunas tipografías
forman parte de una gran familia tipográfica con distintos grosores, y
esto nos puede ayudar cuando necesitemos enfatizar ideas o generar
una jerarquía visual dentro nuestra composición.
f) La Textura: Es la cualidad física de una superficie y
hace referencia al tacto de un objeto. Ahora, en diseño
gráfico está claro que no podemos realmente sentir un
objeto, pero a través de la textura sí podemos plasmar la
ilusión del tacto.
Las texturas pueden crearse mediante el uso de patrones
o repetición de imágenes y a través de la textura podemos
conseguir que objetos planos luzcan realistas y
tridimensionales.
Las texturas pueden estar presentes en muchísimos recursos,
como en tipografías o pinceles, además de contribuir a dar
profundidad a nuestras formas. Pero un consejo, procura no
abusar de este recurso, ya que mucha textura puede
sobrecargar tu diseño con facilidad.
g) El color: El color juega uno de los mayores papeles en
diseño gráfico, ya que el ojo humano puede distinguir
hasta 1000 colores aproximadamente. El color es la
cantidad de luz que se refleja sobre un objeto, por lo que
la luz toma una relevancia muy importante cuando
hablamos del color.
Gracias al uso del color se puede crear énfasis, generar
más armonía en nuestras composiciones e incluso alterar
la percepción del tamaño de los objetos.
Además, cada color puede evocarnos un significado
diferente. Se hace de forma inconsciente, y a veces de
forma algo personal, pero podemos llegar a asociar
cada color con una serie de conceptos o sensaciones.
A esto se le conoce como psicología del color.
Que no debemos confundir con la teoría del color. La
teoría del color es la técnica que, con ayuda del círculo
cromático, contiene una serie de pautas y reglas
básicas para elegir colores, aspirando a conseguir más
armonía en nuestro diseño.
LOS ELEMENTOS QUE COMPONEN LA IMAGEN DIGITAL
Las imágenes digitales se obtienen a través de dispositivos de
conversión análogico-digital como un escáner, una cámara
fotográfica digital o directamente desde el ordenador
utilizando cualquier programa de tratamiento de imágenes.
La información digital que genera cualquiera de los medios
citados es almacenada en el ordenador mediante bits (unos y
ceros). Los ordenadores trabajan con información digital, con
información numérica. En un ordenador la información
analógica de textos, imágenes y sonidos se codifica por
medio de bits.
Un bit es la unidad de información que equivale a la
elección de dos posibilidades: 0 ó 1, no pasa corriente o
pasa corriente. Los circuitos internos del ordenador sólo
detectan estos dos valores y en la combinación de ellos se
basa la informática. El nombre proviene de la contracción
de las palabras «binary» y «digit» (dígito binario).
La información que podemos almacenar en un bit es muy
pequeña, por eso los bits se agrupan en bytes, que es un
grupo de 8 bits (cada uno de ellos puede representar un
valor diferente 0 ó 1). De esta forma un byte puede
representar cualquier número entre 0 y 255
El píxel
Las imágenes digitales se crean formando una retícula
rectangular formada por celdillas. Cada una de las celdillas
recibe el nombre de píxel. Este nombre proviene de la
expresión que se obtiene al unir las palabras inglesas
picture y element. Los píxeles son las unidades de color que
componen la imagen. Un píxel no tiene una medida
concreta, no se puede decir si mide 1 mm. o 1 cm. o 1 m.,
simplemente es la medida de división de una retícula en
celdillas.
Profundidad de píxel
Una imagen digital está formada por una matriz de píxeles (a x b x c),
donde a y b representan la anchura y altura y c es la profundidad de
color o profundidad de bit, podríamos decir que es la tercera dimensión
de la matriz, la que permite que cada píxel pueda tener un número
determinado de colores distintos.
La profundidad de píxel es una unidad de medida binaria porque cada
píxel está formado por bits. Cuando decimos que la profundidad de
píxel es de 1 bit, la imagen solamente tiene dos colores o dos niveles de
gris representados por los valores 0 y 1; por ejemplo solamente puede
ser o blanco o negro. Una profundidad de píxel de 8 bits permite que
cada pixel pueda tener 256 colores distintos o 256 niveles distintos de
grises que provienen de combinar las series de ocho elementos posibles
obtenidas de combinar ceros y unos. Si la profundidad del píxel es de 24
En esta se indican el número de bits y colores empleados
Color real
Cada píxel solamente puede ser de un color, cuando decimos que
una imagen es de 256 colores, queremos decir que cada píxel
puede tomar uno de esos 256 colores.
Si la profundidad es de 24 bits, tenemos la posibilidad de manejar
millones de colores con la combinación de los tres primarios: rojo
(red), verde (green) y azul (blue), es el llamado modo RGB. Cada
canal de color tiene 8 bits para controlar cada color, por lo tanto,
los colores que podemos obtener son 256 x 256 x 256 =
16.777.216, por eso se llama "millones de colores" y se conoce como
color real. Con esta cantidad de colores es suficiente para que el
ojo humano perciba las imágenes con calidad fotográfica.
Modos de color
16 bits - 65.536 colores
Color real
Cada píxel solamente puede ser de un color, cuando decimos que una imagen
es de 256 colores, queremos decir que cada píxel puede tomar uno de esos
256 colores.
Si la profundidad es de 24 bits, tenemos la posibilidad de manejar millones de
colores con la combinación de los tres primarios: rojo (red), verde (green) y
azul (blue), es el llamado modo RGB. Cada canal de color tiene 8 bits para
controlar cada color, por lo tanto, los colores que podemos obtener son 256
x 256 x 256 = 16.777.216, por eso se llama "millones de colores" y se conoce
como color real. Con esta cantidad de colores es suficiente para que el ojo
humano perciba las imágenes con calidad fotográfica.
Llamamos modo de color al sistema de coordenadas que nos sirve
para describir los colores de forma numérica.
Los principales son el RGB (rojo, verde y azul), el HLS (tono,
luminosidad, saturación) y el CMYK (cian, magenta, amarillo y
negro).
En GIMP sólo podemos trabajar en los modos RGB, Escala de grises
(256 niveles de gris) e Indexado (podemos elegir el número de
colores con los que vamos a trabajar hasta un máximo de 256).
Los modos de color afectan al tamaño de la imagen en disco y al
número de canales de color que utilizan. Si incrementamos el
número de colores aumentará el tamaño del archivo que contiene
la imagen. En la tabla se muestran los diferentes modos de color y
sus características.
ANÁLISIS DE MEDIOS GRÁFICOS Y MULTIMEDIA
IMÁGENES EN MOVIMIENTO

Imágenes en movimiento (vídeo): Es la presentación de un número

de imágenes por segundo, que crean en el observador la sensación
de movimiento.

SONIDO

Sonido. Los sonidos utilizados en un sistema multimedia pueden

clasificarse en tres grandes grupos: habla, música y otros sonidos.
IMÁGENES EN MOVIMIENTO

Imágenes en movimiento (vídeo): Es la presentación de un número

de imágenes por segundo, que crean en el observador la sensación
de movimiento.

SONIDO

Sonido. Los sonidos utilizados en un sistema multimedia pueden

clasificarse en tres grandes grupos: habla, música y otros sonidos.
CLASIFICACIÓN DEL SOFTWARE DIRIGIDO A LA
TECNOLOGÍA GRÁFICA
DISEÑO DE PÁGINA.
El software de diseño de páginas utiliza tipografía e imágenes tales como
ilustraciones y fotografías para componer páginas para su uso en libros,
revistas y otros artículos impresos. El líder de la industria es Adobe
InDesign y es la herramienta estándar para los diseñadores gráficos
profesionales. InDesign ha tomado el lugar principal de Quark Xpress, un
programa poderoso amigable para diseñar que también ofrece
funcionalidad web. Los principales competidores son Microsoft Publisher
y Corel Draw Graphics Suite. Microsoft Publisher es menos costoso que
los otros programas.
EDICIÓN DE IMÁGENES.
El software de edición de imágenes se puede utilizar para editar
fotografías e ilustraciones, así como para crear gráficos. Este tipo de
software se utiliza para manipular imágenes basadas en píxeles.
Muchos profesionales de la ilustración utilizan este tipo de software
para añadir color a sus ilustraciones. Adobe Photoshop es el programa
estándar en todo el espectro de disciplinas de diseño profesional.
Corel Draw Graphics Suite también se utiliza para la edición de
imágenes. Corel ofrece Paint Shop Pro como un programa de edición
inicial a un precio atractivo.
ILUSTRACIÓN.
El software de ilustración se puede utilizar para crear ilustraciones, guiones
gráficos y gráficos, incluyendo la tipografía especial y única. Estos programas
crean imágenes basadas en gráficos vectoriales. Los gráficos vectoriales
tienen la ventaja sobre los gráficos de píxel que puedan ser reescalados a un
tamaño mayor sin pérdida de resolución, manteniendo la calidad de la imagen.
El programa de ilustración principal es Adobe Illustrator. Corel Draw
Graphics Suite tiene un público fiel de los ilustradores y diseñadores
profesionales. Este producto único ofrece una capacidad de ilustración basada
en vectores junto con las funciones de diseño de edición de imágenes y la
página. Open Office ofrece una descarga gratuita de un conjunto de
programas, incluyendo Open Office Draw.
DISEÑO WEB.
El software de diseño web se utiliza para crear páginas web. Mientras
que el software de diseño web crea y edita el código HTML para
páginas web, la mayoría de los programas de software de diseño web
le permiten al usuario trabajar con la tipografía, imágenes y otros
archivos al mismo tiempo que genera automáticamente el código.
Microsoft ofrece el programa Expression Web a un precio muy
atractivo y el más costoso Expression Studio, dirigido a profesionales
de la web. Adobe ofrece Dreamweaver, el programa estándar de la
industria de diseño web.
ANIMACIÓN WEB.

El software de animación web se puede utilizar para crear clips

animados para sitios web, botones interactivos y gadgets para
sitios web, sitios web completos y piezas, incluso animados para
usar fuera de la Web. Adobe Flash es el programa líder en
animación web. Para la animación en tres dimensiones, la gama
va desde los programas iníciales tales como Strata 3D y Corel
Bryce 3D hasta el líder de la industria 3D Maya.También Adobe
Animate, Cinema 4d, Houdini y Blender.
PRESENTACIÓN.
El software de presentación de gráficos se utiliza para crear gráficos
que han de ser proyectados para una audiencia, por ejemplo en una
presentación o conferencia de negocios. El programa de
presentaciones de Microsoft PowerPoint es líder. Open Impress
Office está disponible como una descarga gratuita. Otros
competidores en el campo incluyen a Apple Keynote y Presentación
de Google o Google Slides, Tambien se puede utilizar Prezi, Canva,
Slide bean y Emaze.
HERRAMIENTAS DE DISEÑO GRÁFICO

Adobe Photoshop. (popularmente conocido sólo por su segundo

nombre, Photoshop) es el nombre, o marca comercial oficial, que
recibe uno de los programas más famosos de la casa Adobe junto
con sus hermanos Adobe Illustrator y Adobe Flash, y que se trata
esencialmente de una aplicación informática en forma de taller de
pintura y fotografía que trabaja sobre un lienzo y que está destinado
a la edición, retoque fotográfico y pintura a base de imágenes de
mapa de bits. Su nombre en español significa literalmente taller de
fotos.
Su capacidad de retoque y modificación de fotografías le ha dado el
rubro de ser el programa de edición de imágenes más famoso del
mundo.  Adobe Flash Professional. Es el nombre o marca
comercial oficial que recibe uno de los programas más famosos de la
casa Adobe, junto con sus hermanos Adobe Illustrator y Adobe
Photoshop. Se trata de una aplicación de creación y manipulación de
gráficos vectoriales con posibilidades de manejo de código mediante
un lenguaje de scripting llamado ActionScript. Flash es un estudio
de animación que trabaja sobre fotogramas y está destinado a la
producción y entrega de contenido interactivo para diferentes
audiencias alrededor del mundo sin importar la plataforma.
Adobe Flash utiliza gráficos vectoriales y gráficos rasterizados,
sonido, código de programa, flujo de vídeo y audio bidireccional.
En 2005 Adobe compra Macromedia y junto con ella sus productos,
entre ellos Flash, que pasa a llamarse Adobe Flash.

HERRAMIENTAS MULTIMEDIA
Son herramientas para preparar presentaciones más atractivas en las
que se necesita incluir imágenes, videos, audios y que también
permiten el trabajo colaborativo y en equipo y pueden ser: