EDIMH Photoshop: Lienzo y Color

Módulo 1: El Lienzo, la Geometría y
la Ciencia del Color

El objetivo de este primer módulo es que el alumno comprenda que Photoshop no es un lienzo de pintura libre, sino un entorno matemático. Antes de trazar una sola línea, debemos configurar la "física" de nuestro archivo (tamaño, peso y luz) y dominar la geometría estricta que fundamenta estilos de diseño atemporales como la Bauhaus o De Stijl.

1. Teoría del Diseño: El Lienzo y el Color

Resolución: La anatomía del Píxel (PPI vs. DPI):

El error novato más común es abrir un archivo sin saber su destino. El píxel no tiene un tamaño físico real hasta que le asignamos una densidad.

  • 72 PPI (Píxeles por pulgada): Es el estándar estricto para pantallas (Web, Redes Sociales, UI). El monitor no puede mostrar más detalle que este, usar resoluciones mayores solo genera archivos inútilmente pesados.
  • 300 DPI (Puntos por pulgada): Es el estándar universal para alta imprenta (Revistas, Carteles físicos, Empaques). Las máquinas rotativas necesitan esta alta densidad para que las curvas y las letras no se vean "dentadas" (pixeladas) al imprimirse.
S
72 PPI (PANTALLA)
VS
S
300 DPI (IMPRENTA)
DENSIDAD FÍSICA VS DIGITAL
Monocromo
Análogo
Complementario
REGLAS DE ARMONÍA Y TENSIÓN VISUAL

El Círculo Cromático y el Contraste

El color no se elige "por gusto", se elige por función matemática dentro del círculo cromático para guiar el ojo del espectador:

Monocromáticos: Un solo color con variaciones de luz/sombra. Genera elegancia y minimalismo.

Análogos: Colores vecinos en el círculo (ej. Azul y Verde). Crean armonía y tranquilidad visual.

Complementarios: Colores exactamente opuestos (ej. Naranja y Azul). Generan la máxima tensión y contraste visual; vitales para que un elemento resalte agresivamente sobre su fondo.

RGB Puro vs. Arquitectura Hexadecimal (HEX)

El modo RGB (Rojo, Verde, Azul) es cómo las pantallas mezclan luz para crear color. Sus valores van del 0 al 255 (Ej. R:255, G:0, B:0 es rojo puro).

En el entorno de agencias y manuales de identidad corporativa, dictar tres números es propenso a errores. Por ello, usamos el sistema Hexadecimal (Códigos HEX). Es una cadena alfanumérica de 6 caracteres (ej. #FF0000). Copiar y pegar este código garantiza un Brand Consistency (consistencia de marca) del 100% entre Photoshop, Illustrator, código web y cualquier software del mundo.

R:
255
G:
0
B:
0
#
FF0000
SELECTOR DE COLOR (SINTAXIS EXACTA)

2. Desarrollo Técnico: Hackeando el Espacio

Para construir composiciones abstractas de nivel profesional, el dominio de la interfaz debe ser físico y mecánico.

Ventana de Nuevo Documento (Los Planos):

No empezamos a trabajar hasta configurar la triada sagrada: 1) Medidas exactas (Píxeles para web, Centímetros para impresión), 2) Resolución (72 o 300), y 3) Modo de Color (RGB para pantallas). Este es el Poka-Yoke del diseñador gráfico.

Navegación Espacial (Contacto Físico):

Prohibido usar las barras de desplazamiento grises de las orillas.

El acercamiento quirúrgico se hace con Zoom (Z) o Alt + Rueda del ratón. Para desplazarnos de cerca, mantenemos presionada la Barra Espaciadora; el cursor se convierte en una Mano (H) que nos permite arrastrar el lienzo como un papel físico sobre la mesa.

DESPLAZAMIENTO QUIRÚRGICO (BARRA ESPACIADORA)
Capas
Círculo Vector
Fondo
JERARQUÍA Y ORDEN ABSOLUTO (Z-INDEX)

El Panel de Capas (La jerarquía de Dios):

Photoshop funciona como láminas de cristal apiladas. La capa que está hasta arriba visualmente tapa a todas las de abajo.

Regla de orden: Cada elemento DEBE ir en una capa nueva. Nombraremos las capas (doble clic) para no perdernos, y usaremos el "Candado" para bloquear los fondos y evitar moverlos.

Herramientas de Forma Vectorial (U):

No pintaremos formas con pinceles destructivos. Usaremos rectángulos y elipses matemáticos que no pierden calidad. Propiedades vitales: Relleno (color interno) y Trazo (contorno, desactivado por ahora).

El modificador (Shift): Si mantienes Shift mientras arrastras el ratón, Photoshop fuerza una proporción matemática de 1:1, creando círculos y cuadrados absolutos y perfectos.

3. Atajos de Teclado Vitales (Flujo Inicial)

V (Mover)

Es tu estado de reposo. Siempre que termines de usar una herramienta, presiona V para volver a la flecha negra y evitar dañar el lienzo por accidente.

U (Formas)

Atajo rápido para llamar a la herramienta de geometría (Rectángulo, Elipse, Polígono).

Ctrl + J (Duplicar)

El atajo más usado en la historia del diseño. Clona la capa que tengas seleccionada exactamente en la misma posición espacial.

Ctrl + Z (Deshacer)

El botón de pánico. Revierte instantáneamente el último paso realizado en el lienzo.