Diseño Gráfico

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 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 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 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...

 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 ...