jueves, 20 de enero de 2022

Cap. 02 - Crear un nuevo documento y la interfaz

CREAR UN NUEVO DOCUMENTO

Shortcut "Ctrl. + N"
Detalle de ajustes preestablecidos
  • Título
  • Medidas del lienzo en (Pixeles, Pulgadas, Centímetros, Milímetros, Puntos, Picas)
  • Resolución (72 para Web y 256 para Impresión)
  • Modo de color (RGB para Web y CMYK para impresión)
    • Niveles de calidad de imagen de 8, 16, 32 Bit
  • Fondo
  • Perfil de color
    • Para RGB - sRGB IEC61966-2.1

Si deseamos editar la imagen:
  • Tamaño de la imagen Alt. + Ctrl. + I


  • Tamaño del lienzo Alt. + Ctrl. + C





En la resolución:
  • Para impresión en satinado 300
  • Para impresión papel bond 256
  • Para impresión en papel periódico 150

Nota: Si el fondo de no nos gusta, lo podemos cambiar con Menú Edición / Rellenar o con la combinación May. + F5

LA INTERFAZ

Comencemos por:

  • La barra de menús, son todas esas opciones que permiten diseñar.
  • El lienzo, es el área de trabajo donde desarrollaremos nuestro proyecto de diseño.
  • La barra de herramientas, son todos aquellos elementos que nos permiten diseñar.
  • La barra de opciones, contiene todas las opciones de un elemento de la barra de herramienta seleccionada. 
  • Lienzo, es el área de trabajo donde se desarrollará el diseño, conformadas por ventanas.
  • Paneles, son bloques que nos ayudan en el desarrollo del diseño. Ejm. Panel propiedades, panel de capas, etc.
Los paneles lo encuentras en el Menú Ventana, se puede agregar, se puede personalizar a nuestro estilo de trabajo.



INSERCIÓN DE IMÁGENES

(Próximo video...)

lunes, 17 de enero de 2022

Cap. 01 - Introducción

REQUERIMIENTO 

