Post on 19-Jun-2015
description
Taller PhotoShop
Isaac Bolea
Isaac Bolea – isaacbolea@sephorzaragoza.es
Bienvenidos!!!!
Isaac Bolea Mail: isaac.bolea@sephorconsulting.es Twitter: @ibolea Blog: http://isaacbolea.com Sephor Consulting www.sephorconsulting.es Twitter: @SephorZaragoza
Isaac Bolea – isaacbolea@sephorzaragoza.es
¿Qué veremos hoy?
} Qué es la imagen digital } Tipos de imágenes } PhotoShop como software de retoque } Manejo básico de PhotoShop. } Herramientas de PhotoShop.
Isaac Bolea – isaacbolea@sephorzaragoza.es
Tipos de imágenes digitales
Vectoriales u Objetos geométricos independientes. u Redimensionables u Formatos: EPS, SVG. AI, DXF, CDR u Programas: Illustrator, CorelDraw
Mapa de bits u Creadas por puntos y canales. u Importancia la resolución u Formatos: JPEG, TIFF, PNG, GIF u Programas: PhotoShop
Isaac Bolea – isaacbolea@sephorzaragoza.es
Los canales
} Contienen los puntos con la información de color de cada imagen.
} Cada canal contiene puede contener de 2 a 8 bits. } Nos dan el “formato” en color de la imagen (modo):
} Mapa de bits: 1 Canal de dos bits (blanco/negro). } Escala de grises: 1 Canal de 8 bits (del blanco al negro). } Color indexado: 1 Canal de 8 bits (256 colores). } RGB: 3 Canales de 8 bits (Un canal Rojo – Verde – Azul). } CMYK: 4 Canales de 8 bits
} Nos permiten trabajar con cada canal por separado. } Ligados a los formatos de imágenes.
Isaac Bolea – isaacbolea@sephorzaragoza.es
Canales - Ejemplo
Isaac Bolea – isaacbolea@sephorzaragoza.es
La resolución
} Indica la claridad de una imagen. } Su unidad de medida es los pixels } En cuanto a cámaras digitales se refiere a la cantidad de
pixeles que son capaces de captar: 1600 x 1200 = 1.920.000 => 1,92 megapixels
} En “impresión” hablamos de puntos por pulgada. } Debe de ir ligada al dispositivo de salida. } Para pantalla entre 72 ppp – 150 ppp
Isaac Bolea – isaacbolea@sephorzaragoza.es
El tamaño de la imagen
} Calculado por el ancho y el alto de la imagen. } El tamaño va ligado a la resolución } Cuando aumentamos tamaño “perdemos” resolución
Isaac Bolea – isaacbolea@sephorzaragoza.es
El “peso” de la imágenes
} Se denomina “peso” al tamaño en Mb de una imagen. } Viene determinado por cinco factores:
} El número de canales. } La resolución de la imagen. } El tamaño de la imagen. } El formato del archivo. } La compresión
Es un factor muy importante y “debemos vigilar el peso” de las imágenes.�
Isaac Bolea – isaacbolea@sephorzaragoza.es
Ejemplo del Peso
Imagen original: 300 Kb à
ß Imagen optimizada: 162 Kb
Isaac Bolea – isaacbolea@sephorzaragoza.es
Formatos de los archivos de imagen
} Es la manera en la que guardamos el fichero. } Condiciona el peso y la utilización del mismo. } Formatos “convencionales”
} TIFF } EPS } RAW
} Formatos para Internet } GIF } JPEG } PNG
Isaac Bolea – isaacbolea@sephorzaragoza.es
Formatos de imagen para Internet
Gif
Imágenes hasta 256 colores
Admite transparencia
Permite Animaciones
Jpeg
Imágenes de 16 Millones de
colores
Compresión de imágenes
Buena visualización
Png
Imágenes de 16 Millones de
Colores
Menor compresión de
imágenes
Mayor Calidad
Transparencia
Posibilidad de grabar imágenes
entrelazadas
Isaac Bolea – isaacbolea@sephorzaragoza.es
Consideraciones sobre el peso de la imágenes en Internet
} Usa la imagen en el tamaño que vaya a imprimirse, no mandes más información de la necesaria.
} Revisa la resolución, con 100dpi es suficiente (máx 150). } Usa el formato de imagen que necesites en cada
momento. } Usuarios de PC, cuidado con los BMPs. } Comprime las imágenes, no dejes que Photoshop lo haga
todo
Isaac Bolea – isaacbolea@sephorzaragoza.es
PhotoShop como programa de edición de imagen
Isaac Bolea – isaacbolea@sephorzaragoza.es
Adobe PhotoShop - ¿Por qué él?
} Es el mejor programa de “retoque” de imágenes digitales. } “Parametrizable”
} Pinceles } Filtros } Efectos
} Multiplataforma. } Su formato de imágenes, PSD, es un estándar. } Integrado en la suite Adobe CS. } Alternativas
} GIMP: http://www.gimp.org.es/ } PicMonkey: http://www.picmonkey.com/
Isaac Bolea – isaacbolea@sephorzaragoza.es
Abode PhotoShop - Consideraciones
} Es un programa comercial Cretive Cloud desde 12,20 €. } Versiones
} Adobe Photoshop 1.0 à 7.0 } Adobe PhotoShop CS à CS 6 } Adobe PhotoShop CC -> Creative Cloud
} Exigente en los recursos de máquina. } Procesador más o menos potente. } Memoria RAM } Espacio en disco duro, al menos 2 veces y media del archivo.
Isaac Bolea – isaacbolea@sephorzaragoza.es
El entorno de Adobe PhotoShop
Isaac Bolea – isaacbolea@sephorzaragoza.es
Como trabaja PhotoShop – Las capas
} Es la forma básica de trabajar en PhotoShop. } Es similar a poner hojas de “acetato” en la imagen. } Nos permiten poner varias capas y después “juntarlas”. } Las capas pueden ser de fondo blanco o transparente.
Isaac Bolea – isaacbolea@sephorzaragoza.es
Las capas
Isaac Bolea – isaacbolea@sephorzaragoza.es
PhotoShop partes - La barra de menús
Isaac Bolea – isaacbolea@sephorzaragoza.es
Adobe PhotoShop - Herramientas
Isaac Bolea – isaacbolea@sephorzaragoza.es
Herramientas de selección
} Herramienta de selección rectangular. } Herramienta de selección circular. } Configurando nuestra selección. } La barita mágica, o la selección por color. } Añadiendo cosas a nuestra selección. } Invertir el área seleccionada. } Bordes de selección } Recorte de la imagen
Isaac Bolea – isaacbolea@sephorzaragoza.es
El tamaño de la imagen y tamaño del lienzo
} El tamaño de la imagen hace referencia altoxancho + resolución.
} El lienzo es el área editable de nuestra imagen. } Modificar el lienzo no supone cambiar la resolución pero
si el peso de la imagen. } Al modificar el tamaño de la imagen debemos de tener
cuidado con la resolución de la misma.
Isaac Bolea – isaacbolea@sephorzaragoza.es
Acciones básicas con la imagen
} Se denomina transformación de la imagen. } Podemos:
} Escalar } Girar } Rotar } Distorsionar } Perspectiva } Deformar
Isaac Bolea – isaacbolea@sephorzaragoza.es
Mezclando imágenes
} Podemos copiar y pegar imágenes en Photoshop } La resolución de la imagen siempre será la de destino. } Opciones de pegado
} Pegado estándar } Pegar dentro } Pegar fuera
Isaac Bolea – isaacbolea@sephorzaragoza.es
Ajustando nuestra imagen
} Seleccionar los diferentes modos de la imagen } Brillo } Contraste } Curvas de color } Exposición
Isaac Bolea – isaacbolea@sephorzaragoza.es
La Herramienta de texto
} Nos permite añadir texto a nuestras imágenes } Seleccionamos tipo de letra y cuerpo } Lo crea en una capa independiente } Podemos rasterizar la capa, cuidado. } Efectos “especiales” y curvaturas,
Isaac Bolea – isaacbolea@sephorzaragoza.es
Los filtros
} Permiten dar efectos especiales a nuestras fotos } Se manejan por capas o canales } Existen colecciones comerciales de filtros } Adaptables } No abusar de ellos
Isaac Bolea – isaacbolea@sephorzaragoza.es
Trabajando con capas – Estilosde capa
} Son diferentes opciones que podemos dar a una capa } Algunas muy útiles para crear ciertos efectos. } Se pueden sumar } Se pueden quitar sin modificar la capa
Isaac Bolea – isaacbolea@sephorzaragoza.es
Máscaras de recorte
} Nos permiten tener selecciones en capas } Podemos crearlas desde una capa determinada } Nos permiten tener selecciones de capas sin necesidad
de perder la imagen
Isaac Bolea – isaacbolea@sephorzaragoza.es
Utilidades
} Bancos de imágenes } https://unsplash.com/ } http://picjumbo.com/
} Compresión jpeg: Jped Mini } Editores Free
} Desktop: GIMP: http://www.gimp.org.es/ } Online: PicMonkey: http://www.picmonkey.com/
} Portal de recursos de diseño: Creative Market
Isaac Bolea – isaacbolea@sephorzaragoza.es
Dudas
Isaac Bolea – isaacbolea@sephorzaragoza.es
Gracias
Isaac Bolea Mail: isaac.bolea@sephorconsulting.es Twitter: @ibolea Blog: http://isaacbolea.com Sephor Consulting www.sephorconsulting.es Twitter: @SephorZaragoza
http://isaacbolea.com/formaciones-ponencias-y-charlas