Adobe Photoshop

Editor de Imgenes

Diseador Publicitario por Computadora

Adobe Illustrator Adobe PhotoShop Adobe InDesign Autocad 3d Max Taller de Diseo 60 60 30 30 30 horas horas horas horas horas 2 2 1 1 1 Meses Meses Mes Mes Mes

TOTAL

210 horas 7 Meses

2 Adobe

Recursos
Una computadora por participante Versin actualizada del software de estudio. Manual del participante. Acceso a Internet, para bsquedas de informacin sobre el curso. Ayuda y tutor del Photoshop.

3 Adobe

Internet
www.solophotoshop.com http://www.learnphotoshopnow.com/
Ejemplo 01 Ejemplo 02

4 Adobe

Instructor: Luis Abanto Salazar

Objetivo General
Adiestrar al participante en: El uso del programa para realizar retoques de imgenes con modificacin del color y contenido. El uso de mtodos para realizar el montaje de imgenes con otros elementos del diseo.

6 Adobe

Clase 01
Introduccin al Photoshop

Objetivos
Conceptos generales sobre edicin de imgenes. Reconocer el entorno de trabajo del Photoshop. Utilizar herramientas de visualizacin, reglas y lneas gua.

8 Adobe

Qu es el Photoshop?
Es una aplicacin profesional de edicin de imgenes que permite retocar y mejorar las imgenes. Ofrece mltiples herramientas fciles de utilizar. Y es considerado en la actualidad como el editor por excelencia.

9 Adobe

Qu es Edicin de Imgenes?
Es el proceso por el que una imagen sufre cambios o modificaciones, como:
Modificacin de brillo o contraste. Insercin de Textos Aplicacin de efectos. Eliminacin de defectos visuales. Composicin de imgenes.

10 Adobe

Qu podemos realizar con l?

Retocar imgenes. Aplicar color a imgenes. Recortar parcialmente imgenes. Componer imgenes. Aplicar diversos efectos a imgenes. Corregir efecto de ojos rojos. Publicar imgenes Web.
11 Adobe

Qu podemos realizar con l?

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

12 Adobe

Imagen Retocada

13 Adobe

Imagen Retocada

14 Adobe

Imagen Retocada

15 Adobe

Imagen Retocada

16 Adobe

Imagen Retocada

17 Adobe

Aplicacin de Colores

18 Adobe

Aplicacin de Colores

19 Adobe

Aplicacin de Colores

20 Adobe

Composicin

21 Adobe

Composicin

22 Adobe

Composicin

23 Adobe

Composicin

24 Adobe

Eliminacin de objetos

25 Adobe

Retoques

26 Adobe

Archivos de Imgenes
Los archivos de imgenes fotogrficas pueden tener diferentes tipos de extensiones, pero todas caen dentro del tipo de MAPA DE BITS.

27 Adobe

Qu es un Mapa de Bits?
Imagen formada por cuadrculas de pxeles o puntos. La calidad de la imagen se da por el numero de pxel que contenga la imagen. Tipos conocidos: JPG, PCX, PNG, TIFF, GIF, BMP, etc.

28 Adobe

Qu es un pxel?
Punto de color que constituye la parte ms pequea de un mapa de bits. El nombre es la combinacin de los trminos PICture y Element

29 Adobe

Qu es un dibujo Vectorial?
Imagen generada a partir de formulas matemticas que determinan la posicin y longitud de las lneas, as como la direccin en la que se dibujan. Estos dibujos se logran a travs de programas de diseo vectorial, como el CorelDRAW, Adobe Ilustrator.

30 Adobe

Diferencias
Los mapas de Bits reflejan mas fielmente la realidad (fotografas).

31 Adobe

Diferencias
Los grficos vectoriales son mas pequeos que los de mapas de bits (a la misma calidad) Los vectoriales no pierden calidad al escalarlos. (aumentar o disminuir tamao).

32 Adobe

Mapa de bits vs. Vectorial

Original

Mapa de Bits

Vectorial

33 Adobe

Carga de Photoshop
Como toda aplicacin se cargar desde el men de Inicio.

34 Adobe

Pantalla de Photoshop
En su interface radican la mayora 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.

35 Adobe

Pantalla de Photoshop
Al igual que otras aplicaciones, presenta elementos comunes, como barras de men, herramientas, estado, etc. A partir de la versin CS4, no presentan la barra de titulo.