En el tema de diseño debemos tener en cuenta:

  • Cuaderno, borrador, lápiz.
  • Computadora con un procesador Intel i5 o i7, memoria RAM (4, 8, 16, 32 GB), una tarjeta gráfica (con una memoria dedicada, esta aliviará el procesador. Ejm.: Un diseñador 3D puede obtar por modelos AMD Radeon Serie, AMD Fire Pro, NVidia Quadro, NVidia GeForce GTX), un disco duro (SSD "Solid State Drive o Unida de Estado Sólido) o un HDD convencional de 1Tb puede bastarnos siempre que tengamos.
  • El paquete de Adobe Creative Cloud con sus programas como Photoshop, Illustrator, InDesign, entre otros.
Alternativas a Photoshop:
GIMP, Canva, Polarr, Pixlr, Adobe Photoshop Express, Photopea

Alternativas a Illustrator:
Corel Draw, Inkscape, Sketch

Alternativas a InDesing:
MS Publisher, Scribus, QuarkXpress

HISTORIA

En 1987 un estudiante de doctorado de la Universidad de Michigan, ideó un programa para mostrar imágenes en escala de grises en una pantalla blanco y negro en Macintoch Plus.

El estudiante fue Thomas Knoll cuyo programa llamó "Display" y que quiso renombrarlo como PhotoHut o ImagePro pero no se llevo a acabo. En 1988 reescribieron el código Display para que funcionaran en monitores a color. Sus primeras distribuciones de dicho sistema fue con un fabricante de Scaneres "BamyScan".

Luego de dos años su hermano John Knoll se contactó con Apple y Adobe siendo esta última quien comprara los derechos de licenciamiento y fue así que el programa se expandió 

Como anécdota John K. fue supervisor de efectos visuales en Star Wars I, apareció como uno de los pilotos en la batalla espacial final.


Adobe photoshop es un programa de diseño que nació aproximadamente en los años 90 con el sistema MAC OS y en el 92 con el sistema Windows con la versión 2.5.


Cabe recordar con Photoshop 1.0 adoptó el modo de color CMYK para su entorno de trabajo y fue así que el programa se expandió.

EVOLUCIÓN

1era Etapa (1990 - 2002)
  • Photoshop 1.0
  • Photoshop 2.0 y 2.5
  • Photoshop 3.0
  • Photoshop 4.0
  • Photoshop 5.5 y 5.5
  • Photoshop 6.0
  • Photoshop 7.0
2da Etapa (2003 - 2010)
  • Photoshop CS
  • Photoshop CS 2
  • Photoshop CS 3
  • Photoshop CS 4
  • Photoshop CS 5
3era Etapa (2012 - 2020)
  • Photoshop CS 6
  • Photoshop CC 14.0
  • Photoshop CC 2014 
  • Photoshop CC 2015.5
  • Photoshop CC 2017
  • Photoshop CC 2018
  • Photoshop CC 2019
4ta Etapa (2020 - Presente)
  • Photoshop CC 2020
  • Photoshop CC 2021
  • Photoshop CC 2022

El logo de Photoshop de 1988 - 1990 era una casa simple con una persona a su interior y con las iniciales de 1HR, estas siglas significaba que 01 hora la fotografía estarían listas, todo estaba representado por elementos pixelados.

DEFINICIÓN

Photoshop traducido literalmente significa tienda de fotos. Pero hoy en día es un programa de manipulación de imágenes, fotografía y diseño. 

Estas imágenes están representadas por:
  • Mapas de bits o bitmap (.psd, tiff., jpeg., gif., png., raw.) siendo estos formatos el fuerte de Photoshop. Estan formadods por matrices o cuadritos de color
  • Vectoriales (svg., eps., pdf., Ait., Ai.) siendo estos formatos el fuerte de Illustrator. Están formados por líneas 






ÍNDICE

Cap. 01 - Introducción

  • Historia
  • Requerimiento
  • Definición
  • Importancia

Cap. 02 - Crear un nuevo documento, la interfaz y guardar
  • El lienzo
  • Barras
  • Ventanas
  • Paneles
  • Inserción de imágenes
  • Guardar
    • Conserva toda la información, capas, máscaras, etc. - PSD, TIFF
    • Solo la imagen para subir a las redes sociales, e-mail, etc. - JPG

Cap. 03 - Ajustes
  • Brillo y contraste
  • Tono / saturación Ctrl. + U
  • Equilibrio de color Ctrl. + B
  • Blanco y negros Ctrl.+ Alt. + May. + B
  • Consulta de colores

Nota: Están orientado a la luminosidad y al calor de la imagen,  son ajustes destructivas

Cap. 04 - Filtros
  • F. Desenfoque Gaussiano
  • F. Galería de Efectos de Desenfocar / Desenfoque de campo
  • F. Enfocar / Máscara de enfoque
  • F. Pixelizar / Mosaico
  • F. Galería de filtros 
  • F. de Cámara Raw Ctrl. + May. + A
  • F. Licuar Ctrl. + May. + X

Nota: Están orientados a transformar las imágenes, se pueden instalar más Plugins, considerar el modo color RGB con 8 bits/Canal.

Cap. 05 - La herramienta recortar
  • Barra de herramientas
  • Barra de opciones
    • Proporciones
    • Enderezar
    • Opciones de superposiciones "Shorcut es la letra O"
    • Opciones de recorte
    • Eliminar píxeles recortados y según el contenido
 
Nota: Su atajo o shortcut es la letra "C"

Cap. 06 - Selecciones

Shortcut "M"
Cambio en el tipo de selección May. + M
Con la barra espaciadora se puede mover la selección
Para deseleccionar Ctrl. + D
Para ocultar la selección Ctrl. + H
  • Herramienta marco rectangular 
  • Herramienta marco elíptico 
Shortcut "L"
Cambio en el tipo de selección May. + L
  • Herramienta Lazo
  • Herramienta Lazo poligonal
  • Herramienta Lazo poligonal magnético 
Sumar y restar selecciones 
- Presionando la tecla May. "Agregamos selección"
- Presionando la tecla Alt. "Eliminamos selección"
- Podemos realizar una intersección

Ampliar selección
- Menú selección / Modificar / Expandir ...

Invertir selección
- Ctrl. + May. + I

Shortcut "W"
Cambio en el tipo de selección May. + W
Para aumentar o disminuir la dimensión del pincel Alt+ horizontal derecho "Aumenta" o Alt. + horizontal izquierda "Disminuye"
  • Herramienta Varita Mágica
    • Tamaño de muestra: Promedio de 3 x 3
    • Tolerancia: 0 a 255
    • Suavizar, contiguo, muestr. todas las capas
  • Herramienta de Selección rápida
    • Opciones de pincel (Tamaño, dureza, espaciado, ángulo, redondeado)
    • Ángulo de pincel
    • Activar "Mostrar todas las capas, Mejorar capas"
Seleccionar sujeto de la barra de opciones.

Cap. 07 - Gama de colores

Esta opción nos permite seleccionar un color especifico de la imagen y así poder cambiarlo por otro color.

Menú Selección / Gama de colores


Cap. 08 - Pinceles

Shortcut "B"
Cambio en el tipo de pincel May. + B
Con Bloq. Mayús, aparece y desaparece la forma de pincel.

  • Pincel
    • Color frontal / color fondo
      • Con la letra D - se cambia de posición
      • Con la letra X - se cambia el color a blanco y negro
    • Diámetro + o - / Alt. + Botón derecho + Arrastre horizontal
    • Dureza / Alt. + Botón derecho + Arrastre vertical
  • Barra de opciones
    • Selector de pinceles
    • Panel de ajuste de pinceles o F5
    • Modo de fusión
    • Opacidad: es cuan profundo es el trazo
    • Presión para opacidad (para tableta gráfica)
    • Flujo
    • Aerógrafo
    • Suavisar
    • Opciones de suavizar
    • Ángulo de pincel
    • Presión para para tamaño
    • Opciones de simetría: actúa como un espejo

Cap. 08.1 - Modos de Fusión 
Los MF están representadas por grupos (Normal, Oscurecer, Iluminar, Contraste, Cancelar o Invertir y Color) y se aplican a las capas de tu documento.

Cap. 10 - El panel historia, el panel histograma, Herramientas de Zoom y Mano

Este panel de historia nos permite deshacer, rehacer y alternar último estado de lo que vallamos haciendo en el lienzo de trabajo.

La capacidad de este panel es de 20 estados de historia, pero si deseamos cambiarlo vamos a Menú Edición / Preferencia / Rendimiento...

Se encuentra en Menú Ventana / Historia...

Nota: Si se desea cambiar a un versión anterior de deshacer, rehacer y alternar último estado vamos a Menú Edición / Métodos abreviado de teclado y menús (marcamos la 1era opción).


Este panel de histograma nos permite conocer de la imagen el nivel de tonalidad (oscuro, medios tonos, iluminación)


La herramienta de Zoom, nos permite en una imagen podamos acercarnos y alejarnos. Su ShortCut "Z".

La herramienta de Mano, nos permite movernos o desplazarnos dentro de la imagen. Su shortCut "H". La barra espaciadora también lo representa.

Cap. 11 - Brillo y Contraste

Este ajuste permite equilibrar el brillo y el contraste de una imagen.

Cap. 11 - Ajuste de niveles

Shortcut "Ctrl. + L"

Este ajuste nos permite ajustar el nivel tonal y el equilibrio de color de la imagen (sombras - los medios tonos - iluminaciones). Su histograma es una guía visual para los ajustes la tonalidad.

Cap. 12 - Desvanecer selecciones

Menú selección / Modificar / Desvanecer o May. + F6

Cap. 13 - El modo de máscara rápida

Existe tres manera para acceder a ella:
- Desde la barra de herramientas
- Menú selección / Editar en modo de máscara 
- La letra "Q"

Nota: Esta forma es una manera antigua de trabajar.

Cap. 14 - Seleccionar y aplicar máscara

Shortcut "Ctrl. + Alt. + R".
Esta aparece con las herramientas de selección.
Si se esta con otro tipo de herramienta seleccionamos Menú Selección / Seleccionar y aplicar máscara.

Nota: También se puede realizar selecciones con Gama de colores

Cap. 15 - Capas

Muestra la estructura de nuestro diseño, esta compuesto por varias de ellas y son independientes

Partes del panel capas:
Eliminar capa, nueva capa, crear un grupo, ajustes de capas, máscara de capa, estilo de capa.

Inserción de imágenes:
Existe dos opciones
- Menú Archivo / Colocar elemento incrustado
- Por arrastre




Nota: La inserción de imágenes, estas se convierten en objetos inteligentes pero se pueden rasterizar y asi poder trabajar en ellas.

Cap. 16 - Cambiar fondos

Se ha trabajado:
- Duplicar capa
- Herramienta seleccionar selección rápida
- Herramienta Borrador
- Seleccionar sujeto

Cap. 17 - Transformaciones

Tenemos:
- Escala
- Rotar
- Sesgar
- Distorsionar o Ctrl.
- Perspectiva 
- Deformar

Tenemos:
- Rotar
- Voltear

Cap. 18 - Capas de ajuste

Es un tipo de capa que no contiene pixeles como una capa normal. Lo que contienen las capas de ajuste son herramientas que nos van a permitir modificar la luminancia o el color de las capas que tienen por debajo, es decir, de nuestras fotografías.

- Las capas se ajustan hacia abajo

Las máscaras de recorte:
Su Shortcut Ctrl. + Alt. + G
Otro Shortcut Ctrl. Alt. + Clic derecho en una opción de ajuste

Cap. 19 - Objetos inteligentes

Los OI de una imagen no pierden calidad al editarlo en comparación de una imagen normal.

A estos OI se puede agregar filtros, ajustes. 
De tres imágenes normales estas se pueden agrupar en un OI y trabajarlos luego de manera independiente

La desventaja de los OI es que ocupa mucho espacio en el disco y el proceso de diseño podría llegar a presentar lentitud.

Si tenemos una imagen en formato RAW, también lo podemos abrir como un OI.

Cap. 20 - Máscara de capa

Una máscara de capa nos va a permitir ocultar partes de una capa de manera no destructiva. Esto significa que podremos borrar ciertas zonas sin perderlas, no como ocurre con la herramienta Borrador. Si borramos alguna parte de una capa con esta herramienta, se elimina y la pierdes para siempre.

- Máscara
- Máscara de ajuste

- Guardar selección 

- Modificar 

Cap. 21 - Perfeccionar y descontaminar máscaras

Las selecciones y las máscaras de capa son como dos caras de una misma moneda.

- Seleccionar y aplicar máscaras
- Máscara de capa

Cap. 22 - Introducción a los degradados

Es la degradación de un color a otro color o a transparencia
- Máscara de capa

Cap. 23 - La herramienta texto

Contiene:
- Tipo de letra
- Estilo de la fuente
- Orientación de la letra
- Tamaño de la letra
- Interlineado
- Kerning
- Traking "separación de las letras"
- Otros 

Podemos hacer:
- Rastarizar
- Convertir en OI

Cap. 24 - Cambios en PS
Vimos:
- Herramientas selección de objetos
- Transformación libre. 

Cap. 25 - Curvas

Las curvas ajustan los puntos de la gama tonal de una imagen.
Se ajustan a tonos negros, tonos medios, tonos blancos.
Es más flexible que la herramienta niveles.

Cap. 26 - Relleno según contenido

Es una función casi automática que permite eliminar ciertos elementos de la imagen.

- Menú Edición / Rellenar o May. + F5

RETOQUE FOTOGRÁFICO


Cap. 27 - Pincel corrector puntual y pincel corrector

El pincel corrector puntual es un pincel que nos permite corregir un conjunto de elemento de una imagen.

El pincel corrector es un pincel que toma los pixeles y lo reemplaza en el lugar deseado y adopta el color

Cap. 28 - Herramienta Tapón de clonar

Es una de las herramienta más primitiva o mas manual, tiene un parecido con el pincel corrector si bien ambos copian pixeles de una imagen a otra, el tapón no adopta el color

Panel de origen de clonación.-
Este panel permitirá realizar inclinaciones, ángulos.

Cap. 29 - Herramienta Parche

Esta herramienta requiere hacer una selección para moverlo a otro lugar y generando la copia de pixeles

Dos maneras de trabajar:
- Normal 
- Según el contenido

Cap. 30 - Movimiento con detección de contenido

Esta herramienta nos permite mover o extender un pedazo de imagen 

Cap. 31 - Corrección de colores

Esta CC nos permite cambiar el color tonal de una imagen.
Como ejemplo tenemos la herramienta Equilibrio de color o Ctrl. + Alt. + B

Solo se debe tener en cuenta lo siguiente:


Si es una integración de imágenes 
para adoptarla a otra, podemos utilizar:
Menú Imagen / Ajustes / Igualar color...



Cap. 32 - Filtro punto de fuga

Menú Filtro/Punto de fuga... Ctrl. + Alt. + V 

Este tipo de filtro nos permite crear planos para poder ingresar figuras y estas puedan adaptarse al plano