LCM0901_ANT_03

Licenciatura en Ciencias de la comunicación.

Unidad: 3.

NOTA GENERAL: AL SER UNA ASIGNATURA RELACIONADA A DISEÑO DIGITAL, PODRÍAN APOYARNOS CON IMAGENES ALUSIVAS AL TEMA POR FAVOR, COMO A USTEDES LES PARECERÍA UN CURSO ENTRETENIDO SOBRE EL TEMA

EDICIÓN Y APLICACIÓN DEL DISEÑO DIGITAL.

Semana 3

Composición y diseño de imagen.

3.1. Trabajo con capas.3.2. Uso de formas prediseñadas.3.3. Diseño de fondos con formas, pintura y degradados.3.4. Creación y edición de texto.3.5. Técnicas de composición de imagen.

Diseño de índice.Gracias

Unidad 3.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

3.1 Trabajo con capas.

El trabajo con capas en Adobe Photoshop es esencial para cualquier diseño gráfico o edición de imágenes, ya que permite organizar y manipular distintos elementos de una composición de manera independiente.Entender y manejar eficazmente las capas es fundamental para cualquier proyecto en Photoshop, ya que proporciona control total sobre cada aspecto de la imagen o diseño. Esta capacidad de manipulación precisa y no destructiva es lo que hace a Photoshop una herramienta esencial para diseñadores y editores gráficos.

FAVOR DE INCLUIR IMAGEN ALUSIVA

Edición no destructiva

Edición destructiva

Definición y utilidad

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

Ejemplo 3

Ejemplo 2

Ejemplo 1

Edición destructiva.

La edición destructiva altera permanentemente los píxeles de una imagen original. Cualquier ajuste realizado se aplica directamente sobre la imagen base, lo que significa que los cambios no se pueden revertir una vez aplicados.

• Cambios permanentes: los ajustes, como el recorte, el cambio de tamaño o el ajuste de color, modifican la imagen original de manera irreversible.

• Pérdida de datos: cada ajuste o modificación reemplaza la información original, lo que puede llevar a una pérdida de calidad y detalles si se realizan múltiples ediciones.

• Ejemplos de herramientas y técnicas destructivas: uso de la herramienta de recorte, ajuste de brillo/contraste directamente en la imagen, aplicación de filtros sin capas de ajuste, y cambios de tamaño sin guardar copias originales.

FAVOR DE INCLUIR IMAGEN ALUSIVA

Edición no destructiva.

La edición no destructiva preserva la imagen original al aplicar ajustes y cambios de manera que se pueden revertir o modificar en cualquier momento sin alterar la imagen base. Utiliza capas adicionales y ajustes que pueden ser editados o eliminados sin afectar el contenido original.

• Preservación de la imagen original: los ajustes se aplican mediante capas de ajuste, máscaras de capa, y otras herramientas que no alteran la imagen original.

• Flexibilidad: los cambios pueden ser revisados, ajustados o revertidos en cualquier momento durante el proceso de diseño.

FONDO

AGREGAR IMAGEN ALUSIVA POR FAVOR

IMAGEN

FORMA

TEXTO

AJUSTE

Tipos de capas.

FAVOR DE AGREGAR IMAGEN ALUSIVA

Panel de capas

Grupos de capas

Máscaras de capa

Organización de capas.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

3.2. Uso de formas prediseñadas.

El uso de formas prediseñadas en Adobe Photoshop es una herramienta que permite crear rápidamente elementos visuales precisos y efectivos. Las formas prediseñadas, que incluyen una variedad de figuras geométricas y objetos vectoriales, ofrecen la flexibilidad de ser escaladas y personalizadas sin pérdida de calidad, lo que las hace ideales para una amplia gama de aplicaciones, desde el diseño de interfaces hasta la creación de ilustraciones complejas.Esta técnica es esencial para aquellos que buscan mejorar su flujo de trabajo y crear diseños consistentes y de alta calidad de manera eficiente.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

Tipos de formas.

Rectángulo: útil para crear cajas de texto, botones y contenedores.Elipse: ideal para crear círculos y óvalos, utilizados en iconografía y diseño de logotipos.Polígono: permite crear polígonos regulares de cualquier número de lados, útil para gráficos y diagramas.Línea: se usa para dibujar líneas rectas con diferentes espesores y estilos. Forma personalizada: ofrece una variedad de formas complejas y decorativas, desde flechas hasta estrellas y siluetas de objetos.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

