1

Adobe Photoshop

Editor de Imágenes

Adobe2

Diseñador Publicitario por Computadora

• Adobe Illustrator 60 horas 2 Meses• Adobe PhotoShop 60 horas 2

Meses• Adobe InDesign 30 horas 1 Mes• Autocad 3d Max 30 horas 1 Mes• Taller de Diseño 30 horas 1 Mes

• TOTAL 210 horas 7 Meses

Adobe3

Recursos

• Una computadora por participante• Versión actualizada del software de

estudio.• Manual del participante.• Acceso a Internet, para búsquedas de

información sobre el curso.• Ayuda y tutor del Photoshop.

Adobe

Internet

• www.solophotoshop.com• http://www.learnphotoshopnow.com/

• Ejemplo 01

• Ejemplo 02

4

5

Instructor:Luis Abanto Salazar

Adobe6

Objetivo General

Adiestrar al participante en:• El uso del programa para realizar

retoques de imágenes con modificación del color y contenido.

• El uso de métodos para realizar el montaje de imágenes con otros elementos del diseño.

7

Clase 01

Introducción al Photoshop

Adobe8

Objetivos

• Conceptos generales sobre edición de imágenes.

• Reconocer el entorno de trabajo del Photoshop.

• Utilizar herramientas de visualización, reglas y líneas guía.

Adobe9

¿Qué es el Photoshop?

• Es una aplicación profesional de edición de imágenes que permite retocar y mejorar las imágenes.

• Ofrece múltiples herramientas fáciles de utilizar.

• Y es considerado en la actualidad como el editor por excelencia.

Adobe10

¿Qué es Edición de Imágenes?

• Es el proceso por el que una imagen sufre cambios o modificaciones, como:• Modificación de brillo o contraste.• Inserción de Textos• Aplicación de efectos.• Eliminación de defectos visuales.• Composición de imágenes.

Adobe11

¿Qué podemos realizar con él?

• Retocar imágenes.• Aplicar color a imágenes.• Recortar parcialmente imágenes.• Componer imágenes.• Aplicar diversos efectos a imágenes.• Corregir efecto de ojos rojos.• Publicar imágenes Web.

Adobe12

¿Qué podemos realizar con él?

• Protectores de Pantalla• Anuncios• Composiciones de gigantografias.• Portadas de Libros• Portadas de CDS.

Adobe13

Imagen Retocada

Adobe14

Imagen Retocada

Adobe15

Imagen Retocada

Adobe16

Imagen Retocada

Adobe17

Imagen Retocada

Adobe18

Aplicación de Colores

Adobe19

Aplicación de Colores

Adobe20

Aplicación de Colores

Adobe21

Composición

Adobe22

Composición

Adobe23

Composición

Adobe24

Composición

Adobe25

Eliminación de objetos

Adobe26

Retoques

Adobe27

Archivos de Imágenes

• Los archivos de imágenes fotográficas pueden tener diferentes tipos de extensiones, pero todas caen dentro del tipo de MAPA DE BITS.

Adobe28

¿Qué es un Mapa de Bits?

• Imagen formada por cuadrículas de píxeles o puntos.

• La calidad de la imagen se da por el numero de píxel que contenga la imagen.

• Tipos conocidos: JPG, PCX, PNG, TIFF,  GIF, BMP, etc.

Adobe29

¿Qué es un píxel?

• Punto de color que constituye la parte más pequeña de un mapa de bits.

• El nombre es la combinación de los términos “PICture” y “Element”

Adobe30

¿Qué es un dibujo Vectorial?

• Imagen generada a partir de formulas matemáticas que determinan la posición y longitud de las líneas, así como la dirección en la que se dibujan.

• Estos dibujos se logran a través de programas de diseño vectorial, como el CorelDRAW, Adobe Ilustrator.

Adobe31

Diferencias

• Los mapas de Bits reflejan mas fielmente la realidad (fotografías).

Adobe32

Diferencias

• Los gráficos vectoriales son mas pequeños que los de mapas de bits (a la misma calidad)

• Los vectoriales no pierden calidad al escalarlos. (aumentar o disminuir tamaño).

Adobe33

Mapa de bits vs. Vectorial

Mapa de Bits Vectorial

Original

Adobe34

Carga de Photoshop

• Como toda aplicación se cargará desde el menú de Inicio.

Adobe35

Pantalla de Photoshop

• En su interface radican la mayoría de las criticas a este programa.

• Debido a que se considera poco amistoso, pero esto solo se superará con la practica.

• Así que manos a la pantalla.

Adobe36

Pantalla de Photoshop

• Al igual que otras aplicaciones, presenta elementos comunes, como barras de menú, herramientas, estado, etc.

• A partir de la versión CS4, no presentan la barra de titulo.

Adobe37