36 Adobe

Abrir una Imagen existente

Elija Abrir del men Archivo o presionando Control + O (Open). Escoja el archivo de la carpeta elegida.

37 Adobe

Imagen

38 Adobe

Paletas
Son pequeas ventanas ancladas y agrupadas a la derecha de la ventana. Estas se activan desde el men Ventanas.

39 Adobe

Paletas
Navegador Info Histograma Color Muestras Estilos Historia Acciones Capas Canales Trazados Carcter Prrafo Pinceles Etc.

40 Adobe

Paletas
Es comn que varias paletas figuren en una sola ventana. Para agrupar o desagrupar basta arrastrar la paleta fuera o dentro de la ventana segn sea el caso.

41 Adobe

42 Adobe

Diseo de Trabajo
Permite presentar diferentes paletas de acuerdo a necesidades particulares. Tambin permite guardar un conjunto particular de paletas para un trabajo particular. La bsica es Aspectos esenciales

43 Adobe

Diseo de Trabajo

44 Adobe

Barra de Estado
Presenta tres secciones bien definidas:
PORCENTAJE DE ZOOM CUADRO DE PREVISUALIZACIN CUADRO DE SUGERENCIAS.

45 Adobe

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%

46 Adobe

Cuadro de PRE visualizacin

Es la barra de estado en si. Ac se muestra diferente tipo de informacin. Presionando la cabeza de flecha de la derecha, se puede elegir otro tipo de informacin.

47 Adobe

Cuadro de PRE visualizacin

48 Adobe

Cuadro de PRE visualizacin

Tamao de Archivo Perfil de Documento Dimensiones del Documento Tamaos Virtuales Eficiencia Temporizador.

49 Adobe

Cuadro de PRE visualizacin

Al hacer clic sobre este, mostrar informacin del documento.
DIMENSION EN PIXELES RESOLUCION MODO DE COLOR Y CANALES
50 Adobe

Cuadro de PRE visualizacin

Al presionar sobre la misma zona, manteniendo pulsado Control, presenta la siguiente informacin.
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 imgenes.

51 Adobe

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 Edicin de Mscara. Acceso a ImageReady.
52 Adobe

Caja de Herramientas

53 Adobe

Modos de Pantalla
Permite ocultar algunos elementos de la pantalla, para ganar espacio de trabajo.
Pantalla estndar. Pantalla entera con barra de men. Pantalla entera.

Se activa desde el men Ver/ Modo de pantalla o presionando F secuencialmete.

54 Adobe

Preferencias
Son las opciones de configuracin, propias de Photoshop. Se activan:
Men Edicin/ Preferencias.

Abarcan opciones generales, pantallas, cursores, unidades, reglas, guas, cuadricula, sectores, etc.

55 Adobe

Tamao de la imagen
Para identificar: El tamao Los pxeles La resolucin de la imagen: Men Imagen/ Tamao de Imagen

56 Adobe

Tamao de la Imagen

57 Adobe

Resolucin de una Imagen

Cantidad de pxeles por pulgada que tiene una imagen. Esta se mide en puntos por pulgada (PPP) o DPI (Dot per Inch) Esto es, en una resolucin de 300 PPP, existen 300 pxeles por cada pulgada.

58 Adobe

Resolucin de una Imagen

59 Adobe

Resolucin de una Imagen

Una foto de 4 x 5 pulgadas, a una resolucin de 240 ppp Tiene de:
Ancho 4 x 240 = 960 pxeles Alto 5 x 240 = 1200 pxeles Y en total 960 x 1200 = 1152,000 pxeles compondran la imagen

60 Adobe

IMAGEN A 240 PPP

4 pulgadas 960 pxel

5 pulgadas 1200 pxel

Total 1152,000 pxel

Resolucin de una Imagen

A mas resolucin (PPP) mayor calidad de imagen, aunque hasta cierto limite. Muchas veces aumentar la resolucin solo har mas grande el archivo sin aportar nada o poco a la calidad.

62 Adobe

Resolucin de una Imagen

240 ppp 30 ppp

63 Adobe

Resolucin en dispositivos
Cantidad de pxeles por pulgada que puede capturar un dispositivo ( Cmara, Escner, etc.) Cantidad de pxeles por pulgada que puede imprimir o mostrar un dispositivo (Impresoras, monitores, etc.)

