FUNDAMENTOS DE PHOTOSHOP ESCUELA DE INGENIERÍA SUPERIOR DE INDUSTRIAL ASIGNATURA TECNOLOGÍA GRÁFICA 3 CURSO PROFESORA INMACULADA DEL ROSAL

1. FUNDAMENTOS DE PHOTOSHOP
MODOS TECNOLOGÍA GRÁFICA
Inmaculada del Rosal

2. TRATAMIENTO INFORMÁTICO DEL COLOR
MODOS DE COLOR
El modo de color de un archivo de imagen depende la cantidad máxima
de datos de color que puede almacenar
En programas de tratamiento de imagen Bitmap se pueden seleccionar el
SISTEMA DE COLOR para la imagen con el que queremos trabajar en
función de la finalidad de la imagen.
( medio en el que va a ser reproducida)

3. MODOS DE COLOR ( profundidad de color)
TRATAMIENTO INFORMÁTICO DEL COLOR
MODO DE COLOR RGB
• Basado en el MODELO ADITIVO del color
• Al descomponer la luz blanca se hacen visibles todos los colores del
espectro luminoso: desde rojo hasta azul-violeta.
• La suma de todos estos colores genera LUZ BLANCA
• Sistema RGB aplica el modelo aditivo para crear los colores.
• Utiliza los COLORES ADITIVOS PRIMARIOS: ROJO-VERDE-
AZUL
• Una imagen en MODO RGB todos los colores que la componen se crean
con criterios aditivos, no matéricos utilizando los valores lumínicos que se
pueden aplicar a cada píxel para definir los colores de la imagen.
• Al trabajar con COLORES LUZ es el modo que utilizan todos los
dispositivos de proyección y representación sobre pantalla

4. RETOQUE DE IMÁGENES 4
MODOS DE COLOR ( profundidad de color)
TRATAMIENTO INFORMÁTICO DEL COLOR
MODO DE COLOR CMYK
• Basado en el MODELO SUSTRACTIVO del color
• Utiliza para construir el color la mezcla de colores matéricos ( colores
pigmento)___ Colores de impresión con tinta
• En este caso cada color de la imagen no esta compuesta por RGB sino por
porcentajes de color MAGENTA, CIAN, AMARILLO construidos a su vez por
valores de color LUZ,
• El negro implica ausencia de luz 0000000
• Sistema CMYK se utiliza para especificar las separaciones de color de una
imagen
• Las imágenes CMYK contienen 32 bits por píxel.

5. MODOS DE COLOR ( profundidad de color)
TRATAMIENTO INFORMÁTICO DEL COLOR
MODO DE COLOR LAB
• En el modo RGB estamos condicionados por el sistema de proyección, en el CMYK
por la impresión, el modo LAB es independiente de estos parámetros: luz y pigmentación.
• En este modelo se utilizan tres parámetros para la formación de el color:
• LUMINOSIDAD ( L) ( Como en modo HSB)
• dos intervalos de color:
• A: va desde el verde oscuro al rosa vivo
• B: desde azul brillante al amarillo anaranjado.
• Es el modelo que puede representar mayor número de colores: abarca la gama CMYK y
RGB aunque sólo serán visibles los que estén en el rango de RGB
•Los colores que se ven en pantalla y los que pueden ser impreso no coinciden
• Photoshop lo utiliza como paso intermedio para cambiar una imagen de un modo a otro
• Las imágenes LAB tienen una profundidad de color de 24 bits por píxel

6. MODOS DE COLOR ( profundidad de color)
TRATAMIENTO INFORMÁTICO DEL COLOR
MODO DE COLOR INDEXADO
• Las imágenes indexadas presentan una reducción en el espacio de
color a 256 colores o menos.
• La economía de color deriva en una reducción del tamaño del archivo
• Este modo se utiliza para imágenes que demanden poco peso digital:
- paginas Web
• transferencias de archivos de imagen

7. MODOS DE COLOR ( profundidad de color)
TRATAMIENTO INFORMÁTICO DEL COLOR
MODO DE COLOR ESCALA DE GRISES
• Presenta 256 niveles de gris o intensidades de tinta negra.
• Este tipo de imágenes no tiene información de color y cada nivel de
gris representa un valor de brillo de la imagen, generando así:
• luces
• sombras
• medios tonos
• Las imágenes en escala de grises representan una profundidad de
color de 8 bits por pixel

