Adobe XD: Ativos, Transformações e Componentes

Name: Adobe XD: Ativos, Transformações e Componentes
Author: Alyssa Galganov

Aprenda como transformar elementos e trabalhar com ativos e componentes no Adobe XD

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

Curso: sob demanda

Olá, meu nome é Alyssa, e nestas lições iremos trabalhar com ativos, transformações e componentes do Adobe XD. Um dos benefícios do XD ser parte da família Adobe é o quão bem ele funciona com outros aplicativos de software da Adobe. Quando você está trabalhando em um projeto, você vai querer adicionar imagens às suas placas de arte. As imagens se enquadram em duas categorias principais, raster e vetor. Imagens rasterizadas são feitas de pixels, que são o menor elemento único em um display digital. Cada pixel em forma de quadrado é organizado e recebe uma cor e todos os pixels se encaixam para formar uma imagem completa. Eles são dependentes de resolução. As imagens vetoriais não são compostas por pixels, o que significa que são independentes de resolução. Cada pedaço da imagem é calculado matematicamente de um ponto a outro para formar linhas e formas que, em última análise, criam uma imagem. As imagens vetoriais podem ser dimensionadas para qualquer tamanho sem perder a qualidade. Imagens raster podem ser copiadas no Photoshop e colado diretamente no Adobe XD. As imagens vetoriais também podem ser copiadas do Adobe Illustrator e colado diretamente no XD. Neste documento aqui, a imagem exata foi copiada em formato raster do Photoshop, é o da direita, e formato vetorial do Illustrator, o da esquerda. Olhando para eles agora, seria difícil dizer imediatamente qual é qual, mas isso muda quando os aumentamos. Vou aumentar a escala agora, para que você possa ver. Vou manter pressionada a tecla Shift e eu vou arrastar para fora deste canto direito até eu torná-lo maior. Então eu irei aqui e selecionarei o outro urso, o vetor urso e segure a partir daí até ficar do mesmo tamanho. Aqui vamos nós. A propósito, essa linha azul é minha pista visual. É um guia inteligente que me permite saber que eu os tenho exatamente na mesma altura. Vou liberar, e vamos em frente e ampliar. Vou usar a ferramenta Zoom desta vez só para mostrar a vocês. Vou apenas arrastar as cabeças. Vou arrastar de novo e continuar. E vamos ver. Você pode ver muito bem daqui o que está acontecendo. Na versão Photoshop as coisas estão começando a ficar muito confusas, e é isso que quero dizer com dependente de resolução. Então vai depender do tamanho da resolução de uma imagem quão bem ele parece quando é aumentado em escala. Por outro lado, a versão vetorial sempre parecerá limpa não importa o tamanho. Raster e vetor serão dependentes sobre o que você precisa para o seu projeto Adobe XD. Se você precisar usar algo como uma fotografia, você precisará usar uma imagem rasterizada. Para itens como logotipos e ícones, arte vetorial será apropriada. Obrigado por assistir. Fique ligado no próximo vídeo sobre como girar, dimensionar e inverter elementos de design.

Principiante Fornecedor : Alyssa Galganov 4 lições · 14m em Árabe, Alemão, Inglês, Espanhol, Francês, Português, Chinese

Descrição do curso

Quando se trata de conceber projectos Adobe XD, está tudo nos detalhes. Há uma variedade de itens que compõem um website, aplicação ou gráfico de redes sociais. Uma página web terá imagens, cópia, ícones e muito mais. Os artigos não são apenas colocados num artboard. São colocados, ajustados e melhorados. Itens criados dentro de elementos XD, tais como botões, podem tornar-se componentes reutilizáveis.

Neste curso, aprenderá como criar um botão nos estados Default, Hover e Toggle. Aprenderá sobre imagens raster e vectoriais e porquê - e onde - utilizaria um formato sobre outro. Aprenderá como rodar, redimensionar e inverter activos uma vez adicionados, bem como como transformar elementos tanto em planos bidimensionais como tridimensionais. Finalmente, discutiremos "Grupos de Rolagem", que lhe permitem definir áreas dentro de um artboard que rolam independentemente do resto do artboard.

O Que Você Vai Aprender

Criar e estilizar um botão com estados Default, Hover e Toggle
Adicionar imagens vetoriais e raster a um projeto Adobe XD
Explicar o que é um objeto vetorial e como criá-lo
Redimensionar, girar e inverter elementos de design após adicioná-los
Transformar objetos em planos bidimensionais e tridimensionais
Criar Scroll Groups que rolam independentemente do restante da prancheta

Principais Conclusões

Os itens no Adobe XD não são apenas colocados em uma prancheta, mas são colocados, ajustados e melhorados.
Os elementos criados no XD, como botões, podem se tornar componentes reutilizáveis.
A escolha entre formatos de imagem raster e vetorial depende do motivo e local onde cada formato é utilizado.
Os ativos podem ser girados, redimensionados e invertidos após serem adicionados a um projeto.
Os Scroll Groups permitem definir áreas dentro de uma prancheta que rolem independentemente do restante da prancheta.

Perguntas Frequentes

O que vou aprender neste curso Adobe XD?

Você aprenderá como criar um botão em estados Default, Hover e Toggle, trabalhar com imagens raster e vetoriais, girar, redimensionar e inverter ativos, transformar elementos em planos bidimensionais e tridimensionais, e criar Scroll Groups que rolam independentemente do restante da prancheta.

Qual é a diferença entre imagens raster e vetoriais abordada neste curso?

O curso ensina o que é um objeto vetorial e como criá-lo, como adicionar imagens vetoriais e raster, e por que e onde você usaria um formato em vez do outro.

O que são Scroll Groups no Adobe XD?

Os Scroll Groups permitem definir áreas dentro de uma prancheta que rolem independentemente do restante da prancheta, e o curso inclui uma aula sobre como criá-los.

Em quais habilidades este curso se concentra?

Este curso se concentra em Adobe XD, cobrindo ativos, transformações e componentes reutilizáveis.

Quais aulas estão incluídas neste curso?

As aulas são Adicionando Imagens Raster e Vetoriais, Girando, Dimensionando e Invertendo Elementos de Design, Transformações 3D e Criando Scroll Groups.