Abrir una Imagen existente

• Elija Abrir del menú Archivo o presionando Control + O (Open).

• Escoja el archivo de la carpeta elegida.

Adobe38

Imagen

Adobe39

Paletas

• Son pequeñas ventanas ancladas y agrupadas a la derecha de la ventana.

• Estas se activan desde el menú Ventanas.

Adobe40

Paletas

• Navegador• Info• Histograma• Color• Muestras• Estilos• Historia• Acciones

• Capas• Canales• Trazados• Carácter• Párrafo• Pinceles• Etc.

Adobe41

Paletas

• Es común que varias paletas figuren en una sola ventana.

• Para agrupar o desagrupar basta arrastrar la paleta fuera o dentro de la ventana según sea el caso.

Adobe42

Adobe43

Diseño de TrabajoDiseño de Trabajo

• Permite presentar diferentes paletas de acuerdo a necesidades particulares.

• También permite guardar un conjunto particular de paletas para un trabajo particular.

• La básica es “Aspectos esenciales”

Adobe44

Diseño de TrabajoDiseño de Trabajo

Adobe45

Barra de Estado

• Presenta tres secciones bien definidas:

• PORCENTAJE DE ZOOM• CUADRO DE PREVISUALIZACIÓN• CUADRO DE SUGERENCIAS.

Adobe46

Porcentaje de Zoom

• Se encuentra en la esquina inferior izquierda, y permite ingresar un valor para el Zoom.

• Estos pueden variar entre 0.2 % y 1600%

Adobe47

Cuadro de PRE visualización

• Es la barra de estado en si.• Acá se muestra diferente tipo de

información.• Presionando la cabeza de flecha de la

derecha, se puede elegir otro tipo de información.

Adobe48

Cuadro de PRE visualización

Adobe49

Cuadro de PRE visualización

• Tamaño de Archivo• Perfil de Documento• Dimensiones del Documento• Tamaños Virtuales• Eficiencia• Temporizador.

Adobe50

Cuadro de PRE visualización

• Al hacer clic sobre este, mostrará información del documento.• DIMENSION EN

PIXELES• RESOLUCION• MODO DE COLOR Y

CANALES

Adobe51

Cuadro de PRE visualización

• Al presionar sobre la misma zona, manteniendo pulsado Control, presenta la siguiente información.

• Anchura y altura de los Azulejos• Numero de Azulejos, en ancho y altura.

• Los azulejos o mosaicos, es la forma en que photoshop manipula las imágenes.

Adobe52

Caja de Herramientas

• Agrupa las herramientas disponibles en Photoshop.

• Para activar y desactivar:• Menú Ventanas/ Herramientas.

• Adicionalmente:• controla los colores de primer plano y

fondo• Edición de Máscara.• Acceso a ImageReady.

Adobe53

Caja de Herramientas

Adobe54

Modos de Pantalla

• Permite ocultar algunos elementos de la pantalla, para ganar espacio de trabajo.• Pantalla estándar.• Pantalla entera con barra de menú.• Pantalla entera.

• Se activa desde el menú Ver/ Modo de pantalla o presionando «F» secuencialmete.

Adobe55

Preferencias

• Son las opciones de configuración, propias de Photoshop.

• Se activan:• Menú Edición/ Preferencias.

• Abarcan opciones generales, pantallas, cursores, unidades, reglas, guías, cuadricula, sectores, etc.

Adobe56

Tamaño de la imagen

• Para identificar:• El tamaño• Los píxeles• La resolución de la imagen:

• Menú Imagen/ Tamaño de Imagen

Adobe57

Tamaño de la Imagen

Adobe58

Resolución de una Imagen

• Cantidad de píxeles por pulgada que tiene una imagen.

• Esta se mide en puntos por pulgada (PPP) o DPI (Dot per Inch)

• Esto es, en una resolución de 300 PPP, existen 300 píxeles por cada pulgada.

Adobe59

Resolución de una Imagen

Adobe60

Resolución de una Imagen

• Una foto de 4 x 5 pulgadas, a una resolución de 240 ppp

• Tiene de:• Ancho 4 x 240 = 960 píxeles • Alto 5 x 240 = 1200 píxeles

• Y en total 960 x 1200 = 1´152,000 píxeles compondrían la imagen

5 pulgadas1200 píxel

4 pulgadas960 píxel

Total1´152,000 píxel

IMAGEN A240 PPP

Adobe62

Resolución de una Imagen

• A mas resolución (PPP) mayor calidad de imagen, aunque hasta cierto limite.

• Muchas veces aumentar la resolución solo hará mas grande el archivo sin aportar nada o poco a la calidad.

Adobe63

Resolución de una Imagen

30 ppp240 ppp

Adobe64

Resolución en dispositivos