Acceso a herramientas.

Herramienta de forma: localizada en la barra de herramientas, permite seleccionar y dibujar diferentes formas básicas.Formas personalizadas: ofrecen una mayor variedad de diseños predefinidos y la capacidad de importar formas adicionales o crear las propias.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

3.3. Diseño de fondos con formas, pintura y degradados.

El diseño de fondos es un componente esencial en la creación de composiciones gráficas atractivas y efectivas. Un fondo bien elaborado puede mejorar significativamente la apariencia general de un proyecto, proporcionando contexto y profundidad que resaltan los elementos principales.Adobe Photoshop ofrece una variedad de herramientas y técnicas que permiten a los diseñadores crear fondos visualmente impactantes utilizando formas prediseñadas, herramientas de pintura y degradados. Estas técnicas no solo facilitan la creación de fondos estéticamente agradables, sino que también permiten una gran flexibilidad y personalización, adaptándose a las necesidades específicas de cada proyecto.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

Técnicas de personalización de formas.

Relleno y trazo: modificar los colores de relleno y trazo, así como los estilos y grosores de las líneas.Transformaciones: escalar, rotar y distorsionar formas para adaptarlas a la composición deseada.Estilos de capa: aplicar efectos como sombras, biselados, y resplandores para dar más profundidad y dimensión a las formas.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

Pinturas.

Pinceles: Photoshop ofrece una amplia variedad de pinceles que se pueden personalizar en términos de tamaño, dureza, opacidad y flujo. Los pinceles pueden ser utilizados para pintar a mano alzada, crear texturas y añadir detalles únicos a los fondos.Técnicas de mezcla: utilizar diferentes modos de fusión para combinar colores y crear efectos de transición suaves y realistas.Capas de pintura: trabajar con múltiples capas de pintura para mantener la flexibilidad y permitir ajustes posteriores.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

Degradados.

Lineales y radiales: los degradados lineales cambian de color a lo largo de una línea recta, mientras que los radiales lo hacen en forma circular desde un punto central.Degradados de forma libre: Photoshop también permite crear degradados más complejos utilizando la herramienta de degradado de forma libre, que proporciona un control preciso sobre los puntos de inicio y finalización del color.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

Combinación de técnicas.

Uso de capas: trabajar con múltiples capas que contienen formas, pintura y degradados, organizándolas y aplicando máscaras de capa para integrar los elementos de manera coherente.Estilos de capa: aplicar estilos de capa a cada elemento individualmente o en conjunto para crear cohesión visual y profundidad.Máscaras y selecciones: utilizar máscaras y herramientas de selección para aislar y modificar partes específicas del fondo, permitiendo una edición precisa y controlada.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

3.4. Creación y edición de texto.

El texto es un componente fundamental en el diseño gráfico, utilizado para comunicar mensajes, títulos, descripciones y más. En Adobe Photoshop, las herramientas de creación y edición de texto son extremadamente versátiles, permitiendo a incorporar texto de manera efectiva en sus composiciones visuales.Ofrece una amplia gama de opciones para personalizar el texto, desde la elección de la fuente y el tamaño hasta el ajuste de propiedades avanzada.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

Herramienta texto.

Texto horizontal: es la herramienta más común, utilizada para escribir texto en línea recta de izquierda a derecha.Texto vertical: permite escribir texto de arriba hacia abajo, útil para ciertos estilos de diseño o idiomas.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

Propiedades del texto.

Fuente y estilo: elegir entre una variedad de fuentes y estilos (negrita, cursiva, etc.).Tamaño: ajustar el tamaño del texto para diferentes aplicaciones y contextos.Interlineado: modificar el espacio entre líneas de texto para mejorar la legibilidad.Kerning: ajustar el espacio entre caracteres individuales. Tracking: cambiar el espacio entre un grupo de caracteres.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

Estilos de texto.

Sombras y resplandores: añadir sombras paralelas, resplandores interiores y exteriores para dar profundidad y destacar el texto.Bisel y relieve: aplicar efectos de biselado y relieve para crear un aspecto tridimensional.Degradados y texturas: rellenar el texto con degradados, patrones o texturas para añadir interés visual.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