64 Adobe

Resolucin Optima
Para imprimir al mximo de calidad capture al doble de la resolucin de salida. Ejemplo, para imprimir a 300 dpi, capture la imagen a 600 dpi. As podr imprimir en tamao real o aumentar un poco. Para pantalla solo se necesitan resoluciones bajas. (72 dpi)

65 Adobe

Profundidad de Bits
Cantidad de bits utilizados para definir cada pxel. A mayor profundidad, mayor la cantidad de tonos que puede representar un pxel. Estos pueden ir desde Blanco y Negro puros (bitonal), pasando por grises hasta tener mas de 16 millones de colores.

66 Adobe

Profundidad de Bits
1 Bit 2 Bits 3 Bits 4 Bits 8 Bits 16 Bits 24 Bits 21 = 2 Tonos 22 = 4 Tonos 23 = 8 Tonos 24 = 16 Tonos 28 = 256 Tonos 216 = 65,536 Tonos 224 = 16.7 Millones Tonos
67 Adobe

Tamao del archivo

El tamao del archivo se da por el producto de numero de pxeles y la profundidad. Estando compuesto un Byte por 8 bits. Las profundidades mas comunes seria de:
8 bits 16 bits 24 bits 1 byte 2 bytes 3 bytes
68 Adobe

Tamao del archivo

N de pxeles: 960 x 1200 = 1152,000 Profundidad: 24 bits 3 bytes
Tamao de archivo: 1152,000 x 3 = 3456,000 Byte =3.4 Megabytes
69 Adobe

Compresin de Imgenes
Es la tcnica utilizada para reducir el tamao de los archivos de imagen.

BMP
IUT

No usa compresin
Compresin sin perdida

JPG

Compresin con perdida

70 Adobe

Guardar Archivos
Los archivos de Photoshop se denominan Imgenes y su extensin es *.PSD Aunque puede elegir un formato diferente (*.jpg, *.gif. *.bmp. Se guardan usando el men Archivo/ Guardar.

71 Adobe

Creacin de Imgenes Nuevas

Para crear una imagen desde cero, hay que definir, dimensiones, color de fondo, modo de color a usar, resolucin. Men Archivo/ Nuevo

72 Adobe

Creacin de Imgenes Nuevas

Deshacer
Permite deshacer y rehacer las acciones efectuadas. Control + Z, deshace la ltima accin. Alt + Control + Z, Paso Atrs (Deshacer) Shift + Control + Z, Paso Adelante (Rehacer) Estas opciones tambin estn disponibles desde el men Edicin.
74 Adobe

Paleta Historia
Registra todas las acciones que se realizan sobre la imagen. Al ubicarse sobre una de estas acciones las acciones posteriores se deshacen.
75 Adobe

Herramientas de Apoyo
Son las ya conocidas en CorelDRAW
ZOOM Y PANORAMICA REGLAS LINEAS GUIAS CUADRICULA

76 Adobe

ZOOM
Se activa desde la caja de herramientas o presionando la letra Z. Cambiara al puntero en forma de lupa con un smbolo (+). Aumentar: Clic Disminuir: Alt + clic. Aumentar parte: seleccionar.

77 Adobe

Zoom preestablecidos
Desde la barra de opciones del Zoom, podemos acceder a.
PIXELES REALES. ENCAJAR EN PANTALLA. TAMAO DE IMPRESIN.

Tambin se podr indicar encajar en la ventana, o ignorar las paletas.

78 Adobe

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.

79 Adobe

Paleta Navegador
Cumple la misma funcin que la herramienta mano. Pero es mas visual. Desde all tambin se puede aplicar Zoom.
80 Adobe

Regla
Por defecto esta activada, se activa/desactiva desde el men Vistas. Tambin se puede activar y desactiva presionando Control + R. Para configurar la regla haga doble clic sobre ella. (unidades y reglas).

81 Adobe

Cuadricula
Se activan desde el men Vista/ Mostrar/ Cuadrcula. Para configurar haga: Men Edicin/ Preferencias/ Guas, Cuadriculas

82 Adobe

Lneas Gua
Al igual que en Illustrator, se pueden crear arrastrando desde la regla hasta la posicin deseada. Para configurar: control + clic. Para mover: Arrastre pulsando control. Para eliminar: arrastre sobre las reglas.

83 Adobe