8. MODOS DE COLOR ( profundidad de color)
TRATAMIENTO INFORMÁTICO DEL COLOR
MODO DE COLOR MAPA DE BITS
• Este modo representa imágenes en BLANCO Y NEGRO: no contienen
intensidades de grises, tan solo píxeles con luz ( blanco ) o sin ella
(negro)
• Solo tienen un BIT de profundidad, ya que el píxel solo puede ser o
blanco o negro.

9. MODOS DE COLOR ( profundidad de color)
TRATAMIENTO INFORMÁTICO DEL COLOR
MODO DE COLOR DUOTONO
• Este modo representa imágenes en BLANCO Y NEGRO:
no contienen intensidades de grises, tan solo píxeles con luz
( blanco ) o sin ella ( negro)
• Solo tienen un bit de profundidad,
ya que el píxel solo puede ser o blanco o negro.

10. MODOS DE COLOR ( profundidad de color)
TRATAMIENTO INFORMÁTICO DEL COLOR
MEMORIA NECESARIA PARA GUARDAR IMÁGENES
• modo de color:
• MAPA DE BITS ---- 1bits por pixel
• ESCALA DE GRISES --- 8 bits por pixel
• DUOTONO
• COLOR INDEXADO---- 24 bits por píxel
• COLOR RGB
• COLOR CMYK ---- 32 bits por píxel.
• Cálculo del tamaño del archivo:
• DIMENSIONES FÍSICAS x RESOLUCION ( PPP)

11. MODOS DE COLOR ( profundidad de color)
TRATAMIENTO INFORMÁTICO DEL COLOR
CAMBIAR EL MODO DE COLOR
1 COLOR INDEXADO
• Activando el submenu MODO ( Menú IMAGEN)
• Para convertir una imagen a COLOR INDEXADO esta tiene que estar obligatoriamente en
modo RGB, no se puede hacer desde CMYK o LAB
• Al bajar la información de color el sistema debe utilizar una nueva gama de colores distinta
a los originales de la imagen.
•Este sistema tiene varias paletas de color con una gama distinta, al indexar la imagen , la
forzamos a cajear los colores originales por los mas próximos de la nueva paleta.
•La paleta de color para WINDOWS o MAC contiene 256 colores
• la paleta Web presenta colores estandarizados para Web, utiliza 8 bits de profundidad
•La que mejor resultado da es la paleta adaptable ya que selecciona los colores de la
imagen que mas se utilizan
•La paleta personalizar permite confeccionar una paleta propia.

12. MODOS DE COLOR ( profundidad de color)
TRATAMIENTO INFORMÁTICO DEL COLOR
CAMBIAR EL MODO DE COLOR
1 COLOR INDEXADO II
• Permite crear TRAMADOS:
• NINGUNO: imagen con apariencia cuarteada por agrupamientos de color
• MOTIVO: distribuye los colores utilizando un motivo geométrico que se repite en toda la imagen
• DIFUSIÓN: los colores se dispersan aleatoriamente por la imagen

13. MODOS DE COLOR ( profundidad de color)
TRATAMIENTO INFORMÁTICO DEL COLOR
CAMBIAR EL MAPA DE BITS
1 COLOR INDEXADO II
• Permite crear EFECTOS DE TRAMA:
• Primero se debe cambiar la imagen a modo ESCALA DE GRISES para eliminar la información de
color de la imagen
•Permiten definir la resolución de la imagen en el cuadro de diálogo
•Permite la posibilidad de varios tramados:
•50% de umbral: si el pixel es mas claro que un 50% de gris lo convierte a blanco
• si el pixel es mas oscuro lo convierte a negro
• El resultado es una imagen de alto contraste en blanco y negro.
•TRAMA DE SEMITONOS
• Hace referencia a las preferencias de impresión de la imagen
• Permite definir la lienatura
•Angulo para las celdas de semitono por pulgada
•La forma de las celdas