Transformaciones y deformaciones de texto.

Transformar texto: escalar, rotar y distorsionar el texto utilizando las opciones de transformación.Deformar texto: aplicar deformaciones como arco, banderola, y otras formas predefinidas para crear efectos estilizados.

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

3.5. Técnicas de composición de imagen.

La composición de imagen se refiere al proceso de organizar los elementos visuales dentro de un marco para crear una imagen equilibrada y estéticamente agradable.En Photoshop, se tiene acceso a una variedad de herramientas y métodos para ajustar la posición, escala, color y otros atributos de los elementos visuales, asegurando que cada componente contribuya a la coherencia y el impacto visual de la composición.

FAVOR DE MEJORAR EL DISEÑO Y AGREGAR IMAGEN ALUSIVA

AGREGAR IMAGENES DENTRO DE LAS VENTANAS

Centro de interés

Repetición o patronaje

Regla de tercios

Simetría y asimetría

Principios básicos de composición.

PERFIL

FAVOR DE MEJORAR EL DISEÑO

Desenfoque de campo: aplicar desenfoques selectivos para simular la profundidad de campo y dirigir la atención a puntos específicos de la imagen.

Capas de fondo y primer plano: crear una sensación de profundidad organizando elementos en diferentes planos, con capas de fondo, medio y primer plano.

Perspectiva y profundidad

Montajes: Crear montajes visuales combinando diferentes imágenes de manera coherente, utilizando técnicas de enmascarado y ajuste de color para integrarlas armoniosamente.

Superposiciones: mezclar varias imágenes o elementos gráficos utilizando modos de fusión y opacidades para crear composiciones complejas.

Combinar imágenes

Transformar: escalar, rotar y distorsionar elementos para ajustarlos a la composición deseada.

Recortar: utilizar la herramienta de recorte para eliminar partes innecesarias de la imagen y mejorar el enfoque en los elementos principales.

Máscaras de capa: Utilizar máscaras para ocultar o revelar partes de las capas, permitiendo una edición no destructiva y ajustes precisos. Recorte y ajuste de tamaño.

Uso de capas: organizar elementos en capas separadas para facilitar la edición y mantener la flexibilidad en la composición.

Capas y mascaras

Técnicas avanzadas

FAVOR DE DAR DISEÑO

FAVOR DE AJUSTAR EL DISEÑO

Responde el siguiente cuestionario

Cuestionario

Terminaste el

Cuestionario

Este breve repaso nos ayudará a afianzar los conceptos clave.

Cuestionario

FAVOR DE DAR DISEÑO Y AGREGAR IMAGEN ALUSIVA

Referencias bibliográficas.Belsol, E. (agosto 2014). Técnicas de composición grafica. Recuperado de: https://edgarbelsol.wordpress.com/2014/08/18/tecnicas-de-composicion-grafica/Caronte estudio. (2023). Modificación de texto en Photoshop. Recuperado de: https://carontestudio.com/blog/modificar-texto-en-photoshop/Costa, M. S. (Febrero 2021). Principios de composición visual. Video. Recuperado de: https://www.youtube.com/watch?v=rHKTFYsH9GQDesarrollo web. (2010). Formas personalizadas en Photoshop. Recuperado de: https://desarrolloweb.com/articulos/formas-personalizadas-photoshop.html

Referencias bibliográficas.Discovery. (2021). Capas en Photoshop. Recuperado de: https://discoveryformacion.com/capas-en-photoshop-que-son-y-utilidades/GCFGlobal. (2024). Las capas en photoshop . Recuperado de: https://edu.gcfglobal.org/es/curso-de-photoshop/las-capas-de-photoshop/1/Soft Zone. (2023). Diseña tus propios fondos en Photoshop. Recuperado de: https://www.softzone.es/programas-top/photoshop/crear-fondos-pantalla-photoshop/Vuelo ártico. (2024). Técnicas visuales de composición. Recuperado de: https://www.vueloartico.com/2021/07/07/tecnicas-visuales-composicion/

Has terminado tus estudios de la semana 3

¡Enhorabuena!

FAVOR DE INCLUIR IMAGEN ALUSIVA

Edición destructiva

