Curso Básico de Photoshop

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.

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.

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

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

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.

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.

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.

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.

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.

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

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.

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.

¿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).

¿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.

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

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.

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

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.

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.

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.

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.

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.

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.

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.

Flickr
• Comunidad de fotógrafos.

¿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.

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

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.

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.

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.

Introducción a
Photoshop CS5
Espacio de Trabajo

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.

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

• 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.

• 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.

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.

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

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.

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.

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

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.

Actividad de guardado de
espacios de trabajo

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

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

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.

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

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.

Actividad de menús
contextuales

Definición de un conjunto de
menús

Introducción a
Photoshop CS5
Herramientas

Herramientas para cortar y crear
sectores

Herramientas de Dibujo y Texto

Herramientas de Notas, Medidas
y Navegación

Introducción a
Photoshop CS5
Fundamentos de Color

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

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.

• Suplementarios:
– Amarillo y azul
– Cian y rojo
– Magenta y verde

• 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.

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

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.

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.

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.

brillo del color
– 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%.

brillo del color
– Brillo: Luminosidad u
oscuridad relativa del color, se
empresa como porcentaje
entre 0% (negro) y 100%
(blanco).

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

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.

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.

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.

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.

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.

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)

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.

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.

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.

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.

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

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.

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.

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

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.

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.

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.

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.

Introducción a
Photoshop CS5
Capas

¿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.

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.

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

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.

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.

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.

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.

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

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

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

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

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

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.

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.

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

Aplicación de una corrección

Curso Básico de Photoshop

Más contenido relacionado

La actualidad más candente

Similar a Curso Básico de Photoshop

Más de Spacetoshare

Último

Curso Básico de Photoshop