14. PARÁMETROS DEL COLOR
TRATAMIENTO INFORMÁTICO DEL COLOR
TONO
es el color en si, la posición en el circulo cromático,
se mide en grados del 0º al 360º: p.ej.: de 0º a 30º están los rojos....
SATURACIÓN
es el grado de pureza del color.
Se mide en porcentajes de -100 a 100
Un color se dice que es puro cuando tiene una saturación del 100%: supone el tono
del circulo cromático en su total pureza
al bajar la saturación “aumentamos la cantidad de gris” ( nos alejamos del color puro) se
apaga progresivamente hasta llegar a ser totalmente gris: saturación ( en modo RGB -100)
LUMINOSIDAD es la cantidad de luz o sombra que contine una imagen de color, es decir el
mismo color mas claro o mas oscuro.
Se mide en porcentajes de -100( negro) a 100( blanco)
Valor de 100 es luz blanca máxima. Valor de -100 es ausencia total de luz= negro

15. PARÁMETROS DEL COLOR
TRATAMIENTO INFORMÁTICO DEL COLOR
Suponen los parámetros de exposición de una imagen: cantidad de luz captada
por una cámara en fotografía analógica
BRILLO : Cantidad de luz de una imagen. Intensidad luminosa de cada pixel mantiendose
dentro del rango del mismo tono.
Al ajustar brillo modificamos los valores de LUMINOSIDAD de todos los
píxeles de la imagen, afectando a las luces, sombras y medios tonos de la misma
Valores comprendidos entre -100 ( poca intensidad) +100 máxima intensidad
de luz
CONTRASTE: equilibrio entre luces y sombras de una imagen.
Se mueve en parámetros entre -100( neutraliza las sombras: imagen gris)
y +100 (sombra forzada, aumenta la intensidad del color de las zonas oscuras:
imagen blanco y negro: sombras muy forzadas)

16. PARÁMETROS DEL COLOR
TRATAMIENTO INFORMÁTICO DEL COLOR
CANALES DE COLOR I
Se usan para organizar y gestionar la información de color de
una imagen
La organización del color varían en función del modo de
color:
- imagen RGB: 3 canales ( rojo, verde, azul)
- imagen CMYK: 4 canales ( cian, magenta,
amarillo, negro)
- imagen ESCALA DE GRISES: 1 solo canal
- imagen LAB 3 canales
- imagen MAPA DE BIT: 1 canal
- Se visualizan individualmente en Blanco y negro.
- Se pueden variar los parámetros de brillo y contraste
individuamente para cada color afectando al aspecto total de la
imagen
- Los canales en modo color RGB, representan en color blanco
aquellos píxeles que contienen la mayor cantidad del color
primario ql que haga referencia el canal. ( máxima intensidad del
color=blanco)
- Los canales en modo color CMYK representan con negro la
máxima intensidad de color ( basado en teoría sustractiva del
color)

