Práctica dirigida: Cómo hacer un COLLAGE con fotos utilizando grilla


Logro de aprendizaje:Al terminar el ejercicio, el estudiante será capaz de diseñar un collage utilizando Adobe Photoshop, demostrando habilidades en el manejo de herramientas de selección, capas y transformación, conforme a las especificaciones de diseño y composición, logrando integrar imágenes de manera armoniosa y estética en una grilla predefinida.

  1. Iniciar Photoshop: Abre el programa.

  • Vaya el menú principal Archivo > Nuevo o usa el shortcut Ctrl+N (en Windows) o Cmd+N (en Mac).
  • Configurar dimensiones: Establece las dimensiones a 1920x1080, resolución a 72 DPI, y modo de color RGB, Poner como nombre de archivo: Collage Nombre y apellido del estudiante. Y presione el botón Crear.

Diseñar la grilla para el collage

  •   Para la construcción de la grilla, utilizaremos el negro como relleno, presionamos la tecla de “D” colores, por defecto y apreciará que en panel Herramientas, el color de primer plano se ha cambiado a negro.

  • 1.       Herramienta Rectángulo: Herramienta Rectángulo: Ahora dibujaremos figuras rectangulares en la mesa de trabajo, para eso seleccioné la herramienta Rectángulo utilizando el shortcut letra U del teclado).

  • Crear cuadrado principal: Haz un clic en el lienzo, establece las dimensiones del cuadrado a 760x760 px, 

  • Desplaza el cuadrado con la herramienta Mover (shortcut letra V teclado) hasta ubicarlo en el centro de la mesa de trabajo, esto se apreciará cuando las guías inteligentes, se muestren como se aprecia en la pantalla. 

Duplicar y organizar cuadrados

  • Duplicar capa: Haz clic derecho sobre la capa y selecciona Duplicar capa, o usa el shortcut Ctrl+J (Windows) o Cmd+J (Mac).
  • Mover el cuadrado duplicado: Desplaza hacia arriba el objeto cuadrado duplicado usando la herramienta Mover (V) y además presiona la tecla Mayúscula o Shift, para que el desplazamiento vertical sea paralelo a la figura original. 

  • Ahora usando la FLECHA ARRIBA del teclado separe el cuadrado principal del cuadrado duplicado presionado 20 veces.

  • Duplicar capa Rectángulo 1: Seleccione de nuevo la capa Rectángulo 1 y presione el shortcut Ctrl+J (Windows) o Cmd+J (Mac) para Duplicar capa.
  • Mover el cuadrado duplicado: Desplaza hacia abajo el objeto cuadrado duplicado usando la herramienta Mover (V) y además presiona la tecla Mayúscula o Shift, para que el desplazamiento vertical sea paralelo a la figura original.
  • Ahora usando la FLECHA ABAJO del teclado separe el cuadrado principal del cuadrado duplicado presionado 20 veces.

Crear y organizar cuadrados más pequeños

  • Nuevo cuadrado: Repite el proceso para un cuadrado de 370x370 px

  • Y ubíquelo en el CENTRO HORIZONTAL DERECHO de la mesa de trabajo.

  • 11.   Ahora, usando la FLECHA ABAJO del teclado separe el cuadrado principal del cuadrado duplicado presionado 20 veces.

  • Duplicar y organizar: Usa Ctrl+J (Windows) o Cmd+J (Mac) para duplicar y Shift + flechas para organizar.
  • Duplicar y organizar: Usa Ctrl+J (Windows) o Cmd+J (Mac) para duplicar y Shift + flechas para organizar.

  • Duplicar y organizar: Usa Ctrl+J (Windows) o Cmd+J (Mac) para duplicar y Shift + flechas para organizar.

Tarea:


  • Repita el procedimiento para completar los módulos en el lado superior de la mesa de trabajo, utilizando los comandos para duplicar la capa: Ctrl+J (Windows) o Cmd+J (Mac).


  • Seleccionar y duplicar múltiples capas: Rectángulo 2, Rectángulo 2 copia 3, Rectángulo 2 copia, Rectángulo 2 copia 2 y duplíquelas utilizando el comando: Ctrl+J (Windows) o Cmd+J (Mac).

