Creación de Efecto de Corte y Sombra en Adobe Photoshop

Objetivo del Aprendizaje:

Aprender a utilizar las herramientas de Adobe Photoshop para crear un concepto de diseño gráfico que incluya efectos de corte y sombra. Los estudiantes desarrollarán habilidades en el uso de capas, máscaras, herramientas de selección y ajuste de imagen, y trabajarán con objetos inteligentes y estilos de capa.


Pasos y Herramientas

Paso 1: Crear un Nuevo Documento

  1. 1. Abre Adobe Photoshop.
  2. 2. Crea un nuevo documento con las siguientes dimensiones:

    •    - Ancho: 1920 px
    •    - Alto: 1080 px
  •   Comando Corto: `Ctrl + N` (Windows) / `Cmd + N` (Mac)

Paso 2: Insertar y Escalar la Imagen

  1. 1. Arrastra la imagen que deseas utilizar al documento.
  2. 2. Escala la imagen manteniendo presionadas las teclas `Alt` y `Shift`, luego presiona `Enter`.

  •   Comando Corto: `Ctrl + T` (Windows) / `Cmd + T` (Mac) y luego `Alt + Shift` para escalar.

Paso 3: Eliminar el Fondo

  1. 1. Añade una nueva capa de ajuste de Brillo y Contraste.

    •    - Marca la opción Usar heredado y ajusta el contraste y brillo.
  •    Ruta: Capa > Nueva capa de ajuste > Brillo/Contraste

  1. 2. Selecciona la capa de la imagen.
  2. 3. Ve a Seleccionar y elige Gama de colores.

    •    - Haz clic en el fondo con la tecla `Shift` presionada para seleccionarlo completamente blanco.
    •    - Ajusta la fuzziness según sea necesario y presiona OK.
  •   Ruta: Seleccionar > Gama de colores

  1. 4. Haz clic en el icono de máscara para aplicar la selección como máscara a la capa.
  2. 5. Invierta la máscara con el comando corto `Ctrl + I` (Windows) / `Cmd + I` (Mac).

  •      Comando Corto: `Ctrl + I` (Windows) / `Cmd + I` (Mac)

Paso 4: Ajustar la Máscara y Quitar el Fondo

  1. 1. Haz doble clic en la capa de fondo para desbloquearla.
  2. 2. Añade una superposición de color en el panel de estilos de capa y selecciona un color oscuro.

  •    Ruta: Capa > Estilo de capa > Superposición de color

  1. 3. Selecciona la miniatura de la máscara y ajusta los bordes en el panel de propiedades.

  •    - Disminuye el valor de desplazar borde y añade algo de desenfoque.

Paso 5: Convertir la Imagen en Blanco y Negro

  1. 1. Duplica la capa de la imagen y oculta la original.
  2. 2. Convierte la capa duplicada en un objeto inteligente y luego rasterízala.

  •    Comando Corto: `Clic derecho en la capa > Convertir a objeto inteligente` y `Rasterizar capa`.

  1. 3. Ve a Imagen > Ajustes > Blanco y Negro y ajusta según sea necesario.

  •    Ruta: Imagen > Ajustes > Blanco y Negro

Paso 6: Dividir la Imagen en Partes

  1. 1. Selecciona la Herramienta Pluma y traza alrededor de la parte inferior del rostro.
  2. 2. Haz clic con el botón derecho y selecciona Hacer selección, luego aplica una máscara.
  3. 3. Invierta la máscara con `Ctrl + I` (Windows) / `Cmd + I` (Mac).

  •   Comando Corto: `P` (Herramienta Pluma), `Ctrl + Enter` (Windows) / `Cmd + Enter` (Mac) para hacer selección.

Paso 7: Crear el Efecto de Corte

  1. 1. Utiliza la Herramienta Pluma para trazar diferentes secciones del rostro (mentón, nariz, frente).
  2. 2. Convierte cada sección en una selección y luego córtala (`Ctrl + X`), y pégala (`Ctrl + Shift + V`) en una nueva capa.

  •   Comando Corto: `P` (Herramienta Pluma), `Ctrl + X` (Windows) / `Cmd + X` (Mac), `Ctrl + Shift + V` (Windows) / `Cmd + Shift + V` (Mac)

Paso 8: Aplicar Sombra y Gradientes

  1. 1. Selecciona la Herramienta Elipse y crea una forma ovalada debajo del mentón para crear la sombra.
  2. 2. Aplica un Desenfoque de movimiento y luego un Desenfoque gaussiano.

  •      Ruta: Filtro > Desenfoque > Desenfoque de movimiento / Desenfoque gaussiano

  1. 3. Ajusta los colores y gradientes de las secciones trazadas utilizando el panel de gradiente en el estilo de capa.

  •   Ruta: Capa > Estilo de capa > Superposición de degradado