17. PARÁMETROS DEL COLOR
TRATAMIENTO INFORMÁTICO DEL COLOR
CANALES DE COLOR II
Los grises en cualquiera de los dos modos determinan la dosis del
color primario al que alude el canal, en función de su aproximación al
blanco o al negro. Por ejemplo una zona gris al 20 % en RGB implica
una zona con abundancia de ese color.
En el caso de imagen CMYK seria a la inversa: poca cantidad de tinta
para el color en cuestión, que estaría ausente si la zona estuviera
totalmente blanca
Para obtener mas información sobre la cantidad de color ( l para cada
canal se debe consultar el HISTOGRAMA. En el caso de una imagen
CMYK mostrará un gráfico con una escala de los niveles de tinta.
En el caso del modo RGB indicaría cantidad de color para cada canal.
El uso de canales permite hacer selecciones y usar los canales como
máscaras.

18. •Funcionan como acetatos transparentes que se superponen a una
imagen de fondo
•Cada capa es una imagen independiente con sus propias
características
•Si una capa posee zonas sin imagen se verán las capas inferiores,
ya que esa zona funciona como si fuera transparente.
•La unión de todas las capas genera la imagen final. El aspecto de
esta dependerá del tratamiento aplicado a cada capa
•Permite seleccionar objetos, transformarlos.
CAPAS
FUNDAMENTOS BASICOS

19. • Capa estandar:
– Se usa para pintar sobre una imagen sin alterar el fondo o incluir
nuevas imágenes
• Capa de relleno
– Rellenos vectoriales de color sólido, degradado o patrones
– Escalado y edición libre
• Capa de ajuste
– Modifica el color de capas subyacentes, se puede volver a editar
sin afectar a capa inferior
• Capa de texto
– Permite introducir texto y poder modificar todos sus atributos sin
afectar a resto de la imagen
• Capa vectorial
– Creación de formas vectoriales modificables
CAPAS
•TIPOS DE CAPAS

20. • Menú---Ventana---capas (f7)
• Muestra listado detallado (miniatura y
nombre) de todas las capas de la imagen
• Tareas a gestionar desde ventana
– Crear/eliminar
– Mostrar / ocultar
– Duplicar
– Combinar
– Aplicar efectos
• La capa se activa seleccionándola
CAPAS
•PALETA DE CAPAS

21. 2
1. Estilos de capa
2. Agregar mascara
3. Crear nuevo conjunto
4. Crear nueva capa de ajustes o relleno
5. Crear nueva capa
6. Borrar capa seleccionada
7. Visibilidad de las capas
8. Vinculo de las capas
9. Bloqueo de visibilidad
10. Bloqueo de movimiento
11. Modos de fusion
12. Opacidad
13. Opciones
CAPAS
•PALETA DE CAPAS

22. 1. Estilos de capa
• Crea EFECTOS y ESTILOS
• Cada efecto crea a su vez una capa
nueva
CAPAS
•ESTILOS DE CAPAS

23. SELECCIONES
Herramientas de selección: Recuadro
- varita mágica
- lazo
•Formato de la selección
•Seleccionar una parte
•Sumar selecciones
•Restar selecciones
•Reseleccionar
•Invertir selección
•Deseleccionar
•Intersección de selecciones
•Mover selecciones
•Mover selecciones flotantes: cortar y pegar/ trasladar
•Transformar selecciones
•Transformación libre
•Guardar selección
•Cargar selección
•Cuenta gota- gama de color
•Calar- radio de calado
SELECCIONES

24. • Instrumento independiente
• Barra de opciones de pincel:
- Diámetro maestro
- Tipos
- Modo de fusión con capas subyacentes
- Opacidad
- Flujo
Parámetros preestablecidos del pincel:
– Dureza
– Espaciado
– Redondez
– Ángulo
– Punta del pincel
– Variantes gráficas
SELECCIONES / DIBUJO
HERRAMIENTA:PALETA PINCEL

25. BARRA DE HERRAMIENTAS
• CLONAR
• PINCEL HISTORIA
• BORRAR
• DEGRADADO
• BOTE DE PINTURA
• DIFUMINAR ( dedo)
• ESPONJA
• SELECCIÓN DE TRAZADOS
• ENFOCAR
• DESENFOCAR
• ESPONJA (oscurece)
• LUPA NEGRA (sobreexpone =
ilumina)
HERRAMIENTAS

26. CAPAS
• Abrir capas
• Ocultar o hacer visible una capa
• Cambiar el tamaño de las
miniaturas: opciones de paleta
• Crear una nueva capa: paleta
capas/menu capas
• Crear un nuevo fondo a partir de
una capa
• Capa via: cortar-pegar imagen
dentro de capa
• Conjunto de capas a partir de
enlazadas
• Duplicar capas
CAPAS

27. • Pluma
• Lápiz
• Forma
– Poligonal
– Personalizada
HERRAMIENTAS DE DIBUJO

28. HISTOGRAMA
• Muestra la distribución de los píxeles según la gama
tonal del documento: representación gráfica de la
cantidad de píxels por cada nivel de brillo en una imagen
• Los valores van de 0 (negro) a 255 ( blanco)
• La altura de las barras indican en número de píxel
correspondiente a cada nivel de gris
• Indica también el valor tonal general de la imagen
– Píxeles agrupados en el centro imagen de clave media
– Píxeles a la derecha imagen de clave alta ( Clara y
subexpuesta)
– Píxeles a la izquierda imagen de clave baja ( Oscura y
sobreexpuesta)

29. TRAZADOS
• Trazados de dibujo vectorial con herramientas de dibujo vectorial
• Se utilizan para crear perímetros de selección mas precisos que con
herramientas de selección tradicional
• Puede ser usado como instrumento de relleno o de creación de un contorno
• Seleccionar una imagen raster es escoger un área de acción sobre la
que actuar
• Sirven para calcar
– Calcar
– Crear efectos pictóricos
– Permiten exportar el dibujo a otros programas de dibujo por curvas Bezier
SELECCIONES / DIBUJO

30. Trazados
• Trazar lineas rectas
• Modificar el trazado
• Dibunjar un segmento recto despues de
uno curvo
• Seleccionar y desplazar un trazado entero
• Borrar un segmento y borrar el trazado
entero
SELECCIONES / DIBUJO

31. TRAZADOS II
Características
• Son líneas de dibujo o trazados Bézier
• Objetos vectoriales sin píxeles
• Se colocan sobre la imagen en “hojas”( similares a las capas) para no
formar parte de la imagen raster, no modifican píxeles y no son imprimibles
• Se emplean fundamentalmente para la creación de selecciones
• Tienen una paleta propia que recoge los subtrazados dibujados
– Subtrazado es cada segmento que se realiza:
• Está compuesto de PUNTOS DE CREACION O CONEXIÓN Y LINEAS DE
CONSTRUCCION
– Trazado seria la lámina que contiene una o varias de las líneas del dibujo
• La PALETA TRAZADOS posee menú contextual con comandos propios:
– Opciones
– Guardar
– Creación de nuevos trazados
SELECCIONES / DIBUJO

32. TRAZADOS III
Elementos de un trazado
• Sub-trazados definidos por conjunto de elementos que definen su forma y
su tamaño ( cada línea que se dibuje con herramientas de trazado)
• Constituido por segmentos rectos o curvos manipulables
• Segmentos están conectados por PUNTOS DE ANCLA
• Estos puntos marcan conexiones de la línea del dibujo a la imagen
• Se pueden incrementar o eliminar
• Se pueden controlar con los MANEJADORES:
– Parten de cada punto y definen la dirección y el sentido de los dos extremos del
segmento
SELECCIONES / DIBUJO

33. TRAZADOS IV
Creación de sub-trazados
• Se crean con la herramienta : PLUMA, permite crear
subtrazados punto a punto
• Adjunto al punto se crean 2 MANEJADOR ES
determinando la dirección, el tamaño y sentido de
SALIDA del segmento al que pertenece y el otro
determina las mismas características pero de salida
• Si activamos casilla AÑADIR-ELIMINAR
AUTOMÁTICAMENTE al hacer clic sobre el trazado
añade o elimina puntos.
SELECCIONES / DIBUJO

34. TRAZADOS IV
Opciones
• Añadir áreas de forma:
– Permite seleccionar todas las areas del objeto
• Restar áreas de forma:
– Resta zona de trazado
• Intersectar áreas de forma:
– Selecciona áreas que se solapan
• Excluir áreas de formas superpuestas:
– No selecciona regiones que se solapan
• Añadir capa de forma: Añade una capa con el dibujo
vectorial
• Añadir capa de trazado
• Dibujo de formas vectorial
SELECCIONES / DIBUJO

35. MASCARAS I
• Sirven para RESERVAR áreas de la imagen o realizar
selecciones de manera mas rápida
• Cuando se hace una selección para hacer una acción
se protege el área no seleccionada: área enmascarada
• Tres formas de generar máscaras:
– Máscara de capa
– Canales alfa
– Máscara rápìda
MASCARAS

36. MASCARAS II
Canales Alfa
• Es un canal que se añade a la paleta CANALES y que
no contiene iformación de color sino la selección
guardada con su correspondientes zonas
enmascaradas.
• Todo canal extra adosado a una imagen es entendido
por pothoshop como un canal alfa
• No puede sobrepasar los 56 canales alfa por imagen
MASCARAS

37. MASCARAS III
Creación de Canales Alfa
• 1 Guardar la selección en canal nuevo en la paleta
canales se visualiza
• 2 Creándolo directamente con la paleta canales
( Guardar selección como canal):
- En blanco zonas de la selección
- En negro zonas enmascaradas o no seleccionadas
MASCARAS

41. POSIBILIDADES DE PHOTOSHOP
Capas
Historia:
rectificar
pasos
Amplia
paleta de
colores
Guardar
seleccion
es como
canales
Amplia paleta de
pinceles: variaciones de
modos y opacidad
Selecciones
detalladas y
modificables
con modo
de máscara
rápida
Texto
Transfor-
mar
selecciones
Trazados
vectoriales
con pluma
Regla, guías
Ajustes de imagen Filtros
SIGUIENTE

42. POSIBILIDADES DE PHOTOSHOP

43. POSIBILIDADES DE PHOTOSHOP

44. Imágenes cedidas por Celia Ferrer

45. inmaculada.rosal@gmail.com
•