Adobe Photoshop 2023_parte_1.pdf

mamt78@gmail.com
Miguel Ángel Maruenda -
Retoque digital de imágenes
Miguel Ángel Maruenda
mamt78@gmailcom
Adobe Photoshop
Retoque digital de imágenes

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Miguel Ángel Maruenda – mamt78@gmail.com
Conceptos básicos de la imagen digital
La imagen digital
Una imagen digital o gráfico digital es una representación
bidimensional de una imagen a partir de una matriz numérica,
frecuentemente en binario (unos y ceros). puede tratarse de una
imagen matricial (o mapa de bits) o de un gráfico vectorial.
Las imágenes digitales se pueden producir de varias formas:
• Por medio de dispositivos de entrada conversión analógica-digital
como los escáneres y las cámaras digitales.
• Directamente mediante programas informáticos editores de
mapas de bits y dibujo vectorial, como por ejemplo realizando
dibujos con el ratón o tableta digitalizadora gráfica incluyendo el
lápiz óptico
2

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Imagen vectorial vs mapa de bits
Existen dos categorías principales de imágenes:
Imágenes de mapa de bits (también denominadas imágenes raster):
son imágenes pixeladas, es decir que están formadas por un conjunto de
puntos (píxeles) contenidos en una tabla. Cada uno de estos puntos tiene
un valor o más que describe su color.
El principal inconveniente que presentan esta clase de archivos es el de la
ampliación, cuando un archivo se amplia mucho, se distorsiona la imagen
mostrándose el mosaico "los píxeles" y una degradación en los colores
llegando al efecto pixelación, debido a la deformación de la fotografía.
3

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Definición de Píxel
Unidad mínima de información de una imagen. Porción más pequeña de
una imagen con la que podemos operar.
Los pixeles forman parte integrante de toda nuestra vida digital, ya
que con ellos se miden las resoluciones de las pantallas de
smartphones, tablets, monitores, imágenes, gráficos y hasta incluso
videos. Cada elemento que vemos en la pantalla de cualquiera de los
dispositivos mencionados se conforma de pixeles, como asimismo
las pantallas de los mismos.
Agrupados de determinada forma, cuando los observamos desde
una determinada distancia, forma el conjunto de la imagen
completa.
4

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
5
Píxeles imagen

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Si la cantidad de pixeles que conforman una imagen son pocos, y el
tamaño en centímetros de la misma es grande, la definición de la
imagen expuesta será pobre, mientras que a mayor número de ellos,
la imagen se visualizará mejor, permitiéndole contar con un grado
de detalle superior.
A mayor cantidad de píxeles en el mismo tamaño de superficie,
mayor resolución tendrá la imagen
La cantidad de pixeles de una imagen determina el tamaño en
bytes que la misma tendrá, es decir que mientras más píxeles
posea una imagen más peso tendrá.
6

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Lo que consideramos como un “píxel” en una pantalla cualquiera en
realidad está compuesto de tres subpíxeles; cada uno de ellos
corresponde a uno de los tres colores RGB, rojo, verde y azul.
7

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Imágenes vectoriales
Estas imágenes no contienen píxeles, sino una serie de fórmulas
matemática que el ordenador es capaz de interpretar y, a partir de
ellas, dibujar las líneas, círculos y polígonos que las forman. La
ventaja de este tipo de imágenes es que, al no contener píxeles
cuando se amplían no pierden calidad.
8

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Al no depender de una retícula de píxeles, las imágenes vectoriales
son independientes de la resolución y por tanto mantienen la nitidez
y la definición aunque se amplíen totalmente: no pierden calidad.
Otras características que nos ayudan a perfilar mejor lo que es una
imagen vectorial son las siguientes:
▪ Los distintos objetos que componen una imagen vectorial
pueden escalarse, cambiar de forma, color o posición
independientemente del resto. Cada objeto o vector tiene sus
propias fórmulas matemáticas.
▪ Los objetos de un gráfico vectorial pueden fusionarse entre sí y
crear formas intermedias. Del mismo modo, cada parte puede
relacionarse de distintas formas con el resto de vectores:
agruparse, separarse, formar intersecciones, etc.
▪ Cada parte de una imagen vectorial puede reutilizarse en otras
imágenes. Bastará con copiar y pegar en el otro archivo.
▪ El dibujo vectorial es siempre editable. A diferencia de las
imágenes de mapa de bits, las vectoriales pueden rectificar su
color u otras propiedades en cualquier momento de su edición.
9

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
10

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Conclusiones tipos de imagen
Gráficos rasterizados
Las imágenes rasterizadas (o mapas de bits) son creaciones
compuestas por pequeños cuadrados digitales (llamados pixel) que
forma un mosaico. Cuanto mayor sea el número de pixeles por
unidad de superficie, mayor será la precisión y la definición de la
imagen.
Los lienzos de las imágenes rasterizadas poseen medidas por pixeles,
las cuales indican la cantidad de “cuadraditos” que caben en vertical
y en horizontal.
11

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Gráficos vectoriales
Lamborghini imagen vectorial. A diferencia de los gráficos
rasterizados, estas imágenes no se componen por puntos
independientes colocados uno al lado del otro. La lógica de los
vectores es completamente diferente. En los diseños vectoriales
tenemos los puntos de control. Los puntos determinan ángulos y
líneas que van a formar nuestra ilustración.
El producto final realizado será el resultado de formulas matemáticas
y datos que irán a formar nuestra composición.
12

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Resolución de imagen
▪ Indica cuánto detalle puede observarse en esta imagen. Se utiliza para
describir cuanto de nítida (como antónimo de granular) es una imagen de
fotografía convencional (o fotografía química). Tener mayor resolución se
traduce en obtener una imagen con más detalle o calidad visual.
▪ Para las imágenes digitales almacenadas como mapa de bits, la convención
es describir la resolución de la imagen con dos números enteros, donde el
primero es la cantidad de columnas de píxeles (cuántos píxeles tiene la
imagen a lo ancho) y el segundo es la cantidad de filas de píxeles (cuántos
píxeles tiene la imagen a lo alto).
▪ La convención que le sigue en popularidad es describir el número total de
píxeles en la imagen (usualmente expresado como la cantidad de
megapíxeles), que puede ser calculado multiplicando la cantidad de
columnas de píxeles por la cantidad de filas de píxeles. A continuación se
presenta una ilustración sobre cómo se vería la misma imagen en diferentes
resoluciones.
13

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
La resolución de una imagen puede medirse por tamaño (para
pantalla) o por densidad (impresión)
▪ Resolución por tamaño (Pantalla) : 500x400 píxeles
▪ Resolución por densidad (Impresión): 100ppp (puntos o píxeles por
pulgada) o en inglés 100 dpi (dots per inch)
Ejemplo:
Supongamos que tenemos una cámara con una resolución de 10
megapíxeles, 3900 x 2600 píxeles. Abrimos una imagen en nuestro
programa de procesado, pongo los pasos para Photoshop, y vamos a
"Imagen/tamaño de imagen", deseleccionamos la casilla "Remuestrear la
imagen" y en la casilla "Resolución" ponemos 10 por ejemplo. Aceptamos y
vemos que el tamaño de la imagen no ha cambiado en la pantalla. Ahora
hacemos lo mismo pero poniendo otro valor más alto en "Resolución", por
ejemplo 1000. Aceptamos y seguimos viendo la imagen del mismo tamaño
en la pantalla. Lo que ha pasado es que la pantalla tiene una resolución fija
y al no remuestrear la imagen hemos variado la resolución en ppp pero
nuestra imagen sigue teniendo los mismos 3900 x 2600 píxeles que al
principio y en la pantalla la vemos exactamente igual independientemente
de los ppp que le hayamos asignado. La resolución por densidad se
utiliza a la horade imprimir.
14

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
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. En general, las imágenes con más
resolución producen una calidad de impresión mejor.
Salvo en el caso de las imágenes remuestreadas, la cantidad de
datos de la imagen permanece inalterada al cambiar las
dimensiones de impresión o la resolución. Por ejemplo, si modifica
la resolución de un archivo, su anchura y su altura cambian en
consecuencia a fin de mantener la misma cantidad de datos de
imagen.
El tamaño de archivo de una imagen es el tamaño digital del archivo
de imagen calculado en kilobytes (K), megabytes (MB) o gigabytes
(GB). El tamaño de archivo es proporcional a las dimensiones en
píxeles de la imagen. Las imágenes con más píxeles muestran
mejor los detalles a un tamaño de impresión determinado, pero
necesitan mayor espacio en disco para su almacenamiento
15

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Acerca de la resolución del monitor
La medida de la resolución del monitor se expresa en píxeles. Por
ejemplo, si la resolución del monitor y las dimensiones en píxeles de
la fotografía tienen el mismo tamaño, la fotografía llenará toda la
pantalla cuando se visualice al 100%. El tamaño de la imagen en la
pantalla depende de una combinación de factores: las dimensiones
en píxeles de la imagen, el tamaño del monitor y el ajuste de
resolución del monitor.
16

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Tamaño de la imagen en pantalla
Las imágenes tienen un tamaño de píxeles fijo cuando aparecen en
el monitor. La resolución de pantalla determina el tamaño de la
imagen cuando aparece en la pantalla. Un monitor configurado en
640 x 480 píxeles muestras menos píxeles que un monitor que
muestra 1024 x 768 píxeles. Por lo tanto, cada uno de los píxeles del
monitor de 640 x 480 píxeles es más grande que cada píxel
mostrado en el monitor de 1024 x 768 píxeles.
Una imagen de 100 x 100 píxeles utiliza alrededor de una sexta parte
de la pantalla a 640 x 480, pero solo ocupa cerca de una décima
parte de la pantalla a 1024 x 768. Por lo tanto, la imagen se ve más
pequeña a 1024 x 768 píxeles que a 640 x 480 píxeles.
17

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Ejemplo gráfico de resolución por densidad
18

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Partimos de una fotografía, que mide 5 pulgadas de alto y 5
pulgadas de ancho.
19
En el primer ejemplo, cada una de
las pulgadas de la imagen tienen 20
px, tanto de ancho como de alto,
por lo que su resolución es de 20
ppp o 20 dpi.
El total de píxeles por cada pulgada
será de 400 px.
En el segundo ejemplo, contamos
con la misma imagen y las mismas
medidas pero al doble de resolución:
40 píxeles de ancho por 40 píxeles
de alto.
Los píxeles por cada pulgada serán
1600 px.
En este tercer ejemplo loa pixeles
por pulgada con 72.
Los píxeles por pulgada totales serán
5184 px.

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Ejemplo de cálculo de tamaño de impresión:
Fotografía de 1000 x 1000 píxeles impresa a 180 ppp = (1000/180) x
(1000/180) = 5,55 x 5,55 pulgadas, y pasándolo a centímetros
tendremos (5,55x2,54cm) x (5,55x2,54cm) = 14,11 x 14,11 cm
Pero si la misma imagen la imprimimos a 300ppp entonces,
Fotografía de 1000 x 1000 píxeles impresa a 300 ppp = (1000/300)
x (1000/300) = 3,33 x 3,33 pulgadas, y pasándolo a centímetros
tendremos una imagen de (3,33 x 2,54) x (3,33x2,54) = 8,46x 8,46
cm
20

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Tamaño de la imagen en impresión
“El parámetro de resolución(ppp) no se utilizan hasta que
la imagen se imprime. La resolución y las dimensiones en
píxeles determinan la cantidad de datos de la imagen y la
calidad de impresión. En general, las imágenes de mayor
resolución se imprimen a una calidad más alta.” Los ppp
son un metadato de la imagen que se utilizan a la hora de
imprimir. Y Adobe establece en 72ppp como número
estándar cuando creamos un archivo para web”
21

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Cuadro de diálogo Tamaño de la imagen (Photoshop)
Cuando se utiliza el cuadro de diálogo Tamaño de la imagen para
cambiar el tamaño de las imágenes (elija Imagen > Tamaño de la
imagen), podemos cambiar cuatro aspectos de la imagen:
22

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
▪ Dimensiones en píxeles: La anchura y la altura de la imagen.
▪ Tamaño de la imagen cuando se abre en Photoshop: Este valor
aparece en la parte superior del cuadro de diálogo.
▪ Tamaño del documento: El tamaño físico de la imagen cuando
se imprima, incluida la anchura y la altura.
▪ Resolución de imagen cuando se imprima: Este valor aparece
en píxeles por pulgada o píxeles por centímetro.
El cuadro de diálogo Tamaño de la imagen permite cambiar el
tamaño de las imágenes de dos formas. Puede aumentar o reducir la
cantidad de datos de la imagen (remuestreo). O bien puede
mantener la misma cantidad de datos de la imagen (cambio de
tamaño sin remuestreo)
23

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Cambio de tamaño y remuestreo de imágenes
▪ Al cambiar el tamaño y remuestrear una imagen, se cambia la
cantidad de datos en ese archivo.
▪ El remuestreo cambia el número total de píxeles de la imagen,
que se muestran como Anchura y Altura en píxeles en el cuadro
de diálogo Tamaño de la imagen. Cuando se aumenta el número
de píxeles en esta parte del cuadro de diálogo resolución, la
aplicación añade datos a la imagen. Cuando se reduce el número
de píxeles (disminución de resolución), la aplicación elimina datos.
Siempre que se eliminan o se añaden datos a la imagen, la calidad
de imagen se degrada en cierta medida. La eliminación de datos
de una imagen suele ser preferible a la adición de datos.
24

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Si activamos Remuestrear, podemos cambiar cualquiera de
los valores del cuadro de diálogo Tamaño de la imagen:
dimensiones en píxeles, tamaño físico o resolución. Si
cambiamos un valor, también afecta a los demás. Las
dimensiones en píxeles se ven afectadas siempre.
▪ Cambiar las dimensiones en píxeles afecta al tamaño físico pero
no a la resolución.
▪ Cambiar la resolución afecta a las dimensiones en píxeles, pero
no el tamaño físico.
▪ Cambiar el tamaño físico afecta a las dimensiones en píxeles,
pero no a la resolución.
25

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Remuestrear imagen
El término remuestrear hace referencia a
cambiar las dimensiones en píxeles (y,
por tanto, el tamaño de visualización) de
una imagen. Al disminuir la
resolución (reducir el número de píxeles),
se borra información de la imagen.
Si aumenta la resolución (aumenta el
número de píxeles), se añaden nuevos
píxeles. Se especifica un método
de interpolación para determinar
cuántos píxeles se añaden o eliminan.
26
Remuestreo de píxeles
A. Disminución de resolución B. Original C. Aumento de resolución
(píxeles seleccionados mostrados para cada conjunto de
imágenes)

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Photoshop remuestrea las imágenes por medio de un método de
interpolación para asignar valores de color a los píxeles nuevos en
función de los valores de color de píxeles existentes. El método que
se debe usar se selecciona en el cuadro de diálogo Tamaño de
imagen.
Por aproximación
Un método rápido aunque menos preciso que reproduce los píxeles de una
imagen. Este método se utiliza para ilustraciones con bordes que no están
suavizados y sirve para conservar bordes marcados y producir un archivo
más pequeño. Sin embargo, este método puede producir efectos
irregulares, que se hacen aparentes al distorsionar o redimensionar una
imagen o al realizar varias manipulaciones en una selección.
Bilineal
Un método que añade píxeles mediante el cálculo de la media de los
valores de color de los píxeles adyacentes. Produce resultados de calidad
media.
Bicúbica
Un método más preciso aunque más lento basado en un examen de los
valores de los píxeles adyacentes. Mediante unos cálculos más complejos, la
opción Bicúbica produce graduaciones tonales más suaves que las
opciones Por aproximación y Bilineal.
27

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Bicúbica más suavizada
Un buen método para ampliar imágenes basado en la interpolación
bicúbica pero diseñado para producir resultados más suaves.
Bicúbica más enfocada
Un buen método para reducir el tamaño de una imagen basado en la
interpolación bicúbica con un enfoque mejorado. Este método mantiene el
detalle de una imagen remuestreada. Si la opción Bicúbica más enfocada
enfoca en exceso algunas áreas de una imagen, probaremos la opción
Bicúbica.
28

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Ejemplo: Imagen original (5943x3334px) / 209,66*117,97 cm a 72ppp
Imagen remuestreada a 300ppp → 24763x13933px
29
Vista con un
Zoom de 100% en
pantalla

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
La profundidad de color
Se llama profundidad de color al término que describe el número o
la cantidad de bits utilizados para representar el color de un solo
píxel (un bit es un dígito binario, que tiene un valor de 0 o 1). Este
concepto de profundidad también se conoce como bits por píxel
(bpp), es decir, la cantidad de color que hay en cada píxel, y se ocupa
como unidad de medida sobre todo cuando se especifica junto con
el número de bits utilizados. Mientras mayor es la profundidad de
color se da una gama más amplia de distintos colores.
“La profundidad de color es la cantidad de información que es posible
almacenar en cada pixel para representar el valor del tono”
30

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
31
65536

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
El ejemplo más sencillo sería este: utilizar 1 bit para la información de
color. Un bit puede valer 0 o 1. Por tanto sólo podremos representar 2
tonos. Suele utilizarse 0 para el blanco y 1 para el negro.
32

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Imagen original (24bits)
33

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Profundidad 20 bits
34

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Profundidad 10 bits
35

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Profundidad 2 bits
36

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Modo escala de grises
El modo Escala de grises utiliza distintos tonos de gris en una imagen. En
imágenes de 8 bits, puede haber hasta 256 tonos de gris. Cada píxel de una
imagen en escala de grises tiene un valor de brillo comprendido entre 0
(negro) y 255 (blanco).
37

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Modo de color RGB
El modo de Color RGB utiliza 24 bits de profundidad. En imágenes de 8 bits
por canal, los valores de intensidad varían de 0 (negro) a 255 (blanco) para
cada uno de los componentes RGB (rojo, verde, azul) de una imagen en color.
Por ejemplo, un color rojo fuerte podría tener un valor R de 246, un valor G de
20 y un valor B de 50. Si los valores de los tres componentes son idénticos, se
obtiene un tono de gris neutro. Si los valores de todos los componentes es 255,
el resultado es blanco puro, y negro puro si el valor es de 0.
Las imágenes RGB utilizan tres colores o canales para reproducir los colores en
la pantalla. En imágenes de 8 bits por canal, los tres canales se convierten en
24 (8 bits x 3 canales) bits de información del color por píxel. En imágenes de
24 bits, los tres canales pueden reproducir hasta 16,7 millones de colores por
píxel.
38

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Modelo RGB
39
Modelo RGB. Este espacio de color es el formado por los
colores primarios luz que ya se describieron con
anterioridad. Es el adecuado para representar imágenes
que serán mostradas en monitores
Ejemplo de codificación hexadecimal

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
▪ En el modelo RGB cada componente cromática es representada
por un canal, y la fusión de esos tres canales provocan el color
final.
▪ En cada canal hay una representación en escala de grises de la
imagen, cada pixel está representado por un valor comprendido
entre 0-255.
▪ En total supone 256*256*256 = 16.777.216 colores que podemos
general en RGB
40

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
41
En el modo CMYK utilizado para la impresión, a cada
píxel se le asigna un valor de porcentaje para las tintas
de cuatricromía. Los colores más claros (iluminaciones)
tienen un porcentaje pequeño de tinta, mientras que los
más oscuros (sombras) tienen porcentajes mayores
Modelo CMYK

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
42
Comparación de Espacios de color

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
Tipos
Formatos de imagen
Existen multitud de formatos gráficos para guardar imágenes (JPG,
PNG, GIF, BMP...). Cada uno de ellos tiene sus ventajas e
inconvenientes, y dependiendo de una serie de criterios y el uso que
se le quiera dar a la imagen, es mejor utilizar uno u otro.
Debemos tener ciertos conceptos muy claros, ya que influyen en
cada formato:
▪ Tamaño/Calidad: Los formatos pueden ser más o menos eficientes, pero
el peso o tamaño de la imagen siempre estará reñido con la calidad de
la imagen.
▪ Uso del formato: Por último, otro detalle que debemos tener en cuenta
es lo extendido que esté el formato. Nos puede gustar un formato
concreto, pero si no existe software que lo soporte (leer y guardar),
tendremos problemas para su uso.
43

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
Tipos
Existen muchos formatos de almacenamiento, podemos destacar:
JPEG, BMP, GIF, PNG, TIFF…
Diferencias entre los formatos:
▪ Niveles de profundidad admitidos
▪ 1 bit: imágenes en blanco y negro
▪ 1 byte: Escala de grises o paleta de colores
▪ 3 bytes: modelo RGB
▪ Tipos de compresión
▪ Sin pérdida: RLE, LZW, Huffman
▪ Con pérdida: FFT, DCT
▪ Otras características
▪ Posibilidad de definir transparencias
▪ Diferentes imágenes en un mismo archivo
44

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
Tipos
Imágenes con pérdidas (Lossy)
Se les llama formato de imagen con pérdidas (lossy)
porque estos formatos no guardan toda la información
que tiene la imagen original, lo que lo hace ideal para
fotografías o imágenes con muchas texturas y alto nivel de
detalles.
Sin pérdida (Loseless)
En ocasiones conviene utilizar un formato que no implica pérdida
de información, a pesar de aplicar algún algoritmo de compresión,
almacenando en todos los casos la imagen original (aunque con
distintos formatos). ¿Qué imágenes deberíamos almacenar en
estos formatos? Aquellas que contengan grandes áreas de colores
planos, como capturas de pantalla o logotipos.
45

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
Tipos
Sin pérdida (Loseless)
En ocasiones conviene utilizar un formato que no implica
pérdida de información, a pesar de aplicar algún algoritmo
de compresión, almacenando en todos los casos la imagen
original (aunque con distintos formatos). ¿Qué imágenes
deberíamos almacenar en estos formatos? Aquellas que
contengan grandes áreas de colores planos, como capturas
de pantalla o logotipos.
Podemos almacenar cualquier tipo de imagen en un
formato loseless, por supuesto, pero el archivo quizá ocupe
demasiado, y no sea tan práctico como parece.
46

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
Tipos
Compresión RLE (Run Length Encoding): sin pérdida.
▪ Se basa en detectar la repetición de un mismo valor.
▪ Un valor no repetido se almacena directamente.
▪ Un valor repetido se almacena de forma especial, mediante un par
(Valor, Nº de repeticiones)
▪ Ejemplo:
▪ Si la serie es 3,3,3,4,4,4,4,4,4,0,1,1 …..
▪ Se almacenaría comprimida (3,3), (4,6),0,(1,2)
▪ En imágenes con muchas regiones uniformes la compresión será
alta.
▪ En imágenes fotográficas, con RGB, difícilmente se repetirá un valor,
la compresión será escasa.
47

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
Tipos
Compresión LWZ (Lempel Ziv Welch): sin pérdida
▪ Es un método sustitucional o basado en diccionario.
▪ Si una secuencia de valores se repite varias veces, hacer referencia al sitio
donde se repite.
Por ejemplo si queremos comprimir el texto:
▪ “Pablito clavó un clavito ¡Qué clavito clavó Pablito!
▪ Diccionario: #1 = Pablito, #2 =clavó, #3=clavito
▪ Comprimido: #1 #2 un #3 ¡Qué #3 #2 #1!
48

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
JPEG
JPEG (Joint Photographic Experts Group)
Es el formato orientado al almacenamiento de imágenes fotográficas.
Características:
▪ Admite imágenes en escala de grises ( 1 byte por pixel) y RGB (3
bytes por pixel)
▪ Incluye un mecanismo avanzado de compresión, que puede
ajustarse a distintos ratios.
▪ Utiliza compresión con pérdida
▪ Está libre de patentes
49

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
JPEG
Ventajas
▪ En la mayoría de los casos consigue un ratio compresión/calidad mucho
mejor que otros formatos
▪ Nivel de compresión ajustable
▪ Posee una amplia gama de colores.
▪ Ideal para mostrar fotografías en la web dado que no suele ocupar
mucho espacio.
Inconvenientes
▪ Compresión y descompresión complejas
▪ No incluye transparencias ni animaciones
▪ Genera artefactos (artifacts)
▪ La información perdida no se recupera. Si trabajamos con un jpeg
guardando en disco tras capa operación la imagen se va degradando
▪ Aplicaciones: Prácticamente, todas la aplicaciones de fotografía digital.
No usar con dibujos.
50

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
JPEG
▪ Cuando fotografías en JPEG, la imagen no se almacena tal y como
es sino que se hacen pequeños cambios en la nitidez, el contraste,
la saturación o el balance de blancos. No es nada negativo pero sí
tendrás que saber que la fotografía no estará almacenada tal y
como tú la has hecho y que sufrirá alteraciones.
▪ Además, cada edición que haces del archivo JPEG es destructiva.
¿Qué quiere decir esto? Que cada vez que guardas o haces alguna
edición y cierras, el archivo se comprime de nuevo y va perdiendo
información (lo que se traduciría en una menor calidad en la
imagen)
51

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
JPEG
En el formato JPEG cuando guardamos una imagen el algoritmo
hace un rastreo de cada línea de píxeles y toma decisiones al
respecto. Cuando encuentra en una línea dos píxeles contiguos muy
parecidos en sus valores de colorimetría decide qué píxel se
guardará y cuál eliminará. Cuando la imagen se abra de nuevo, aquel
píxel que era muy similar al otro ya no estará y se colocará en su
lugar solo otro píxel ‘inventado’ o igual al que estaba a su lado en la
imagen original.
Como se puede observar en el detalle en la primera sin comprimir, aparecen unos píxeles azules al lado
de la banda verde, pero en las sucesivas compresiones estos píxeles desaparecen. Desaparecen los
matices. Incluso la banda más clara en diagonal que se juntaba con la zona verde ahora está separada.
52

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
53

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
GIF
GIF (Graphics Interchange Format)
▪ Es un formato de imagen para mapas de bits de hasta 256 colores, 8 bits. Es
decir, que la imagen solo se puede componer con 256 tonos de color y por
tanto limita su uso o calidad.
▪ GIF es un formato sin pérdida de calidad para imágenes con hasta 256
colores, limitados por una paleta restringida a este número de colores. Por
ese motivo, con imágenes con más de 256 colores (profundidad de color
superior a 8), la imagen debe adaptarse reduciendo sus colores,
produciendo la consecuente pérdida de calidad. Su gran funcionalidad es la
animación. Es un formato que permite incluir diferentes pantallas dentro
del mismo archivo y de ese modo generar animación. Actualmente es el
formato de los banners de internet con animación.
▪ Otra funcionalidad muy interesante es la posibilidad de hacer
transparencias. Uno de los 256 colores se le adjudica la función de
transparencia y posibilita la integración con fondos de un modo mucho más
armonioso.
54

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
GIF
Ventajas
▪ Sin pérdidas.
▪ Tamaño reducido.
▪ Soporta animaciones y fondos transparentes.
▪ Muy usado para imágenes pequeñas con hasta 256 colores.
Inconvenientes
▪ Poco adecuado para imágenes fotográficas: pérdida de color y tamaños
muy grandes.
▪ Problemas de patentes hicieron que apareciera el formato PNG como
alternativa al GIF. Las patentes sobre GIF han expirado.
55

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
PNG
PNG (Portable Network Graphics)
Formato desarrollado en buena parte para solventar las deficiencias del
formato GIF.
Ventajas y utilidades
▪ Formato comprimido sin pérdidas.
▪ Soporta millones de colores.
▪ Soporta fondos transparentes
▪ Ideal para el desarrollo de logotipos, botones y otro tipo de imágenes que
necesiten conservar una buena resolución.
Desventajas
▪ No soporta animaciones.
▪ No es un formato multi-página.
▪ Imágenes con muchos elementos y colores pueden pesar mucho más
que su equivalente en jpg.
▪ No admite modo CMYK.
▪ Incompatibilidad con navegadores antiguos.
56

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
PNG
▪ Hay dos tipos de formatos PNG: PNG-8 y PNG-24. El formato PNG-
8 es similar al GIF en el sentido de que permiten un máximo de
256 colores. El formato PNG-24 es capaz de mostrar millones de
colores, pero también resulta en un tamaño de archivo mayor.
▪ La regla de oro aquí es elegir el formato que implique un
equilibrio adecuado entre variedad de colores y tamaño de
archivo, para sus necesidades particulares.
▪ Considerando que pueden ser utilizados para las fotografías, los
archivos PNG suelen tener tamaños de archivo más grandes que
los archivos JPEG, ya que utilizan la compresión sin pérdida.
57

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
El formato JPEG no es el más adecuado para ilustraciones, dibujos o
texto, porque la compresión de la imagen puede generar efectos
como el pixelado. En nuestras fotografías, aunque no sean
ilustraciones, podemos hacer uso del formato más
recomendable: el PNG (Portable Network Graphics), un formato
sin comprensión de imagen. Al guardar nuestras imágenes sin
compresión, las imágenes no perderán calidad y obtendremos
mejores resultados.
58

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
TIFF
TIFF (Tagged Image File Format)
Formato favorito a la hora de almacenar o utilizar imágenes en alta resolución
y estupenda calidad, ya sea en la industria del diseño o la publicidad.
▪ Compatible con la mayoría de programas de diseño.
▪ Imagen en mapa de bits con una compresión no destructiva.
▪ Puede estar comprimido o no.
▪ Sin pérdidas.
▪ Soporta millones de colores.
Desventajas
▪ No soporta animaciones ni fondos transparentes.
▪ Gran tamaño por imagen, llegando incluso a los cientos de megas.
▪ Algunos visores de pc y móvil pueden tener problemas para procesar este tipo de
imagen.
59

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
SVG
Vectores: SVG
▪ Todas las imágenes de las que hemos hablado hasta el momento tienen
algo en común: están compuestas por píxeles (de uno u otro modo), y eso
suele implicar que si aplicamos un zoom superior al 100% empecemos a ver
los píxeles de un tamaño mayor al que están pensados.
▪ Este problema no lo tienen las imágenes realizadas con vectores. Una
imagen vectorial, en lugar de estar compuesta por píxeles, está compuesta
por elementos geométricos (líneas, polígonos, círculos/elipses, curvas...) que
un motor se encarga de renderizar.
▪ El formato más extendido es SVG, un formato basado en XML y que hoy
está admitido por prácticamente todos los navegadores modernos.
60

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
SVG
61

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
RAW
RAW (“bruto” o “en crudo”)
Formato que contiene toda la información que la cámara capta al
realizar la captura sin realizar ningún tipo de procesado posterior y
sin compresión alguna.
▪ Incluye toda la información captada por la cámara.
▪ Permite variar todo tipo de parámetros.
▪ Máxima calidad de imagen, aunque sin compresión.
Desventajas
▪ No soporta animaciones ni fondos transparentes.
▪ No es único y universal.
▪ Proceso de postproducción “engorroso”.
62

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
RAW
63

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Archivos de imagen
Formatos nativos de programas de diseño
Formato Illustrator
▪ Extensión: .ai
Formato Photoshop
▪ Extension: .psd
Formato Indesign
Extensión: .indd
Formato Corel Draw
Extension: .cdr
64

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Entorno de trabajo
Panel de herramientas
Paneles
Archivos
abiertos
Ventana de documento
Barra de menús
65
Barra de opciones

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Entorno de trabajo
▪ 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, 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, 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.
66

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Entorno de trabajo
Modificar color de la interfaz
Si queremos modificar la apariencia de color del entorno de trabajo,
deberemos a Edición > Preferencias > Interfaz, y escoger el color
que queramos.
Ocultar o mostrar todos los paneles
Para ocultar o mostrar todos los paneles, incluidos el panel
Herramientas y el panel de control, pulsaremos el tabulador.
Para ocultar o mostrar todos los paneles excepto el panel
Herramientas y el panel de control, pulsaremos Mayús+Tabulador.
Visualizar las opciones de las paletas
Haremos clic en el icono de menú del panel situado en la esquina
superior derecha.
67

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Entorno de trabajo
Acoplamiento y desacoplamiento de paneles
Un conjunto acoplado es un conjunto de paneles que se muestran
juntos. Los paneles se acoplan y desacoplan moviéndolos dentro y
fuera de un conjunto acoplado.
Para acoplar un panel, lo arrastraremos pulsando encima de la
pestaña en donde aparece el nombre, a la parte inferior o entre otros
paneles.
68

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Entorno de trabajo
Para acoplar un grupo de paneles, lo arrastraremos desde la barra a
vacía sólida que se encuentra encima de las fichas al conjunto
acoplado.
Para quitar un panel o grupo de paneles, arrástrelo fuera del
conjunto acoplado por su ficha o barra de título. Puede arrastrarlo a
otro conjunto acoplado o hacer que flote con libertad.
Añadir paneles
Podremos añadir paneles desde el menú “Ventana”
69

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Entorno de trabajo
Restauración del espacio de trabajo por defecto
Si queremos restaurar nuestro espacio de trabajo, deberemos ir al
menú Ventana > Espacio de trabajo > Restablecer [nombre de
espacio de trabajo]
Paleta de teclas modificadoras (Dispositivos Windows)
La nueva paleta Teclas modificadoras permite acceder a los
modificadores de teclado más frecuentes (Mayús, Ctrl y Alt) en
dispositivos táctiles con Windows, como Surface Pro.
Para sacar la paleta iremos a Ventana > Teclas modificadoras.
70

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Entorno de trabajo
Consideraciones a la hora de trabajar con la barra de
herramientas
Siempre que veamos en la parte inferior derecha de la herramienta,
el icono de un triángulo, quiere decir que dentro de esa herramienta
hay disponible más. Para desplegarlas simplemente deberemos
mantener pulsado el click del ratón encima de ella.
Si queremos cambiar la herramienta predeterminada de primer
plano dentro de un grupo, simplemente deberemos mantener
pulsada la tecla “Alt” e ir haciendo “click” para predeterminar la que
más usemos.
71

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Entorno de trabajo
Muchas herramientas tienen preestablecidas un atajo de teclado,
que podemos visualizar si hacemos click encima de un grupo de
herramientas y mantenemos.
La mayoría de grupos de herramienta llevan asociadas la misma
tecla, si pulsamos una vez sobre la tecla, accederemos a la primera
herramienta del grupo. Si queremos cambiar de herramienta dentro
de ese grupo deberemos mantener pulsada la tecla “Shift” e ir
pulsando la tecla asociada.
72

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Entorno de trabajo
Personalización de la barra de herramientas
Si queremos editar nuestra barra de herramientas, para colocar las
herramientas a nuestro gusto deberemos pulsar en el icono
73
Desde esta ventana
podremos mover todas las
herramientas a nuestro
gusto, para personalizar la
barra

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Entorno de trabajo
Modos de pantalla
Photoshop dispone de varios modos de pantalla para trabajar, que
son:
▪ Modo de pantalla estándar
▪ Modo de pantalla entera con barra de menú
▪ Modo de pantalla entera
Estos 3 modos están disponibles desde la parte inferior de la barra de
herramientas
74

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramienta zoom
Zoom de la imagen
En photoshop es muy importante trabajar con Zoom para poder
realizar ajustes profesionales de nuestra imagen. Se dispone de
varias formas de modificar el Zoom de una imagen:
1.- Herramienta lupa , por defecto al hacer click con la lupa nos
ampliará el zoom de la imagen, si mantenemos pulsada la Tecla “Alt”,
disminuiremos el zoom al hacer click.
2.- Teclado, con la combinación de teclas “Ctrl” + “+” ampliaremos el zoom, y
con “Ctrl” + “-” lo disminuiremos.
3.- Panel “Navegador”, desde el panel Navegador (Ventana → Navegador)
4.- Tecla Alt + Rueda del ratón
75

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramienta zoom
Zoom continuo
▪ Haremos clic y sin soltarlo para aumentar, pulsaremos la tecla Alt
para reducirla.
▪ En la barra de opciones, seleccionaremos “Zoom con arrastre” si
queremos mantener el clic y arrastrar hacia la izquierda para
reducir la imagen o bien a la derecha para aumentarla.
76
Si no tenemos la ventana
de documento
maximizada, este se
ajustará al zoom de la
imagen
Si queremos que Photoshop
aumente o disminuya el
tamaño de todos los
documentos abiertos
simultáneamente
Establecer
100% de
Zoom
Encajar
imagen en
pantalla
(Ctrl+0)
Rellenar
pantalla
con la
imagen

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramientas de selección
Lo primero que deberemos hacer en Photoshop será aprender a
realizar selecciones, ya que deberemos tener en cuenta que cuando
abramos una imagen Photoshop no reconoce formas (para
Photoshop una imagen no es más que una secuencia de píxeles)
dentro de la misma, para lo cual si queremos realizar algún cambio
sobre algún objeto de la misma deberemos previamente
seleccionarlo.
Aprender a seleccionar es una de las partes más importantes de
photoshop, tanto es así que Photoshop dispone de una gran
cantidad de número de herramientas para tal cometido.
La línea punteada
indica la selección
77

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
¿Qué es una selección en Photoshop?
▪ Una selección es el área de una imagen que se define para
modificarla de cualquier manera, y le permite aislar una o varias
partes de una imagen. Si seleccionamos áreas específicas, puede
editar y aplicar efectos y filtros a partes de la imagen sin tocar las
áreas que no ha seleccionado.
▪ Puede realizar selecciones a través de comandos, diferentes
herramientas de selección y el espacio de trabajo Seleccionar y
aplicar máscara de Photoshop. Al realizar una selección, aparece
un borde alrededor del área seleccionada.
▪ Podemos mover, copiar o eliminar los píxeles dentro del borde de
selección, pero no podrá tocar las áreas fuera del mismo hasta que
anule la selección.
78

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Selección de todos los píxeles de una capa
▪ Menú Selección→Todo
Anular una selección
Realizar una de las siguientes acciones:
▪ Menú Selección → Deseleccionar.
▪ Presionar Control + D
▪ Si estamos utilizando las herramientas Marco rectangular, Marco
elíptico o Lazo, haga clic en cualquier ubicación de la imagen que
esté fuera del área seleccionada.
Volver a seleccionar la última selección
▪ Menú Selección > Volver a seleccionar (Shift+Ctrl+D)
Ocultar/Mostrar una selección
▪ “Ctrl+H”
79

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
▪ Marco rectangular
▪ Marco Elíptico
▪ Marco de fila única
▪ Marco de columna única
▪ Lazo
▪ Lazo Poligonal
▪ Lazo Magnético
▪ Varita Mágica
▪ Selección rápida
▪ Selección de objetos
80

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramientas de selección - Marco Rectangular y Marco Elíptico
Permiten realizar selecciones con forma rectangular o elípticas.
Con las herramientas Marco rectangular o Marco elíptico, haremos
clic y sin soltar arrastraremos sobre el área que desee seleccionar.
Opciones
▪ Si mantenemos pulsada la tecla Shift, provocaremos un cuadrado
o círculo perfecto.
▪ Si mantenemos pulsada la tecla Alt la selección comenzará a
dibujarse desde el centro
▪ Si mantenemos pulsado el espacio mientras dibujamos la
selección podremos moverla.
▪ Estilo (parte superior de la barra de herramientas)
▪ Normal (Por defecto)
▪ Proporciones Fijas (Establece relaciones de proporción)
▪ Tamaño Fijo (Permite especificar el tamaño)
81

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramientas de selección - Marco de Fila Única y Marco de Columna Única
La herramienta marco de fila única permite seleccionar una fila de
píxeles de nuestra imagen.
La herramienta marco de columna única permite seleccionar una
columna de píxeles de nuestra imagen.
82

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramientas de selección - Lazo Manual, Lazo Poligonal
La herramienta Lazo resulta útil para dibujar segmentos de forma
libre de un borde de selección.
La herramienta Lazo poligonal sirve para dibujar segmentos de
borde rectilíneo, para crear una selección mediante esta
herramienta simplemente deberemos ir haciendo “clicks” para
definir los vértices de la selección.
▪ Para eliminar puntos erróneo tenemos que pulsar la tecla
“Suprimir”
▪ Para eliminar un trazado a medias pulsar la tecla “Esc”
▪ Para cerrar la selección debemos hacer clic en el punto inicial.
Lazo poligonal
Lazo manual
83

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramientas de selección - Lazo Manual, Lazo Poligonal
Una vez hemos hecho un clic con el lazo poligonal:
▪ Para dibujar un segmento rectilíneo, colocaremos el puntero
donde queramos que termine el primer segmento rectilíneo y
haremos clic. Continuaremos haciendo clic para definir los puntos
finales de los segmentos siguientes.
▪ Para dibujar una línea recta a un múltiplo de 45°, mantener
pulsada la tecla Shift mientras se desplaza para hacer clic en el
siguiente segmento.
▪ Para dibujar un segmento a mano alzada, pulsar la tecla Alt
(Windows) y arrastrar.
▪ Para borrar segmentos rectilíneos recién dibujados, pulsar la tecla
Supr.
84

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramientas de selección - Lazo Magnético
Con la herramienta lazo magnético el borde se ajusta a los bordes de
las áreas definidas en la imagen. Es una herramienta que funciona
en base a la diferencia de contraste / color.
La herramienta es útil para seleccionar rápidamente objetos con
bordes complejos en fondos de alto contraste.
Opciones lazo:
▪ Anchura: Para especificar la anchura de detección, sólo se
detectan bordes que se encuentran dentro de la distancia del
puntero.
▪ Contraste: Sensibilidad del lazo en los bordes de la imagen, valores
entre ( 1% - 100%), un valor más alto detecta sólo los bordes que
contrastan de forma acentuada con los circundantes, un valor
más bajo detecta bordes de bajo contraste.
▪ Lineatura: Especifica la velocidad a la que el lazo establece los
puntos de fijación
85

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramientas de selección - Lazo Magnético
▪ Para cambiar temporalmente a las otras herramientas de lazo,
realizar una de las acciones siguientes:
▪ Para activar la herramienta Lazo, mantener pulsada la tecla Alt
(Windows) u Opción (Mac OS) y arrastrar con el botón del ratón
pulsado.
▪ Para activar la herramienta Lazo poligonal, mantener pulsada la
tecla Alt (Windows) u Opción (Mac OS) y hacer clic.
86

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramientas de selección - Varita mágica
La Varita mágica es otro herramienta imprescindible a la hora de
realizar selecciones. su ventaja con respecto a las demás es la
posibilidad de seleccionar áreas similares de forma automática, es
decir, que no seremos nosotros los que tengamos que describir la
zona que se va a seleccionar, sino que será la propia herramienta la
que lleve a cabo este trabajo.
Para poder trabajar perfectamente con la varita, deberemos tener
perfectamente claro varios parámetros relacionadas con la
herramienta como “Tolerancia” y “Contiguo”
87

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramientas de selección - Varita mágica
Opciones:
 Tolerancia: En este campo podremos introducir un valor en
