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

Efecto Agua con Adobe Photoshop

Tutorial: Introducción a la Terminología y Sintaxis Básica de JavaScript en Adobe Acrobat

Efecto letra verde en 3D con Adobe Photoshop