Curso Básico de Photoshop. Fundamentos para el uso de Photoshop.

1. Curso Básico de Photoshop

2. Introducción
• Desde tiempos muy antiguos, las
imágenes han acompañado al
hombre.
• Sus representaciones fueron en
forma de jeroglíficos, pictogramas,
pinturas rupestres, máscaras,
cerámicas, tapices, emblemas y un
sin fin de representaciones
• Servían para expresarse, compartir
ideas con otros y figurar lo sagrado y
lo simbólico.

3. Fundamentos de la Fotografía
• Palabra fotografía: Pintar con
luz.
• Para plasmar una imagen sobre
un material sensible, es necesario
que le llegue una determinada
cantidad de luz.
• Esta cantidad de luz, llega a la
película a través del objetivo
durante cierto tiempo.

4. Fundamentos de la Fotografía
• Dentro del objetivo se encuentra un mecanismo de iris,
que controla la cantidad de luz que entra por el
diafragma.
• Mientras más cerrado está el diafragma, más crece la
porción de espacio enfocada que se ve en la foto

5. Formato de fotografía
• Formato:
Tamaño, medida
estandarizada y
rígida, no puede
haber
ambigüedad
sobre ello.
Tamaño milímetros pulgadas
Carta (Estados
Unidos)
215,9 x 279,4 8,5 x 11
Legal (Estados
Unidos)
215,9 x 355,6 8,5 x 14
B (Estados
Unidos)
279,4 x 431,8 11 X 17
A0 841 x 1189 33,125 x 46,75
A1 594 x 841 23,375 x
33,125
A2 420 x 594 16,5 x 23,375
A3 297 x 420 11,75 x 16,5
A4 210 x 297 8,25 x11,75

6. Fotografía Analógica
• La resolución de una foto analógica
es muy superior a la de una digital,
ya que en la analógica la resolución
es a nivel de dimensiones y
distancias moleculares.
• Se puede ampliar y ampliar sin
perder nitidez.
• Se revelan mediante un proceso
químico.

7. Fotografía Digital
• Consiste en la captación,
almacenamiento y
recuperación de imágenes
mediante una cámara,
similar a la imagen clásica.
• Captadas por un sensor
electrónico con unidades
fotosensibles, y pasan a la
memoria.

8. Fotografía Digital - Ventajas
• Imágenes grabadas al instante, sin llevar la película al
laboratorio.
• Pueden verse las fotos en la pantalla de la cámara.
• La cámara se puede conectar en la computadora para
mostrar las fotos.
• Pueden enviarse por correo electrónico, publicarse en la
web.
• Se pueden procesar con programas de tratamiento
fotográfico.

9. Fotografía Digital - Ventajas
• Cualquier persona puede:
– Ampliarlas
– Reducirlas
– Realizar un encuadre
– Rectificar colores
– Cambiar brillo y contraste
• Costo menor a la fotografía impresa.
• Se pueden elegir las mejores fotografía sin necesidad de
imprimirlas primero.

10. Fotografía Digital - Desventajas
• Manipulación de fotografías más fácil de hacer y muy
difícil detectar.
• Cámaras digitales un poco más caras que las analógicas.

11. Tipos de cámaras digitales
• Diversos tamaños.
• De uso profesional o
avanzado.
• Con sistemas sofisticados
• La resolución

12. Cámara digital estándar
• Compactas.
• Facilidad de uso.
• Enfoque sencillo.
• Profundidad de campo amplia
(varios objetos enfocados al mismo
tiempo)
• Ideales para tomar paisajes y uso
ocasional.
• Guardan archivos en formato JPEG.

13. Cámara digital de zoom largo
• Mayor control de las tomas, más
calidad.
• Tienen zoom óptico largo que
asegura una capacidad multiuso.
• No tienen objetivo intercambiable.
• Pueden tomar video, grabar audio.
• Guardan fotografías en formato
JPEG y otras en formato RAW.

14. ¿Qué es un pixel?
• Pixel: Combinación de PICture y Element,
menor unidad que compone cualquier imagen
digital.
• Unidad de media para la resolución de una
pantalla, una imagen y de algunos dispositivos,
como cámaras digitales.
• Megapixeles:
– 1 Megapixel = 1 millón de pixeles.
– 3.1 megapixeles = 2048 x 1536 (3,145,728).

15. Megapixeles

16. ¿Qué es el zoom digital?
• Mediante este se puede ampliar una foto.
• No es el zoom óptico.
• Amplía la imagen que ya se ha recibido.
• Disminuye la resolución.

17. Resolución
• Se mide multiplicando el alto por el ancho.
• Generalmente comienza con un millón de
pixeles.

