Taller PhotoShop

33
Taller PhotoShop Isaac Bolea

description

Taller de Adobe PhotoShop e imagen digital dado en La Colaboradora

Transcript of Taller PhotoShop

Page 1: Taller PhotoShop

Taller PhotoShop

Isaac Bolea

Page 2: Taller PhotoShop

Isaac  Bolea  –  [email protected]

Bienvenidos!!!!

Isaac Bolea Mail: [email protected] Twitter: @ibolea Blog: http://isaacbolea.com Sephor Consulting www.sephorconsulting.es Twitter: @SephorZaragoza

Page 3: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

Page 4: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

Page 5: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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.

Page 6: Taller PhotoShop

Isaac  Bolea  –  [email protected]

Canales - Ejemplo

Page 7: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

 

Page 8: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

Page 9: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

Page 10: Taller PhotoShop

Isaac  Bolea  –  [email protected]

Ejemplo del Peso

Imagen original: 300 Kb à

ß Imagen optimizada: 162 Kb

Page 11: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

Page 12: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

Page 13: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

Page 14: Taller PhotoShop

Isaac  Bolea  –  [email protected]

PhotoShop como programa de edición de imagen

Page 15: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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/

Page 16: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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.

Page 17: Taller PhotoShop

Isaac  Bolea  –  [email protected]

El entorno de Adobe PhotoShop

Page 18: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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.

Page 19: Taller PhotoShop

Isaac  Bolea  –  [email protected]

Las capas

Page 20: Taller PhotoShop

Isaac  Bolea  –  [email protected]

PhotoShop partes - La barra de menús

Page 21: Taller PhotoShop

Isaac  Bolea  –  [email protected]

Adobe PhotoShop - Herramientas

Page 22: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

Page 23: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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.

Page 24: Taller PhotoShop

Isaac  Bolea  –  [email protected]

Acciones básicas con la imagen

}  Se denomina transformación de la imagen. }  Podemos:

}  Escalar }  Girar }  Rotar }  Distorsionar }  Perspectiva }  Deformar

Page 25: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

Page 26: Taller PhotoShop

Isaac  Bolea  –  [email protected]

Ajustando nuestra imagen

}  Seleccionar los diferentes modos de la imagen }  Brillo }  Contraste }  Curvas de color }  Exposición

Page 27: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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,

Page 28: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

Page 29: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

Page 30: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

Page 31: Taller PhotoShop

Isaac  Bolea  –  [email protected]

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

Page 32: Taller PhotoShop

Isaac  Bolea  –  [email protected]

Dudas

Page 33: Taller PhotoShop

Isaac  Bolea  –  [email protected]

Gracias

Isaac Bolea Mail: [email protected] Twitter: @ibolea Blog: http://isaacbolea.com Sephor Consulting www.sephorconsulting.es Twitter: @SephorZaragoza

http://isaacbolea.com/formaciones-ponencias-y-charlas