píxeles entre 0 y 255. Los valores bajos seleccionan colores muy
similares al del píxel sobre el que hallamos hecho clic, y por tanto
el área de selección es más restringida. Por el contrario, los
valores altos abren el rango de colores permitidos para la
selección, con lo que el área de selección aumenta.
 Suavizar: Al activar esta opción conseguimos un efecto menos
brusco en los bordes de la selección cuando la cortamos o
movemos.
 Contiguo: activaremos esta casilla cuando queramos incluir en la
selección solo píxeles adyacentes; Si no lo hacemos así,
incluiríamos en la selección todos aquellos píxeles de la imagen
que coincidan con el color tomado como patrón.
 Muestrear todas las capas: Esta opción funciona cuando
trabajamos con capas, si se encuentra activada, la selección
afectara a todas las capas que componen la imagen.
88

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramientas de selección – Selección rápida
Su comportamiento es igual que la Varita mágica, la herramienta
de Selección Rápida es capaz de evaluar el color del píxel sobre el que
hacemos clic y expandir la selección a partir de ese punto. Sin embargo, la
evaluación de píxeles (y por tanto la selección) no se detendrá hasta encontrar
un borde definido en la imagen.
Las opciones de esta herramienta son:
▪ La Punta de pincel nos ayudará a delimitar correctamente el alcance de la
herramienta. Ten en cuenta que cuanto más grande sea más gamas de
colores evaluará y por tanto aceptará.
▪ La opción Muestrear todas las capas, como ya hemos visto, utilizará como
muestra cualquier píxel de pintura que se encuentre dentro del apunta de
pincel independientemente de la capa en la que se encuentre. Obviamente
sólo tendrá en cuenta aquellas capas que sean visibles en ese momento.
▪ La opción Mejorar bordes hace que la selección sea un poco menos brusca
en sus bordes. Es decir, aplica un poco de suavizado para que la selección
final no resulte muy artificial.
▪ El grupo de opciones añade o resta a la selección nuevas
zonas
89

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramientas de selección de objetos
90
La herramienta Selección de objetos simplifica el proceso al
seleccionar un solo objeto o parte de él en una imagen: personas,
coches, muebles, mascotas, ropa y mucho más.
Para ello solo es necesario dibujar una región rectangular o un lazo
alrededor del objeto, y la herramienta Selección de objetos
seleccionará automáticamente el objeto en el interior de la región
definida. La herramienta funciona mejor en objetos bien definidos
que en regiones sin contraste.
Para seleccionar objetos de una imagen con la opción Selección de
objetos:
▪ Seleccionar un modo de selección y definir una región alrededor
del objeto.
▪ En la barra de opciones, elegir un Modo de selección: Rectángulo
o Lazo.
▪ Modo de rectángulo: arrastre el puntero para definir una región
rectangular alrededor del objeto.
▪ Modo de lazo: dibuje un lazo irregular fuera de los límites del objeto.

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramientas de selección de objetos
Restar de la selección: existen dos opciones a la hora de restar de la
selección:
Utilizar la opción Restar de la selección en la barra de opciones
(Restar de manera habitual)
▪ Desactivar la opción Resta de objeto en la barra de opciones.
▪ Mantener pulsada la tecla Alt o seleccione Restar de la selección en la barra
de opciones y, a continuación, dibujar un rectángulo exacto o un lazo
alrededor del límite de la región que queramos restar de la selección.
Utilizar la opción Resta de objeto en la barra de opciones
▪ Resta de objeto resulta especialmente útil a la hora de eliminar las regiones
de fondo dentro de la selección del objeto actual. Se podría considerar que
la opción Resta de objeto es lo contrario a la opción Selección de objetos.
De este modo, puede dibujar un lazo irregular o un rectángulo alrededor de
la región que se va a restar. Al incluir más fondo dentro del lazo o en la
región de rectángulo, se generan mejores resultados de resta.
91

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Herramientas de selección de objetos – Seleccionar sujeto
Seleccionar sujeto
El comando Seleccionar sujeto le permite seleccionar el sujeto más
destacado de una imagen con un solo clic. Gracias a la tecnología
avanzada de aprendizaje mecánico, Seleccionar sujeto identifica
distintos objetos de la imagen: personas, animales, vehículos,
juguetes y mucho más. Podemos acceder al comando desde las
herramienta de Selección rápida y Selección de objetos o bien desde
el Menú “Selección→ Sujeto”
92
“La herramienta Selección de objetos es muy práctica cuando solo
necesitamos seleccionar uno de los objetos o parte de un objeto
dentro de una imagen que contiene varios objetos. Mientras que el
comando Seleccionar sujeto está diseñado para seleccionar todos los
sujetos principales de la imagen.”

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Desvanecer (calado)
Uno de los conceptos más importantes a la hora de realizar
selecciones es el “calado”.
El calado se define como un borde semitransparente alrededor de la
selección. Con éste podremos definir si el contorno de una selección
e “duro” o semitransparente.
El calado (desvanecer) permite realizar bordes suaves sobre el
contorno de las selecciones.
Sin calado
Pelo
Original
Con
calado
Sin
calado
93

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Desvanecer (calado)
Consideraciones a la hora de trabajar con el calado
▪ Todas las herramientas de selección poseen la opción de calado,
excepto la varita mágica, aunque siempre podemos establecer el
calado a posteriori.
▪ El calado redondea los vértices de la selección
▪ Si hemos realizado una selección con “calado”, ya no se podrá
eliminar
▪ Si hemos realizado una selección sin calado o deseamos añadirle
más, podremos hacerlo accediendo al menú “Selección →
Modificar → Desvanecer”
94
Selección extraída
con calado
Selección extraída sin
calado

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Operaciones con selecciones
Photoshop dispone de tres modos de combinación de
selecciones:
▪ Sumar selección: Si mantenemos pulsada la tecla Shift cuando
ya tenemos una selección en pantalla y realizamos una segunda
selección, veremos como ésta se añade a la primera
▪ Restar selección: Si mantenemos pulsada la tecla Alt cuando ya
tenemos una selección en pantalla y realizamos una segunda
selección, veremos como ésta se resta a la primera ( es necesario
que la segunda toque a la primera)
▪ Interseccionar selecciones: Si mantenemos pulsada las teclas
Alt+Shift cuando ya tenemos una selección en pantalla y
realizamos una segunda selección, nos quedaremos con la
intersección de las dos selecciones ( es necesario que la segunda
toque a la primera)
95

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Operaciones con selecciones
▪ Borde: Permite seleccionar un ancho de
píxeles dentro y fuera de un borde de
selección existente.
▪ Redondear: Permite redondear las
esquinas de una selección
estableciendo un radio de esquina
▪ Expandir: Permite ampliar la selección
▪ Contraer: Permite reducir la selección
▪ Desvanecer (Calado): Borde
semitransparente alrededor de la
selección.
▪ Invertir (Menú Selección): Selecciona el
inverso de la selección activa
96
Las opciones de selección las encontramos dentro de menú
(Selección→Modificar)

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Guardar y Cargar Selecciones
Photoshop permite almacenar las selecciones para su posterior
carga.
▪ Si deseamos guardar una selección , deberemos una vez realizada acceder
al menú Selección → guardar selección, en la ventana que nos aparece le
daremos un nombre a la selección.
▪ Si deseamos cargar una selección deberemos acceder al menú Selección →
cargar selección, en la ventana que nos aparece en el apartado canal nos
aparecerán todas las selecciones que hayamos guardado.
Cuando carguemos una selección photoshop permite sumarla,
restarla e interseccionarla con alguna selección existente.
97

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
También deberemos saber que photoshop almacena las selecciones
en los canales (Ventana→Canales), en estos, nos aparecerá en color
blanco la parte de la imagen seleccionada y en negro la zona que no
está seleccionada.
98
Selecciones
guardadas

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Operaciones con selecciones con canales
Si mantenemos la tecla “Ctrl” y hacemos clic, cargaremos en pantalla
dicha selección.
Si tenemos una selección en pantalla y nos ponemos encima de otro
canal que contenga otra selección:
▪ Si mantenemos “Ctrl”+”Shift” sumaremos dicha selección a la
selección en pantalla
▪ Si mantenemos “Ctrl”+”Alt” restaremos dicha selección a la
selección en pantalla
▪ Si mantenemos “Ctrl”+”Alt”+”Shift” intersectaremos dicha
selección a la selección en pantalla
99

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Cortar y Duplicar el contenido de una selección
▪ Una vez tengamos seleccionado un objeto en photoshop,
podremos tanto duplicarlo como cortarlo (mover) de la imagen.
▪ Una vez tengamos la selección realizada si cogemos la
herramienta mover pulsamos encima de la selección y
arrastramos la cortaremos.
▪ Una vez tengamos la selección realizada si cogemos la
herramienta mover + tecla “Alt” y pulsamos encima de la selección
y arrastramos duplicaremos el contenido.
▪ Para mover una selección lo haremos con cualquier herramienta
de selección
100

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Transformar selecciones
Si queremos realizar una transformación a una selección, una vez
realizada, iremos al menú “Selección → Transformar Selección”
Si al transformar una selección, si no queremos que ésta pierda las
proporciones, deberemos mantener pulsada la tecla “Shift” (No
hace falta en la última versiones de Photoshop)
Una vez transformada deberemos pulsar la tecla “Intro” para
confirmarla o “Esc” para anularla.
101

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Transformación libre
El comando transformación libre permite realizar diversas
transformaciones:
▪ Rotar
▪ Segar ( Distorsionar respecto a un ángulo)
▪ Escalar
▪ Distorsión (Permite amoldar un objeto a una determinada perspectiva).
Tecla Ctrl
▪ Deformar
Para activar la transformación libre:
▪ Menú edición → Transformación libre (Ctrl+T)
▪ Anular transformación → Esc
▪ Confirmar transformación → Intro
Repetir transformación: Ctrl+Shitf+T
Repetir transformación con duplicado: Ctrl+Shift+Alt+T
102
Nodos control
Centro Rotación

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Cuando activemos la transformación libre, en la barra superior de
herramientas nos aparecerán las siguientes opciones
103
Activar/desactivar centro de rotación
Punto de referencia
Posición X,Y
Usar posición relativa
Mantener proporciones
Sesgado Horizontal/ Vertical
Activar modo deformación
Cancelar
trasformación
Confirmar
trasformación

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Photoshop permite distorsionar una imagen para ajustarla a una
determinada perspectiva, para ello una vez tengamos la
transformación libre activa, mantendremos pulsada la tecla “Ctrl”
para distorsionarla.
104

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Deformación
El comando Deformar permite arrastrar puntos de control para
manipular la forma de imágenes, formas, trazados, etc.
Para activar la deformación podremos hacerlo de 2 formas:
1.- Mediante el menú Edición > Transformar > Deformar
2.- Pulsando Control + T (Windows) y, a continuación, clic en el
botón Cambiar entre modos de transformación libre y
deformación en la barra de opciones.
Para deformar utilizando una deformación predeterminada,
seleccionar un estilo de deformación del menú emergente Deformar
de la barra de opciones.
105

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Para crear una malla de deformación personalizada, seleccionar un
tamaño de cuadrícula en el menú emergente Cuadrícula de la barra
de opciones.
Podremos seleccionar un tamaño de cuadrícula: predeterminado
(1x1), 3x3, 4x4 o 5x5, o bien seleccionar “A medida” para especificar el
número de columnas y filas en el cuadro de diálogo Tamaño de
cuadrícula personalizado.
106

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Podremos añadir más líneas de control de cuadrícula a la malla de
deformación, desde la opción para dividir la deformación.
107
Añadir línea de control vertical y horizontal
Añadir línea de control vertical
Añadir línea de control horizontal

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Rotaciones preestablecidas de imágenes
Photoshop dispone de una serie de rotaciones preestablecidas que
podemos aplicar a nuestras imágenes, para ello una vez tengamos la
imagen en la capa seleccionada, iremos al menú “Edición →
Transformar”
108

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Rotaciones preestablecidas de imágenes
Rotar 180º
Rotar 90º AC
Rotar 90º ACD
109

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Reflejar/ voltear imágenes
Si queremos voltear nuestra imagen en eje X o Y deberemos ir al
menú “Edición → Transformar”
▪ Voltear horizontal
▪ Voltear vertical
110

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Rellenar selecciones
Rellenar selección de color sólido
Si queremos rellenar una selección de un color sólido, una vez
tengamos la selección hecha y seleccionada la capa en donde
queramos pintar, iremos al menú Edición → Rellenar (Shift+F5)
Seleccionaremos la opción
Color, si no queremos ninguna
otra opción de color disponible
111
Desde esta ventana tendremos opciones
para rellenar una selección con un color,
dispondremos de manera directa de los
colores blanco, negro, 50% de gris, color
frontal y de fondo

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Rellenar selecciones
Nos aparecerá la ventana de “Selector de color”
1) Primero seleccionaremos el tono
2) Luego seleccionaremos el matiz dentro de ese tono
112

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Paleta historia
▪ Podemos utilizar el panel de historia
para ir a cualquier estado reciente de
la imagen creado durante la sesión
de trabajo actual. Cada vez que aplica
un cambio a una imagen, el nuevo
estado de esa imagen se añade al
panel.
▪ Cada vez que realicemos alguna
operación photoshop la agregará
como un paso de la historia, para que
posteriormente podamos volver a un
determinado momento de la historia
(equivalente al Ctrl+z de otros
programas).
▪ El número de pasos que almacena la
historia se puede configurar desde el
menú Edición→ Preferencias→
Rendimiento
Imagen original (siempre podremos
volver al estado inicial de la imagen)
Pasos de la
historia
almacenados
Crear instantáneas → Las
instantáneas permitirán
almacenar el estado actual de la
imagen para que podamos volver
a ese estado en cualquier
momento
Crear documento
nuevo a partir del
estado actual de la
imagen
113

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Configuración de rendimiento
114
Edición→ Preferencias→ Rendimiento
Deberemos tener en cuenta que esta función consume mucha
memoria RAM, por lo que si nuestro equipo posee menos de 2GB
de RAM, mejor que no nos excedamos con el número de acciones a
deshacer. En cualquier caso, Photoshop nos permite retroceder
hasta 1000 estados de historia.

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Podemos limitar a Photoshop en el uso de memoria RAM. Para ello,
en el mismo apartado de Rendimiento, en Uso de memoria,
Photoshop nos mostrará la cantidad de RAM disponible y nos
sugerirá el uso del 70-80% de la memoria disponible. Si somos
usuarios que usamos pocas aplicaciones a la vez, este ajuste está tal
y como viene por defecto. Sin embargo, si solemos abrir muchas
aplicaciones a la vez, será mejor que descendamos al 50%.
El tamaño de segmento de caché determina la cantidad de datos
con los que Photoshop opera a la vez. Los segmentos de tamaño
más grande aceleran las operaciones complejas, como los filtros de
forma. Los cambios más pequeños, como los trazos de pincel, son
más interactivos con tamaños de segmento más pequeños.
115

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
ADOBE PHOTOSHOP
Ajustes preestablecidos de caché
Tres ajustes preestablecidos de caché están disponibles en
Preferencias de Rendimiento. Elija el más adecuado para al
propósito o uso principal de Photoshop:
▪ Diseño web/IU: elija esta opción si Photoshop se utiliza básicamente
para diseño web, de aplicaciones o pantallas. Esta opción es adecuada
para documentos que tienen numerosas capas de recursos con
dimensiones de píxeles de bajas a medias.
▪ Predeterminado/Fotos: elija esta opción si Photoshop se utiliza
básicamente para retocar o editar imágenes de tamaño moderado. Por
ejemplo, utilice esta opción si habitualmente edita fotos procedentes del
dispositivo móvil o de la cámara digital en Photoshop.
▪ Dimensiones de muchos píxeles: elija esta opción para trabajar sobre
todo con documentos de gran tamaño en Photoshop; por ejemplo
panoramas, pinturas mate, etcétera.
116

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
AYUDAS AL DISEÑO
Reglas, guías y cuadrículas
CÓMO USAR REGLAS, CUADRÍCULAS Y GUÍAS EN PHOTOSHOP
Las reglas le ayudan a colocar imágenes o elementos de forma
precisa. Cuando están visibles, las reglas aparecen a lo largo de la
parte superior y a la izquierda de la ventana activa. Las marcas de la
regla muestran la posición del puntero cuando lo mueve. Cambiar el
origen de la regla (la marca (0, 0) en las reglas superior e izquierda) le
permite medir desde un punto específico de la imagen. El origen de
la regla también determina el punto de origen de la cuadrícula. Para
mostrar u ocultar reglas, seleccione Vista → Reglas (Ctrl+R)
117

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
AYUDAS AL DISEÑO
Sacar reglas de documento (Vista→ Reglas)
Cambiar unidad de medida de la regla → Pulsar botón derecho
encima de ella.
Colocar guía ( Vista → Guía nueva)
118

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
AYUDAS AL DISEÑO
Para cambiar la unidad de medida de la regla, pulsaremos con el
botón derecho encima de la misma.
Las guías y la cuadrícula nos ayudan a colocar imágenes o elementos
de forma precisa. Las guías aparecen como líneas en la imagen, pero
no se imprimen. Puede mover y eliminar las guías. También puede
bloquearlas para no moverlas por error. La cuadrícula resulta útil
para disponer elementos simétricamente. La cuadrícula aparece por
defecto como líneas que no se imprimen pero que pueden
visualizarse como puntos.
119

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
AYUDAS AL DISEÑO
Para sacar guías simplemente pulsaremos encima de la regla
vertical u horizontal, y arrastraremos hacia el documento
Si queremos ubicar una guía en una posición exacta, iremos al menú
Vista → Guía Nueva
120

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
AYUDAS AL DISEÑO
Para mostrar u ocultar una cuadrícula, guías o guías inteligentes
▪ Mostrar cuadrícula → Vista > Mostrar > Cuadrícula.
▪ Mostrar Guías → Vista > Mostrar > Guías.
▪ Mostrar guías inteligentes → Vista > Mostrar > Guías inteligentes.
▪ Bloquear Guías → Vista Bloquear guías (Alt+Ctrl+Ñ)
Para definir las preferencias de guía y cuadrícula
▪ Seleccionar Edición > Preferencias > Guías, cuadrícula y sectores.
▪ En Color, elija un color para las guías, la cuadrícula o ambas. Si
selecciona Personalizar, haga clic en el cuadro de color, elija un
color y, a continuación, haga clic en OK.
▪ En Estilo, seleccione una opción de visualización para las guías, la
cuadrícula o ambas.
121

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
AYUDAS AL DISEÑO
Definición de las preferencias de guías y cuadrículas
Accederemos a Edición > Preferencias > Guías, cuadrícula y
sectores.
122
En Color, elegiremos un color para las guías, la cuadrícula o ambas. Si selecciona A
medida, haga clic en el cuadro de color, elija un color y, a continuación, haga clic en OK.
En Estilo, seleccionaremos una opción de visualización para las guías, la cuadrícula o
ambas.
En Línea de cuadrícula cada, introduciremos un valor de espaciado para la cuadrícula. En
Subdivisiones, introduciremos un valor por el que subdividir la cuadrícula.

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
AYUDAS AL DISEÑO
En “Línea de cuadrícula cada”, introduciremos un valor de espaciado
para la cuadrícula. En “Subdivisiones”, introduce un valor por el que
subdividir la cuadrícula. Si lo queremos, podemos cambiar las
unidades de esta opción. La opción “Porcentaje” crea una cuadrícula
que divide la imagen en secciones iguales. Por ejemplo, elegir 25 en
la opción Porcentaje sirve para crear una cuadrícula de 4 x 4 dividida
en secciones iguales.
123

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
AYUDAS AL DISEÑO
Nueva composición de guías
El comando “Nueva composición de guías”, menú “Vista→Nueva composición
de guías”
124

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
AYUDAS AL DISEÑO
No sólo podemos ingresar el número de columnas y filas que
necesita, sino que también puede elegir el ancho o la altura, el
medianil, los márgenes y si deseamos o no centrar las columnas.
Para volver a utilizar las guías en varias imágenes, guardaremos las
opciones de Nueva disposición de guía como un a ajuste
preestablecido utilizando el menú desplegable Preajuste.
125

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
AYUDAS AL DISEÑO
Nuevas guías de forma
En la versión CC podemos crear guías basadas en una forma (Vista→
Nuevas Guías de forma). Esta opción nos delimitará el objeto de la
capa seleccionada por guías.
126

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
AYUDAS AL DISEÑO
Guías inteligentes
▪ Las guías inteligentes son guías que nos aparecerán a la hora de
realizar nuestro diseño, permitiendo conocer parámetros de
alineación y distribución.
▪ En primer lugar deberemos asegurarnos que las tenemos
activadas, para ello “Vista → Mostrar → Guías inteligente”
▪ Las guías inteligentes resultan muy prácticas en diferentes
situaciones:
127
Cuando arrastramos una capa manteniendo
la tecla Alt (Windows) , Photoshop muestra
las guías de medición de referencia que
indican la distancia entre la capa original y la
capa duplicada.

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
AYUDAS AL DISEÑO
128
Con una capa seleccionada, si
pasamos el puntero del ratón
sobre otra capa con la tecla
Control pulsada, nos dirá la
distancia respecto a la capa
seleccionada
Si tenemos una capa seleccionada y la herramienta
mover, si pulsamos la tecla Ctrl, nos dirá las distancias
del objeto respecto al lienzo

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
AYUDAS AL DISEÑO
Espaciado coincidente: al duplicar o
mover un objeto, Photoshop
muestra las guías de medición para
indicar visualmente el espaciado
entre otros objetos que coincide con
el espaciado entre los objetos
seleccionados y sus elementos
colindantes inmediatos.
129

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Adobe Photoshop
Las capas
Las capas de Photoshop semejan hojas apiladas de acetato. Podemos ver
las capas que se encuentran debajo a través de las áreas transparentes
de una capa. Si mueve una capa a fin de colocar el contenido en ella, es
como si deslizara una hoja de acetato dentro de una pila. tenemos la
posibilidad de cambiar la opacidad de alguna capa de manera que su
contenido sea parcialmente transparente.
Las capas sirven para, componer varias imágenes, añadir texto a una
imagen o añadir formas de gráficos vectoriales. La aplicación de un estilo
de capa facilita la adición de efectos especiales como sombras paralelas o
algún tipo de resplandor. En una capa podremos encontrar zonas
opacas, zonas transparentes y zonas semitransparentes
Cada imagen nueva se establece en una capa
El número de capas está limitado por la memoria del equipo.
130

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Adobe Photoshop
Las capas
Vista de las capas en photoshop
Arlequinado: Indica que esa zona
de la capa es transparente
131

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Adobe Photoshop
Las capas
Siempre que abramos una imagen en photoshop, ésta aparecerá en
una capa bloqueada. Si queremos trabajar con ella tendremos que
desbloquearla, para ello simplemente haremos doble click encima
de la capa, y en la ventana que nos aparece pulsaremos “OK”
▪ Otra opción es hacer clic encima del candado para desbloquearla
132

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Adobe Photoshop
Las capas
Opciones de vista
Photoshop permite establecer el tamaño de las miniaturas de capas
con las que queremos trabajar, para ello iremos al menú de la paleta
capas y pulsaremos en “Opciones de panel”
133

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Adobe Photoshop
Las capas
Contenido de la miniatura
Podemos determinar la previsualización de las miniaturas de las capas, para
que muestren sólo el espacio que ocupa dentro del documento actual, o bien
que ocupe toda la miniatura. Esta opción la configuraremos desde “opciones
de panel” del menú capa
134
Límites de capas Todo el documento

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Adobe Photoshop
Las capas
Mostrar/Ocultar
Opacidad
Eliminar capa
Nueva capa
Menú capa
Opacidad Estilo de capa
Grupo de capas
Capa de relleno o ajuste
Máscara de capa
Estilo de capa
Enlazar capa
Modos de fusión
Bloquear todo
Bloquear posición
Bloquear píxeles
Bloquear píxeles
transparentes
135
Filtrado de capa

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Adobe Photoshop
Las capas
Opciones de combinación de capas
Acoplar imagen → En este caso simplemente dejamos una sola capa
Combinar visibles → en esta opción, como su nombre lo indica, se combinan
todas las capas que estén visibles (Ctrl + Shift +E)
Combinar hacia abajo → Combina la capa seleccionada con la que tiene debajo,
única y exclusivamente. (Ctrl+E), si tenemos varias capas seleccionadas, se unirán
todas las seleccionadas
136

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Adobe Photoshop
Las capas
Organización de vista de imágenes
Si tenemos varios archivos abiertos, podremos establecer la forma de
verlos en pantalla, para ello simplemente deberemos acceder al
menú “Ventana → Organizar”
137
Archivos abiertos
Opciones de Ventana → Organizar

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Adobe Photoshop
Las capas
Llevar capas de un archivo a otro
▪ A la hora de realizar un montaje, es necesario que todas las
imágenes estén distribuidas en capas dentro de un mismo
archivo.
▪ Photoshop dispone de varias formas de llevarnos una capa de un
archivo a otro.
▪ Forma 1: Si tenemos establecida algún tipo de vista en donde
veamos el archivo destino y origen, simplemente deberemos
coger la herramienta mover y pulsar encima de la imagen de la
capa que queramos, y sin soltar arrastrar hacia el archivo destino.
138
Destino Origen
Hacer clic en origen y
arrastrar hacia destino

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Adobe Photoshop
Las capas
Forma 2: También podremos llevarnos una imagen de un archivo a
otro, desde la vista de un solo archivo, para ello simplemente
deberemos seleccionar la “herramienta mover” , pinchar encima de
la imagen y sin soltar llevar el cursor hasta la pestaña del archivo que
sea el destino. Al colocarnos encima de la pestaña se activará el
archivo, y siguiendo manteniendo pulsado el botón del ratón,
arrastrar hacia la zona de la imagen del archivo destino
139

@MAMT78Miguel
Ángel
Maruenda
Retoque
digital
de
imágenes
mamt78@gmail.com
Adobe Photoshop
Las capas
Forma 3: Otra forma de llevarnos una capa de un archivo a otro es,
activando la capa que queramos mover, e ir al menú “Capa →
Duplicar capa”.
140
En la lista documento photoshop nos mostrará todos los archivos
abiertos o nos dará la opción de llevarnos la capa a uno nuevo

Adobe Photoshop 2023_parte_1.pdf

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Adobe Photoshop 2023_parte_1.pdf

Similar a Adobe Photoshop 2023_parte_1.pdf (20)

Último

Último (7)

Adobe Photoshop 2023_parte_1.pdf