1. Introducción al diseño de imagen y vídeo digital.
La fotografía y el vídeo digital son formatos multimedia en los últimos años debido a los dispositivos de grabación han rebajado su precio y el modo de usarlos se simplifica cada vez más. El diseño de imagen y vídeo digital abarca la adquisición o captura del material, como la edición y composición de un producto final. Este proceso requiere una especial habilidad creativa, con una tecnología adecuada, da lugar a productos que alcanzan una alta calidad.
1.1. ¿Para qué se utiliza en la empresa?
Las empresas necesitan dar imagen tanto al entorno al que dan servicio como a su propio personal. Logos, combinaciones de colores, formatos, fuentes tipográficas y diseños prototípicos ayudan a la empresa a mantener una imagen corporativa reconocible, que es el principal uso del diseño de material audiovisual en la actualidad. Desde el punto de vista también es necesario realizar productos puntuales gracias a la tecnología digital y a las herramientas de edición, son creados de forma sencilla y profesional.Es habitual hacer pruebas con distintos diseños antes de lanzar la imagen de la empresa, como se puede ver en la Figura 5.1.
Fuente: Aplicaciones-Ofimáticas-2013-grado-medio-mcgraw-hill ISBN: 978-84-481-8551-0
1.2. ¿Con qué software se trabaja?
Asociada a la línea Mac, encontramos la herramienta Pixelmator, también muy bien valorada por los diseñadores. Destacamos las herramientas Inkscape y GIMP por ser software opensource y tener una alta calidad profesional. Inkscape nos permite la edición de imagen vectorial con el uso de capas y objetos. GIMP es una herramienta muy popular que permite la edición de imágenes con multitud de utilidades y efectos, así como manejar plantillas y distintos formatos. Microsoft posee también sus propias herramientas de diseño gráfico digital, algunas de ellas integradas en los propios sistemas operativos, como Paint, Microsoft Photo Editor o la interfaz de edición de imágenes de la suite Picture Manager de Microsoft Office 2010.
2. Conceptos básicos del diseño de imagen digital.
El llamado color verdadero tiene una profundidad de 24 bits y es el más utilizado. Existen combinaciones con mayor número de bits, pero no se obtienen más colores, sino que el resto de bits se utilizan para dar efectos.
A continuación vamos a definir distintos términos específicos de la edición de imagen digital.
A. Píxel.
Es la unidad más pequeña en la que podemos dividir la imagen en partes iguales con un color homogéneo. Se representa con un punto o cuadrado. La pixelación de una imagen por mal ajuste de la visualización o como efecto de diseño produce que el ojo humano aprecie los píxeles por separado, en vez de la imagen en conjunto, como se aprecia en la Figura 5.6.
Fuente: Aplicaciones-Ofimáticas-2013-grado-medio-mcgraw-hill ISBN: 978-84-481-8551-0
B. Resolución de imagen digital.
Es el número de píxeles de una columna de la imagen multiplicado por el número de filas de píxeles que tiene. Cuanto mayor sea la proporción, mejor resolución tendrá la imagen y se podrá apreciar su contenido con más detalle. El resultado del producto de estos dos números enteros nos da una cantidad en megapíxeles que cuantifica la resolución.
C. Resolución de impresión.
Se define como la proporción de puntos o píxeles por pulgada (ppp o ppi) con los que se puede imprimir una imagen. Obviamente, cuanto mayor sea, mejor calidad tendrá la imagen impresa.
D. Imágenes vectoriales.
Son aquellas creadas con una herramienta de diseño específica que permite crear objetos completos por la combinación de formas ya predefinidas (polígonos y elementos geométricos). Cuando se visualizan con el programa que se crea es posible tratar esos elementos básicos por separado. Cuando se exportan a otra herramienta, se comportan como un único elemento de la imagen.
E. Mapas de bits.
Se definen como un conjunto de píxeles unificados en una imagen; la imagen es un todo, no está formada por elementos desglosables, como en el caso de las imágenes vectoriales. Los mapas de bits presentan peor resolución a la hora de ser ampliados que las imágenes vectoriales. Además, ocupan bastante más memoria de almacenamiento. Todas las imágenes capturadas por dispositivos, lo veremos más adelante, son mapas de bits.
F. Color.
Los píxeles pueden tomar como color una combinación de bits, a eso se le llama profundidad de bits. Si una imagen tiene una profundidad de 1 bit, será una imagen con solo do colores, blanco y negro. Las profundidades más frecuentes son 24 bits, llamadas color verdadero, y 48 bits.
Un modelo de color describe la forma de conseguir los colores derivados, a partir de la mezcla de unos colores base.
RGB: está basado en la combinación de píxeles de colores rojo, verde y azul; se utiliza en los dispositivos de visualización.
CMYK: se compone de los colores a partir del cian, el magenta, el amarillo y el negro; se asocia a dispositivos de impresión digital.
PANTONE: mapa de colores diseñado por la empresa Pantone y que es la guía imprescindible para seleccionar códigos de color en la impresión tradicional.
BMP: Bits Map Picture.
JPEG: Join Photografic Experts Group.
TIFF: Tagged Image File Format.
GIF: Graphic Interchange Format.
PNG: Portable Network Graphic.
EPS: Encapsules PostScript.
Los archivos de imagen captados ocupan mucho espacio, si se almacenan todos los píxeles o bits con toda la información. Algunos formatos de almacenamiento permiten que cierta información del archivo se comprima y luego se descomprima en la visualización; en algunos casos la ventaja de ocupar menos espacio incide directamente en la pérdida de calidad del imagen. El CEO puedes encontrar un documento que compara una imagen de mapa de bits y una imagen vectorial, con un ejemplo y sus características básicas.
2.1. Formatos de archivos de
imagen.
2.2. Diseño y edición de
imágenes.
Para realizar el diseño y la edición de imágenes vamos
a utilizar las herramientas Inkscape y GIMP, que vamos a ver a continuación. Cuando
se trabaja con capas es muy útil bloquearlas para que los objetos ya creados no
se vean afectados por el trabajo que realizamos en otra capa. También se puede
jugar con ocultar la capa; esto permite trabajar con ciertos objetos ocultando el
resto, de forma que cuando terminemos el diseño podamos visualizar de nuevo
todo el trabajo en conjunto.
A. Inkscape
Esta herramienta de edición de imágenes vectoriales es
muy popular, fácil de utilizar y proporciona una gran cantidad de utilidades y
efectos ya creados para añadir calidad a nuestros diseños. Podemos observar sus
herramientas principales en la Figura 5.10.
Fuente:
Aplicaciones-Ofimáticas-2013-grado-medio-mcgraw-hill ISBN: 978-84-481-8551-0
Para disponer de nuestra herramienta Inkscape debemos
realizar las siguientes acciones:
● Abrir desde un navegador con acceso a Internet la página www.inkscape.org.
● Selecciona la última versión desde la opción Descarga.
● Selecciona el tipo de fichero dependiendo del sistema operativo: Linux,
Windows o Mac.
● Descarga el fichero correspondiente.
● Ejecuta la instalación, es
sencilla y en unos minutos podrás disponer de tu Inkscape.
Inkscape, dependiendo del número de pulsaciones sobre
un objeto, nos permite realizar unas acciones diferentes:
● Cuando seleccionas un objeto puedes observar las características
específicas en la barra de opciones de herramientas.
● Si pulsas de nuevo aparecen unos puntos de escalado en las esquinas que te
permiten cambiar de tamaño.
● Si pulsas de nuevo, los puntos se curvan y los de las esquinas te
permiten girar, mientras que los de los centros permiten inclinar el objeto.
● Si pulsas el objeto en el centro puedes arrastrarlo para moverlo.
En el CEO podrás encontrar todas las
aplicaciones y elemento necesarios para realizar los casos prácticos.
B. GIMP.
Es un software opensource. El nombre es el anagrama de GNU Image Manipulation Program, que permite la edición y diseño de imágenes de mapa de bits. En la Figura 5.23 puedes observar sus principales características y funciones, www.gimp.org.es es muy popular y tiene su propio site para hispanohablantes. En él puedes encontrar foros, tutoriales, artículos, etc. Trabajar con capas mejora la edición, desde el punto de vista «divide y vencerás», ya que puedes manipular elementos del diseño de forma independiente.
Fuente: Aplicaciones-Ofimáticas-2013-grado-medio-mcgraw-hill ISBN:
978-84-481-8551-0
Puedes instalar GIMP de forma muy sencilla, siguiendo estos pasos:
● Abrir desde un navegador con acceso a Internet la página www.gimp.org
● Seleccionar la opción Downloads.
●Descargar el fichero de instalación.
● Ejecutar el archivo descargado y seguir el proceso guiado.
Las herramientas opensource como GIMP tienen su código disponible,
además admiten colaboraciones al añadir las utilidades que se programan en las extensiones
del software.
Realizar una animación es muy sencillo si creas un GIF animado. Un GIF animado es la sucesión de diferentes imágenes con un retardo entre ellas, de forma que al visualizarlas dan sensación de movimiento. Un GIF animado puede ser muy útil para dinamizar una página web, por ejemplo mostrando distintos banners en una sola imagen incrustada. En el menú Imagen podemos utilizar el Tamaño de Impresión para seleccionar una dimensión adecuada para imprimir.
Fuente: Aplicaciones-Ofimáticas-2013-grado-medio-mcgraw-hill ISBN: 978-84-481-8551-0
Un favicon es una imagen que aparece junto al título de la página web
en la barra de navegación. Lo más recomendable es convertir una imagen a
formato favicon desde un sitio web como www.genfavicon.com/es/ Recuerda que la
imagen debe ser nítida, ya que las dimensiones del favicon son muy reducidas.
Frame: es cada uno
de los fotogramas que conforman una secuencia, de forma que se crea sensación
de movimiento. La frecuencia de esa secuenciación se expresa en frames por segundo
(fps).
Puedes crear trayectos de forma libre dibujando trazos y figuras. El
texto se ajustará a la línea dibujada.
La herramienta de Clonar es muy versátil, puedes clonar objetos rotándolos,
inclinándolos y trasladándolos
sobre varios ejes, por lo que se consiguen efectos de mosaico
sorprendentes.
2.3. Equipos de captura digital.
Las características del material audiovisual digital son especiales,
ya que el tratamiento de este se realiza a través de distintos dispositivos
digitales y software desarrollado para este fin. Las imágenes que se capturan
desde un dispositivo son imágenes de mapa de bits.
A. Cámaras.
La cámara digital permite obtener imágenes en formato digital de forma sencilla. En la actualidad, los equipos fotográficos digitales poseen características específicas que simulan la calidad de la fotografía analógica, así como efectos y filtros. Además, poseen una memoria intercambiable que permite poder almacenar las imágenes de forma portable (Fig. 5.53). También es una característica común que posean uno o varios conectores que posibiliten el enlace con dispositivos informáticos y de tipo audiovisual; dependiendo del fabricante, se incluirá un software adecuado para la descarga de los archivos, que además, en muchas ocasiones, lleva incluidas otras opciones de edición y retoque fotográfico. Los dispositivos de telefonía móvil actuales llevan incorporada una cámara digital, en
algunos casos de una resolución muy competente que permite realizar la
captura de imágenes y vídeos de forma rápida y cómoda.
B. Tabletas digitalizadoras.
Una tableta digitalizadora es un dispositivo que, conectado a un PC con software de edición de imagen, permite simular el diseño a mano (Fig. 5.54). Para ello, consta de un soporte plano sobre el que se incide con un lápiz especial, de forma que se capturan los puntos de contacto entre los dos, y así en pantalla se puede ver el dibujo que se está trazando. En el retoque fotográfico permite una mayor precisión a la hora de corregir zonas complicadas o muy pequeñas.
Fuente: Aplicaciones-Ofimáticas-2013-grado-medio-mcgraw-hill ISBN: 978-84-481-8551-0
La práctica que mas me ha gustado es la del castillo que hay que poner dimensiones, rutas, filtros, luces y sombras, guardar el tipo de archivo que indique, modo indexado en la imagen. El enlace de mega donde esta la foto de la práctica subida: https://mega.nz/file/775m3S7b#V38yId3ccTgFKdFK5imp6-lcbhrXOUfJ2qeaHt2dDCk
No hay comentarios:
Publicar un comentario