18. Resolución
• Indica cuánto detalle puede observarse en
una imagen.
• Se utiliza para describir que tan nítida es
una imagen.
• Más resolución implica obtener una
imagen con más detalle o calidad visual.

19. Resolución
• Resolución de una imagen = columnas de
pixeles * filas de pixeles.
• R= ancho * alto

20. Resolución de impresión
• Se mide: puntos por pulgada (ppp) o dots per
inch (DPI)
• 200 ppp = resolución buena.
• 300 ppp = una mejor resolución, la más
común.

21. Impresión máxima de una imagen
• Para saber la resolución máxima de impresión:
– Dividir ancho de esa imagen.
• Por ejemplo:
– 1600 entre la resolución de impresión 200 ppp
– 1600/200 = 8 pulgadas
• Para 300 ppp: 1600/300 = 5.33 pulgadas
• Pulgada = 2.54 cms.

22. Imágenes o gráficos digitales
• Imágenes o gráficos digitales:
– Mapa de bits
– Vectoriales
• Programas dedicados a estas imágenes son
programas de pintura de mapa de bits o de
dibujo de vectores.

23. Imágenes o gráficos digitales
• Photoshop: Programa de edición de mapas de
bits con funciones de texto y gráficos vectoriales.
• Illustrator: Programa de dibujo de vectores con
ciertas funciones de mapa de bits.

24. Imagen Mapa de Bits
• Formada por una cantidad fija
de pixeles individuales,
organizados por filas y
columnas.
• Imagen de mapa de bits =
fotografía digital.
• A cada pixel se le asigna un
valor de color y una ubicación.

25. Imagen Mapa de Bits
• La calidad de la imagen depende de la resolución
y la información de color de cada pixel.
• Al aumentar el tamaño de una imagen, se puede
detalle y calidad.

26. Imagen Vectorial
• Formada por puntos, líneas,
curvas y polígonos llamados
vectores
• Dibujo definido por formas
matemáticas.
• Se pueden aumentar o
disminuir sin perder calidad.
• Resolución independiente.

27. Flickr
• Comunidad de fotógrafos.

28. Introducción a
Photoshop CS5

29. ¿Qué es Photoshop?
• Creado por Adobe Systems
• Lanzado el 10 de febrero de 1990
• Herramienta para tratamiento de imagen,
más potente y popular en la actualidad.
• No está pensado para dibujar.
• Orientado a tratar y manipular imágenes.
• Retoca, transforma y edita.

30. ¿Qué es Photoshop?
• Última versión estable: 12.1
• Trabaja en: Mac y Windows
• Usa múltiples capas.

31. Formatos soportados
• PSD, PDD: Formato estándar de
Photoshop con soporte de capas.
• PostScrip: Lenguaje de descripción de
páginas. Utiliza primitivas de dibujo para
ser editado.
• EPS: Versión de PostScrip, compatible con
programas vectoriales y de autoedición.

32. Formatos soportados
• DCS: Permite almacenar tipografía, tramas.
Se utiliza para la filmación en autoedición.
• BMP: Formato estándar de Windows.
• GIF: Muy utilizado para las web. Admite
hasta 256 colores. Permite canal alfa.
• JPEG: Factor de compresión muy alto y
buena calidad de imagen.

33. Formatos soportados
• TIFF: Solución para pasar de PC a Mac.
• PNG: Con mayor calidad que GIF. Soporta
transparencia.
• PDF: Permite almacenar imágenes
vectoriales y mapa de bits.
• RAW: Estándar para cualquier plataforma o
programa fotográfico.

34. Entorno de Photoshop

35. Introducción a
Photoshop CS5
Espacio de Trabajo

36. Espacio de trabajo
• La disposición de elementos como
paneles, barras y ventanas se denomina
espacio de trabajo.
• Aunque el diseño del espacio de trabajo
predeterminado varía en función del
producto, los elementos se manipulan de
manera muy parecida en todos los casos.

37. Espacio de trabajo

38. Espacio de trabajo en PS
• Barra de Aplicaciones: Muestra algunas
propiedades.
– Para visualización de la pantalla:
• Pantalla entera
• Pantalla estándar
• Pantalla entera con menús
– Uso de otras aplicaciones de Adobe
– Para mostrar reglas, cuadricula

39. Espacio de trabajo en PS
• Panel de herramientas: Incluye utilidades
para crear y editar imágenes, ilustraciones,
elementos. Las herramientas relacionadas
están agrupadas.
• Panel de Control: Llamada también barra
de opciones, muestra opciones específicas
de la herramienta seleccionada en el
momento.

