M1 Y 2 - HERR. Digitales II PDF

Preview

Summary

“ Lo que tenemos que aprender lo aprendemos haciendo ” (Aristóteles).En la actualidad vivimos en un mundo invadido por millones de imágenes digitales o digitalizadas. La sociedad ha experimentado, en pocos años, una gran transición de las imágenes analógicas a las digitales. Estas últimas son muy di...

Description

Imágenes digitales

“Lo que tenemos que aprender lo aprendemos haciendo” (Aristóteles). En la actualidad vivimos en un mundo invadido por millones de imágenes digitales o digitalizadas. La sociedad ha experimentado, en pocos años, una gran transición de las imágenes analógicas a las digitales. Estas últimas son muy diferentes de aquellas primeras imágenes de la humanidad ya que, gracias a las técnicas modernas de captura, pueden ser representaciones exactas de la realidad. Los programas de edición de imágenes permiten manipularlas, mejorarlas y crear nuevos conceptos a partir de ellas. Llamamos imagen digital a la que ha sido creada u obtenida mediante un medio electrónico y su soporte es un medio digital. De esta forma, podemos decir que un cuadro pintado a mano es una imagen analógica. Si le tomamos una fotografía con una cámara digital, se digitaliza la imagen; es decir, estamos creando un archivo digital de ella, una representación binaria que sólo los dispositivos electrónicos y digitales pueden interpretar y reproducir. Si imprimimos la imagen, esta vuelve a ser analógica, ya que su soporte es, nuevamente, físico. Una de las principales ventajas de las imágenes digitales es el soporte. Mientras la imagen analógica debe albergarse en un soporte físico (papel, lienzo, etc.) que se degrada con el tiempo, la imagen digital no necesita este tipo de soportes porque toda su información se guarda en forma de datos. Por lo tanto, puede ser almacenada en cualquier soporte informático: disco duro, pendrive, CD, DVD y ahora

también, en la nube (almacenamiento en internet en lugar del disco duro local de una computadora). La palabra digital deriva del término dígito que, a su vez, proviene del latín digitus (dedo). Como sabemos, los dedos son de ayuda para contar. En definitiva, digital significa expresado o representado mediante números.

La interfaz de Photoshop

Video conceptual

Referencias

Descarga en PDF

Lección 1 de 4

La interfaz de Photoshop

En esta materia veremos e interactuaremos con el software Photoshop, la mejor aplicación a nivel mundial de imagen y diseño. Con ella aprenderás a crear y mejorar fotografías, ilustraciones y obras artísticas en 3D.

Figura 1: Mensaje introductorio al abrir el interfaz de Photoshop

Fuente:captura de pantalla de Photoshop (Adobe Systems Incorporated, 2018).

Te damos la bienvenida a (…) [la] de introducción de Photoshop, donde aprenderás a utilizar las herramientas y las técnicas básicas de Adobe Photoshop. [En este módulo] (…) te familiarizarás con el área de trabajo de Photoshop y aprenderás a abrir y guardar imágenes, a aumentarlas y reducirlas con el y

zoom s.f.,

a

deshacer

los

errores.

(Adobe,

https://helpx.adobe.com/la/photoshop/how-to/ps-basics-

fundamentals.html)

