Curso Photoshop
Curso Photoshop
Curso Photoshop
Hay dos formas de hacer imágenes digitales: con vectores o con mapas de bits.
Photoshop trabaja principalmente con mapas de bits, que son retículas conformadas por pixeles que
contienen la información de color de una imagen.
Las imágenes vectoriales, en cambio, están hechas con nodos que se conectan matemáticamente
formando líneas entre sí, por esto nunca vamos a ver pixeles en este tipo de imagen.
• Formatos de imágenes vectoriales: ai, svg, eps y pdf.
• Formatos de mapas de bits: jpg, psd y png.
Mapas de bits: es una sucesión de pequeños cuadrados que guardan una información de color diferente, y
la suma de estos cuadrados nos crean la ilusión de imagen.
Imágenes vectoriales: Están hechas con formas agrupadas, y cada forma está hecha con nodos; no se
pixelan.
Los vectores ubican un punto en el espacio y matemáticamente y trazan una línea que los conecta.
EPS - Encapsulated Postscript:
El EPS es un formato para ser importado desde la mayoría de software de diseño. Es un formato muy
adaptable ya que podemos utilizarlo igualmente para imagen vectorial como mapa de bits.
Notas importantes:
Cuando cambias el tamaño de una imagen los pixeles no cambian de tamaño, lo que hace el software
es recalcular la posición de los pixeles originales respecto al nuevo formato.
Cuando reduces el tamaño de una imagen eliminas pixeles y cuando lo aumentas Photoshop rellena los
espacios con colores aproximados. Por esto pierdes definición de tu imagen y decimos que está
pixelada.
Los mapas de bits no pueden ser agrandados o ensanchados efectivamente ya que los bits tienes un
tamaño definido. La computadora hace uso de algoritmos para recortar información en el caso de reducir
un mapa de bits, y en el caso de agrandar un mapa de bits, rellena la información faltante con colores a
su alrededor.
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Se puede modificar el tamaño de los píxeles siempre y cuando los reduzcamos o hagamos más pequeños,
en este caso la imagen no se verá afectada ya que no estamos modificando la información de los mismos,
simplemente reducimos su tamaño.
Lo que no mejora la calidad de la imagen es aumentar el número de píxeles ya que al aumentar el número
total de píxeles estos deberían ser inventados, es decir, aumentar la resolución de una imagen de baja
resolución sólo extiende la información de los píxeles originales a través de un número mayor de píxeles
pero esto no mejora la imagen.
Pensar para que esta destinado (Impresión --> Centímetros, Pulgadas, etc. Digital —> Pixeles)
Resolución
300 ideal para impresión
72 ideal para digital
Perfil de color:
Siempre que se trabaje en RGB utilizar el perfil de color sRGB (Permite que no exista una gran diferencia
entre dispositivos de cómo se visualiza la imagen).
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Los colores PMS, también conocidos como colores planos o colores Pantone Matching System, son
fórmulas de colores específicos que se reproducirán con precisión en la impresión. En lugar de simular
colores al superponer varios colores de tinta como en el Proceso CMYK de 4 colores, los colores de tinta
PMS se mezclan previamente a partir de las fórmulas de color existentes y se les asigna un número
estandarizado. El uso de un color PMS proporciona la garantía de tener un color uniforme
independientemente de cuándo o dónde se produce la pieza impresa. Sin embargo, dado que los colores
de tinta PMS son formulaciones específicas, generalmente hay una carga adicional. Los colores PMS se
usan comúnmente para un logotipo o texto que requiere una apariencia uniforme, como sobres,
membretes y algunas tarjetas de visita.
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Herramientas de navegación
• Activa los controles de transformación para ver los objetos que están seleccionados.
• La herramienta Mover (V) te ayuda a cambiar la posición de un objeto.
• La herramienta Zoom (Z) te permite acercar y alejar el espacio de trabajo.
• La herramienta Mano (H) mueve el espacio de trabajo sin mover los elementos que están allí.
Shortcuts herramientas:
(V) mover.
(M) marco rectangular
(L) lazo poligonal
(W) varia mágica.
(C ) recortar.
(I) cuenta gotas.
(J) pincel corrector.
(S) tampón de clonar.
(B) pincel.
(Y) pincel de historia.
(E) borrador mágico.
(G) degradado.
(O) sobreexponer.
(P ) pluma.
(T) texto horizontal.
(A) selección de trasado.
(U) rectángulo.
(R ) rotar vista.
(Z) zoom - mantener presionado ALT para menos.
(H o Espacio) mano.
5
Guía de shortcuts CC
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Otra herramienta bastante útil para cuando tenemos un proyecto que requiere simetría podemos usar las
reglas con el Shortcuts Ctrl + R
también podemos sacar una líneas de apoyo oprimiendo clic sobre la regla y desliando como se muestra
en la imagen
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Shortcuts Photoshop
Redimensionado de imágenes
Para modificar el tamaño de una foto:
• Con el Canvas puedes cambiar el tamaño del espacio de trabajo sin cambiar el tamaño de la imagen,
teniendo en cuenta un punto de ancla.
• Recorta eligiendo el encuadre que prefieras.
Además, aprende a retroceder y avanzar en el tiempo con el Panel de Historia.
Pincel
La herramienta Pincel te permite escoger el color, tamaño, dureza y forma del pincel. Puedes acceder a
estas opciones haciendo clic derecho, o en el panel de herramientas. Controla la opacidad, el modo, la
presión, el flujo y la opción de suavizado en el menú superior.
Herramienta Pincel
Es versátil.
Entrega color, tamaño, dureza y forma.
Controla la opacidad, el modo, la presión, el flujo y suavizado.
Un anticlic derecho sobre la mesa de trabajo nos muestra las opciones del pincel.
El pincel no solo sirve para pintar, también la de borrar al trabajar con mascaras.
Se puede encontrar pinceles descargables en Internet.
Herramienta borrador
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Relleno y degradado
Utiliza el Bote de pintura para cubrir grandes superficies con un color, también puedes usarlo sobre una
foto y usar la tolerancia para colorear áreas similares.
Crea degradados lineales, radiales, piramidales o reflejados. Con la herramienta Degradado puedes elegir
los colores y llevarlos a transparencia manejando la opacidad en el panel avanzado.
Relleno
Se utiliza el pote de pintura
Pinta toda el área disponible (Área de trabajo en blanco)
En una fotografía (Pinta un área específica) de acuerdo a ciertos parámetros como el modo de fusión,
opacidad, tolerancia, otros.
El atajo es la letra " G "
Degradado
Es una mezcla de dos o más colores.
Tiene opciones como: lineal, radial, ángulo, reflejado, diamante
Esta mezcla es regulada por etapas de 0 - 255 colores
Relleno y degradado utilizan el mismo espacio y por lo tanto atajo de teclado tecla g
Uno de los parametros del relleno es la tolerancia la cual nosotros decidimos que tanta tolerancia tiene
entre colores parecidos para pintarlos esta va de 1 a 255
Degradado: Se eligen dos colores y con el clic se le da una dirección al degradado y una longitud de
degradado. (Tambien hay degradados de un solo color a transparente).
Texto
Photoshop también te ofrece todas las opciones para crear textos.
Puedes usar las fuentes que tienes instaladas en el computador y cambiar el peso de la fuente, el
tamaño y su color.
Crea textos continuos y edítalos luego, o textos de párrafo con un ancho definido delimitado por una caja
de texto.
Formas
Ya que las formas en Photoshop son vectoriales puedes cambiar el color y el tamaño sin perder calidad.
Accede a las propiedades avanzadas y ubica las formas en un punto específico en el eje x y y. Crea
elipses, círculos, polígonos y líneas, y modifica a tu gusto el grosor del borde y las terminaciones de las
esquinas
Una buena práctica es mantener nuestras capas organizadas conforme al orden de los elementos
Estilos de capa
Los estilos de capa sobrescriben la forma en la que se ve una capa. Puedes cambiar el contorno, el color y
otros atributos.
Los estilos de capa se pueden eliminar, modificar, copiar y pegar en otras capas diferentes sin perder la
información original de la imagen.
ESTILO DE CAPA
Consiste en un efecto o varios efectos que se dan a una capa o un grupo de capas.
En el estilo de capas tenemos: opciones de fusión, Trazo, Sombra, Superposición de colores, Sombra
interior, etc.
TIPS
El estilo de capa aparece dando doble click a un lado de la capa
Se puede copiar y pegar el estilo de capa a otra capa, dando click derecho a un lado de la misma y es
donde aparecerá un menú contextual y elegimos la opción.
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Capas de ajuste
Las capas de ajuste te permiten modificar una imagen sin destruir la original. Puedes aplicar una capa de
ajuste únicamente a una capa o a varias capas al mismo tiempo, y tener cuantas capas de ajuste
necesites.
Modos de fusión
Los modos de fusión que encontramos en las opciones de capa, así como en diferentes herramientas de
manipulación de imágenes nos permiten controlar cómo se comportan los pixeles de una capa sobre otros
en relación a diferentes aspectos de color, luminosidad o transparencia. Los primeros acercamientos a
estas opciones son poco intuitivos y difíciles de predecir, pero con esta guía entenderás cómo se
comportan y a elegir la mejor opción cuando los necesites.
Normal
Es el modo por defecto de todas las capas, los pixeles qué están en la capa superior se mostrarán según
su opacidad.
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Dissolve / Disolver
Toma los valores de transparencia y genera una textura aleatoria de pixeles transparentes que permiten
ver la capa base. Cuanto mayor es la transparencia mayor es la densidad de los pixeles transparentes. En
nuestro ejemplo redujimos la opacidad a 50% para ver su efecto
Modos Oscuros
Estos métodos generan resultados oscuros al ignorar los colores más claros de la capa superior y resaltar
los colores con menos brillo
Darken / Oscurecer
Evalúa los dos pixeles y arroja como resultado el color más oscuro. En nuestro ejemplo vemos como el
blanco desaparece por completo
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Multiply / Multiplicar
Toma los valores de color de la capa superior, los multiplica por los valores de la base y los divide entre
255. El resultado es siempre más oscuro y el blanco es ignorado. Es tal vez el modo de fusión más usado
así que veamos a detalle como es la operación entre los pixeles de las dos capas:
En la práctica es un modo de fusión muy útil para agregar textura o integrar imágenes.
Genera un resultado similar a Multiply pero más oscuro porque aumenta el contraste entre las capas
aumentando la saturación en los tonos medios
Disminuye el brillo del color base según el matiz de la capa mezclada. El resultado es más oscuro que
Multiply pero menos saturado que Color Burn
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
El resultado es muy similar a Darken / Oscurecer comparar los dos colores y mostrar únicamente el más
oscuro. La diferencia está en que este modo compara cada canal RGB mientras que Darken utiliza la
mezcla RGB.
Modos Claros
Al contrario de los métodos anteriores éstos le dan relevancia y operan sobre los colores con más brillo e
ignoran los más oscuros
Lighten / Aclarar
Compara los dos colores y entrega como resultado el más claro o de mayor brillo.
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Screen / Trama
Es también uno de los modos de fusión más populares dando como resultado el color más brillante y
permite generar más valores de luminosidad que Lighten.
Aumenta la saturación y da un resultado más brillante reduciendo el contraste entre las dos capas.
Produce resultados muy cercanos a Color Dodge pero compara cada canal RGB de las capas generando
un poco menos de saturación que el modo anterior.
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Similar a Lighten, no mezcla los colores y el resultado es el color más claro de los dos pixeles
comparados. A diferencia de Lighten, éste modo no compara cada canal RGB por separado. Compara el
color final por lo tanto el resultado es muy marcado.
Estos modos resaltan tanto los colores más oscuros como los más claros y reducen la opacidad de los
tonos medios.
Overlay / Superponer
Resalta los colores claros de la misma forma que lo hace Screen y también los oscuros con el mismo
método de Multiply. Los tonos medios de la capa superior se vuelven transparentes. Genera un resultado
de gran contraste y saturación.
Utiliza el modo de Linear Dodge para los colores más claros y Linear Burn para los más oscuros
generando un resultado mucho más agresivo en contraste y color que Overlay.
Puede entenderse como una versión extrema de Overlay, aumenta la saturación y contraste de los colores
más oscuros y más claros.
Es una mezcla de Linear dodge para los colores claros y linear Burn para los oscuros. Similar a Vivid light
pero con un poco más de valores en el resultado.
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Utiliza los principios de mezcla por contraste de Vivid light pero en este caso el rango de tonos medios que
se vuelven transparentes en un poco más amplio.
Este modo de fusión suma los canales de color RGB de las dos capas llevando los valores de 255 o
superiores a 255 y los inferiores a 0. El resultado son bloques de color “puro” rojo, verde, azul, blanco o
negro.
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Modos “invertidos"
Estos modos de color transforman el color de cada pixel en la mezcla invirtiendo sus valores en el círculo
cromático.
Difference / Diferencia
Invierte los colores comparando las dos capas, mientras la diferencia entre un color y otro sea mayor el
resultado es un color más “opuesto”. El negro no afecta la capa base.
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Exclusion / Exclusión
El resultado es similar a Difference sin embargo los tonos medios de gris se mantendrán completamente
visibles sin mezclarse.
Modos de cancelación
Subtract / Restar
Los valores de la capa superior son restados por los de la capa base por lo tanto el resultado tiende al
negro.
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Divide / Dividir
Produce el efecto contrario a Substract dónde los colores más oscuros resultarán an zonas más brillantes
y los claros tendrán poco efecto en la capa base.
Estos modos de fusión tomarán diferentes valores del modo de color HSV (matiz, saturación y brillo) para
generar la mezcla.
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Mantiene el brillo y la saturación de la capa base pero transforma el matiz por el que tenga la capa
superior.
Saturación / Saturación
Mantiene brillo y el matiz pero afecta la saturación de la capa base por el nivel de saturación de la
superior.
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Color
Es una mezcla de los dos anteriores transmitiendo la saturación y el matiz ( hue ) de la capa superior. Es
ideal para dar color a imágenes en blanco y negro.
Luminocity / Luminosidad
Mantiene el matiz y la saturación de la capa base pero adopta el brillo de la capa superior.
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Ahora ya sabes los resultados que generan los diferentes modos de fusión. No tienes que memorizarlos,
entender los grupos es suficiente para saber a dónde ir cuando buscamos una solución específica.
Personalmente uso mucho Multiplicar para generar sombras coherentes con el color de base
y Screen cuando quiero simular reflejos, también he usado Darken en algunas imágenes que tienen fondo
blanco y así no tener que recortarlas. Cuéntanos cuales usos les has dado a los modos de fusión y
compartamos ideas.
Durante la primera mitad del Siglo XX hubo una escuela de diseño que se dedicó a buscar la sencillez y el
orden eliminando ornamentos y dando mayor importancia a la comprensión del diseño. Esta se conoce
como Modernismo Suizo y sus lineamientos siguen siendo vigentes hoy en día y son sinónimo de buen
diseño.
El reto es crear un Poster para una banda musical que te guste con formas simples, pocos colores y
tipografía. Crea un documento de 800x1000 px, 72dpi y RGB. Exporta tu diseño en .png o .jpg y
compártelo en los comentarios.
Tips:
Redes Sociales:
Instagram 1080 x 1080
Facebook 1200 x 627
Al redimensionar una imagen podemos usar los mismos atajos que con las formas Shift para que
mantenga su forma y option o alt para moverla desde el centro.
Herramientas de selección
Usa las herramientas de selección para modificar un área específica de la imagen que estás trabajando.
También puedes hacer selecciones para crear copias de esta área y trabajarlas independientemente.
Cuando creas selecciones sencillas puedes usar las formas básicas, rectángulo y elipse, o también
puedes usar los Lazos para hacer selecciones más detalladas. Las herramientas Varita mágica y
Selección rápida te ayudarán a crear selecciones de áreas similares.
**HERRAMIENTA DE SELECCIÓN **
Esta herramienta nos permite trabajar sobre área específica de una imagen o un archivo.
TIPS
1. El atajo es la letra " M " --> Marco, elíptico
Selecciona una parte de la figura
Solo es editable en esa zona
Anticlik derecho “capa vía copiar”, copia en otra capa lo seleccionado
Quitar la selección, Ctrl. + D
Esta herramienta puede sumar o restar.
Seleccionamos una parte de la imagen, luego en otra parte de la imagen presionamos Alt (Aparece la
selección en negativo) y si presionamos Shift (Aparece la selección en positivo)
1. El atajo es la letra " L " --> Lazo, lazo poligonal, lazo magnético
Selecciona el contorno de una imagen mediante lineas.
Cierra la selección al chocar con el punto de partida.
Aquí podrás pintar, aplicar una capa de ajuste, llevarlo a una nueva capa
1. El atajo es la letra " W " --> Barita mágica, Selección rápida
Al seleccionar consideremos las propiedades como por ejemplo la tolerancia
Anticlik derecho “capa vía copiar”, copia en otra capa lo seleccionado
Volver a la selección, nos ubicamos encima de la capa y aparecerá un cuadradito y clicleamos allí.
Invertir la selección. Menú Selección / Invertir o Ctrl. + Mayús. + I
Utilizamos la herramienta lazo poligonal sobre la imagen, seleccionamos una parte y otra parte.
Eliminamos la máscara y aun así se puede observar la selección que se hizo.
Creamos una nueva máscara y esta tomará solo lo seleccionado.
Para mostrar de la pantalla chica a la grande, presionamos Alt. + Click en la máscara.
Para invertirlo a blanco es Ctrl. + I
Regresamos a la imagen
Agregamos una foto y la colocamos debajo de la capa base.
Máscaras vectoriales
Usando la herramienta Pluma puedes hacer selecciones con formas vectoriales y crear a partir de nodos
una máscara que se ajuste perfectamente al área con la que quieres trabajar.
Herramientas de ajuste
La herramienta Curvas te permite modificar la intensidad de las luces y sombras de una imagen. Con el
Balance de color puedes editar la temperatura de color de una imagen y llevarla a tonos cálidos o fríos.
HERRAMIENTAS DE AJUSTE
Sirve para el retoque de fotografías
Nos permite lograr un efecto particular que deseemos.
TIPS
Ir a Capa de ajuste de Curvas
Nos ayuda a encontrar la calidez de la luz y sombras.
Ir a Capa de ajuste de Equilibrio de color
Nos ayuda a encontrar el tono y temperatura de los diferentes colores.
Herramientas de corrección
• El Tampón de clonar te permite duplicar áreas de la imagen usando los mismos ajustes de un pincel
(opacidad, flujo y tamaño).
• El Parche es una herramienta que toma elementos del entorno para corregir imperfecciones teniendo en
cuenta la iluminación, colores y textura del área que estas corrigiendo para integrarlo perfectamente.
• También puedes usar estas herramientas para duplicar un elemento o eliminarlo de un entorno.
HERRAMIENTA DE CORRECCIÓN
Estas herramientas permiten desaparecer objetos y arreglan imperfecciones.
Tapón.-
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Atajos de teclado
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Apoyo de CURSO DE Photoshop – PLATZI (Andrés Gallo)
Guardar y exportar
Para guardar imágenes para web puedes usar Exportar como y seleccionar diferentes formatos:
• png: Funciona mejor para textos y guarda transparencias.
• jpg: Comprime mucho más que los otros formatos y permite tener imágenes livianas.
• pdf: Embebe las fuentes y los perfiles de color para que se mantengan al momento de imprimir.
• tiff: También funciona para impresión, pero los archivos resultantes son mucho más pesados
GUARDAR Y EXPORTAR
Al trabajar en un proyecto y querer guardarlo, debemos considerar.
RGB: Digital, con 72 de resolución
CMYK : Impresión, con 300 de rosolución
Los formatos para guardar
PNG: Para textos y transparencias
JPG: Son más ligeros
PDF: No pierde el formato
TIFF: Para impresión pero es muy pesado