• Cantidad de píxeles por pulgada que puede capturar un dispositivo ( Cámara, Escáner, etc.)

• Cantidad de píxeles por pulgada que puede imprimir o mostrar un dispositivo (Impresoras, monitores, etc.)

Adobe65

Resolución Optima

• Para imprimir al máximo de calidad capture al doble de la resolución de salida.

• Ejemplo, para imprimir a 300 dpi, capture la imagen a 600 dpi. Así podrá imprimir en tamaño real o aumentar un poco.

• Para pantalla solo se necesitan resoluciones bajas. (72 dpi)

Adobe66

Profundidad de Bits

• Cantidad de bits utilizados para definir cada píxel.

• A mayor profundidad, mayor la cantidad de tonos que puede representar un píxel.

• Estos pueden ir desde Blanco y Negro puros (bitonal), pasando por grises hasta tener mas de 16 millones de colores.

Adobe67

Profundidad de Bits

1 Bit 21 = 2 Tonos

2 Bits 22 = 4 Tonos

3 Bits 23 = 8 Tonos

4 Bits 24 = 16 Tonos

8 Bits 28 = 256 Tonos

16 Bits 216 = 65,536 Tonos

24 Bits 224 = 16.7 Millones Tonos

Adobe68

Tamaño del archivo

• El tamaño del archivo se da por el producto de numero de píxeles y la profundidad.

• Estando compuesto un Byte por 8 bits.• Las profundidades mas comunes seria de:

8 bits 1 byte

16 bits 2 bytes

24 bits 3 bytes

Adobe69

Tamaño del archivo

Nº de píxeles:960 x 1200 = 1´152,000

Profundidad: 24 bits 3 bytes

Tamaño de archivo:1´152,000 x 3 = 3´456,000 Byte =3.4 Megabytes

Adobe70

Compresión de Imágenes

• Es la técnica utilizada para reducir el tamaño de los archivos de imagen.

BMP No usa compresión

IUT Compresión sin perdida

JPG Compresión con perdida

Adobe71

Guardar Archivos

• Los archivos de Photoshop se denominan Imágenes y su extensión es *.PSD

• Aunque puede elegir un formato diferente (*.jpg, *.gif. *.bmp.

• Se guardan usando el menú Archivo/ Guardar.

Adobe72

Creación de Imágenes Nuevas

• Para crear una imagen desde cero, hay que definir, dimensiones, color de fondo, modo de color a usar, resolución.

• Menú Archivo/ Nuevo

Creación de Imágenes Nuevas

Adobe74

Deshacer

• Permite deshacer y rehacer las acciones efectuadas.

• Control + Z, deshace la última acción.• Alt + Control + Z, Paso Atrás

(Deshacer)• Shift + Control + Z, Paso Adelante

(Rehacer)• Estas opciones también están

disponibles desde el menú Edición.

Adobe75

Paleta Historia

• Registra todas las acciones que se realizan sobre la imagen.

• Al ubicarse sobre una de estas acciones las acciones posteriores se deshacen.

Adobe76

Herramientas de Apoyo

• Son las ya conocidas en CorelDRAW• ZOOM Y PANORAMICA• REGLAS• LINEAS GUIAS• CUADRICULA

Adobe77

ZOOM

• Se activa desde la caja de herramientas o presionando la letra Z.

• Cambiara al puntero en forma de lupa con un símbolo (+).

• Aumentar: Clic• Disminuir: Alt + clic.• Aumentar parte: seleccionar.

Adobe78

Zoom preestablecidos

• Desde la barra de opciones del Zoom, podemos acceder a.• PIXELES REALES.• ENCAJAR EN PANTALLA. • TAMAÑO DE IMPRESIÓN.

• También se podrá indicar encajar en la ventana, o ignorar las paletas.

Adobe79

Herramienta Mano

• Permite deslizar la imagen sobre la ventana, cuando la imagen es mayor que la ventana.

• Se activa desde la caja de herramientas o presionando H.

Adobe80

Paleta Navegador

• Cumple la misma función que la herramienta mano.

• Pero es mas visual.

• Desde allí también se puede aplicar Zoom.

Adobe81

Regla

• Por defecto esta activada, se activa/desactiva desde el menú Vistas.

• También se puede activar y desactiva presionando Control + R.

• Para configurar la regla haga doble clic sobre ella. (unidades y reglas).

Adobe82

Cuadricula

• Se activan desde el menú Vista/ Mostrar/ Cuadrícula.

• Para configurar haga: Menú Edición/ Preferencias/ Guías, Cuadriculas …

Adobe83

Líneas Guía

• Al igual que en Illustrator, se pueden crear arrastrando desde la regla hasta la posición deseada.

• Para configurar: control + clic.• Para mover: Arrastre pulsando control.• Para eliminar: arrastre sobre las reglas.