Uno de los lemas de este software es “si puedes soñarlo, puedes hacerlo con Photoshop, el mejor softwarede diseño gráfico y de imagen a nivel mundial” (Bibliomaker, 2020,https://blogs.ugr.es/bibliomaker/edicion_y_diseno/).

La interfaz del sof software tware “La interfaz es el mecanismo o herramienta que posibilita y representa un conjunto de objetos, iconos y elementos gráficos que vienen a funcionar como metáforas o símbolos de las acciones o tareas que el usuario puede realizar

en

la

computadora”

s.f.,https://www.significados.com/interfaz/).

(7Graus,

El interfaz de Photoshop es muy similar a la de otras aplicaciones de Adobe System Incorporated. Es fácil de abrir y de usar. Incluye diversas opciones, entre ellas la preferencia, dónde se puede nivelar los brillos, encontrar los diferentes tipos de apariencias, plugins, herramientas etc. Los pasos para acceder a la preferencia son: ir a “Edición” y elegir “Preferencias”.

Al crear un documento en Photoshop, en lugar de comenzar con un lienzo en blanco, es posible empezar desde un archivo ya creado o una imagen de su ordenador. Al abrir un archivo ya creado en Photoshop, se puede trabajar con él, del mismo modo que con cualquier otro documento de este software (PSD). Si escoges abrir una imagen de tu ordenador, podrás crear un documento en base a ella.

Figura 2: Opciones para crear un nuevo documento

Fuente: captura de pantalla de Photoshop (Adobe Systems Incorporated, 2018) con adaptación propia.

Entonces, al momento de iniciar una edición en el software, hay dos alternativas: abrir un archivo o crear uno nuevo. Estas se encuentran a la vista o en el menú de opciones.

Podemos abrir una imagen de dos formas:

Con el botón “Abrir” se abrirá una ventana de navegación para buscar el archivo raíz. Se puede arrastrar al panel de Photoshop la imagen que deseas abrir. Para crear una imagen desde cero, tenemos que tener en cuenta la proyección final de la misma.

El espacio de trabajo

Una vez que tenemos la imagen o archivo en el área de trabajo, se puede editar, manipular y crear elementos a través de las distintas herramientas y opciones que brindan los paneles, barras y ventanas hasta elegir el tipo de espacio de trabajo.

Photoshop cuenta con diferentes tipos de mesas de trabajo, teniendo en cuenta las numerosas tareas que se pueden realizar en la interfaz. Los espacios de trabajo ayudan, básicamente, a organizar la mesa del trabajo en función del uso al hacer visible aquellas configuraciones y herramientas

útiles para la misma. Actualmente, la interfaz cuenta con los siguientes espacios de trabajo: aspectos esenciales, 3D, gráfico y web, movimiento, pintura y fotografía. Por defecto, se aplica el aspecto esencial cuando se abre la interfaz, pero se pueden elegir otras opciones como muestra la figura 3.

Figura 3: Los diferentes tipos de espacios de trabajo.

Fuente: captura de pantalla de Photoshop (Adobe Systems Incorporated, 2018) con adaptación propia.

Para hacer cualquier tipo de proyecto o tareas en Photoshop siempre debes tener cuenta los siguientes aspectos:

1

El lugar donde se verá la imagen (si será en una pantalla o se imprimirá).

2

La medida de la imagen.

3

La resolución de la imagen.

Estos elementos te ayudarán no solamente a definir las características de la mesa del trabajo, sino a lograr un buen resultado final en la aplicación del objeto creado.

Cómo armar el espacio de trabajo

Para encontrar el tipo de archivo a crear, debes utilizar el panel superior que facilita opciones predeterminadas ante la creación de nuevo archivo. En este panel vamos a encontrar categoríascomo:

Foto. Imprimir. Obra de arte e ilustración. Web. Móvil. Película de video.

Cada una de estas categorías tiene ajustes preestablecidos: ancho, alto, resolución, modo de color, bit, etc. Estos ajustes se pueden modificar para adaptarse a cada necesidad.

Figura 4: Creación de nuevo archivo

Fuente: captura de pantalla de Photoshop (Adobe Systems Incorporated, 2018) con adaptación propia.

Una vez que seleccionas la categoría del archivo nuevo que se va a crear, puedes modificar los ajustes preestablecidos y, luego, se abrirá la mesa de trabajo y podrás comenzar a trabajar.

Es fundamental que definas el modo de color en el ajuste de una mesa trabajo porque tiene efectos en el color y en el formato de salida de las imágenes. En el software de Photoshop se encuentra cinco (5) modelos básicos de color.

1

“ Modo RGB (millones de

2

Modo CMYK (cuatricromía)

3

Modo indexado (256 colores)

4

Modo de escala de grises (256 grises)

5

Modo

de

s.f.,

mapa

colores)

de

bits

(2

colores)”

(Adobe,

https://helpx.adobe.com/mx/photoshop/using/color-

modes.html)

Figura 5: los 5 modelos de color del software

Fuente: Adobe (s.f.). Modos de color. https://helpx.adobe.com/mx/photoshop/using/color-modes.html.

Recuperado

de

Los modelos de color más utilizados

Los dos modelos de colores más utilizados son CMYK y RGB. “El modo de color CMYK (cyan, magenta, yellow, black) se usa para diseños impresos (…) El modo de color RGB (red, green, blue) se usa para cualquier diseño digital” (99Designs, s.f., https://support.99designs.com/hc/es/articles/204761825-Qu%C3%A9-significa-RGB-y-CMYK-Cu%C3%A1ndo-los-debo-usar-). Si la imagen que vas a crear y/o editar es para imprimir, debes emplear el modo de color específico para tal caso (CMYK). En cambio, si la imagen que estás por realizar se va a procesar en un dispositivo móvil o en la web, debes utilizar un sistema de color basado en la luz (RGB). Estas dos opciones de saliente del color son las más utilizadas y, al momento de componer una

imagen, son las más importantes.

Si luego de armar una imagen en RGB queremos imprimirla, por ejemplo, la misma se verá oscura por la carencia de luz que nos brinda la pantalla. Del mismo modo, si armas una imagen en CMYK y, luego, la quieres reproducir en una pantalla también se verá oscura y los colores aparecerán muy apagados por la composición de colores que lleva el sistema CMYK con el cual se generó la imagen.

La composición del espacio de trabajo

Los espacios de trabajo de las distintas aplicaciones de Adobe (…) tienen la misma apariencia para facilitar el cambio de una a otra (…)

Aunque el diseño del espacio de trabajo predeterminado varía en función del producto, los elementos se manipulan de manera muy s.f.,

parecida

en

todos

los

casos.

(Adobe,

https://helpx.adobe.com/mx/incopy/using/workspace-

basics.html)

Figura 6: La composición del espacio de trabajo

Fuente: Jesús

Plaza,

M.

(s.f.).

Manuales

y

entorno

de

trabajo.

Recuperado

dehttp://3con14.net/psd/inicio/conceptos/6-manuales.html.

Algunas de las partes importantes de la interfaz de Photoshop La barra de menús, en la parte superior de la ventana, muestra los menús Archivo, Edición, Imagen y otros que te permiten acceder a gran variedad de comandos, ajustes y paneles. La barra de opciones, que se encuentra debajo de la barra de menús, muestra las opciones de la herramienta con la que estés trabajando en un momento concreto. El panel Herramientas, a la izquierda, contiene herramientas para editar imágenes y crear ilustraciones. Las herramientas similares se agrupan juntas. Puedes acceder a un grupo de herramientas

relacionadas haciendo clic en una herramienta del panel y manteniéndola pulsada. Los paneles están situados a la derecha y, entre ellos, se encuentran Color, Capas, [menú de capa, zona de paneles], Propiedades, que contienen una gran cantidad de controles para trabajar en las imágenes. Puedes ver la lista completa de paneles en el menú Ventana. La ventana de documento (área de trabajo), que es el espacio del centro, muestra el archivo en el que estás trabajando en ese momento. Cuando hay varios documentos abiertos, estos se muestran en pestañas en la parte superior de la ventana de documento. Para cerrar una imagen, selecciona Archivo > Cerrar. (Adobe, s.f.,

https://helpx.adobe.com/la/photoshop/how-to/ps-basics-

fundamentals.html)

C O NT I N U A R

Lección 2 de 4

Video conceptual

C O NT I N U A R

Lección 3 de 4

Referencias

(s.f.).

7Graus

Significado

de

Recuperado

Interfaz.

dehttps://www.significados.com/interfaz/.

99Design (s.f.). ¿Qué significa RGB y CMYK? ¿Cuándo los debo usar? Recuperado de https://support.99designs.com/hc/es/articles/204761825-Qu%C3%A9-significa-RGB-y-CMYK-Cu%C3%A1ndo-los-debo-usar-

Adobe (s.f.). Información general sobre el espacio de trabajo. Recuperado dehttps://helpx.adobe.com/mx/incopy/using/workspace-basics.html.

Adobe

(2020).

de

Introducción

a

Photoshop.

Recuperado

https://helpx.adobe.com/la/photoshop/how-to/ps-basics-

fundamentals.html.

Adobe Systems Incorporated (2018). Photoshop [software de edición de imágenes] (versión CC 2018). Mountain View, California, Estados Unidos.

Bibliomaker (25 de febrero de 2020). ¡A la carga con Adobe y SolidWorks! dehttps://blogs.ugr.es/bibliomaker/edicion_y_diseno/.

Recuperado

Jesús Plaza, M. (s.f.). Manuales y entorno de trabajo. Recuperado dehttp://3con14.net/psd/inicio/conceptos/6-manuales.html.

Lección 4 de 4

Descarga en PDF

Módulo 1 - Lectura 1.pdf 3.8 MB

Imágenes de mapa de bits

Imágenes de mapa de bits

Referencias

Descarga en PDF

Lección 1 de 3

Imágenes de mapa de bits

Introducción

Solo hay dos tipos de archivos de imagen: pixel y vector.

Acerca de las imágenes de mapa de bits

“Las imágenes de mapas de bits, denominadas técnicamente imágenes rasterizadas, utilizan una cuadrícula rectangular de elementos de imagen (píxeles) para representar imágenes. A cada píxel se le asigna una ubicación y

un

valor

de

color

específicos”

(Adobe,

2017,

https://helpx.adobe.com/es/indesign/using/graphics-formats.html). Un píxel es la unidad más pequeña de una imagen digital y está presente en un incalculable número para crear una imagen final. Por ende, para editar o modificar una imagen de mapa de bits se necesitan manipular los pixeles, en cambio para las imágenes vectoriales, se trabaja sobre los nodos. Los bitmaps se utilizan para fotografías, imágenes con mucho detalle o imágenes escaneadas. Las imágenes de mapa de bits tienen una resolución

fija, determinada por la cantidad de pixeles que se hayan almacenado en el archivo al momento de generarlo. Cualquier operación de reducción o ampliación de la cantidad de pixeles, redunda en una pérdida y/o alteración de información.

Fuente:

Holiney,

V.

(2020).

Gráficos

rasterizados.

Recuperado

de

https://www.logaster.com.es/blog/vector-and-raster-graphics/.

Figura 1: Mapa de bits de una imagen o logo

La figura 1 nos muestra una imagen en mapa de bits de un logo. Si nos acercamos a la zona de los bordes de la esfera, se revela claramente la cuadrícula de píxeles que forman la imagen.

Las imágenes vectoriales están representadas por medio de líneas que corresponden a fórmulas matemáticas. Estas reciben el nombre de curvas de Bézier o curvas vectoriales y cada una de ellas está formada por dos nodos o puntos de anclaje y dos manejadores que definen su forma.

Los gráficos vectoriales

Las

imágenes

vectoriales

se

basan

en

coordenadas

matemáticas que definen su posición, su forma, su color y otros atributos. Están formadas por vectores, que son elementos geométricos como puntos, líneas, polígonos o segmentos.

(…)

Las imágenes vectoriales se utilizan para logotipos, iconos, ilustraciones, infografías, tipografías o elementos para web. (Plaza,

s.f.,

https://www.albaplazadesigner.com/diferencias-

entre-imagen-de-mapa-bits-e-imagen-vectorial/)

“Puede mover o modificar gráficos vectoriales con libertad sin perder detalle ni claridad porque son independientes de la resolución; mantienen los bordes nítidos cuando se les cambia el tamaño (…) Como resultado, los gráficos vectoriales

son

la

opción

para

ilustraciones”

(Adobe,

2017,

https://helpx.adobe.com/es/indesign/using/graphics-formats.html).

Las imágenes vectoriales se utilizan para imprimir objetos a gran escala debido a que están basadas en fórmulas matemáticas y tienen una resolución infinita. El término vector es un concepto extraído de la física y las

matemáticas, se lo define como un segmento orientado que tiene dirección, sentido y módulo.

La dirección está dada por la recta que lo contiene. El nombre curvas Bézier es en honor a Pierre Bézier, su creador, quien ideó un sistema para el trazado de dibujos técnicos en el año 1960. El sentido lo indica la flecha (del origen del vector hacia sus extremos). El módulo es su longitud. (Berman, 2007, p. 52).

Figura 2: Gráfico vectorial de una imagen o logo

Fuente:

Holiney,

V.

(2020).

Gráficos

vectoriales.

https://www.logaster.com.es/blog/vector-and-raster-graphics/.

Recuperado

de

La figura 2 representa la misma imagen que vimos en la figura 1, pero en formato vectorial. Si nos acercamos a la zona del borde de la esfera, se muestran las curvas de Bézier que forman la ilustración. También se puede apreciar cómo, a pesar de la ampliación, la imagen no perdió definición, a diferencia de lo que sucede con las imágenes en bitmaps. Esta es una de las principales características del formato vectorial.

La diferencia entre los gráficos basados en píxeles y vectores está en cómo se organiza y se construye la imagen.

Diferencia ejemplar entre la imagen de mapa de bits y el gráfico vectorial Podemos pensar que existen dos maneras de tener un vestido: comprarlo ya confeccionado y, si después no queda bien, llevarlo a una modista que lo achique o agrande; o recurrir a un diseñador de moda para que lo haga a medida. En esta última opción tendrás más elementos para personalizar el vestido: tamaño exacto, calidad de tela, tipo de corte, entre otros detalles. Del mismo modo, cuando usamos una imagen de mapa de bits lo que hacemos es comprar un vestido ya confeccionado y tenemos pocas opciones de edición. Por el contrario, un gráfico vectorizado nos da amplias posibilidades de personalizar el diseño de acuerdo a nuestro gusto.

Figura 3: Diferencia entre mapa de bits y gráfico vectorial

Fuente: Cobos, J. (s.f.). Qué son los Logotipos Vectorizados. https://www.jorgecobos.com/que-son-los-logotipos-vectorizados/.

Recuperado

de

Dimensiones en píxeles y la resolución de una imagen en mapa de bits La dimensión de píxel y resolución son dos elementos muy importantes que definen la calidad final de una imagen.

Las dimensiones en píxeles miden el número total de píxeles de altura y anchura de la imagen. La resolución es la precisión del detalle en las imágenes de mapa de bits, que se mide en píxeles por pulgada (ppp). Cuantos más píxeles por pulgada, mayor resolución.

(Adobe,

2020,

https://helpx.adobe.com/es/photoshop/using/image-sizeresolution.html)

En general, las imágenes con más resolución producen una calidad mucho mayor.

Figura 4: Imagen idéntica con 72 ppp y 300 ppp

Fuente:Adobe (2020). Imagen idéntica con 72 ppp y 300 ppp; obsérvese con el zoom al 200%. Recuperado de https://helpx.adobe.com/es/pdf/photoshop_r...