Paso 9: Finalizar el Diseño

  • 1. Ajusta la posición y tamaño de cada sección para crear un efecto dinámico.
  • 2. Añade texto y otros elementos gráficos según sea necesario.

Comandos Cortos Importantes

  • - Nuevo Documento: `Ctrl + N` (Windows) / `Cmd + N` (Mac)
  • - Transformar: `Ctrl + T` (Windows) / `Cmd + T` (Mac)
  • - Invertir Máscara: `Ctrl + I` (Windows) / `Cmd + I` (Mac)
  • - Hacer Selección: `Ctrl + Enter` (Windows) / `Cmd + Enter` (Mac)
  • - Cortar: `Ctrl + X` (Windows) / `Cmd + X` (Mac)
  • - Pegar en el Mismo Lugar: `Ctrl + Shift + V` (Windows) / `Cmd + Shift + V` (Mac)

Esta guía proporciona una estructura clara para crear un diseño gráfico con efectos de corte y sombra en Adobe Photoshop, destacando comandos cortos y funciones clave del programa para facilitar el proceso de aprendizaje.

Video de referencia: https://www.youtube.com/watch?v=DPSs1IxiDsM&list=PL9pkETrdJ0rb-BsDHwE0gmsj0duEXqbQ3


Comentarios

Publicar un comentario

Entradas populares de este blog

Efecto Agua con Adobe Photoshop

Imagen
 Efecto Agua Abrir Photoshop: Ejecuta Adobe Photoshop Crear un Nuevo Documento: Ve a "Archivo" en la barra de menú ( Ctrl o Cmd + N ). Establece una altura de 1922 píxeles y una resolución de 1080 píxeles. Trabajar con Capas: Haz clic en la capa ( F7 para abrir la ventana de capas). Abrir el Editor de Gradientes: Agregue un relleno de degradado desde del botón inferior del panel de capas (Botón de relleno y ajuste). Damos clic sobre la barra de degradado y entramos al Editor de degradado En el extremo derecho del controlador de degradado insertamos el valor #0090EA En el extremo izquierdo del controlado de degradado insertamos el valor de #5EB0EF Cambiamos en el panel de degradado a Radial, con un ángulo de 90º, con una escala de 150% y con opción activada de Alinear con Capa. Y cerramos el panel dando OK Seleccionar Herramienta de Texto Horizontal: Selecciona la herramienta de texto horizontal ( T para acceder a
Leer más

Efecto código binario en Adobe Photoshop

Imagen
 1. Copiar el Poema: Visita la página web [Casa de la Literatura](https://www.casadelaliteratura.gob.pe/poemas-cesar-vallejo-leer-tiempos-crisis/). Selecciona y copia uno de los poemas cortos de César Vallejo. 2. Traducir a Código Binario: Abre la página web https://www.binarytranslator.com. Pega el texto del poema en el traductor y convierte el texto a código binario. 3. Preparar el Documento en Adobe Illustrator: Abre Adobe Illustrator y crea un nuevo documento con tamaño A4 en orientación vertical. Pega el código binario copiado en el documento. Cambia la tipografía a Courier New Black con tamaño de fuente 10 puntos y un interlineado de 11.7 puntos. Ajusta el texto para que llene toda la hoja con el código binario. 4. Crear un Documento en Adobe Photoshop: Abre Adobe Photoshop y genere un nuevo documento con las dimensiones de una hoja A4. 5. Copiar y Rasterizar el Texto: Copia el texto del archivo de Adobe Illustrator y pégalo en el nuevo documento de Photosho
Leer más

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

Imagen
 https://www.youtube.com/watch?v=_bEuJj4lXcM&list=PLRKQt7mKHLkE8IuKSXlBl7E76eFZfWWO3&index=3 Este tutorial está diseñado para proporcionarte una comprensión básica de la terminología y la sintaxis de JavaScript, especialmente en el contexto de Adobe Acrobat. Aprenderás cómo los detalles en la escritura del código pueden influir en su funcionamiento, utilizando un ejemplo práctico de un formulario.   Paso 1: Abrir el Formulario y Seleccionar el Campo de Texto 1. Accede al Formulario: Abre el formulario "Registro de agencias de viajes con campos de formulario" en Adobe Acrobat. Utiliza la herramienta "Seleccionar objeto" para elegir el campo del título del trabajo, donde se ha aplicado JavaScript. Paso 2: Explorar la Configuración de JavaScript del Campo 1. Ver Propiedades del Campo:    Haz doble clic en el campo del título Sr o Sra. para abrir sus propiedades.    - Dirígete a la pestaña " Acciones ", donde encontrarás la opción "Ej
Leer más