·         Desplazar el grupo de figuras con la herramienta Mover (V) y la tecla Mayúscula o Shift + flechas.

Completar la grilla

  • Seleccionar y duplicar múltiples capas: Selecciona todas las capas de cuadrados, duplica con Ctrl+J (Windows) o Cmd+J (Mac), y traslada los objetos al lado izquierdo para completar la grilla.

Agrupar capas

  • Crear carpeta de capas: Selecciona todas las capas menos la capa Fondo con la tecla Mayúscula, busque la opción en el panel de Capas Nuevo grupo a partir de capas…

  •  Y agrúpalas en una carpeta nombrándola como “Estructura”.

Ajustar la grilla

  • Transformar la grilla: Presiona Ctrl+T (Windows) o Cmd+T (Mac) para activar la transformación. 

  • Y rota la grilla a -45 grados.

  • El resultado es: 


Agregar imágenes al collage

  • Colocar imágenes: Vaya al menú principal seleccione el comando Colocar elemento incrustado.

  • Seleccione la imagen shutterstock_29429767.jpg en la mesa de trabajo
  • Como se aprecia, la imagen se ha insertado fuera de la carpeta Estructuras en el panel de Capas

  • Utilizando la barra de propiedades vaya a las funciones de PROPORCIÓN y aumente el porcentaje a 195.41%
  • Desplace la Capa con la imagen shutterstock_29429767 debe ser ubicado sobre la capa Rectángulo 1

  • Para que la imagen asuma la forma de rombo presionamos el comando Alt + Control + G (Windows) o Opt + Comando + G en (Mac), o vamos al menú del panel de Capas, y activamos la opción: Crear máscara de recorte.

  • Así se apreciará el panel de capas y la imagen con la forma de rombo.

Finalizar y guardar

  • Repetir el procedimiento con todas las imágenes: Repite el proceso de colocación y ajuste de imágenes para todos los cuadros de la grilla.

  • Con la imagen: shutterstock_817745.jpg con la figura Rectángulo 1 copia

  • Con la imagen: shutterstock_60389908.jpg con la figura Rectángulo 1 copia 2

  • Con la imagen: shutterstock_41514460.jpg con la figura Rectángulo 2 copia

  • Con la imagen: shutterstock_56699686.jpg con la figura Rectángulo 2 copia

  • Con la imagen: shutterstock_9025909.jpg con la figura Rectángulo 2 copia 6
  • Con la imagen: shutterstock_54280024.jpg con la figura Rectángulo 2 copia 16
  • Con la imagen: shutterstock_51855586.jpg con la figura Rectángulo 2 copia 16

  • Con la imagen: shutterstock_76770766.jpg con la figura Rectángulo 2 copia 16

  • Con la imagen: shutterstock_1112515.jpg con la figura Rectángulo 2

  • El collage está terminado, así que lo guardaremos

  • Guardar el proyecto: Guarda el archivo en formato PSD (Con todas las capas) 
  • Y en formato JPG.

Shortcuts mencionados

  • Nuevo archivo: Ctrl+N (Windows) / Cmd+N (Mac)
  • Herramienta Rectángulo: U
  • Duplicar capa: Ctrl+J (Windows) / Cmd+J (Mac)
  • Transformar: Ctrl+T (Windows) / Cmd+T (Mac)
  • Copiar: Ctrl+C (Windows) / Cmd+C (Mac)
  • Pegar: Ctrl+V (Windows) / Cmd+V (Mac)
  • Mover con precisión: Shift + flechas
  • Máscara de recorte: Alt (Windows) / Option (Mac) + clic

































Comentarios

Entradas populares de este blog

Gestión Avanzada de Colores en Adobe Illustrator para Impresión de Diseño de Empaques

Compaginación de Documentos en Adobe InDesign para Impresión Profesional

Explorando la Herramienta de Cotas en Adobe Illustrator: