Diseño Gráfico

Objetivo de Aprendizaje: Al finalizar esta guía, los estudiantes serán capaces de utilizar Adobe Camera Raw para corregir y personalizar la temperatura de color de imágenes, empleando herramientas y controles específicos para mejorar la calidad visual de sus fotografías. https://www.youtube.com/watch?v=Q4SQAa4wscs Guía de Trabajo: Pasos para Corregir y Personalizar Color en Adobe Camera Raw Paso 1: Visualización de Imágenes en Adobe Bridge Abrir Adobe Bridge : Inicia Adobe Bridge y navega hasta la carpeta donde se encuentra tu imagen JPEG. Visualización en Pantalla Completa : Comando Corto : Presiona la tecla Espacio para ver la imagen en modo pantalla completa. Esto te permitirá observar la imagen en detalle antes de realizar ajustes. Paso 2: Abrir la Imagen en Adobe Camera Raw Seleccionar la Imagen : Haz clic en la imagen que deseas editar. Abrir en Camera Raw : Ve al menú Archivo y selecciona Abrir en Camera Raw . Esto abrirá la imagen en Adobe Camera Raw, donde podrás realizar co...

Objetivo del Aprendizaje: El objetivo de esta guía es familiarizar a los usuarios con el uso de Adobe Camera Raw (ACR) dentro de Adobe Photoshop, permitiéndoles realizar mejoras significativas en sus fotografías mediante la comprensión y aplicación de diversas herramientas y ajustes. Al finalizar, los participantes estarán capacitados para utilizar ACR para editar imágenes en diferentes formatos de archivo, aplicar ajustes de color, exposición y contraste, y optimizar su flujo de trabajo fotográfico. https://www.youtube.com/watch?v=KwgLBTpkie0 Guía de Trabajo: Usando Adobe Camera Raw Paso 1: Abrir una Imagen en Adobe Camera Raw Seleccionar Imagen : Abre Adobe Bridge y selecciona la imagen que deseas editar. Puedes trabajar con archivos en formato RAW, JPEG o TIFF. Acceder a Camera Raw : Ve al menú Archivo > Abrir en Camera Raw . Comando Corto : Mac : Cmd + R Windows : Ctrl + R Paso 2: Activar Modo Pantalla Completa Para trabajar sin distracciones y tener una vista más grande de tu ...

Objetivo del Aprendizaje: El objetivo de esta guía es familiarizar al usuario con la interfaz de Adobe Camera Raw, mostrando cómo abrir diferentes formatos de archivo, utilizar herramientas y comandos para mejorar fotografías y optimizar el flujo de trabajo en Photoshop. https://youtu.be/Z7GNhCmVXEI Guía de Trabajo: Uso de Adobe Camera Raw en Photoshop Paso 1: Abrir Archivos en Adobe Camera Raw Abrir Archivos RAW : Desde Adobe Bridge : Selecciona el archivo RAW. Ve al menú Archivo > Abrir en Adobe Camera Raw . Alternativamente, utiliza el atajo Cmd + R (Mac) o Ctrl + R (Windows). Abrir Archivos JPEG : Selecciona el archivo JPEG en Adobe Bridge. Menú Archivo > Abrir en Camera Raw . Usa el atajo Cmd + R (Mac) o Ctrl + R (Windows). Abrir Archivos TIFF : Selecciona el archivo TIFF. Menú Archivo > Abrir en Camera Raw . También puedes usar el atajo mencionado anteriormente. Abrir Documentos de Photoshop : Para archivos PSD, primero abre el archivo en Photoshop: Menú Archivo ...

Objetivo de Aprendizaje: Al finalizar esta guía, el estudiante será capaz de utilizar las herramientas y funciones de Adobe Camera Raw, familiarizándose con su interfaz y mejorando su flujo de trabajo en Photoshop mediante el uso de ajustes no destructivos. Guía de Trabajo: Uso de Adobe Camera Raw Paso 1: Acceso a Adobe Camera Raw Iniciar Camera Raw : Abre una imagen RAW directamente desde el explorador de archivos o a través de Photoshop (Archivo > Abrir). Modo de Filtro : También puedes acceder a Camera Raw como un filtro en Photoshop (Filtro > Camera Raw). Paso 2: Familiarización con la Interfaz Área Superior : Contiene herramientas esenciales. Herramientas de Zoom : Zoom In : Presiona Z y haz clic en la imagen para acercar. Zoom Out : Presiona Z + Alt y haz clic para alejar. Herramienta de Recorte : Presiona C para recortar la imagen. Botones Funcionales : Preferencias : Haz clic en el ícono de ajustes para acceder a la configuración. Vista Previa : Haz clic en el botón d...

Objetivo de Aprendizaje: Al finalizar esta guía, el estudiante será capaz de navegar y utilizar las herramientas de Adobe Camera Raw de manera efectiva, integrándolas en su flujo de trabajo de Photoshop para realizar mejoras y ajustes en sus fotografías. https://www.youtube.com/watch?v=9v5NU6ZUzQ4 Guía de Trabajo: Uso de Adobe Camera Raw Paso 1: Acceso a Adobe Camera Raw Acción : Abrir una imagen en Adobe Camera Raw. Comando Corto : Al abrir una imagen en formato RAW en Photoshop, automáticamente se abrirá en Adobe Camera Raw. Para abrir una imagen existente, selecciona el archivo y usa Ctrl + O . Paso 2: Familiarización con la Interfaz Descripción : Al abrir Adobe Camera Raw, observarás varios elementos en la interfaz: Herramientas de la parte superior : Incluyen herramientas para zoom , recortar y retocar . Botón de preferencias : Accede a configuraciones personalizables. Modo de pantalla completa : Mejora la visibilidad y el espacio de trabajo. Paso 3: Uso de las Herramientas de Me...

Objetivo del Aprendizaje: Al finalizar esta guía, el estudiante será capaz de utilizar Adobe Camera Raw para mejorar y corregir fotografías mediante ajustes no destructivos, comprendiendo la diferencia entre captura en RAW y procesamiento en RAW, así como aplicando diversas funciones y herramientas para optimizar su flujo de trabajo en la edición fotográfica. https://www.youtube.com/watch?v=ESaHEuP4qP0 Guía de Trabajo: Uso de Adobe Camera Raw 1. Introducción a Adobe Camera Raw Descripción : Adobe Camera Raw es una herramienta poderosa que permite mejorar y corregir fotografías mediante ajustes no destructivos. Facilita el procesamiento de imágenes en formatos RAW y otros como TIFF y JPEG. 2. Abrir Imágenes en Adobe Camera Raw Paso 1 : Abre Adobe Photoshop. Paso 2 : Ve a Archivo > Abrir (Ctrl + O) y selecciona una imagen en formato RAW. Función : Cargar la imagen en Adobe Camera Raw para comenzar a editar. 3. Diferenciación entre Captura RAW y Procesamiento RAW Captura RAW : Imágen...

Objetivo de Aprendizaje: El objetivo de esta guía es enseñar a los usuarios cómo crear, gestionar y vender acciones en Adobe Photoshop para proyectos de diseño, tales como maquetas de logotipos, sitios web y dispositivos móviles. Al finalizar esta guía, los usuarios sabrán crear acciones que aceleren su flujo de trabajo y descubrirán cómo aprovechar esta habilidad para generar ingresos adicionales vendiendo estos recursos en plataformas como Dribbble y GraphicRiver. https://www.youtube.com/watch?v=F2n3L3xgMjk Guía Paso a Paso: 1. Creación de Acciones en Photoshop Paso 1 : Abre un archivo PSD con el diseño que quieres automatizar ( Ctrl + O ). Paso 2 : Dirígete al panel de Acciones (Ventana > Acciones). Paso 3 : Crea una nueva carpeta para organizar tus acciones. Haz clic en el icono de carpeta y nómbrala según el proyecto (ejemplo: “Logo Showcase”). Paso 4 : Haz clic en el icono de Nueva Acción y dale un nombre (ejemplo: “Mobile Mockup”). Presiona Grabar . 2. Grabación de la Acció...

Objetivo de Aprendizaje: El objetivo de esta guía es enseñar a los usuarios cómo verificar y ajustar acciones grabadas en Adobe Photoshop a través de diferentes ejemplos, garantizando su correcta ejecución. Además, se proporcionarán instrucciones para personalizar colores en maquetas móviles y gestionar contenido mediante ajustes rápidos. https://www.youtube.com/watch?v=RgkQ55MD8_I Guía Paso a Paso: 1. Abrir Archivo PSD y Preparar la Acción Paso 1 : Abre el archivo Mobile 2 PSD en Photoshop ( Ctrl + O ). Paso 2 : Copia una imagen de las mismas dimensiones (480 x 854 px) desde un navegador o archivo externo. Paso 3 : Selecciona todo con Ctrl + A y elimina el contenido anterior con Supr . Paso 4 : Pega la nueva imagen con Ctrl + V y ajústala dentro del mockup. 2. Ejecutar la Acción Paso 5 : Con la nueva imagen colocada, selecciona la acción grabada previamente desde el panel de acciones ( Ventana > Acciones ). Paso 6 : Haz clic en Play para ejecutar la acción. Verifica que los aju...

Objetivo de Aprendizaje: El objetivo de esta guía es enseñar a los usuarios a automatizar tareas repetitivas mediante el uso de "Acciones" en Adobe Photoshop. Al final de esta guía, los usuarios serán capaces de crear, grabar y ejecutar acciones que optimicen el flujo de trabajo en proyectos con múltiples capas y formatos de exportación. https://www.youtube.com/watch?v=4jHzeYIJtGA Guía Paso a Paso: 1. Preparación del Proyecto: Configuración de la plantilla base Paso 1 : Asegúrate de que la opción Auto Select Layer esté activada en la herramienta de mover (atajo: V ). Paso 2 : Elimina gráficos de marcador de posición: Selecciona las capas no deseadas (en este caso, selecciona la capa “Ile one”). Presiona Supr para eliminarlas. Guarda el archivo ( Ctrl + S ). 2. Organización de las Capas Paso 3 : Elimina las capas móviles innecesarias (por ejemplo, "Mobile 2"): Selecciona la capa correspondiente. Presiona Supr dos veces para eliminar las capas vinculadas. Guarda el...

Objetivo del Aprendizaje: El objetivo de esta guía es enseñar a los estudiantes a utilizar las herramientas de Adobe Photoshop para diseñar interfaces gráficas de usuario (GUI) para aplicaciones móviles. A lo largo de esta guía, los estudiantes aprenderán a crear y manipular capas, aplicar transformaciones, y optimizar sus diseños para visualización en dispositivos móviles, utilizando comandos cortos y funciones específicas del programa. https://www.youtube.com/watch?v=4Siyd5-Av7M Guía de Trabajo: Uso de Adobe Photoshop para Diseñar Interfaces Gráficas Móviles 1. Creación de un Nuevo Documento Comando: Ctrl + N Pasos: Abre Adobe Photoshop. Selecciona Archivo > Nuevo . Configura el ancho a 800 px y la altura a 3000 px . Haz clic en Crear . Rellena el fondo con color blanco. 2. Renombrar la Capa de Fondo Comando: Clic derecho en la capa > Renombrar Pasos: Haz clic derecho en la capa de fondo en el panel de capas. Selecciona Renombrar y escribe Fondo . 3. Crear un Contenedor pa...

  Objetivo de Aprendizaje: El objetivo de esta guía es que los estudiantes aprendan a automatizar la presentación de mockups web utilizando acciones en Adobe Photoshop. Se enfocará en el uso de comandos cortos y herramientas clave para crear plantillas reutilizables que permitan la inserción y ajuste rápido de diferentes capturas o diseños web, optimizando su flujo de trabajo. https://www.youtube.com/watch?v=yCxEEW4m9uQ Título de la Guía: Automatización de Presentaciones Web con Acciones en Adobe Photoshop Herramientas y Comandos Cortos Utilizados: Controlar capas y elementos: Seleccionar todo : Ctrl + A Copiar : Ctrl + C Pegar : Ctrl + V Guardar : Ctrl + S Eliminar : Supr Transformar libremente : Ctrl + T Deseleccionar : Ctrl + D Uso de acciones: Crear nueva carpeta de acciones : Ventana > Acciones Iniciar grabación de acción : Crear nueva acción Parar grabación de acción : Detener grabación Trabajar con archivos: Abrir archivo : Ctrl + O Crear nuevo archivo : Ctrl + N Guardar ...

Objetivo de Aprendizaje: El objetivo de esta guía es enseñar a los estudiantes a utilizar las herramientas de acciones en Adobe Photoshop para automatizar procesos repetitivos, tales como la edición de mockups de sitios web. Los estudiantes aprenderán a configurar, grabar y ejecutar acciones para mejorar la eficiencia en la creación y exportación de diferentes presentaciones de diseño web. https://youtu.be/I2Ndnn7A1Eo Guía Paso a Paso: 1. Preparación del archivo PSD Paso 1 : Abre el archivo PSD con el que trabajarás. Paso 2 : Elimina las capas innecesarias para tener un lienzo limpio. Comando corto : Ctrl + S (Guardar los cambios). 2. Configuración de Acciones Paso 3 : Ve al menú de Ventana y selecciona Acciones para abrir el panel de acciones. Ruta : Ventana > Acciones . Paso 4 : Crea una nueva carpeta de acciones. Haz clic en el ícono de carpeta en la parte inferior del panel de acciones. Nombra la carpeta, por ejemplo: Website Showcase . Comando corto : No disponible (acción m...

  Objetivo de Aprendizaje: El objetivo de esta guía es enseñar a los estudiantes a crear presentaciones visuales profesionales de sitios web mediante la creación de mockups en Adobe Photoshop. Los estudiantes aprenderán a trabajar con capas, herramientas de transformación, máscaras de recorte y objetos inteligentes para desarrollar diferentes vistas de un sitio web. https://www.youtube.com/watch?v=lQIzBMbw7FA Paso a Paso: 1. Crear un Nuevo Archivo Abre Adobe Photoshop . Ve a Archivo > Nuevo o usa el comando rápido Ctrl + N . Configura el archivo con las siguientes dimensiones: Ancho : 1500 px Alto : 5000 px Resolución : 72 ppi Haz clic en Aceptar . 2. Crear la Capa de Fondo Selecciona la Herramienta Bote de Pintura (G) y rellena la capa con color blanco. Si el fondo ya es blanco, omite este paso. Renombra esta capa como "Fondo" . 3. Crear un Contenedor Rectangular Selecciona la Herramienta de Forma Rectangular (U). Haz clic una vez en el lienzo para abrir el cuadro de d...

Objetivo de Aprendizaje: El objetivo de esta guía es que el usuario pueda comprender y aplicar la automatización de tareas repetitivas mediante el uso de acciones en Adobe Photoshop. Al finalizar, el usuario será capaz de escalar, posicionar y ajustar logos utilizando atajos de teclado y comandos del programa de manera eficiente. https://www.youtube.com/watch?v=nQJe3qizsU8 Instrucciones Paso a Paso Ajuste y Posicionamiento del Logo en un Documento: Abrir el archivo del logo: Ir a Archivo > Abrir (Ctrl + O). Selecciona el archivo del logo con fondo blanco. Seleccionar el contenido del logo: Activa la capa del logo con fondo blanco. Usa el comando Ctrl + A para seleccionar toda la capa. Elimina el contenido presionando Suprimir . Pegar el logo nuevo: Usa Ctrl + V para pegar el logo copiado en la posición central. Si el logo se coloca fuera de la vista debido al tamaño del documento, desactiva la opción "Auto-Seleccionar Capa" en la barra de herramientas superior y arrastr...

Objetivo de Aprendizaje: Al finalizar esta guía, el estudiante será capaz de automatizar procesos repetitivos en Adobe Photoshop utilizando las herramientas de Acciones, optimizando la producción en proyectos de diseño gráfico como la presentación de logotipos y la manipulación de capas. https://youtu.be/6NMVyzkuVp8 Introducción: En esta guía, aprenderás a crear y grabar Acciones en Adobe Photoshop, lo cual permite automatizar tareas repetitivas. Esto es especialmente útil cuando trabajas con múltiples archivos o capas y necesitas aplicar los mismos pasos a varios elementos. Herramientas Clave y Comandos Cortos: Ctrl + A: Seleccionar todo Ctrl + C: Copiar Ctrl + D: Deseleccionar Ctrl + T: Transformar Shift: Mantener proporciones al escalar Ctrl + S: Guardar archivo Ctrl + Alt + Shift + S: Guardar para Web Ctrl + O: Abrir archivo Alt + Clic en capa: Seleccionar capas específicas Panel Acciones: Graba, ejecuta y guarda secuencias de acciones automatizadas Pasos para Automatizar...

