Adobe XD: Recursos, Transformaciones y Componentes

Name: Adobe XD: Recursos, Transformaciones y Componentes
Author: Alyssa Galganov

Aprenda a transformar elementos y trabajar con activos y componentes en Adobe XD

Preview the first lesson free — get full access to all 4 lessons.

Curso: bajo demanda

Hola, mi nombre es Alyssa, y en estas lecciones repasaremos trabajando con recursos, transformaciones y componentes de Adobe XD. Uno de los beneficios de que XD sea parte de la familia de Adobe es lo bien que funciona con otras aplicaciones de software de Adobe. Cuando estás trabajando en un proyecto, querrás agregar imágenes a tus tableros de arte. Las imágenes se dividen en dos categorías principales, raster y vector. Las imágenes rasterizadas están hechas de píxeles, que son el elemento individual más pequeño en una pantalla digital. Cada píxel de forma cuadrada está organizado y se le asigna un color y todos los píxeles encajan para formar una imagen completa. Son dependientes de la resolución. Las imágenes vectoriales no están compuestas de píxeles, lo que significa que son independientes de la resolución. Cada pieza de la imagen se calcula matemáticamente. de un punto a otro para formar líneas y formas que finalmente crean una imagen. Las imágenes vectoriales se pueden escalar a cualquier tamaño sin perder calidad. Las imágenes rasterizadas se pueden copiar en Photoshop y pegado directamente en Adobe XD. Las imágenes vectoriales también se pueden copiar desde Adobe Illustrator y pegado directamente en XD. En este documento aquí, la imagen exacta fue copiada en forma de trama de Photoshop, es el de la derecha, y formato vectorial de Illustrator, el de la izquierda. Mirándolos ahora mismo, sería difícil decir de inmediato cuál es cuál, pero eso cambia cuando los hacemos más grandes. Aumentaré la escala ahora, para que puedas ver. Voy a mantener presionada la tecla Shift y voy a arrastrar desde esta esquina derecha hasta que lo haga más grande. Luego iré aquí y seleccionaré al otro oso, el oso vectorial y manténgalo presionado desde allí hasta que tenga aproximadamente el mismo tamaño. Aquí vamos. Por cierto, esa línea azul es mi pista visual. Es una guía inteligente que me deja saber que los tengo exactamente a la misma altura. Voy a soltar, y sigamos adelante y hagamos zoom. Voy a usar la herramienta Zoom esta vez solo para mostrártelo. Voy a arrastrar a través de las cabezas. Voy a arrastrar de nuevo y seguir adelante. Y veamos. Puedes ver bastante bien desde aquí lo que está pasando. En la versión Photoshop las cosas empiezan a ponerse muy borrosas, y eso es lo que quiero decir con la resolución dependiente. Entonces dependerá del tamaño de resolución de una imagen. lo bien que se ve cuando se aumenta en escala. Por otro lado, la versión vectorial siempre se verá limpia. no importa el tamaño. Raster y vector van a ser dependientes sobre lo que necesita para su proyecto de Adobe XD. Si necesita usar algo como una fotografía, necesitará usar una imagen rasterizada. Para elementos como logotipos e iconos, el arte vectorial será apropiado. Gracias por ver. Estén atentos para el próximo video sobre cómo rotar, cambiar el tamaño y voltear elementos de diseño.

Principiante Proveedor : Alyssa Galganov 4 lecciones · 14m en Árabe, Alemán, Inglés, Español, Francés, Portugués, Chinese

Descripción del curso

Cuando se trata de diseñar proyectos en Adobe XD, todo está en los detalles. Hay una gran variedad de elementos que componen un sitio web, una aplicación o un gráfico de redes sociales. Una página web tendrá imágenes, texto, iconos y mucho más. Los elementos no se colocan simplemente en una mesa de trabajo. Se colocan, se ajustan y se mejoran. Los elementos creados dentro de XD, como los botones, pueden convertirse en componentes reutilizables.

En este curso, aprenderá a crear un botón en los estados Predeterminado, Desplazar y Alternar. Aprenderá sobre imágenes rasterizadas y vectoriales y por qué y dónde, usaría un formato en vez de otro. Aprenderá a rotar, redimensionar y voltear activos una vez agregados, así como a transformar elementos en planos bidimensionales y tridimensionales. Por último, analizaremos los "Grupos de desplazamiento", que permiten definir áreas dentro de una mesa de trabajo que se desplazan independientemente del resto de la mesa.

Lo que aprenderás

Crear y aplicar estilos a un botón con estados Por Defecto, Pasar el Ratón y Alternar
Añadir imágenes vectoriales y raster a un proyecto de Adobe XD
Explicar qué es un objeto vectorial y cómo crear uno
Cambiar tamaño, rotar e invertir elementos de diseño una vez que se han añadido
Transformar objetos en planos bidimensionales y tridimensionales
Crear Grupos de Desplazamiento que se desplacen independientemente del resto de la mesa de trabajo

Puntos clave

Los elementos en Adobe XD no solo se colocan en una mesa de trabajo, sino que se colocan, ajustan y mejoran.
Los elementos creados dentro de XD, como botones, pueden convertirse en componentes reutilizables.
La elección entre formatos de imagen raster y vectorial depende de por qué y dónde se utiliza cada formato.
Los activos se pueden rotar, cambiar de tamaño e invertir después de que se agreguen a un proyecto.
Los Grupos de Desplazamiento te permiten definir áreas dentro de una mesa de trabajo que se desplazan independientemente del resto de la mesa de trabajo.

Preguntas frecuentes

¿Qué aprenderé en este curso de Adobe XD?

Aprenderás cómo crear un botón en estados Por Defecto, Pasar el Ratón y Alternar, trabajar con imágenes raster y vectoriales, rotar, cambiar tamaño e invertir activos, transformar elementos en planos bidimensionales y tridimensionales, y crear Grupos de Desplazamiento que se desplacen independientemente del resto de la mesa de trabajo.

¿Cuál es la diferencia entre imágenes raster y vectoriales cubierta en este curso?

El curso enseña qué es un objeto vectorial y cómo crear uno, cómo añadir imágenes vectoriales y raster, y por qué y dónde usarías un formato sobre otro.

¿Qué son los Grupos de Desplazamiento en Adobe XD?

Los Grupos de Desplazamiento te permiten definir áreas dentro de una mesa de trabajo que se desplazan independientemente del resto de la mesa de trabajo, y el curso incluye una lección sobre su creación.

¿En qué habilidades se enfoca este curso?

Este curso se enfoca en Adobe XD, cubriendo activos, transformaciones y componentes reutilizables.

¿Qué lecciones se incluyen en este curso?

Las lecciones son Adición de Imágenes Raster y Vectoriales, Rotación, Dimensionamiento e Inversión de Elementos de Diseño, Transformaciones 3D y Creación de Grupos de Desplazamiento.