Date post: | 13-Aug-2015 |
Category: |
Documents |
Upload: | miquel-barce |
View: | 372 times |
Download: | 1 times |
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.