40. Espacio de trabajo en PS
• Ventana de Documento: Muestra el
archivo en el que se trabaja. Las ventanas
Documento se pueden organizar como
fichas y, en ciertos casos, también se
pueden agrupar y acoplar.
• Paneles: Ayudan a controlar y modificar
el trabajo. Como panel de Capas. Se
pueden acoplar, apilar o agrupar.

41. Reorganizar, acoplar o flotar
ventanas de documentos
• Si se abre más de un archivo, aparecen varias
ventanas Documento en forma de fichas.
• Si se desea cambiar el orden de las fichas de
ventanas Documento, arrastre la ficha
correspondiente a otra ubicación dentro del
grupo.
• Si se desea desacoplar (flotar o separar) una
ventana Documento de un grupo de ventanas,
arrastre la ficha correspondiente fuera del grupo.

42. Reorganizar, acoplar o flotar
ventanas de documentos
• Otra opción es elegir:
– Organizar documentos/hacer flotante todo en
ventanas

43. Acoplamiento y
desacoplamiento de paneles
• Un conjunto acoplado es
un grupo de paneles que se
muestran juntos,
generalmente en una
orientación vertical.
• Los paneles se acoplan y
desacoplan moviéndolos
dentro y fuera de un
conjunto acoplado.

44. Acoplamiento y
desacoplamiento de paneles
• Quitar un panel o grupo de paneles:
arrastrar fuera del conjunto acoplado por
su ficha o barra de título.
• Acoplar un panel: arrastrar por su ficha al
conjunto apilado.
• Para acoplar un grupo de paneles:
arrastrar por su barra de título al conjunto
acoplado.

45. Guardado de espacios de
trabajo
• Con el espacio de trabajo en la
configuración que se desea guardar, se
seguirán los siguientes procedimientos:

46. Guardado de espacios de
trabajo - Opciones
• Métodos abreviados de teclado: Guarda
el conjunto actual de métodos abreviados
de teclado.
• Menús o Personalización de menús:
Guarda el conjunto actual de menús.

47. Actividad de guardado de
espacios de trabajo

48. Paneles y menús
• Reguladores: Opacidad, relleno en panel
de Capas.

49. Paneles emergentes
• Facilitan el acceso a las opciones
disponibles de pinceles, muestras,
degradados, estilos, motivos, contornos y
formas.

50. Paneles emergentes
• Se pueden personalizar los paneles
emergentes cambiando el nombre y
eliminando elementos, así como cargando,
guardando y reemplazando bibliotecas.
• Se pueden cambiar las visualizaciones del
panel, para ver los elementos por sus
nombres, iconos de miniatura o de ambas
formas.

51. Actividad de paneles
emergentes
• Personalización y Cambio de visualización

52. Visualización de menús
contextuales
• Los menús contextuales muestran
comandos relevantes para la herramienta,
selección o panel activo.
• Son distintos de los menús de la parte
superior del espacio de trabajo.

53. Actividad de menús
contextuales

54. Definición de un conjunto de
menús

55. Introducción a
Photoshop CS5
Herramientas

56. Herramientas

57. Herramientas de Selección

58. Herramientas para cortar y crear
sectores

59. Herramientas de Retoque

60. Herramientas de Pintura

61. Herramientas de Dibujo y Texto

62. Herramientas de Notas, Medidas
y Navegación

63. Herramientas 3D

64. Introducción a
Photoshop CS5
Fundamentos de Color

65. Color
• Sabiendo cómo se crean los
colores y cómo se
relacionan entre ellos,
puede lograr una mayor
eficacia al trabajar con
Photoshop.

66. Colores Primarios Aditivos
• Los colores primarios son
los tres colores de la luz:
– Rojo, Verde y Azul
• Con estos se producen
todos los colores del
espectro visible al
combinarse.

67. Colores Primarios Aditivos
• Suplementarios:
– Amarillo y azul
– Cian y rojo
– Magenta y verde

68. Colores Primarios Aditivos
• Al sumar partes iguales de rojo, azul y
verde, se obtiene el color blanco.
• La ausencia total de rojo, azul y verde da
como resultado el color negro.
• Los monitores y pantallas, emplean
colores primarios aditivos.

69. Colores Primarios Sustractivos
• Pigmentos que crean un
espectro de colores en
diferentes combinaciones.
• Las impresoras emplean
colores primarios
sustractivos: Cian,
Magenta, Amarillo, Negro.

70. Modos, espacios y modelos de
color
• Modelos de color: Describen los colores
que se ven en las imágenes digitales.
Como RB y CMYK.
• Espacio de color: Variante, que tiene un
rango (gama) específica de colores. Como
Adobe RGB, sRGB, ProPhoto RGB.