La edición destructiva altera permanentemente los píxeles de una imagen original. Cualquier ajuste realizado se aplica directamente sobre la imagen base, lo que significa que los cambios no se pueden revertir una vez aplicados. Cambios permanentes: Los ajustes, como el recorte, el cambio de tamaño o el ajuste de color, modifican la imagen original de manera irreversible. Pérdida de datos: Cada ajuste o modificación reemplaza la información original, lo que puede llevar a una pérdida de calidad y detalles si se realizan múltiples ediciones. Ejemplos de herramientas y técnicas destructivas: Uso de la herramienta de recorte, ajuste de brillo/contraste directamente en la imagen, aplicación de filtros sin capas de ajuste, y cambios de tamaño sin guardar copias originales.

Grupos de capas: los grupos de capas permiten agrupar varias capas relacionadas, facilitando la organización y la aplicación de transformaciones y ajustes a múltiples capas simultáneamente.

Capas de ajuste: aplican cambios a la imagen de manera no destructiva. Ejemplos incluyen capas de niveles, curvas, brillo/contraste, y balance de color. Estas capas son particularmente útiles para ajustes globales o específicos sin alterar los píxeles de la imagen original.

Capas de texto: permiten añadir texto editable. Photoshop ofrece herramientas avanzadas de tipografía, como el ajuste de kerning, tracking, y la alineación del texto, que son fundamentales para la creación de diseños atractivos.

Panel de capas: este panel muestra todas las capas en el orden de apilamiento, lo que afecta cómo se ven en la composición final. Las capas superiores ocultan las inferiores, pero esto se puede gestionar mediante la opacidad y los modos de fusión.

Capas de fondo: generalmente la capa base que contiene el color de fondo o la imagen principal de la composición. Esta capa suele estar bloqueada para evitar modificaciones accidentales, pero se puede desbloquear si es necesario.

Capas de forma: utilizadas para dibujar formas vectoriales (como rectángulos, elipses, polígonos). Estas capas son completamente editables y escalables sin pérdida de calidad, lo que las hace ideales para iconografía y elementos gráficos.

Máscaras de capa: las máscaras de capa permiten ocultar o mostrar partes de una capa sin eliminar información, usando una escala de grises donde el blanco revela y el negro oculta. Esto es esencial para técnicas de montaje y retoque fotográfico, como la eliminación de fondos o la creación de efectos de iluminación.

Divide la imagen en nueve partes iguales mediante dos líneas horizontales y dos verticales. Coloca los elementos clave en las intersecciones de estas líneas para crear una composición equilibrada y visualmente atractiva.

Juega con la simetría para lograr una composición equilibrada y armoniosa. También, experimenta con la asimetría para añadir dinamismo y romper patrones predecibles.

Destaca un elemento principal en la imagen para guiar la atención del espectador. Utiliza la regla de los tercios para colocar el centro de interés en un punto estratégico.

Utiliza elementos que se repitan en secuencia o vayan hacia una misma dirección de manera muy similar para generar esa sensación de profundidad.

Capas de imagen: utilizadas para añadir fotografías o gráficos rasterizados a la composición. Estas capas pueden ser editadas de diversas maneras, como ajustar el color, aplicar filtros, o realizar transformaciones.

FAVOR DE INCLUIR IMAGEN ALUSIVA

Edición no destructiva

La edición no destructiva preserva la imagen original al aplicar ajustes y cambios de manera que se pueden revertir o modificar en cualquier momento sin alterar la imagen base. Utiliza capas adicionales y ajustes que pueden ser editados o eliminados sin afectar el contenido original. Preservación de la imagen original: Los ajustes se aplican mediante capas de ajuste, máscaras de capa, y otras herramientas que no alteran la imagen original. Flexibilidad: Los cambios pueden ser revisados, ajustados o revertidos en cualquier momento durante el proceso de diseño.

Definición y utilidad

FAVOR DE INCLUIR IMAGEN ALUSIVA

Las capas pueden entenderse como hojas de acetato superpuestas, cada una conteniendo parte de la imagen. Esta estructura permite manipular cada componente visual por separado, facilitando ediciones precisas y no destructivas. Al trabajar con capas, se puede experimentar con diferentes elementos visuales (como imágenes, texto, formas y efectos) sin modificar el contenido original, lo que es crucial para mantener la flexibilidad en el proceso de diseño.