Objetivo de Aprendizaje: Al finalizar esta guía, el estudiante será capaz de crear y gestionar acciones automatizadas en Adobe Photoshop, optimizando su flujo de trabajo para tareas repetitivas, como la manipulación de capas, duplicación y transformación de elementos. Además, aprenderá a aplicar comandos cortos y a gestionar el panel de acciones de manera eficiente. https://www.youtube.com/watch?v=Pb-q9QJDsek Instrucciones Detalladas: 1. Preparación del Documento y Limpieza de Capas Objetivo : Limpiar el documento antes de grabar las acciones. Selecciona la herramienta Mover (Move Tool) : Presiona V en el teclado. Activa Auto Select Layer en la barra de opciones. Elimina capas innecesarias : Mantén presionada la tecla Shift y selecciona las capas que deseas eliminar. Presiona la tecla Delete para eliminar las capas seleccionadas. Guarda el documento : Presiona Ctrl + S . 2. Eliminar Contenido de Capas Sin Afectar Efectos Haz doble clic sobre la capa que deseas editar. Selecciona to...

Objetivo del Aprendizaje : El objetivo de esta guía es aprender a utilizar herramientas clave de Adobe Photoshop para la creación de sombras, la aplicación de efectos de capa, y la modificación de colores en logotipos. Al finalizar esta actividad, serás capaz de: Crear y manipular sombras para dar profundidad y realismo a los objetos. Utilizar herramientas como el rectángulo redondeado, la transformación de objetos inteligentes, y las máscaras de capa. Aplicar gradientes y efectos de sombra paralela para mejorar la apariencia de los elementos gráficos. Modificar colores de un logotipo usando capas y modos de fusión. https://youtu.be/1qaDDgjc7fs Paso a Paso : 1. Crear una nueva capa para la sombra Acción : Auto-selecciona la capa donde deseas aplicar la sombra. Comando corto : Ctrl + Shift + N para crear una nueva capa. Descripción : Nombra esta capa como "Card Shadow" (Sombra de Tarjeta) y asegúrate de que esté debajo de la tarjeta o el objeto al que deseas agregar la sombra...

Objetivo del Aprendizaje: Al finalizar esta guía, el estudiante será capaz de configurar un documento en Photoshop, insertar y ajustar logotipos en diferentes fondos, utilizar modos de fusión de capas, manejar objetos inteligentes, y crear vistas previas para tarjetas de presentación. Este conocimiento permitirá presentar un diseño de logotipo profesional en diversos contextos visuales y tamaños, manteniendo la coherencia de la marca. https://www.youtube.com/watch?v=MHyojbO4fWc Instrucciones Paso a Paso 1. Crear un Nuevo Documento Abre Photoshop y ve a Archivo > Nuevo (Ctrl + N). Nombra el documento: Logo Design Showcase . Ajusta las dimensiones a 800 píxeles de ancho y 35 píxeles de alto para una vista preliminar. Configura la resolución en 72 ppi para proyectos web. Comando corto: Ctrl + N: Nuevo documento. 2. Ajustar el Zoom a 100% Una vez que tengas el documento abierto, presiona Ctrl + 1 para ver el proyecto al 100%. Comando corto: Ctrl + 1: Zoom al 100%. 3. Rellenar el ...

Objetivo del Aprendizaje: El objetivo de esta guía es que los estudiantes aprendan a usar las acciones de Adobe Photoshop para automatizar tareas repetitivas, como la creación de presentaciones visuales de logotipos, sitios web y aplicaciones móviles. Al finalizar, el estudiante será capaz de configurar y grabar acciones personalizadas que agilicen su flujo de trabajo al realizar presentaciones profesionales para sus clientes. https://youtu.be/mtE2zH1BcTo Paso a Paso: Uso de las Acciones en Adobe Photoshop para Presentaciones de Proyectos Abrir Photoshop y Configurar el Documento Abre Adobe Photoshop. Si aún no tienes un archivo para trabajar, crea un nuevo documento. Comando Corto : Ctrl + N (Windows) o Cmd + N (Mac) para crear un nuevo documento. Configura las dimensiones del documento según las necesidades del proyecto (por ejemplo, 1920x1080 px para presentaciones en pantalla). Preparar el Diseño Abre o importa el logotipo, sitio web, o interfaz de aplicación móvil que deseas mos...