71. Modos, espacios y modelos de
color
• Modo de color de un documento
determina el modelo de color utilizado
para mostrar e imprimir la imagen.
• En PS, están basados en modelos de color:
RGB, CMYK, Color Lab, escala de grises,
Color Indexado y Duotono.

72. Ajuste del tono, saturación y
brillo del color
• Modelo HSB (Hue,
Saturation, Value) se basa en:
– Tono: Color reflejado o
transmitido a través de un
objeto, expresado en grados,
entre 0° y 360°, se identifica
por el nombre del color.

73. Ajuste del tono, saturación y
brillo del color
• Modelo HSB (Hue,
Saturation, Value) se basa en:
– Saturación: Cromatismo, es la
fuerza o pureza del color.
Expresa la cantidad de gris
existente en porción al tono.
Se mide como porcentaje entre
0% y 100%.

74. Ajuste del tono, saturación y
brillo del color
• Modelo HSB (Hue,
Saturation, Value) se basa en:
– Brillo: Luminosidad u
oscuridad relativa del color, se
empresa como porcentaje
entre 0% (negro) y 100%
(blanco).

75. Actividad HSB
• Abrir un nuevo documento de 900x600 px
• Usar herramienta rectángulo
• Asignarle un color con herramienta bote
de pintura.
• Aplicar modelo HSB

76. Modos de Colores - RGB
• El modo Color RGB asigna un valor de
intensidad a cada píxel.
• En imágenes de 8 bits por canal, los
valores de intensidad varían de 0 (negro) a
255 (blanco).
• Por ejemplo: un rojo fuerte: R=246, G=20,
B=50.
• Si los tres son iguales se obtiene un tono
de gris.

77. Modos de Colores - CYMK
• En el modo CMYK a cada pixel se le
asigna un valor de porcentaje para las
tintas de cuatricromía.
• Los colores más claros (luminosos) tienen
un porcentaje pequeño de tinta.
• Los colores más oscuros (sombras) tienen
más porcentaje.

78. Modos de Colores - CYMK
• Convertir de RGB a CYMK crea una separación de color.
• Lo más aconsejable es trabajar una imagen en RGB y
convertirla a CYMY al final del proceso de edición.

79. Modo de Colores - Lab
• CIE L*a*b* se basa en la
percepción humana del color.
• Lab se considera un modelo
de color independiente de
dispositivo.
• Contiene un componente de
luminosidad (L) que varía
entre 0 y 100.

80. Modo de Colores - Lab
• Componente a (eje verde-rojo)
y componente b (eje azul-
amarillo) comprendidos entre
+127 y -128.
• Imágenes Lab se pueden
guardar en: PSD, EPS, PDF,
TIFF, RAW.

81. Modo de Colores – Escala de
grises
• Utiliza distintos tonos de gris en una
imagen.
• En imágenes, puede haber hasta 256 tonos
de gris comprendidos entre 0 y 255.
• Los valores de la escala de grises se
pueden medir como porcentaje de tinta
negra (0% blanco, 100% negro)

82. Modo de Colores – Mapa de Bits
• Utiliza uno de los dos valores de color (blanco o
negro) para representar los pixeles de una
imagen.
• Se denomina imágenes de un bit.

83. Modo de Colores –Modo
Duotono
• Al convertir una imagen RGB a color
indexado, se puede especificar diversas
opciones de conversión en el cuadro de
diálogo.
• Tipo de paleta.

84. Selector de Color

85. Colores compatibles con Web
• Son 216 colores utilizados por los
navegadores, independientemente de la
plataforma.
• Trabajando sólo con estos colores, se
puede asegurar que la imagen preparada
para internet no se tramará en un sistema
ajustado para 256 colores.

86. Muestras de color
• Las muestras de color se realizan a las
imágenes cuyos colores queremos usar
y/o almacenar para su posterior uso.
• En PS se pueden tomar muestras y nos
permite guardarlas.
• Para esto se utiliza el gotero y el panel de
muestras.

87. Panel Kuler
• Portal que brinda acceso
a grupos de colores o
temas creados por una
comunidad en línea de
diseñadores.

88. Ajustes tonales y de color
• Histograma: Define
cómo están distribuidos
los píxeles de la imagen,
muestra la cantidad de
píxeles en cada nivel de
intensidad de color.
• Nos ayuda a determinar
si la imagen contiene
suficientes detalles.

89. Histograma
• Nos ofrece una imagen rápida de la gama
tonal.
• Una imagen con tonalidad dominante
oscura se concentra en las sombras.
• El detalle de una imagen con tonalidad
dominante clara, en iluminaciones.
• El detalle de una imagen con tonalidad
media, en los medios tonos.

90. Histograma
• En PS el Histograma va de 0 a 255.

91. Histograma en RGB

92. Estadísticas del Histograma
• Promedio: Representa el valor de
intensidad medio.
• Desviación estándar: Amplitud de
variación de los valores de intensidad.
• Mediana: Valor medio del rango de
valores de intensidad.
• Pixeles: Cantidad total de pixeles para
calcular el histograma.

93. Estadísticas del Histograma
• Nivel: Nivel de intensidad del área
situada debajo del puntero.
• Cantidad: Cantidad total de pixeles
correspondiente al nivel de intensidad que
existe debajo del puntero.
• Percentil: Cantidad acumulativa de
pixeles en el nivel debajo del puntero. Se
expresa en porcentaje.

94. Estadísticas del Histograma

95. Visualización del histograma de
un documento con varias capas
• Toda la imagen:
Muestra histograma de
toda la imagen: todas
las capas.
• Capa seleccionada:
Muestra histograma de
la capa que se
encuentra seleccionada.

96. Visualización de valores de
color
• El valor de color de los pixeles se
visualizan en el panel Información.
• Si se desea ver el color de una sola
ubicación, se usa el cuenta gotas.
• Muestras de color se guardan en la
imagen para consultarlas continuamente.

97. Introducción a
Photoshop CS5
Capas

98. ¿Qué son las capas?
• Herramientas que
tenemos que dominar
para trabajar
efectivamente en PS.
• Elementos
independientes de la
imagen.
• Sobre ellas se puede
dibujar o crear efectos.

99. Ventajas
• Se puede operar sobre
una parte de una
imagen, sin alterar las
demás.
• Se posicionan de manera
independiente.
• Realizar efectos sobre las
mismas
independientemente.

100. Ventajas
• Se pueden crear las
capas que se requieran y
copias de las que ya se
tienen.
• Esconderlas y volverlas
a aparecer.
• Eliminarlas.

101. Acerca de las capas
• Las capas de PS son
semejantes a hojas
apiladas.
• Se pueden ver las capas
que se encuentran
debajo a través de las
áreas transparentes de
una capa.

102. Capas transparentes
• Si se tiene la propiedad
de opacidad activa en
alguna capa, se puede
aplicar de tal manera que
el contenido sea
parcialmente
transparente.

103. Organización de las capas
• Cada imagen nueva tiene
una sola capa.
• El número de capas,
conjuntos de capas y efectos
está limitado por la
memoria de la
computadora.
• Las operaciones con las
capas están organizadas en
el panel Capas.

104. Grupos de capas
• Ayudan a organizar y
gestionar las capas.
• Se pueden utilizar para
aplicar atributos y
máscaras a varias capas a
la vez.
• Permiten realizar
conjuntos de figuras o
imágenes complejas.

105. Panel de Capas

106. Más sobre las capas
• Más efectos en capas
• Fusión de capas
• Cobertura (atravesar)
• Agrupación de efectos de fusión
• Pinceles
• Lápiz

107. Introducción a
Photoshop CS5
Modificaciones Básicas de
la Imagen

108. Ajustes Tonales
• Invertir
• Umbral
• Postelizar (niveles tonales o de brillo)
• Degradado

109. Edición
• Herramienta Recortar
• Transformación de la perspectiva al
recortar
• Enderezamiento de una imagen
• Rotación o volteado
• Tamaño: Lienzo e imagen
• Creación de un marco
• Borrado

110. Corrección de imágenes
• 1. Utilizar el histograma para comprobar la
calidad y gama tonal de la imagen.
• 2. Asegurarse que el panel Ajustes este
abierto.
• 3. Ajustar el equilibrio de color.
• 4. Ajustar la gama tonal mediante niveles o
curvas.
• 5. Realizar otros ajustes de color
• 6. Enfocar los bordes de la imagen

111. Brillo
• Se ocupa para alterar la gama tonal
• Da la sensación visual que la imagen tiene
más o menos luz.
• Intensidad de la luz que representa los
pixeles individuales en la imagen.

112. Contraste
• Diferencia de brillo entre la zona clara y la
zona oscura de la imagen.
• Incrementa el cambio de luminosidad.
• Mejor enfoque y claridad de imagen.

113. Panel Ajustes
• En el panel de ajustes
aparecen diversas
opciones para editar a las
imágenes digitales que
tengamos actualmente.

114. Aplicación de una corrección