Masterclass em Figma: projete e faça um protótipo da sua primeira ideia de aplicativo para dispositivos móveis

1. Introdução à aula de mestre ao Fma: Bem-vindo ao meu curso. Terra mais dura figo marvit. Em apenas 14 dias nas escolas, você vai aprender todas as diferentes ferramentas e técnicas e dicas sobre como biqueira arame do que projetar e , em seguida, protótipo sua idéia APP a partir do zero. Eu vou compartilhar com vocês todos os casos Sharper comumente usados para que você possa acelerar seu fluxo de trabalho dentro da invenção. Da mesma forma, vamos compartilhar com você todas as diferentes ferramentas de prototipagem e dicas e técnicas sobre como usar diferentes transições afetam diferentes emissões para que você possa converter seus projetos estáticos e projetos de mandrilamento em algo Incrível. Nós vamos projetar juntos receita de alimentos chamaram germes. Vamos projetar sua tela de logon X filtros de pesquisa. São diferentes animações de menu lá onde o menu vai passar de um esquema para outro e como você é inteligente. E ele fez como usar efeitos excessivos. Como usar todo esse tipo de coisa dentro de Sigma. Há muitas tarefas ao longo da escola, então eu estou indo para o pé. Fique de olho no seu progresso, e eu vou lhe dar feedback oportuno sobre como você pode melhorar seu você acentuar habilidades de design . Eu acredito que qualquer um pode aprender qualquer ferramenta de design dentro de apenas duas semanas, isso é suficiente. Então vamos começar e mergulhar na invenção agora. 2. Faça o download e instale o Figma no Win e Mac: neste vídeo, nós estamos indo para ir cabeça para figment dot com, e nós estamos indo para baixar figura MMA, e nós vamos ver o que são diferentes características e como podemos usá-los. Qual é o modelo de preços da Fig.? Mãe, o que é a versão gratuita dá e qual é a versão paga? Diferenças. Então vamos começar. - Não. Primeiro você está indo para figura ponto com e este é o site deles, e você pode ver aqui eles dizem luta Igman de graça. Então você tem que criar sua conta aqui, então você vai se inscrever e criar sua conta. Este é o primeiro passo. Agora o segundo passo é, uma vez que você tenha criado sua conta, você vai para downloads sigma dot com barra downloads. Como você pode ir do recurso de função de recesso é e ir para downloads e aqui está você vai baixar aplicativo de desktop. Para, se você estiver em um sistema operacional Mac OS ou Mac, você vai baixar este aplicativo de desktop e, se você estiver no Windows, você vai baixar o aplicativo de área de trabalho para Windows. Agora, se você tentar usar o seu MMA figo em seu navegador do que você vai usar este mapa. busca, instalador do Windows. A maioria das pessoas que eu acho que 99,9% eles vão baixar estes fazem. Então não precisamos nos preocupar com isso. Os instaladores do Fort apenas baixam o aplicativo de desktop e instalá-lo em seu PC ou Mac. Agora aqui, eu vou mostrar a vocês qual é o modelo de preços. E quais são os recursos que estão em diferentes modelos de preços para este modelo de figo? Primeiro é gratuito para que você possa criar depois de dois editores. Quer dizer que duas pessoas podem editar um único projeto? Você pode ter uma equipe fora para designers e três projetos, e você pode criar três projetos. Máximo fora de três projetos, histórico de versões de 30 dias. Então este reboque isso realmente salva suas de versõesde design. Portanto, quaisquer que sejam as alterações que você está fazendo em um arquivo de design, eles serão salvos por apenas 30 dias e dólares ilimitados estratificados. Você pode usar nosso upload, qualquer arquivo ou qualquer tamanho fora do arquivo. Isso não é um problema. Visualizadores gratuitos ilimitados para que você possa compartilhar seus projetos com pessoas ilimitadas para que eles possam visualizar seu projeto. Agora você pode ver aqui nós temos profissional e organização. Agora, a principal coisa que estamos procurando aqui é o histórico ilimitado de versões. Esta é a primeira coisa, e segundo ele é convidar apenas projetos privados. Então, por exemplo, se eles são empresas ou empresa é que eles querem trabalhar em apenas projetos privados, eles podem criar convite só eles podem enviar, convidar apenas convites privados, dedos diferentes membros, bibliotecas de equipe compartilháveis Para que você possa projetar suas bibliotecas de design e compartilhá-las com sua equipe. Essa é outra característica da profissão. Então, Então, essas são as diferenças. Então, se você é uma organização muito grande, você pode optar por esta. Agora, quais são as diferentes características? Por que estamos pensando que o estigma é a próxima grande coisa? - Não. A razão é que a primeira coisa é que é uma plataforma cruzada. Você pode usar esse design mesmo em seu navegador. Então esta é a primeira coisa Sempre que você olha para uma ferramenta de design, você tem que ver se ela pode ser usada em qualquer lugar em qualquer plataforma. Isso é uma vantagem. ponto em segundo lugar é que há muitas ferramentas fora que eu posso pensar que eles são ferramentas de próxima geração para designers. Há um monte de coisas que você pode fazer um monte de recursos, mas neste roubou totalmente horas, projetos responsivos. Então temos plugins. Você pode ver que você pode baixar diferentes plugins e estender a funcionalidade fora Sigma você pode ver aqui. Aqui não temos splash, então você pode baixar qualquer imagem e sua imagem stock que é grátis. Da mesma forma, temos isso, Eu quantificar, e você pode usar quaisquer ícones diferentes, como ícone de design de material ícones Scougall. Quatro ícones incríveis que são muito populares. Então estas são as características de Sigma, e é assim que você vai passar por aqui. Cadastre-se e abaixe carregar figo, aplicativo de desktop MMA e vamos começar na próxima lição. Então vamos passar para a próxima lição. 3. Nova interface Figma 2022: Neste vídeo, vamos ver a Figma, nova interface porque a antiga era há dois anos. Então agora este é o novo. Então, vamos mergulhar na interface sigmas. Ok, então uma vez que você fizer login na Figma, você verá que esta será a interface, embora você não veja que eles estão no topo, esses são os arquivos que abri. Então, estes não vão estar lá. Se você estiver usando isso pela primeira vez. À direita, haverá um perfil. Então, se você clicar aqui, você pode ver que este é o meu e-mail. Além disso, você pode acessar o perfil da comunidade I configurações de plug-in de perfil interno. Portanto, essas são as configurações. Então você pode ver aqui, você pode alterar seu nome, e-mail, senha, outras coisas daqui. E você também pode acessar o perfil da comunidade a partir daqui. Então esse é o meu identificador da comunidade como destinatário e você pode alterá-lo se quiser. Esses são os plugins que você instalou. Você pode clicar aqui e desinstalar ou mostrar detalhes daqui. Além disso, você pode usar plug-ins daqui. Então, o que quer que você tenha instalado, o que vai melhorar a capacidade da Figma, isso vai ser aqui. Então você pode ver que eu tenho todos esses plugins. Então, esses são muitos plugins de qualquer forma. Então, essa será sua conta. O perfil da comunidade é necessário porque você vai para a comunidade para baixar muitas coisas diferentes. Então você pode ver agora eu mudei para meus perfis de comunidade. Então aqui você pode ver isso diz comunidade. Então, se você quiser voltar ao seu perfil principal, você tem que clicar aqui, mudar para a essência ou qualquer que seja o seu nome em sua Figma como perfil, você voltará à interface. Ok, então vamos começar com a visualização recente. Visualizado recentemente. Então, sempre que você começar, ele estará aqui. Então, temos três botões. Anteriormente, os botões, mas não muito bem projetados. Eu diria. Isso é muito fácil. Novo arquivo de design. Clique aqui. Novo arquivo fig gem, que é para diagramas de quadro branco e colaborando com diferentes esboços ou ideias. Esta é outra ferramenta da Figma. Então esse é o arquivo deles. Se você quiser importar o arquivo do figma sketch ou de qualquer imagem, você pode clicar aqui e clicar no arquivo figma. Vamos ver se eu tenho algo em downloads. Ok, então você pode ver que eu tenho esse arquivo dot fig também são arquivos de esboço escuro, então você pode importar ou ambos. Basta clicar no arquivo figo e abri-lo assim. E levará algum tempo para importar porque é uma ferramenta online. Então, ele vai mostrar que você pode ver feito. E aqui eu tenho esse arquivo aqui. Vou clicar duas vezes nele. Para abrir esse arquivo. Você pode ver que é basicamente na maquete Clay do alto para a academia. De qualquer forma. Então, vamos voltar à nossa interface principal, que será essa casa. E nós temos, você já sabe que este é um novo arquivo. Este é o arquivo gem config. Então, vamos criar principalmente esses novos arquivos de design ou talvez importar alguns arquivos. Ok, então aqui em baixo temos todos os arquivos recentes em que trabalhei ou abri. Então você pode ver que existem alguns sistemas de design, formas vetoriais desenhadas à mão, formas, muitas coisas. E se você votar para remover qualquer arquivo daqui, você pode simplesmente gostar, vamos clicar aqui e clicar com o botão direito do mouse e remover do recente. Você pode selecionar vários arquivos. Por exemplo, vamos, vamos, vamos selecionar vários arquivos como eu tenho este, então estou pressionando e mantendo pressionado a tecla Shift, este e este. Então eu selecionei todos os três, removo três itens dos recentes. Então, vou removê-lo assim porque essas são muitas das minhas tarefas de alunos. Então eles continuam enviando. Ok, então nós cobrimos esta área. Filtrar por todos os arquivos, arquivos de design, arquivos fig Gem são protótipos. Normalmente temos todos os arquivos. Então temos este visualizador alternar lista de arquivos com ícones pequenos se você gostou disso. Porque ele vai mostrar há quanto tempo você criou ou abre este arquivo. Você pode ver alguns dos arquivos que abri há dois meses. E esta será a visualização da sua grade. Portanto, essas são duas visualizações para seus arquivos recentes. Também temos modelos de fig jam aqui ou diagrama de arquitetura de informações , todos esses diagramas, se você quiser usá-los, você pode clicar neste e começar a construir o que quer que você quero. Ok, então temos esses perfis da comunidade. Então, se você for para a comunidade, você pode baixar ícones, wireframes, sistemas de design, todas as coisas gratuitas, plugins tudo. Portanto, esta é uma característica muito boa do novo recurso das bruxas Figma. Você pode procurar qualquer plugins, talvez. Digamos que tamanho, digamos tamanho, e veja se temos evento C, tamanhos de ícones, tamanhos de corridas. Portanto, esses são plugins diferentes. Então, aqui temos diferentes criadores que estão realmente criando esses plugins. Estes são plugins e também se você for para Arquivos, você pode ver que temos arquivos diferentes que têm esta tela, por exemplo, você pode ver os tamanhos de tela do iOS 14. Então, a tabela periódica do iPhone. Portanto, esses são tamanhos de tela diferentes. Assim, você pode baixar arquivos diferentes se quiser baixar. Por exemplo, se eu quiser baixar esse arquivo, esse é o tamanho A3, A4, A5 para projetar. Você pode clicar nesta duplicata e ela será duplicada em sua interface Figma tem. Aqui, nós o temos. Ok, então vamos voltar para casa e você estará na comunidade o mesmo. Você pode clicar em gostar ou amar isso, seja lá o que for. E você também pode ampliar, diminuir o zoom. Você pode ir em tela cheia e ver o que outros, outras coisas criaram este autor. Vamos voltar. Vamos voltar aqui. Você pode clicar em wireframes e verá muitos wireframes aqui, plugins, arquivos, tudo. Então você pode ver aqui como este. Eu realmente adorei esse. Então, vou replicar este aqui. Adoro isso. Ok, então isso é sobre comunidades. Então, vamos voltar para o meu perfil principal. Ok, então aqui temos isso. Então, discutimos recentes e comunitários. Você também pode definir seus arquivos aqui. Veja, temos minha primeira classe de design figma ou Figma. Este é um projeto. Você pode ver o que aqui. Esses são arquivos e são de arquivos da comunidade. Comunidade. Ok, então é assim que vai mostrar uma busca, muito avançada, muito boa busca. Você pode pesquisar temas de arquivos ou pessoas, até pessoas. Então, vamos selecionar Chris, nós o temos. Mude uma pessoa. Certo, então eu tenho que entrar para ver. Então este é um dos meus colegas de trabalho. Vou esconder o e-mail aqui. Então essa é a pessoa que está trabalhando comigo agora é um desenvolvedor. Ok, então temos a barra de pesquisa coberta. Temos essa mudança de perfil principal de comunidade para trás. Nós cobrimos esta seção à direita. Essas serão suas atualizações. Se você tiver algumas notificações. Então, essas serão suas notificações. Então temos rascunhos. Rascunhos são, na verdade, projetos. Então você é realmente projeto e tudo mais. Você cria uma edição, cria um novo arquivo. Sempre que você for criar um novo arquivo, ele estará em um rascunho. Então, uma vez que eu clico nisso, você pode ver aqui. Então, vamos pressionar E para o quadro de arte e vamos clicar neste. Ok, então você pode ver quando eu criar alguma coisa, então vai estar nos rascunhos. Então, no topo, temos a hierarquia. Rascunhos é o projeto. Este é o nome do arquivo. Então, se você clicar aqui, você pode editar o nome do arquivo, meu arquivo Figma. Certo? Se você quiser movê-lo para outro lugar, você pode clicar nessa seta e ver mover para projetos. Então, eu tenho projetos diferentes como esses. Estamos aqui no aplicativo gastronômico da classe Figma. Posso clicar nisso e posso mover isso para lá. Além disso, existem mais algumas opções renomeadas como lead, favorita este arquivo. Então, esse arquivo favorecido significa que se eu clicar neste arquivo favorito, este arquivo, ele vai aparecer aqui. Você pode ver incêndios favoritos. Então, esses são meus arquivos favoritos. Então, se eu quiser abrir qualquer arquivo favorito, posso fazer isso facilmente. Mesmo se eu fechar, é este. Certo? Então, se você quiser alterar o plano de fundo, clique no lado de fora e temos esse plano de fundo, você pode alterá-lo para o que quiser. Então temos à esquerda que temos você pode ver as páginas. Se você tiver que clicar nisso para ver as páginas, você pode adicionar mais páginas aqui. Antes de entrar nisso, vamos estudar a hierarquia Figma. Então, no topo, temos equipes. Então, isso vai ser como aqui. Então, consiga seus produtos compartilhados XID. Estes são minha equipe. Então, se eu o recolher, você pode ver que são projetos compartilhados. Esta é outra equipe. Terra que você está animado, isso é outra coisa. Então, se eu clicar em Equipe, você pode ver isso diz dois membros aqui. Então esses são os projetos que foram criados dentro dessa equipe. Esses são os membros. Ok, então essas são as pessoas que realmente estão assistindo o acesso a isso porque esses são todos meus alunos. E então temos configurações aqui. Assim, você pode alterar o nome da equipe. As bibliotecas de equipe habilitam o plano e o faturamento, atualize seu plano se você quiser. Porque alguns dos recursos, como compartilhamento de biblioteca ou compartilhamento ativos, são realmente um recurso premium. Você tem que pagar por isso. Certo, então vamos voltar para a hierarquia Figma. Então esta é minha equipe. Em seguida, temos projetos dentro dessa equipe. Você já viu que esses são os projetos, isso é equipe. Figma class é um aplicativo gastronômico de projeto natural. Esses são todos meus projetos do que temos arquivos dentro desses projetos. Então, se eu abrir algum projeto, vamos abrir, por exemplo, como se tivéssemos isso. Então, temos esses rascunhos, que é projeto, e então temos um arquivo dentro dele. Então, esse é realmente meu arquivo. Você pode ter isso. Na verdade, estes são arquivos, este é o nome do arquivo, meu arquivo HTML de fosfato e, em seguida, essas são as páginas dentro dele. Então, vamos ver, temos páginas. Então, arquivos e arquivos dentro desses arquivos temos páginas. Podemos ter dez páginas, 20 páginas, quantas páginas, o que quiser. Em seguida, temos várias pranchetas dentro de uma única página. Então, vamos voltar aqui. Então, temos esta página. Vamos diminuir o zoom. Então este é um quadro de arte. Este é um quadro de arte. E se eu quiser criar outro quadro de arte, clique em a. E vou ter uma placa de arte para iPhone. vez, pressione um no teclado, iPhone SE. E novamente um, vamos usar algum tablet ou aqui 11 Pro. Como você pode ver aqui, estas são todas minhas placas de arte na parte inferior. Então, ou você pode dizer quadros. Então, esses são meus quadros ou quadros de arte diferentes. Posso ter talvez 50 ou 60 em cada página. Então, como agora, eu selecionei esta página. Se eu for para a segunda página, que não é nada aqui. Então esta é a equipe de hierarquia Figma is. Em seguida, temos projetos e temos arquivos. Em seguida, temos páginas, várias páginas. E então temos muitos quadros e pranchas de arte. Então, temos uma única equipe, podemos ter duas ou três equipes também. Então normalmente temos uma ou duas equipes, equipe MAX do que temos vários projetos dentro dessa equipe. Como você pode ver, eu mostrei aqui. Portanto, essa equipe tem 12345 projetos. Este tem um projeto. Então, dentro desse projeto, se eu abrir este projeto, meu copo, você pode ver que temos vários arquivos. Deixei 1234567891011 arquivos neste projeto da classe Figma. Se abrirmos esses projetos da classe Figma, então você pode ver que temos vários arquivos aqui. Então, temos como, vamos para o ListView. Temos dez projetos diferentes, então dez arquivos diferentes aqui. Este é um projeto que eu selecionei. Esses são os arquivos. Então, se eu abrir qualquer arquivo, vamos selecionar esse arquivo. Levará algum tempo para carregar. Ok, então aqui temos o arquivo. Esta é a página, uma única página dentro dela. E então temos a placa de arte ou uma única placa de arte dentro desse arquivo. Então, se eu clicar nesta seção vazia aqui, posso ver o nome do projeto e, em seguida, o nome do arquivo aqui. Então, vamos voltar. E se você quiser criar uma equipe, você pode criar uma equipe. Você pode vaporizar. Vamos criar uma equipe e você pode adicionar seus colaboradores depois disso. E se você tentar continuar, ele pedirá o pagamento porque é um recurso premium. Então você pode ter apenas uma equipe que eu acho que para a versão normal ignorar por enquanto. Então você pode ver isso me mostra escolher Professional. US$12 por litro por mês. geléia de figo é de US $1,3 por litro por mês. Acho que é anualmente. Se for mensal, é em torno de US $15. Então, vamos tentar fechar isso e voltar ao nosso tema. Oh, gritos. Então, ele criou uma equipe na verdade. Então, vamos tentar excluí-lo agora que você possa alterar o ícone, o que quiser. Vamos equipes de UX. Então, eu tenho que digitar o nome para excluir essa equipe. Certo? Certo, então vamos ver se eu perdi alguma coisa. Ok, então dentro desta área aqui, então se tivermos painel esquerdo, que é camadas, ativos e páginas, e então temos as pranchetas aqui na parte inferior dentro dessa página. E você pode ver isso diz páginas e este é um quadro de arte. À direita. Você pode ver que eu tenho isso aqui. Comece a conversa se você quiser colaborar com alguém, compartilhe, se quiser compartilhar esse link com alguém, copie o link e cole esse link. Ou você pode enviar e-mail, digitar o e-mail aqui, vários e-mails separados por vírgula. Se você quiser compartilhar com várias pessoas, eu normalmente copio o link e o compartilho com quem eu quiser. Ok, então este é o presente ou protótipo. Na verdade, faltam fontes. Então, se você tiver alguma fonte ou tipo de letra ausente , ele mostrará aqui root e isso está faltando neste arquivo. Em seguida, temos esse nível de zoom, ampliamos, diminuímos um controle de 100% 0. E então temos visualização de pixels, uma grade de pixels, grade de layout de opções diferentes. E estes estão no topo. Temos ferramentas diferentes. Você pode ver aqui, este é o menu. Por aqui. No Mac, o menu está no topo, aqui, no topo aqui. E no Windows, ele é colocado aqui assim. Mais uma vez, você opõe texto vetorial, organiza plugins. E se eu for para plugins, você pode ver na parte inferior que eu gerenciei plugins. Então, plug-ins gerenciados, posso desinstalar ou instalar novos plug-ins diferentes ou o que você quiser, por que você pode gerenciá-los lá dentro. Essas são minhas bibliotecas. Esses são, na verdade, os estilos que compartilhei com diferentes membros da equipe são arquivos de design projetados. Estes são, na verdade, você pode dizer estilos de cores, têxteis, e vamos estudar muito sobre isso. Ok, Então, no topo, você pode ver que estes são todos meus arquivos abertos. Então, se eu quiser fechar alguns arquivos da hierarquia fitbit, então vamos fechar este. Ícone x. Esses são os que estou trabalhando agora. Então eu não vou mostrar isso porque eles assinaram um NDA de qualquer forma. Então aqui temos alguns, alguns arquivos. Você pode ver que essas páginas são diferentes. Então, se eu clicar em qualquer página, eu tenho camadas diferentes. Ativos aqui. As camadas estão aqui. Então você pode ver esses são, na verdade, quadros. Este é o ícone do quadro. Então, essas são imagens diferentes. Os ícones são diferentes. Então, sempre que você clicar em qualquer página, ela mostrará todas as placas de arte imagens ou camadas dentro dela. Vamos voltar para a casa. E acho que é isso. Isso é mais do que suficiente para você entender a nova interface da Figma. Espero que você tenha gostado desta lição. Certifique-se de continuar aprendendo e encontraremos outro vídeo até lá, tome cuidado. Adeus. 4. Painéis diferentes e o que eles fazem no Figma: nesta lição. Vamos mergulhar profundamente em Mawr sobre a interface de Sigma e o que podemos fazer Estamos aqui Painéis diferentes, camadas diferentes afirmam molduras coisas assim. Então vamos começar agora. Você pode ver que eu criei essa equipe. Esta é a minha equipa do que tu. Emocionante Você pode ver por aqui. Se você quiser criar um novo projeto, você pode clicar aqui Novo projeto e eu vou chamá-lo de Food De E estas são diferentes configurações de compartilhamento. Todo mundo que você empolgado pode se dirigir. Por exemplo, se eu convidar mais um membro da equipe, eles podem viciar esse arquivo. Então eu vou clicar em um projeto morto criar para que você possa ver o seu cabelo que eu já criei Você pode adicionar a descrição aqui Yams, aplicativo para nós, coisas assim. Então agora você pode ver meu arquivo. Então, se voltarmos para arquivos recentes da figo hma, você pode ver que este é o meu aplicativo Então eu estou indo toe duplo clique e abri-lo e vai demorar algum tempo porque ele é armazenado na nuvem. Então aqui está o meu yum zap Você pode ver aqui e à direita. Você pode ver, nós nunca temos que abrir um arquivo. Nós projetamos protótipo e poderíamos então estas são as três coisas três painéis que você vai ver em nosso cabelo deste lado, nós temos camadas e ativos. Então as camadas são basicamente nossos todos esses quadros. E dentro desses quadros, temos objetos diferentes, então você pode vê-lo. Estamos aqui também. Você pode ver que estamos aqui. Temos páginas. Então, dentro de páginas, temos arame frames, inhames, aplicativo e estilo cara em componentes. Então estas são as três cadelas que criei dentro deste projeto. E você pode ver dentro deste arquivo e você pode adicionar novas páginas se quiser. Você pode adicionar uma cadela nova. E, hum, vamos excluir esse clique direito excluir. Então este é inhame são estes são o arame. Este é o componente guia de estilo. Então essas são três páginas, então nós temos esses ativos. Então os ativos são basicamente de um componente. Então, se você criar um componente, você pode usá-los novamente e novamente. Nós vamos recuperar componentes nas próximas lições para que você possa ver agora que temos um monte de componentes diferentes. Então, se um componente arrastar eu posso facilmente arrastar e soltá-lo em qualquer lugar dentro do meu projeto. Da mesma forma, isso mostra que você clica nesta seta, ele vai mostrar-lhe páginas novamente e às vezes ele está oculto. Então, se você tem algo assim e não descobrir onde estão meus bebês? Você vai clicar aqui. Então temos à direita. Temos alguns estilos locais thes air. Os têxteis que criei. Estes são poucos estilos de cores que eu criei. Você pode usá-los novamente e novamente. E este é o painel do tribunal. Este é o protótipo e este é o design. Então, no protótipo, você ia protótipo seu aplicativo como este. Você pode ver o quê? Aqui Eles são muito fora fluxos diferentes que ele vai fluir de um para outro. Nós também podemos, se você clicar do lado de fora aqui, você pode ver que temos opções de dispositivo. Você pode clicar no iPhone pro, uh, Max iPhone 11. Todos esses diferentes dispositivos em que você deseja mostrar seu protótipo. E qual é a moral? Você vai usar a cor de fundo para isso? Um, quadro inicial. Vamos começar do registro. Então estas são as opções que temos no design. Temos estilos locais, cor de fundo. Já discutimos eso. São coisas diferentes que você vai conseguir no tribunal. Gord está realmente mostrando o que é o cabo neste item? Então, se clicarmos aqui, você pode ver que este é um CS escolta para webs, site de R nos e direita para dispositivos Apple. Este é o Android Court para este objeto que eu selecionei à esquerda. Você pode ver que este é o ícone. Este ícone vai representar quadros. Então, sempre que você tem quadros, você vai ver este ícone aqui e tudo dentro dele aqui. Então isso é realmente componentes ah. Então tem este formato de diamante. Então, todas as formas de diamante são componentes do que temos isto estes são grupos diferentes. Você pode ver que estamos aqui. Você pode abri-los. Você também pode abrir esses componentes. Vamos voltar aos componentes mais tarde. Mas é assim que isto é uma forma para exemplos. Todos esses ícones que mostram que este é este tipo de camada off como você pode ver configurações de criação de perfil é um texto. A Leah. Então, tem que estar aqui. Então, essas são configurações diferentes. Por exemplo, como este logotipo. É um fator. Então tem um logotipo vetorial aqui. Eso todas essas coisas diferentes. Então, se clicarmos na imagem, vamos ver, aqui está o ícone de imagem para que você possa ver esta é a sua imagem que você pode encontrar instantaneamente onde seu arquivo está. Suas imagens, seu texto é para que você possa reconhecê-las por esses pequenos ícones à esquerda. Agora, se você quiser mover este projeto para outro projeto, por exemplo, agora ele está em empregos. Quero movê-lo. Você vai clicar aqui, mover para o projeto, e eu vou movê-lo para o aplicativo foodie. Então, agora você pode ver que ele foi movido para aplicativo foodie e agora é assim dizer foodie ab barra polegares para cima. Ok. Da mesma forma, você pode mostrar o histórico de versões O que foi um histórico de versões? Como eu editei todo esse fogo que você pode ver aqui. E estes são este é um histórico de versões fora dos meus 30 dias anteriores que eu posso mudar de volta para qualquer um . Então, se eu clicar aqui, ele vai para a parte de trás do dedo suíço no último. Então vamos não tentar. Você também pode ocultar o histórico de versões, estilos publicados e exportação de componentes. Estes projetos duplicam este projeto. Renomear ou excluir, principalmente temos que renomear. Então você clica aqui. Posso levá-lo ao inhame. Receitas, receita Seja em algo assim. Então você pode ver que é assim que você vai renomear. Ok, então isso é um pouco fora. A familiaridade com isso interfere. Vamos passar para a próxima lição em que vamos mergulhar nessas ferramentas e ver o que são essas ferramentas e como podemos usá-las. Então vamos passar para a próxima lição. 5. Usando quadros e pranchetas: Agora, nesta nossa primeira lição, vamos criar um novo quadro ou quadro de arte, e vamos manipulá-lo e ver o que podemos fazer com ele. Então vamos pegar Stockett agora. Eu vou mudar para o meu projeto de prática e eu vou criar um novo arquivo e ele vai ser sem título por profanado, então vai levar algum tempo para o Senhor ou aqui assim. Então agora temos essa tela em branco. Se você quiser alterar a cor de fundo, vamos usar como este, e você pode ver aqui temos camadas, ativos e páginas. Se você pode ver pelo arquivo sua idade Hizb um. E se clicarmos aqui vai me mostrar mais páginas para que você possa adicionar mais cadelas aqui assim. Agora estou na página um, e a primeira coisa que vou fazer é dar folga no dedo do pé. Este quadro não clique aqui porque temos fatias aqui, outra ferramenta escondida. Então clique no quadro e você pode desenhar seu próprio quadro, por exemplo, como este. Então este é realmente os vencedores 3 42 por 5 80 E se nós novamente clicar no quadro ou pressionar a tecla F no teclado, ele vai nos mostrar telefone diferentes opções ou projetar diferentes tamanhos e quadros e quadros de arte para iPhone. Então temos. E bem aqui, por exemplo, se clicarmos nele, este é o tamanho padrão do Android. E se quisermos criar mais são mais telas. Aqui, vamos pisar na sua moldura e vamos criar uma moldura de tablet aqui. Então tablet muitos para que você possa ver essa diferença entre os tamanhos e isso é limpo outro e novamente, F e eu vou ir parar de gás do dedo do pé, e eu vou projetar um site. Então eu vou clicar aqui em uma área de trabalho. Então é assim que você pode criar vários quadros diferentes ou quadros de arte. Você pode clicar duas vezes aqui no topo, e isso vai mostrar que estamos aqui, por exemplo, que parar arte board. Você pode renomeá-los ou você pode, hum, doméstico ou aqui, uh, este é Android. Nosso senhor. Certifique-se de que você sempre renomeá-los, porque às vezes há vários ou muitos quadros de arte, e você esquece o que waas quadro de arte em que você estava trabalhando o que ele faz. Então, eu abro o livro. Então você pode ver aqui nós temos três placas de arte diferentes e se clicarmos aqui, você pode ver que temos diferentes opções à direita. Este é o nosso design dab. Estamos certos sabendo guia projetado. E à esquerda temos páginas e dentro da primeira página, temos três livros de arte. Então, se clicarmos no local para isto estar vazio, não temos nada aqui. Se clicarmos fora de alguém, qualquer coisa, este é o nosso arquivo. Então vamos mudar o nome do dedo Vamos chamá-lo de quadros e livros de arte. Então é assim que você pode criar diferentes obras de arte. Agora, se você quiser criar algo para o qual não está listado nos quadros aqui, então ele não está listado. Por exemplo, temos este Apple Watch. Queremos criar algo para o relógio Motorola G ou algo assim. Então nós vamos para ir para este material de design de material ou você é fontes cortar dispositivos Agora, por aqui, você pode ver que temos plataformas. Temos proporções de dimensão de tela que podem se esconder em DP. Então é isso que você vai usar. Então, uh, na plataforma, se clicarmos aqui, você pode ver que são janelas. Este era o X. Este é o Mac. Este é o Apple Watch. Você pode ver ou ouvir 38. 42 mulheres. Então, se entrarmos aqui para que você possa ver que este é o relógio LG G. Então, é 187 por 177 e então nós temos 213 por 230 Então se nós estamos projetando para algo assim para um relógio que não é provocado por aqui, por exemplo, como você pode ver Moto 3 60 eu posso usar esses tamanhos para 41 por 2 44 Então eu vou Volte e eu vou chutar aqui. Onda ajustou para 42 por 44 algo assim. Então ele waas 2 40 uma mordida de 44 a 41 por 2 44 2 41 por 2 40 pés. Então você pode ver agora esta é a sua placa de arte para este relógio LD azul ou relógio Motorola para que você possa usar este design de um dedo do pé algo Então é assim que você cria diferentes tamanhos e molduras e placas de arte para o seu trabalho de design. Então, se você clicar em ou aqui você pode ver, nós temos diferentes opções. Este é o valor X, qual é? Isso mostra que é o que é longe daqui. Se você se mover para aqui assim, você pode ver os valores X e Y estão mudando. Nós sabemos o que está em. Não estamos preocupados com os valores de sotaque fora deste quadro de arte. Estamos mais preocupados com este peso e altura. Você também pode bloquear as restrições. Então agora ele vai crescer em proporção. Ok, então 450 por exemplo, se eu seus 600 vão ficar assim, ele vai crescer em proporção. Vamos voltar à escola. Venha e ou controle Z Então estas são opções para a tradição. Acho que não precisamos ler isso de qualquer maneira. Ainda assim, podemos usar estes são um raio de canto se quiser usar rádio de canto. Este é o conteúdo do clipe. Então, o que quer que você tenha aqui, por exemplo, isso você pode ver agora está cortando meu conteúdo. Então eu desenhei um retângulo sobre isso e mostra Haftar participou. E se eu clicar aqui e remover isso, você pode ver que eu posso ver além deste quadro de arte agora, ele não está cortando meu conteúdo. Então, isso é sobre o conteúdo do clipe. Isto é muito importante e penso que é tudo. Não precisamos muito do dedo sobre isso. Se você quer alinhar estes quadros de arte? Você vai pressionar Shift ou manter pressionada a tecla de navio e clicar e selecionar todos esses quadros de arte selecionando seus nomes. E você, você pode parar uma linha como esta? Você também pode usar o estudo acima que eles estão indo para usar ter algum espaço sobre ele. Então, se você selecionou mais objetos que você pode ver mais de dois objetos que você pode ver que temos esta opção de espaçamento múltipla Um, na figo Ma, este é um recurso muito legal. Você pode ajustar o espaço, por exemplo. Eu quero ter algo como um intervalo de 80 pixels entre eles. Então é assim que você pode ter isso. Então isso é tudo sobre quadros e nossa placa, como você pode organizá-los, como você pode gerenciá-los. Qual é o conteúdo deste clipe e o que ele faz? Acho que não garantiu isso. Vamos passar para a próxima lição e cavar mais na invenção 6. Ferramentas de design de Figma: este vídeo vai ser sobre lemas de figo. Então vamos começar e aprender quais são as ferramentas aqui e como podemos usá-las. Então, primeiro, nós estamos indo dedo do pé, criar um quadro. Este é o nosso quadro de arte. Então vamos chamá-lo de quadrode treino”. Ok, então nós temos este quadro, e se você quiser raiz, mova-o. Esta é a sua ferramenta de seleção ou moveu tudo. Você pode movê-lo por aqui. Então, o que quer que você desenhe, por exemplo, eu desenhei sec emaranhado aqui. Se eu quiser movê-lo, vou usar este movimento. Disse que isso é realmente o padrão irá adicionar um pouco mais baixo aqui. Então, se você quiser escalar algo por proporção, você vai selecionar este homossexual ou escala Dole. E agora você pode ver que você pode dimensioná-lo para baixo ou para cima sempre que você estiver importando alguns ícones dentro de Sigma AB. Eu acho que eu preferia usar dole escala porque ele vai manter a proporção e não vai estragar seus ícones aqui. Então certifique-se de usá-lo quando você está indo para dimensionar algo em proporção como este. Por exemplo, imagens ou algo assim, que você quer escala do dedo do pé em proporção. Agora aqui temos novamente quadro duplo e fatia a fatia é que eu vou voltar a fatia uma vez que eu tenho algo aqui. Então vamos primeiro discutir essa forma. Será que temos retângulo, linha, seta, elipse, imagem mal ido estrela e lugar. Então comece por retângulo para que possamos colocar um retângulo aqui. Basta clicar no arrasto e sair daqui. Você também pode ver que temos um raio aqui. Então, se você quiser oh, selecione o raio do canto que você pode selecionar arrastado por aqui. Ou você também pode colocar raio aqui, por exemplo. Eu coloquei oito existe agora e você pode mudar a cor trocar a cor aqui física. Isso é preenchê-lo com a cor. Então aqui temos um botão grande e agradável E aqui novamente, esses mesmos são realmente opções. Opções padrão em X Y posicionando Grã-Bretanha Alta Tradição Gordon Radius. Você pode ver se eu tentar mudá-lo aqui vai mudar sua cabeça. Você também pode arrastar assim para alterar o raio do canto. E, novamente, se clicarmos aqui, temos cantos independentes. Você pode ter canto diferente da AIDS 20 por exemplo, Como este ou CEO como este. E você também pode ter mais uma opção, que é o nosso alisamento canto EUA para que você possa ter alisamento canto como este que você já viu em um monte fora de um mac O R nos. Nosso iPhone APS você pode ver aqui. Esta é uma boa opção. Você também pode adicionar efeitos diferentes aqui. Se você quiser adicionar sombra, você pode ver que temos efeitos diferentes. Vamos contornar esses efeitos de acidente vascular cerebral, acidente vascular cerebral e efeitos, literal. Agora você precisa se preocupar com isso. Sinta cores que você pode ver ou ouvir. Mais uma vez vamos mergulhar profundamente no Phil e maciço leniente todas essas ints gananciosos. Mas agora estamos discutindo essa ferramenta de retângulo. Então aqui temos a ferramenta de ângulo da seita e, hum, você pode Eu já mostrei todas as opções que podemos ter com isso. Assim que tivermos o segundo emaranhado Dole, vamos ter medo e outro retangular aqui como este, e se sobrepõe assim. Então é assim que estes líderes são organizados. Então você pode movê-los. Ok, então vamos mudar o seu dedão do pé algo assim, algo assim. Então eu vou pisar algo assim de qualquer maneira, então agora eu vou voltar para a ferramenta de fatia. Então, se eu quiser ter uma imagem ou algo nele vai ser nós estamos aqui assim então eu posso usar a ferramenta de fatia, e eu posso clicar em exportar, e ele vai exportar Onley esta fatia. Então, o que quer que esteja dentro desta fatia, eu vou exportá-la, e eu estou indo para o pé. guardá-lo Vamosguardá-lona área de trabalho. Deixa-me mostrar-te o que significa. Escola. É altos. Então aqui nós cortamos para que você possa ver que isso é fatia. Então este é o aborto que eu queria aqui. Então esta é a função fora da ferramenta de fatia. Não é muito útil, Mas às vezes em web design, você pode usar algo assim. Vamos apagar esta fatia aqui. Ok? Agora, vamos deletar esses dois. Então temos mentir para você pode arrastar sua linha assim, e você pode mudar sua espessura do dedo do pé. Cinco. Está indo para o centro, dentro ou fora. Então, essas são diferentes configurações com novo centro e vamos, uh, fazer 50. Mas isso troca sua direção e mudança de respiração segurando o turno do peito , para tê-lo em diferentes ângulos de rua como este. Então, se você quer que ele seja reto em algum ângulo, você vai segurar e pressionar Shift assim. Então nós temos isso e vamos passar para este anúncio. Vastos golpes. Podemos ter diferentes cantos redondos. Você pode ver o cabelo ao redor, cobrir uma lacuna quadrada, e então temos mentiras. Adel e depois temos flechas triangulares. Então todas essas opções diferentes e nós temos Dash e Gap. Então, uh, vamos lá. O que? Então esta é na verdade, primeiro 1 é traço e segundo é lacuna. Então vamos ter que entrar em coma. Vamos ver se temos, queremos aumentar a lacuna. Então eu usei 25 para a lacuna. Você pode ver que há um monte de espaço entre estes pratos. Metal é, na verdade, o ângulo aqui. Esta é a articulação Ângulo Médio é realmente ângulo muito afiado. E se você quiser ter um ângulo em torno aqui, então esta é na verdade a linha, e tem um monte de opções diferentes. Vamos civilidades e voltar para a linha simples. Ok. Então você também pode salvar este estilo e você, estilos Congar e estilo adequado para o acidente vascular cerebral. E você pode reutilizá-lo agora, estamos indo para o pé. Discutir sobre adoções Essa linha relacionada. Dedo. Então, Lyinto, esta é a nossa ferramenta de linha. Você pode mudar a cor, o que quiser. Por exemplo, como este , normalmente uso em links. Por exemplo, se eu tenho um imposto ou aqui sobre este é um link algo como este. Então você pode usar linhas para separadores ou qualquer coisa. Da mesma forma, temos total É novamente uma ferramenta muito agradável. E você pode ver agora se você desenhar uma linha na tela distante, ele vai ser muito pequeno. Então, em vez de usar um, você pode usar quatro. Então esta é uma espessura. Então, se você tentar reduzir a espessura, vai ser algo assim. Então, se você quiser um animal maior, você pode usar mais espessura como esta. Então eu acho que cerca de quatro ou três é bom. Boa aparência. Você foi mudado em tudo. Em qualquer lugar que queiras voltar a gostar disto. Se você quiser ir com opções avançadas, você sempre pode ir por aqui. Flecha do Triângulo Oh, estão mentindo em tudo. Oh, nenhum é algo assim. É um jogo indo dedo do pé desaparecer tudo ao redor ah, quadrado deitado em tudo Não para que você possa ver que é convertido para dizer linha simples e não há nenhuma seta em uma extremidade. Então isso é muito estranho para mim porque eu queria voltar para a interestadual e agora é uma linha. Então nós vamos criar outro Arrojo aqui como este e não Sam a espessura como esta . Então este é o nosso arável. Então as opções são quase as mesmas, como esta ferramenta de linha, e isso é tudo. Você pode mudar a direção sempre que quiser. Oh, este é o arável. Então nós vamos para as eleições de elipse basicamente círculo. Então, se você quiser obtê-lo em uma proporção, segure seu turno e ele vai ser perfeitamente por perto assim. Então eu estou segurando e pressionando a tecla Shift. Então, esses são meus lábios, e você pode ver se eu clique aqui. Ele mostra arco para que você possa clicar aqui e continuar arrastando assim e você pode criar um gráfico. Você pode ver que estamos aqui. Gráfico ou gráfico. Da mesma forma, você também pode alterar isso para criar um gráfico um círculo, um gráfico. Então, isso é muito fácil na figo. Miley adorava esse recurso. Isto é muito, muito interessante. Então comece aqui em arco e continue se movendo assim para que você possa mudar o início também. Então, se você quiser ter algo assim aqui, você pode ter algo assim. Eles são sculler assim. Este é um recurso muito legal. E também esta proporção vai mudar assim. Estas opções são também nós estamos aqui. Então este é o ângulo. Ângulo inicial menos 90. Esta é a liberdade condicional, eu acho, e esta é a questão tecnológica necessária. Esta é a liberdade condicional, eu acho, eu acho, Então eu vou voltar para algo assim. Sim, e vamos usar 100 cantos aqui. E é assim que você cria um gráfico de circa muito agradável usando apenas fezes escondidas. Então este é um banquinho labial. Isso é realmente ótimo. Muito poderoso. Eu realmente amo isso. Você pode ver aqui que você pode criar um monte de coisas. Por exemplo, como este, hein? Qualquer quente Esta é a minha omelete. Certo, então temos polígono. Um polígono vai ter novamente cantos diferentes. Você pode aumentar os cantos. 10 56 Tudo o que você quiser, ovos foram para cima ido tudo o que você quer apareceu. E você também pode mudar o raio do canto aqui. Você pode mudar a contagem daqui. Estes são realmente bons controles. Eu não vi esses controles em nenhum dedo do pé. Isto é muito fixe. Sigma tem um monte de recursos que eu acho que outras ferramentas de design estão faltando em. Talvez eles vão ter em um ou dois anos e Sigma tem um seco Agora, uh, então nós temos assustado isso está indo para o pé. Crie uma estrela segurando a tecla Shift. Você pode tirar uma estrela. Quatro jardineiros, três cantos. Esta é uma ferramenta ninja e, uh, cinco cantos, seis cantos. Então eu vou ficar com cinco cantos e isso vai ser, eu acho, o ângulo dos cantos. Então vamos aumentá-lo. Então esta vai ser uma estrela muito agradável para as minhas filhas. Eu acho que eles vão amar estes esta estrela porque ele tem alguns que você pode ver em. Você também pode mudar o raio ou aqui assim. Então este é realmente um bom ser iniciado. Meus médicos vão adorar de qualquer maneira, então esse é o ângulo, como você pode ver onde. Isso é chamado de carro. Esta é uma proporção. Então isso é realmente como você pode fazer um grande você pode ver estilo de fato gordo ou uma estrela magro o que você quiser. Não, parece uma estrela do mar. Então esta é uma ótima ferramenta. Então isto é uma estrela. Você pode criá-los. Então, sobre uma imagem de lugar, vamos olhar para a imagem de lugar na próxima lição porque ele tem um monte de opções. Então vamos passar para a próxima lição para discutir, lugar, imagem e fumaça ou figment sapos. 7. Ferramenta de tipo, no Figma: neste vídeo. Vamos falar sobre a ferramenta de texto aqui. Então, apenas besty ou texto, clique neste texto e você pode arrastar algo assim para criar uma caixa de texto aqui. Tóquio, O parágrafo. Este é um parágrafo, LA, blá, blá, blá, blá, blá. Então você pode ver agora ele está indo para dentro deste recipiente. Da mesma forma, você também pode usar algo assim aqui, então você pode ver que estas são as opções à direita. Então, temos opções de texto. Este é um tipo de letra formado, que é Roberto. Você pode criar alterações para o que quer que você tenha instalado em seu sistema. Este é o tamanho do tipo. Hum, então agora nós não temos nenhuma opção. Vamos limpar. Drew é esse. Certo, então aqui temos, ela era desse tamanho. Certo, então temos uma prancha média regular. Estes são estilos diferentes fora deste texto. Então temos auto. Isto é basicamente a altura da linha. Posso mudá-lo para 30 ou posso colocar, por exemplo, 200% aqui. Algo assim. Então esta é basicamente a diferença entre as duas linhas, o sexo entre as duas linhas, e você pode ver o que tinha essas linhas azuis? Esta é, na verdade, a distância entre estas linhas azuis abaixo do seu próximo, que é marcado linha de base. Então temos espaçamento de letras. Você pode ter 5% melhor espaçamento ou qualquer coisa que você quiser. Nós estamos aqui. Então temos espaçamento de parágrafos. Então, se tivermos mais de dois parágrafos, por exemplo, vamos alterá-lo. 100% de esperanças. Vamos mudar isso. 100% e desculpa 2%. E teremos outro parágrafo. Ou aqui. Como este? Sim. Aqui. Essa é outra garota. Isso vai este boné e não, Se eu tentar usar isso, ele vai dedo do pé. Dê alguma diferença entre estes dois parágrafos. Já foi detectado que eu tenho peito e gaveta aqui. E este vai ser o próximo parágrafo para que eu possa ter mais espaço dentro de dois parágrafos e, uh, escapar. E é assim que vai acontecer. Na verdade, este é o meu contentor. Então eu posso me mover assim para ter mais informações dentro dele. Ok, então isso mostra que é um tamanho fixo. Isso mostra que é altura automática. Então é novamente sangue para este fundo fora deste texto aqui. E então nós temos fora disso. Então, quando nós clicamos fora dele, ele está indo toe Mover em torno disso ele vai ter seu próprio veredicto. Por isso, é bom quando você está criando alguns botões, mas em um parágrafo você vai usar fixo como este. Então vamos voltar à escola, Kamanzi. E agora temos diferentes opções fora alinhamento meio alinhar linha superior alinhar linha inferior que vai ter. Por exemplo, se eu tiver algo assim, um contêiner maior, eu posso soltar uma linha que eu posso alinhá-lo no meio deste contêiner. Você pode ver esta linha azul. Este é um contêiner e eu também posso alinhá-lo na parte inferior deste contêiner então depende de como eu não vou obter a sua linha. Então temos centro à esquerda e à direita uma linha fora do texto. Então há um alinhamento de estacas, direita, direita, esquerda Incentivo. Então este é basicamente o alinhamento dentro deste recipiente e este é o alinhamento fora do texto fora de configurações estranhas, diferentes de altura da ordem. Como este contêiner será aqui e, em seguida, temos mais algumas opções como você pode ver onde aqui mais algumas opções são como podemos justificá-lo aqui do que temos subjacente em. Então nós temos isso nada do que nós temos. Atacar para algo assim. Parágrafo em Dent. Se você quiser recuar parágrafo como este e o início do parágrafo, uh, então temos casos diferentes. Em maiúsculas. Em minúsculas. Este é o caso do título, e este é tão apertado que eu sei sobre estes portões formas sensíveis e espécies de capital é espaçamento. Então estas são diferentes opções que são o forte. Opções avançadas são opções de tipo aberto. Então agora você pode ver que eu selecionei este telefone rasa e você pode ver este Tyfo tem espaçamento maiúsculo e formas sensíveis a maiúsculas e minúsculas para que você possa ter essas opções clique se você quiser usá-los. Por exemplo, se eu tentar usar o espaçamento de capital aqui, guerra está próxima, por exemplo, assim. Então agora olhe atentamente se eu tentar, uh, uh, usar este espaçamento de maiúsculas para que você possa ver o espaçamento de maiúsculas ativado no Capitólio. Da mesma forma, temos esses estilos de número de estilo. Então, se eu tentar usar 123456789 para você, algo assim. Então você pode ver que podemos ter esse estilo de número de amigos. Estas são novamente opções diferentes, então estas são realmente opções fora de faces de tipo aberto. Você pode ver que existem opções estilísticas estilísticas. Espaçamento horizontal, denominadores de fração astutos. Eu acho que nós não queremos usar todos estes, mas eu acho que você deve saber que estas são as opções disponíveis estavam aqui. Então, se você é um geek tipográfico, você pode usar esses conjuntos estilísticos ou opções aqui. Então, isso é tudo sobre esta ferramenta fiscal. E, hum, eu acho que você vai entender o que ele faz e como você pode mudar seus quatro tamanhos de estilo. Diferente espaçamento entre linhas. Diferente espaçamento entre parágrafos, como ele vai se comportar. É altura automática. Coisas estranhas como o alinhamento de impostos dentro do contêiner ou o alinhamento de decks fora do próprio texto . Então isso é tudo sobre camadas Dex. Se você tiver sugestões ou melhorias no curso, você sempre pode elogiar, e você sempre pode discutir comigo. Se não entende nada, pode me fazer perguntas. Espero que tenham gostado desta lição. Vamos passar para a próxima lição 8. Como usar a ferramenta Caneta para criar formas: neste vídeo, nós vamos aprender sobre a ferramenta Ben de Sigma e como podemos criar diferentes ícones de formas ou diferentes tipos de coisas usando a ferramenta caneta. Então isso é basicamente para tentar, então você pode pressionar B e aqui temos a extensão e apenas clicar e arrastar retirar linhas retas como esta, e nós estamos voltando para o primeiro a ter esta forma que era nave, e você pode ver agora mesmo mostra que temos derrame. E esta é a sagacidade do derrame. Então este é clique em feito. E esta é a sua forma agora, você pode expandi-la. Você pode alterar a espessura da linha de espessura. Você também pode adicionar preenchimento, cor, preenchimento. Faça assim. Ok, então se você não tem nenhum preenchimento de cor, você pode clicar duas vezes dentro desta forma nesta nave, como aqui, e nós estamos novamente de volta na ferramenta caneta mais para que você possa ver onde nós estivemos aqui. Na verdade, este é Ben Tool e este é baldes de Espanha. Então, se você clicar no balde de dor e você pode clicar aqui, é novamente fazer a mesma coisa que fizemos para encher este navio e se você for para este Bendel, ele vai realmente dobrar estes cantos. Então, se você clicar nele, você pode ver Agora nós temos canto upended aqui assim. Então estamos aqui assim aqui, como este Comando ou Controle Z para voltar para que você possa ver agora que temos curvas. Então, se você quiser mudar qualquer canto aqui, você pode clicar novamente aqui. Uma vez que você tenha selecionado isso e ele vai voltar para a forma que ele waas. Então vamos voltar para a ferramenta span. Vamos voltar para a ferramenta de movimento. Então nós vamos clicar neste movimento e nós também podemos mover este nosso, por exemplo, temos este Joffe ou algo assim. Nós também podemos mover essas alças dedo do pé tem a forma dobrando para nossas necessidades, por exemplo, como este. E, hum, se nós quisermos mudar, faz apenas este identificador, por exemplo, eu quero este identificador. Eu não quero esse dedo manipulado se mover assim para que você possa ver agora se nós movê-lo nesta direção, ele está se movendo. Mas se eu tentar movê-lo em destruição, ele vai se mover junto com este segundo punho. Então você está indo para pressionar e segurar a tecla de opção Archy Archer para mover isso ao redor sem mover o 2º 1 que você pode ver ou ouvir assim, por exemplo. Quero ter algo direto como isso que você possa ver agora de novo, se quisermos fazer o mesmo, posso voltar com isso de novo. Se eu tentar mover esta alça, ela vai se mover. Comprou deles. Então é assim que você pode mover essas alças. Você pode opção hold opção ou são para mover o único. Você também pode movê-los em torno desta alça inteira. Então este é um ponto de ancoragem para que eu possa movê-lo em qualquer lugar que eu quiser. Posso criar qualquer tipo de fatores como este. Posso remover o derrame. Posso adicionar efeitos diferentes, como sombra e tudo mais. Tudo o que eu quiser. Posso mudar o folicular. E essa é a coisa má que você pode fazer com Bendel. Então vamos excluir todo esse vetor e o que eu vou fazer é, por exemplo, eu tenho essa nave, por exemplo. Eu tenho lábios. Então eu ouvi essa Ellipse. Ok, então se eu quiser entrar no clima de batalha e quiser mudar algo nesta elipse, eu vou clicar duas vezes sobre ela. E vocês podem ver agora que estamos de novo neste vetor ancorado. Então temos esta caneta para baixar aqui. E se eu quiser adicionar mais pontos de ancoragem aqui, então se eu quiser onde um aqui, vamos pressionar Escape. E um, estamos aqui Press escape porque estamos apenas adicionando e adeus solo Hit um aqui, Skip. E um aqui e o pulo. Agora eu vou me mover, Tool, e eu vou movê-los ao redor, por exemplo, como este, eu vou movê-lo para dentro. Da mesma forma, este Oops. Vou voltar a andar, Tool. É assim, assim. Você pode ver o que eu estou tentando fazer aqui. Assim, desta forma, você pode criar ícones diferentes se você quiser. Por exemplo, se eu voltar para lidar, eu posso criar e outros linha aqui. Mova-se assim. Isto, isto, assim. Assim aqui, assim. Então aqui vamos nós e vamos para o gol de campo novamente. Vá para a ferramenta balde e eu vou selecionar outra cor. E eu vou encher este também. Então, mais uma coisa, que eu acho que esqueci aqui, se você quiser ter algo curvo, por exemplo, se você tiver uma ferramenta de caneta, você pode clicar aqui e não deixar o seu mais apenas arrastar e você terá ocorrido ângulo. Então, se você quer ter ocorrido ângulo, você pode fazer algo assim. Então, sempre que você quiser um ângulo de garota de cartas, você pode fazer algo assim. Então, estes são os conceitos básicos fora deste plano para você pode criar ícones. Eu não recomendo que você continue criando ícones diferentes usando o gasto tudo. É uma perda de tempo que eu acho que você pode usar. Você deve usar o ícone já construir que são padrão para qualquer dispositivo dos EUA ou Android. Assim como em seus sites. Você também pode comprar ícones premium. É realmente um desperdício de tempo se você continuar criando ícones usando esta ferramenta caneta. O Eso venceu. Eu fui. Na maioria das vezes, fiquei claro com os meus alunos. É esta forma como aqui? Este. Então vamos mover isto primeiro vamos construir um retângulo como este, e teremos cantos arredondados de 50 como este. Em seguida, vamos usar nossa ferramenta pan e criar algo que é clicar duas vezes sobre ele. Então não temos alças aqui. Agora, crie Pento. Você gasta ferramenta, e nós vamos ter que adicionar um pequeno anúncio aqui. Esperanças O que está acontecendo? Mm, assim. Como este. Isto. Ok, então nós criamos um anúncio aqui. Vamos preenchê-lo com a mesma cor. Então agora vocês podem ver aqui que temos um raio de canto ajustado para 50. Então eu vou usá-lo para ter algo assim. Vamos usá-lo. Certo, então vamos clicar. Clique em Escape, tecla Breast Escape. E é assim que temos um ícone muito bonito fora da bolha de fala. Você pode ver a fala, mas bem, vamos usar a descoloração. Então é assim que você pode criar e manipular diferentes formas e diferentes, diferentes. Você pode criar diferentes ícones simples usando figo MMA. Acho que isso é tudo. Eu não quero que você crie um ícone muito único aqui, mas eu realmente adicionaria algum exercício onde você pode criar algo assim e se familiarizar com esse mental. Espero que você tenha gostado de usar esta ferramenta de proibição, e se você tiver alguma dúvida, você sempre pode me perguntar, Vamos passar para a próxima lição. 9. Localize o ferramenta de imagem: neste vídeo, vamos ver como usar lugar, imagem, imagem, ferramenta e Sigma e talvez alguns mortais. Agora vá até aqui e espaço livre, imagem ou nave de comando ke ou cuidado navio controlado. E você pode ver que eu vou selecionar todas essas imagens diferentes ou aqui. Então vamos como este. Este aqui eu estou pressionando ou segurando Chave de Controle Comandante para ter várias seleções. Parece com este, este. E vamos selecionar, hum, este e eu vou pressionar em aberto para que você possa ver agora eu tenho cinco imagens e apenas continuar arrastando assim para onde você quiser colocar algo assim e Sigma está realmente enchendo tudo por conta própria. Eu realmente amo esse recurso. Continue arrastando e isso é tudo. Então você pode ver que é assim que eu posso criar um coledge de imagem como este. Este é um recurso muito legal e mais uma coisa. Então é assim que você pode colocar imagens. E se você tem algo, por exemplo, dentro de um quadro, por exemplo, eu tenho lábios, um, diferentes a cada dólar de pessoas diferentes e, por exemplo, por exemplo, dentro de um quadro, por exemplo, eu tenho lábios, um, diferentes a cada dólar de pessoas diferentes e, por exemplo, isso E agora se eu quiser colocar imagem. E, uh, vamos selecionar qualquer um destes novamente. Quatro um, Duke 34 Muito bom. Muito, muito legal. Então você pode arrastar e soltar o que quiser. Esta é uma característica muito legal. Então vamos de novo colocando tudo aqui assim. 1234 Ok, então vamos deixar este. Vamos fazer isso. Este registra este e concentra-te neste. Agora, se você clicar sobre isso ou aqui, você pode ver à direita. Temos Phil como imagem, e mostra 100% para que você possa reduzir a opacidade aqui. Isto é opacidade. E se você clicar aqui, você pode ver que temos opções diferentes. Por exemplo, podemos alterar a exposição ou podemos reduzir a exposição. Podemos aumentar o contraste, e podemos aumentar a saturação, que vai melhorar a temperatura das nossas cores. Esta é, uh, temperatura quente. Há uma temperatura escolar. Este é um pouco controles fora da fotografia E. Então, se você quiser ir para trás, você pode voltar, e ele vai clicar sobre isso. 0% são as configurações normais como esta. Vamos torná-lo um pouco maior assim. Então eu uso a tecla Shift e uso este adulto para expandi-la. Ok, então se você quiser mudar a imagem, você pode clicar novamente aqui e para exemplos como esta imagem como esta. E agora você pode ver aqui que temos opções Phil. Então estas são as opções que mostram que como ele vai preencher este objeto. Então isso está cheio. Ele vai preencher todo o objeto. Isto está em forma. E se você clicar a pé, você pode vê-lo é cortado dentro, e você também pode você pode ver isso não é porque não é uma imagem arredondada ou imagem. Portanto, não se encaixa dentro dele. Então, ok, então vamos usar Phil agora, e você também pode usar colheita. Então, a colheita vai ajudá-lo a mudar o tamanho deste. E você também pode alterar o posicionamento dessa imagem. Por exemplo, esta imagem que estamos aqui, e você também pode alterar o tamanho da imagem pressione e mantenha a tecla Shift pressionada. E, por exemplo, quero que o dedo do pé tenha algo assim. Ok, então você também pode mover a imagem ao redor como este X fechar isso e você pode ver aqui nós temos a imagem onde nós queríamos. Então, novamente, vamos para a imagem. Isto é colheita. Então, no corte, você pode soltar a imagem. Por exemplo, eu quero ter algo aqui como este e vamos sair e você pode ver que isso é realmente cortar danos. Então ele está basicamente mudando o quadro da imagem. E se você quiser novamente ir para o corte, esta é realmente a área de cultivo. Esta seção azul estamos aqui. Se você clicar nesta imagem atrás você pode ver que temos adultos diferentes. Estes são pretos. Então, se você quiser mudar o tamanho da imagem por trás deste corte, você pode fazer isso com esta música como esta. Então esta é uma ferramenta muito boa, então você também pode girá-la. Mas acho que isso não vai ajudar aqui. Vai deformar esta imagem, modo que é tudo. Então esta é uma característica muito agradável fora deste corte fora da imagem. Então você pode usar estilo para azulejo está realmente indo dedo do pé. Ajude-nos a estilizar esta imagem. Então, na verdade, estou reduzindo o tamanho dessa imagem porque temos que ver o efeito de azulejo. Então vamos movê-lo assim e clique X aqui. Então é assim que ele está modelando sobre a imagem. Portanto, estas são poucas opções com sensação de imagem que você também pode ocultar a sensação de imagem que você também pode movê-lo. Você também pode adicionar o campo de imagem a partir daqui. Faça isso se você ir para a imagem, ele vai dizer-lhe que Selecione uma imagem. Então você constrói qualquer imagem daqui. E estas são opções diferentes. Como ele vai caber, preencher, ajuste realmente fazer Tente usar 100% da imagem e tentar encaixar dentro deste recipiente. Por exemplo, se tivermos um contêiner fora como este e queremos preenchê-lo com uma imagem para que você possa clicar se você quiser preencher algo com imagem, você pode clicar aqui ele está preenchido e você pode clicar aqui e ir para sólido, sólido e mover para a imagem. Então aqui temos ele mostra que tentar escolher uma imagem aqui para que você possa escolher qualquer imagem , por exemplo, como se parece com esta. Ok, então agora você pode ver que está cheio. E se eu tentar me preocupar, você pode ver que ele está tentando encaixar toda a imagem neste retângulo. Agora está deixando algo à direita e à esquerda. Então, se eu tentei reduzir o tamanho Ok, então este é um ajuste perfeito. Se eu quiser cortá-lo, você pode ver que eu posso cortar este recipiente. E eu também posso mover essa imagem assim. Espero que não tenha destruído esta imagem. Phil está colocando sua imagem e como você pode usar este lugar. Ferramenta de imagem dentro de Sigma. Espero que tenham gostado desta lição. Vamos passar para a próxima lição. 10. Ferramenta de lápis de comentário: Esta é a última parte das suas ferramentas de invenção, e eu vou compartilhar com vocês algumas das ferramentas que deixamos aqui. Por exemplo, esta ferramenta de lápis. Então temos esta ferramenta de mão e disco um mental, embora estes não são muito úteis. Mas se você clicar nesta ferramenta de lápis, você pode ver que você pode desenhar o que quiser. Então, se você tem um tablet ou dispositivo de mesa Ben, você pode assinar facilmente, ou aqui você pode facilmente identificar áreas de design como esta. Aqui, você pode usar o que quiser. Você pode desenhar livremente nesta tela. Estas são quase minhas assinaturas estavam aqui, e isso é tudo sobre ferramenta de lápis, então você não precisa se preocupar com isso. Então, se você quiser mudar, você pode clicar duas vezes, e você terá diferentes opções como aqui, assim, e você também pode aumentar seu salto para que você possa ver que estas são quase minhas assinaturas. Não é muito perfeito. Mas se eu tivesse uma caneta, que eu vou comprar em um futuro próximo Aiken, use algo assim para que eu possa desenhar fatores. Tudo o que eu quiser, eu posso desenhar um pouco. Você pode ver desenhos animados ou algo assim. Então isso é tudo sobre este lápis para então nós temos essa alça que vai mover coisa, qualquer lugar que você quiser. Então vamos voltar para mover Tool, que é V E se você quiser ir rapidamente para esta mão para você pode pressionar ou segurar sua barra de espaço assim e agora você pode se mover. Então esta é a tecla de atalho para esta barra de espaço de imprensa da ferramenta manual, e você pode se mover em sua tela. Da mesma forma, temos esta ferramenta de comentários e você pode adicionar seu show de comando aqui. Isso é basicamente por exemplo, eu amo sua natureza doentia. Eu vou adicionar um smiley ou aqui Smoochy e mais para que você possa ver nesta seção de comentários eu estou vendo que um comando de mim e endereço residencial. E você pode ver que este é o meu nome em poucos segundos. Eu amo suas assinaturas. Então, se você tem uma equipe inteira, eles podem responder de volta e eles podem dizer isso realmente, ou algo assim. O que quer que você eles queiram no comando aqui. Então, isso é que você pode dizer, uma ferramenta de colaboração um pouco fora para colaborar em seu design e melhorá-lo Então estas são as outras ferramentas aqui. Mais algumas coisas que eu acho que esqueci, é que se você passar por aqui no retângulo, por exemplo, eu desenhei um retângulo E se eu puder desenhar elipse aqui e se eu sobrepor estes, eu posso tirar os dois fora eles. Estou selecionando-os clicando em shift, shift, mantendo pressionada a tecla shift e clicando em ambos. Então vamos diluir este. Além disso, este também este. Então aqui temos duas formas diferentes. E se eu quiser combiná-los, você pode ver que temos diferentes opções aqui. Seleção da União. Então agora eles são combinados e eles são uma forma aqui como esta. Ainda assim, você pode se dirigir a eles. Você pode clicar aqui, clique duas vezes, e você terá que moldar na união. Você pode movê-los, por exemplo. Eu quero tê-lo aqui. E eu, por exemplo, queria duplicá-lo. Quero ter outra forma como esta. Eu realmente pressionei e segure minha tecla de opção arqueiro para duplicar estes. Então, clique nisso. É como esta opção de imprensa e segurar Arden. Você terá o Bellerose e você pode ter algo assim. Então você pode ver que este é um sindicato fora desta nave. Da mesma forma, podemos ter seleção de assunto. Então agora você pode ver todas as elipses superiores que eles subtraíram deste retângulo aqui. Então nós temos isso exclui seleções ou o que quer que esteja, hum, sobreposto. Vai ser excluído. Então, por exemplo, as áreas sobrepostas, elas serão removidas. Você pode ver onde aqui. Então você pode ver agora essas áreas sobrepostas foram removidas. Para entender esta seleção de intersect, vamos ter novas formas. Então, vamos deletar este. Temos um retângulo aqui. 2º 1 mais aqui, o que vai ser um pouco mais escuro. Isso é como um barco fora deles. Inspecione o Intersect. Então Intersect é realmente o que é comum dentro deles e tudo é removido. Assim, a área comum vai estar no final e tudo vai ser removido. Então é assim que esta combinação ou esta ferramenta sindical realmente funciona. Se você tem alguma pergunta ou não entendeu nada, você pode sempre me perguntar. Vamos passar para a próxima lição. 11. Preencher cores e usando gradientes no Figma: neste vídeo. Vamos olhar para este sujeito aqui, e vamos explorar diferentes maneiras de usar este campo. Como você pode usar cores diferentes como solar, chuva linear, diamante angular, uma imagem. E não vamos olhar para esta imagem que já discutimos Stared. Então, , vamos começar criando um retângulo aqui e vamos criar uma elipse aqui. Então, estou segurando o turno. Vamos usar uns 300 cantos como 16. Ou aqui e agora você pode ver que o arquivo Phyllis C. Quatro c quatro c quatro. Esta é a sua capacidade. Quanto as cores devem ser transparentes ou norte, algo assim. Então, se eu tentar usar, por exemplo, como esta cor aqui e eu tentar adicionar outro campo e eu quero que ele seja, hum, alguns ingredientes como este e vamos mudar a cor para este, então a parte inferior Um vai ser um assassino. Em seguida, use esta cor, ou agora você pode ver o topo é realmente um int ganancioso. Então, se eu tentei, quando eu clicar aqui, ele diz linear. Então aqui temos cor sólida do que temos linear Quênia tem dois pontos para fora desses pontos aqui, que na verdade vai mostrar onde a sculler vai parar e começar. Então esta cor vai começar a partir daqui. Se você quiser adicionar mais um, você pode clicar aqui assim e você pode usar um pouco de cor como esta. Por exemplo, se você quiser dedo do pé, mude-o e você também quer mudar o topo aqui, por exemplo, assim e você quer que o fundo fique muito escuro. Você pode usar algo assim. Agora você pode ver que estamos usando um ingrediente linear em cima desta cor azul. Se você quiser destacar isso mesmo ver, tentamos aumentar sua capacidade. Vai mostrar mais abaixo deste Grady. Então isso é meio como um tipo verde C de radiante. E você pode sempre você também pode esconder e mostrar. Por exemplo, você tem que se sentir assim. Posso adicionar quantos preenchimentos quiser, por exemplo, quero adicionar um rádio. O rádio vai ser destruído. Então, para radiante, vamos usar este aqui. Então é que eu usei radial e você pode ver agora ele tem apenas regular e, em seguida, ele tem er vital ou transparência de um lado. Então, se você clicar aqui, você pode ver que temos duas configurações. Uma é esta cor. Uma delas é essa capacidade. Então, para cada ponto fora das cores, você pode ter duas coisas. Por exemplo, se eu tentar aumentar a opacidade, você pode ver agora que temos Ah, cor radial com o limite é realmente um pouco transparente e dentro é uma escolha. Então você pode criar muitos efeitos como este. Por exemplo, se eu tentar usar algo assim e eu tentar usar a cor branca aqui, você pode ver que temos esse tipo de efeito fora. Você pode ver assim fora é branco, que está se misturando com este fundo. E lá dentro está o assassino para que possas ter mais paragens. Por exemplo, se você quiser mudar a cor nesta seção aqui, por exemplo, como este, você pode ver agora o que está acontecendo aqui. Da mesma forma, você pode alterar a opacidade deste dedo. Então agora eu estou tentando mover as circulares e há espaçamento. Vamos diluir este. Então eu sou. Eu selecionei esta unidade tem limite pressione excluir, e temos uma cor ido. Agora você pode ver que isso está bom. Da mesma forma, para este, vamos remover o verdadeiro. Vamos usar linear agora. Um monte de coisas que você pode fazer por aqui. Por exemplo, se você clicar neste linear, você pode mudar a direção desse int creedy assim. Então, se eu tentar mudar a direção, eu posso mudar a direção como esta cruz de imprensa e você pode ver aqui que temos outro. Então o que eu não vou fazer é remover essa desculpa. Escuro aqui, Onda, vamos aumentar a opacidade desta seção ou aqui. Escuro aqui, Onda, Vamos tentar o dedo do pé. Mova-se assim. Próximo. Mova as cores, assim. Troque esse dedo do pé algo assim que o arrasta um pouco mais. Então temos menos cor para esta gota ou este, uh, ponto aqui. Então temos três pontos para os pontos do assassino. Então isso é que você pode criar botão de download como esse e cor branca aqui. Da mesma forma, você pode fazer o mesmo por aqui. Se você quiser criar algo para estes, uh estes textos aqui, você pode fazer o mesmo. Então troque assim. Agora você pode ver que temos muitas opções. Você pode adicionar como muitos se sente um quente mesmo no texto aqui, mesmo para essas formas. Aqui você pode agir 234 Qualquer que seja o efeito que você deseja criar, você pode criar um semelhante para o rádio. Você pode ter esse tipo de coisas para angular. Principalmente não precisamos disso. Mas talvez se você quiser usar, você pode ver que você está aqui. Isto é e será? Na verdade, cria algo assim, o que não precisamos. Talvez em algum carro interfira ou algo assim, podemos precisar que seu diamante vai ter algo assim. E o último é a imagem. Já discutimos este assunto. Então, estas são diferentes opções de cores são diferentes. Opções Phil aqui. Você também pode criar estilos para essa sensação. Por exemplo, eu tenho isso um int ganancioso aqui. Vou clicar aqui e usar a tela, Ian, Ian, e guardá-la dentro do ingrediente em segundo lugar ou algo assim. Então, se eu tentar usar qualquer um do retângulo eu posso apenas clicar aqui e pressionar isso e isso vai ser aplicado a este retângulo aqui. Então isso é tudo sobre cores e ingredientes diferentes e como você pode usar diferentes INTs creedy , efeitos diferentes, por exemplo, este fundo transparente. Você pode fazer com que ele se misture com o fundo aqui para usar a mesma cor que o plano de fundo . Você pode ver se nós movê-lo para dentro do retângulo colorido aqui, ele vai mostrar seu limite, mas em um fundo branco, ele não vai mostrar. Então isso é tudo sobre cores. Se tiver alguma pergunta que queira me fazer, pode sempre me perguntar. Vamos passar para a próxima lição. 12. Botões de gradientes: Agora você aprendeu tudo sobre brilho, Phil cores Tudo. Agora é a hora de sua tarefa em sua tarefa é que você tem que criar uma carga linear . Lini Ingrediente Fardo Como este eu criei e sempre mencionei seu nome que Grady na Grã-Bretanha por Sarah por Julius ou qualquer que seja o seu nome, porque é mais fácil para mim, você sabe, feedback. Dê feedback para que seja mais fácil para mim dar feedback. Então Gedeon Grã-Bretanha criar dois botões com todas as cores que você gosta. Eles devem ter algumas cores que o texto é visível neles. Então não tente criar um fardo. O foram o texto é difícil de ler. Então esta é a sua próxima missão. Brilhantes fardos por você. Então estou ansioso para ver esta tarefa. Você pode ver isso na tela, certo? Barulho? Eu não há nenhuma explicação necessária, então certifique-se de criá-los e eu estou lendo para sua tarefa. Então comece a ler agora. 13. Como usar máscaras no Figma: neste vídeo, vamos aprender sobre Sigma e como usamos diferentes mesquitas e técnicas de mascaramento e sigma. Então mascarar é basicamente você tem um recipiente como você pode ver este retângulo. Este pode ser o meu contentor e todos os elementos. Por exemplo, imagens ou botões. Eles vão estar dentro deste contentor. Então, se algo é maior do que este recipiente, ele vai ser cortado. Por isso, não vai aparecer fora deste contentor. Então, para entender melhor este exemplo, vamos arrastar e soltar uma imagem ou aqui. Então vamos pegar essa imagem e deixá-la aqui. Então isso é muito grande. Então eu vou segurar minha chave do navio e ter um pouco de tamanho aqui. Você também pode dimensionar rapidamente usando algo assim ou aqui. Então agora temos essa imagem, e aqui temos o contêiner. Então a contenção é na parte de trás e a imagem está na frente para criar uma mesquita. Nós vamos selecionar os dois, então vamos selecionar e arrastar alguma seleção ao redor deles. Então ambos são selecionados e vamos pressionar controle de arte, controlar todos M ou opção de comando e criar uma mesquita. Então você pode ver agora que criamos a mesquita com sucesso. Agora, se você olhar para ele aqui para que você possa ver que esta é a nossa imagem. Este é o nosso retângulo. Esta é a nossa mesquita. Então, se você tentar selecionar este contêiner e movê-lo ao redor, você pode ver que ele vai revelar a parte da imagem que estamos realmente usando. Na verdade, estamos alinhando esse retângulo, então é como um portal. Você pode ver que é uma fronteira onde você pode ver as outras dimensões alimentos de qualquer maneira, Então é assim que estas imagens. Então, se você quiser expandir esta imagem, você tem que selecionar esta imagem e você tem que habilitá-la assim e nós vamos jogar set aqui assim. Então, se você trabalhar este retângulo ou este recipiente ou este realmente este dedo do pé mesquita, tem algum arredondamento. Vamos criar 80 erros. Então temos muito bom este próximo, como este. Oops. Então nós temos esta mesquita, esta aqui, então nós vamos selecionar os dois fora deles para movê-los por aí assim. E se quisermos um grupo, podemos agrupá-los dentro de um grupo toe ter este grupo simples para que não queremos ver uma seleção muito grande o tempo todo. Então é assim que se cria mesquitas. Então agora você vai adicionar uma mesquita. Então temos esta mesquita. Você já viu que quando é como este, eu posso mudar o tamanho dele assim. Eu posso mudar a posição fora da mesquita e também se eu quiser mudar o tamanho da imagem aqui. Então, se eu quiser que o Toby diminua, eu vou selecionar esta imagem e eu estou indo para o dedo do pé. Torná-lo menor, assim, assim. Da mesma forma, se eu quiser mudar esses cantos, vou usá-lo desta vez. Então é assim que na verdade você criar mesquitas são têm recipiente para criar diferentes tipos de projetos, onde você está indo para esconder o resto fora da porção agora, Da mesma forma, você pode ter outros elementos para na mesquita. Então, se eu tiver um fardo, por exemplo , como este, vamos criar um botão rapidamente. Então nós temos este botão, há grupo ele. Vamos, G, Bt dentro E eu queria estar dentro deste retângulo ou dentro deste recipiente. Então eu quero ter o meu botão dentro desta mesquita. Então eu vou arrastá-lo até aqui e soltá-lo aqui logo acima deste retângulo. Então agora você pode ver este addle estendendo-se a partir desta imagem, incluindo este botão e este retângulo. Então mostra que estas são as coisas que estão dentro deste recipiente. Então agora você pode ver que eu não posso ver o meu botão porque ele está fora do recipiente. É como um portal do meio. Você pode ver o outro lado. Mas se algo estiver fora dos espelhos, você pode vê-lo, então você tem que movê-lo. Então, estou tentando movê-lo para cá. Então você tem que movê-lo para dentro deste recipiente assim. E agora você pode ver que está por trás dessa imagem. Então eu vou movê-lo para cima agora. Você pode ver que está dentro desta mesquita e dentro deste recipiente. Esta mesquita deve área. Então, não. Se eu quiser movê-lo ao redor, Por exemplo, Eu quero dedo do pé esconder o lado direito deste botão. Posso fazer isso assim. Esta é a outra ponta deste fardo fora do meu contentor, por isso não consigo vê-lo. Então esta é na verdade a técnica de mascaramento e, ah, isso vai ser muito útil em seu projeto. Eu uso principalmente sempre que eu importar e imagens. Eu uso um dedo retangular mascará-lo para que eu possa facilmente controlar sua posição. É Ilya o quê? Quero mostrar o que quero esconder. Então este é um conceito muito importante. Espero que você tenha entendido esse conceito de mascaramento e como usá-lo e como ter muitos elementos dentro de uma mesquita. Vamos passar para a próxima lição. 14. Imagens de Masking de: você já aprendeu como as coisas mesquita. Então, agora é a hora da sua missão. Então agora eu vou te dar uma tarefa, dedo do pé, mesquita e objeto ou qualquer imagem, e você vai criar algum texto introdutório sobre você que eu tenho quatro cuidados ou eu amo assistir desenhos animados inimigos ou eu estou muito ocupado ou eu sou uma enfermeira por profissão ou o que quer que esteja em sua mente. Então, quaisquer que sejam seus hobbies, ou você faça ou você que seu amor é sobre, você tem que compartilhá-lo comigo e usar sua própria imagem. É melhor que nos apresentemos. Então deixe-me mostrar a minha pele o que eu criei. E eu também vou te dar algumas dicas sobre como criar o mascaramento do. E quais são os problemas que você pode obter. Então vamos fazer o dedo sobre as telas agora. Agora você pode ver aqui eu criei duas telas. Esta é uma mesquita personalizada. Eu criei uma forma aqui, e eu inseri minha imagem dentro, e eles estão dentro de um grupo. É sempre melhor que você agrupe seu grupo, seus elementos que foram mascarados. Caso contrário, o estigma vai continuar adicionando coisas neles. Então, sempre que você começar com isso, você pode criar algo assim. Você pode usar uma elipse aqui, desenhar uma elipse com a tecla Shift pressionada, arrastar sua imagem para dentro dela. E assim, por exemplo, deixe-me desenhar em arrastar isso você pode ver Não, eu tenho uma imagem cada alcatrão em meus lábios. Vou selecionar as duas elipses na mesquita inferior. E eu vou mover isto para dentro disto aqui assim. Então isso é fácil. E sempre tente o dedo do pé, crie um grupo, por isso é mais fácil. Gerenciá-los. Então este é um dia agora. Se você tentar criar uma forma com o pêndulo, por exemplo, eu tento criar uma forma como esta, e eu quero inserir uma imagem dentro. Há um truque que você pode ver aqui. Não há nenhum Phil aqui, então tente adicionar Phil primeiro. Caso contrário, sua imagem não vai preencher isso. Então vamos trazer isso de novo. E aqui temos. Vamos como água fora da mesquita, e agora você pode ver que eu criei uma mesquita muito personalizada com a forma personalizada aqui. Então lembre-se sempre que Tente preencher sua forma vetorial antes de fazer algo assim. Então este é o exemplo. Então comece com o seu nome. Bem-vindo, John ou Sarah ou seja lá qual for o seu nome e depois descobrir a classe e algo sobre você. Como se eu assistisse muitos jardins inimigos. Principalmente ultimamente re superpoderes amor para explorar todos os tipos de projetos. Até eu gosto de explorar o seu design ou qualquer tipo de design. Três d ou eu amo o dedo do pé vê-los lavá-los. E eu tenho quatro filhos e trabalho independente dos últimos 10 anos. Esta é a minha introdução simples, e você pode ter um botão muito usos. Vamos começar ou ser humildes. Sempre o que você acha que é a palavra-chave da sua vida. Então esta é a tarefa de mascarar. Então certifique-se que você criou eu vou continuar procurando por sua missão. Ok? Então, como submeter esta missão? Você tem que clicar neste quadro de arte. Você tem que ir para exportar. Clique aqui, e isto é por aqui. Exportar iPhone Bless. Então, não, eu vou exportá-la para a área de trabalho. E esta é a imagem que você vai enviar. Então, ok, então esta é a imagem. Então isso é Você pode ver que esta é a imagem, e isso é você tem que fazer upload e como uma tarefa, que eu possa facilmente me relacionar. Ok, então estou ansioso pela sua missão. Não submetida. Vamos começar esta mesquita em missão. - Não. 15. Criando estilos reutilizáveis: neste vídeo, vamos falar sobre isso. Deve telhas que vão ser nossas cores, ensaios e têxteis que você pode usar uma e outra vez e fácil re aplicar a outros elementos de texto ou outros botões ou qualquer coisa que você tem. Assim, também podemos criar efeitos diferentes. Então deixe-me mostrar-lhe fazendo algo para que você possa ver que eu usei foram aqui quatro cores. Então, se eu selecionar este retângulo, esta é uma cor de preenchimento Então como eu posso usá-lo novamente e novamente Então eu estou indo dedo do pé clique aqui Isso é chamado de estilo e eu vou clicar aqui, criar estilo Então uma vez que eu tenho isso, eu posso renomeá-lo como aço eu sou azul algo assim e eu vou ter um estilo aqui Então se eu pairar sobre ele ele ainda mostra azul. Da mesma forma, para estes eu vou criar nomes diferentes Segunda cor laranja re Então temos este primário azul escuro e vamos criar outro azul Primário. Então agora você pode ver que temos quatro esforços de cor sobrecarga. Estes são o estilo da nossa equipa. Portanto, estes não são locais para este documento. Então, esses são nossos estilos de design locais que podemos aplicar neste documento. Então este é o nosso projeto agora. Esta é a página de treino, na verdade. Então temos quatro colas julgamento, para que você possa ver como podemos aplicá-los Fácil. Deixa-me mostrar-te. Então eu estou saudando retângulo também lábios aqui e eu vou para ir em vez de ir para preencher eu posso eu estou indo para ir. Existem duas maneiras, na verdade, então vá para o estilo e selecione as cores que você quiser. Por exemplo, eu quero essa cor de forma semelhante. Por exemplo, estou criando um fardo. Então eu tenho que estrita ângulo por aqui. Este é um bom, mas e tudo se aplica a ele. Ele existe. E eu queria ser assim. Então isso é muito fácil para mim. Eu não quero me lembrar disso e você pode ver aqui que temos azul escuro primário. Então, o principal é a reutilização, por exemplo, apliquei a mesma cor. Então, este retângulo como este E se eu quiser mudar a cor e eu quiser que ele seja outra sombra deste azul? Então o que eu posso fazer aqui é clicar aqui e então eu vou clicar neste estilo de edição. E aqui temos a opção dois cadeia de descoberta, por exemplo. Eu queria o Toby, , vamos ver esta capa. Então agora você pode ver o nosso azul escuro primário é totalmente diferente. Certo, então vá até aqui. Você também pode ir a partir de você também pode ir dedo mudanças a partir daqui, então não gostei deste quadro e ir para estilos locais e você pode clicar nas configurações e vamos mudá-lo de volta para algo muito escuro como este. Então aqui temos a cor, tamanho e como podemos editá-los e como podemos reaplicá-los e qual o efeito que ele terá. Então, por exemplo, se eu quiser que ele seja algumas outras cores Então, se eu clicar aqui, você pode ver que ele me mostra todas essas cores. Não posso viciar nem mudar de cor. Não estou aberto todas as cores. Então, se eu quiser voltar então eu tenho que clicar aqui d estilo morto. E agora você pode ver que eu tenho meu preenchimento de volta para que eu possa mudar sua cor para qualquer coisa, e ele não está preso dedo do pé. Estes dois elementos são estes dois testes de cores. Agora vamos aprender sobre têxteis. Então aqui você pode ver que eu tenho este título. Tenho este parágrafo de texto. É normal. 18 porcos, Ils Roboto, morrer cara. E esta é a Roberta Light 64 fotos. Posso aumentar o tamanho de 72 se eu quiser. Oh, e este é o meu rumo agora. Eu também posso criar o mesmo estilo. Você pode ver o mesmo botão aqui. De volta para cá. E eu vou ter que ir para grande ou para 72. Isso seria fácil para mim lembrar. Da mesma forma, aqui, eu vou tê-lo. Ah, melhor gráfico 18. Então isso significa que 18 porcos é o tamanho do parágrafo e você pode ver que eu tenho que têxteis aqui. Então, sempre que eu quero um novo texto aqui, por exemplo, eu estou digitando algo sendo então eu queria ser um título. Então, eu vou apenas ir até aqui, clique sobre isso e apenas desmoronei meu esconderijo 72 e eu vou ter todas as configurações que eu fiz aqui. Agora, se você quiser editar este estilo, por exemplo, por exemplo, eu já criei um estilo e eu quero mudá-lo então a coisa é que você tem dedo do pé klik em qualquer lugar por aqui, ou você pode simplesmente não gostar de nada que é a maneira mais fácil. E você pode apenas clicar sobre isso e eu vou mudar para, digamos preto e eu vou ter 64. Vamos usar algum outro para, por exemplo, como este. Esta é melhor, e acho que não tem um traseiro. Então vamos usar pesado. Então, um, bordo. Então isso parece bom. Então você pode ver que é assim que você muda seu estilo para que você possa sair desse osso. Rio, você pode selecionar este. Clique neste, vá para este ícone. Então isso é um pouco, uh, você pode ver um caminho um pouco maior para viajar. Eu gosto desse jeito. Então eu simplesmente não gostei e fui a partir deste estilo local e mudá-lo aqui muito parecido com esses assassinos e esses títulos ou esses têxteis. Você também pode criar outros estilos. Por exemplo, eu quero ter. Vamos separá-lo, e eu vou criar um ingrediente linear. Agora é assim e eu vou mudar a cor para este dedo do pé. Aumente a opacidade. Então não, nós criamos aqui e selecione disco radiante e novamente eu vou para estilos e vamos barba, ingrediente ou aqui. Então eu tenho o meu ganancioso em estilo semelhante a este. Então, se você quiser se candidatar a este, eu vou clicar aqui e este é o meu fundo com ingrediente. E vamos adicionar mais algumas coisas aqui. Por exemplo, quero desanexá-lo e quero alguns efeitos. Por exemplo, eu quero sombras aqui, então eu vou ter sombra solta, e isso vai ser um pouco mais escuro. Shadow que usou algo assim e eu vou ter sangue de 50. Vamos reduzir para 30. Exclusivo para 25 35 Olhando bem. Vamos descer um pouco. 6 18 Agora criamos a sombra. Vamos limpar o estilo para isso. Temos sido muito bom estilo e clique neste mesmo ícone mais para criar um estilo. Então este é o nosso, ah, drop shadow 4 botões, algo assim. Então temos outro estilo. Então, se formos para fora dos escândalos e clicar aqui, você pode ver não, nós temos um fato estilos cor, tamanho e têxteis. Então estes são diferentes tipos de estilos que você pode experimentar aqui, e você pode reaplicá-los para qualquer que eu acho que você quiser. Por exemplo, eu vou para esses efeitos e assim e nós temos essa sombra, eu não quero lembrar os valores dessa sombra uma e outra vez. Então este é um conceito muito bom em qualquer e poderoso conceito de estigma. E eu realmente amo como eles têm usado esses efeitos estilos, cores, testes e têxteis locais separadamente. Então eu espero que você tenha entendido o conceito fora do estilo e como reutilizá-los. Vamos passar para a próxima lição. 16. Painel de efeitos no Aplicativo Figma: neste vídeo, nós vamos aprender diferentes efeitos fora do seu design e como você pode usar o painel de efeitos de tese no lado direito sempre que você estiver projetando usando o produto. Então, quatro coisas que vamos criar uma é esta sombra muito leve, assentar sombra em torno dela, muito pequena sombra em torno dela. Então temos outro, que vai ser uma sombra muito suave e gasta. Então nós temos este efeito três D, e nós temos este efeito embutido, a mesma coisa que eu fiz quando eu comprei meu primeiro você um curso de design com loja de fotos, Então eu estou fazendo isso em lema figo. Então estes são os quatro efeitos que vamos criar. Então, primeiro, vou remover todos esses defeitos daqui para mostrar onde eu comecei, na verdade. Então, aqui temos elementos simples. Branco simples. Agora você pode ver que uma coisa é comum. Eu tenho um fundo de cor clara. Isto é muito importante. Sempre que você está tentando ter alguma sombra, você tem que ter alguma luz colorida, fundo colorido pico. Isso vai funcionar muito melhor agora. A primeira coisa que vamos fazer é criar esta sombra aqui, que vai ser uma sombra muito que você pode ver muito expandida, muito turva sombra. Então pressione este passaporte e temos uma sombra simples que se parece com isso. Isto não parece muito bom, por isso vamos melhorá-lo. Então, para as opções estavam indo dedo do pé, venha aqui. Então temos essas opções X valorizam o movimento fora da sombra no lado direito. Então ele vai se mover para tentar pressionar cinco por aqui. Você pode ver que está se movendo. O valor da destruição é de cima para baixo. Então, se você quiser ir para o fundo, é assim que você pode fazer isso. Então, aumente o valor do vie para mover a sombra na parte inferior. Se quiser, mova o outro lado. Você vai usar menos cinco como este e menos 15 como este. Então, isso é legal de volta. Certo, então sangue é o quanto borrado deve estar. Então ele vai ter algumas bordas suaves. Então, se você tentar aumentar o valor do sangue, ele vai se tornar mais suave. Então a primeira configuração que vamos fazer é eu vou usar X um. Então eu vou me mover um pouco ou aqui que eu vou usar o sangue 32. Então eu queria ser muito suave como a sombra e o viral. Você será ele. Então eu quero movê-lo um pouco para baixo. Então eu quero menos sombra no topo. Um pouco mais aqui. Então eu vou usar 20%. Não quero que sejam sombras muito duras. Então eu quero torná-lo macio. Estou a reduzir a opacidade 20%. Agora você pode ver que está ótimo. Agora, a última coisa que você pode fazer é mudar esta cor de preto. Então, a mesma cor fora deste fundo. Então eu vou clicar aqui, e eu vou movê-lo por aqui. Agora você pode ver novamente quando eu selecionei a cor Ele foi novamente 200%. Então eu vou usá-lo para 30% agora. Você pode ver que isso está parecendo muito bom. Sombra suave. Vou lhe dar tarefas para fazer algo assim. Muito agradável. Muito limpo, muito criativo. Você pode ver aqui agora, mesma forma para este, vamos usar algumas outras configurações. Então, novamente nós vamos para cair sombra. Você pode ver que temos mais opções em uma camada de sombra, fundo desfocado. Mas agora estamos indo com sombra e em uma sombra vai ser o próximo. Então agora nós estamos indo para Jane as configurações então x será zero sangue vai antes eo valor vie será sobrevivência será também. Portanto, queremos isso muito perto do nosso anterior e isso vai ser 15%. E o assassino que vamos usar Lex usa essa cor e eu vou reduzir sua capacidade para 20% assim. Então esta é uma cor um pouco diferente para o fundo, um pouco azulada. Este é um pouco azul esverdeado, mas olhou para ele. Ele está olhando criar no topo fora deste fundo. Então isso é muito suave. Feche a sombra. Se você quiser mudar a cor um pouco. Quer uma sombra mais escura? Você pode ir nesta área mais escura. Se você quiser alguma sombra mais clara ou efeito baseado em luz, você pode ir nesta seção. Nós estamos aqui. Você pode ver Se você olhar de perto para a esquerda, você pode ver luz, escuro, luz, escuro, luz, escuro. Então eu vou com este para ele. Agora, vamos para isso dentro do efeito inset. Então, clicando nisso e se clicarmos em efeitos, queremos que o dedo tem que realmente efeitos. Um deles vai estar na sombra. Então, uma vez que usamos em uma sombra, você pode ver que ele já tem um interior de efeito inseto não. Em Ha é este efeito, eu vou ampliar para mostrar a diferença. Então isto é realmente o seu interior, e, uh, é chamado de efeitos. E eu posso usar 20% aqui, e eu vou aumentar para baixo um pouco. Desculpe-me. Três ao norte, abaixo um pouco acima. E agora vou usar outro efeito, que vai ser a minha sombra. Agora, esta sombra não vai ser escura aqui. Quando algo é peito, haverá uma sombra clara sobre isso. Aqui nesta área, a luz vai cair neste fundo aqui. Deixa-me mostrar-te o que quero dizer. Então vamos ter um sangue de sombra. Vamos reduzir o borrão a zero porque não queremos que ele se desfoque. Por que vai ser divertido? Queríamos estar apenas junto com estas linhas. Ou aqui deixe-me ampliar um pouco mais. Você pode ver esta grande linha ou aqui. Não, não queremos que isso seja ótimo. Vamos usar uma linha branca aqui agora. Se você ampliar, você pode ver que há uma linha branca. Vamos diminuir um pouco. Há uma linha branca ou aqui. Então deixa-me mostrar-te. Vamos aumentar a capacidade 200% porque você não pode visualizá-la. Agora você pode ver que temos uma linha larga aqui que vai melhorar nosso efeito interno . Então aqui temos um botão perfeito no set. Nós usamos alguns fora em uma sombra. Você também pode usar este quatro e nós temos uma sombra, que vai ser uma luz branca aqui sobre isso. R. Então isso vai completar o seu efeito de visão agora, chegar a este tratado efeito tratado é muito simples. Vamos criar um efeito. Sombra solta. Será e nós vamos reduzir o borrão 20 Agora você pode ver isso se torna sólido. Não, vamos usar a mesma cor neste botão e vamos nos mover para esta seção mais escura ou aqui. Então vamos usar, por exemplo, este que é tudo o que precisamos para um fardo de três D. Você pode ver se você quer aumentar o seu ah, tratado nous ou sua sombra, você pode aumentar, por exemplo, ir para seis. Você pode ver agora que parece um pouco mais tratado. Então é assim que você usa efeitos diferentes quando você tenta ser uma sombra diferente em insetos efeito quando você está tentando usar figo MMA. Agora vamos estudar os dois últimos efeitos que são o borrão e o fundo da Caçadora. Se você clicar em seu sangue, você pode ver que este santo é realmente desfocado e você pode mudar o sangue citando, por exemplo , 15 ou algo assim. Então, se você quiser borrar camada, será algo como isso, que é muito fácil, muito fácil de entender o conceito deste sangue Lear. Agora a última coisa é, vamos estudar o sangue de fundo. Agora, por exemplo, eu quero este item e eu quero tudo em cima. Se ele, por exemplo, eu tenho um retângulo aqui e ele está escondendo toda esta tela, por exemplo. Esta é a tela inteira, então eu vou adicionar o efeito de Borrão Bagram. Agora você pode ver que nada está desfocado. Assim que você tentar o dedo do pé, reduza a opacidade do seu preenchimento aqui, por exemplo, eu quero ser 50%. Você pode ver que o fundo por trás deste regular é realmente desfocado. Então, se você quiser mudar o sangue, você pode aumentar o sangue. Você pode ver agora que está mais borrada e, hum, não visível, na verdade. Então, se você tentar usar a cor branca, nosso cabelo, algo assim, você pode ver que isso é realmente borrão de fundo. Então, se você tentar colocar algum texto aqui, um, eu gosto muito disso. Então ele está realmente voltando. Eu queria estar no topo deste fundo, algo assim. Então você pode ver sempre que eu tento mover isso isso está indo para o dedo do pé, ter um efeito borrado. Isso vai acontecer se você tentar movê-lo ou rolá-lo. Vai ter algum efeito como este. Então esse efeito foi visto pela primeira vez em dispositivos IOS? Acho que sim. Isto é realmente como você pode usar o fundo. Não se esqueça de reduzir a opacidade da sua cor de preenchimento aqui porque não vai funcionar sem isso. Então, se você tem algum cenário como este, não vai funcionar. Então tente usar 80% 70% 50% ou o que parece bom para você. Então estes são todos os efeitos que eu já lhe mostrei. Se você tiver problemas para entender esses efeitos para me fazer perguntas e espero vê-lo em breve na próxima lição, até então, tomar o seu e por 17. Projete ► usando efeitos de camada: Agora, Sua próxima tarefa é que você está indo para criar esses três botões com o fato de sombra com três efeito D com inseto ou efeito pressionado. E quero que mencione seu nome no topo. Então comece a criar esta tarefa. Vou te dar algumas mãos. Estas são as minhas configurações. Se você vai para esta sombra, você pode ver que estas são minhas configurações para sombra 0 15 O valor de sangue é quatro. Spread é uma cor azul escuro para o mesmo. Este 40% azul é a opacidade fora da sombra. Então temos este. Isto está realmente dentro deste líder e então solte sombras. Você 05 é o valor vie. Então, faça um pouco para baixo, e então nós temos a cor verde escuro 100% para este aqui, nós temos que realmente cair sombras. Um é uma linha branca de 10 linhas na parte inferior, que eu já te ensinei. Este aqui e na sombra é 06 Borrão. Quatro é de valor I e cor laranja escuro para a sombra dentro do efeito do peito e 100% é a sua capacidade. Então, estou ansioso. Então, vendo esta tarefa, então comece a lê-la agora 18. Componentes na Figma: neste realmente de nós vamos falar sobre um conceito muito importante, que é chamado de componentes. Agora. Componentes são basicamente seus elementos de design que você pode reutilizá-los. Você pode alterar algumas das suas propriedades, e ainda assim você pode usá-los. Então deixe-me compartilhar com vocês o que é basicamente o conceito para que o componente possa ser agrupado fora de qualquer elemento de design, seu fundo fiscal, seu Parton, seus guardas, seu você foi projetado cabeçalhos ou qualquer coisa que você ter. Portanto, é basicamente grupo fora dois ou três elementos, por exemplo. Nós vamos criar um botão aqui, e eu vou usar as coisas Brugler aqui. E uma vez que nós selecionamos isso aqui nós temos isso em torno desta curva redondeza. Então eu vou usá-lo aqui. Então nós temos uma boa rodada, mas cabeça irritada. Agora vamos adicionar o próximo aqui. Então Presti e nós vamos ter um texto como “Senhor Não sabe “, melhor escapar e vamos alinhá-lo no meio. Um pouco aqui em cima, Jeanne, a cor branca. Então eu estou mudando o controle físico das pilhas aqui agora mesmo. E vamos adicionar o Ed aqui. Então eu já falei com alguns fora das chaves de choque. Então eu vou usar controle ou comando barra invertida dedo do pé, obter a minha pesquisa, e eu estou indo toe ícone mergulho. E aqui temos quatro ícones incríveis. Então isso é realmente Blufgan. Então eu vou morrer flecha. Então você pode ver que nós temos muitos anais aqui, então eu vou usar Não, ela era essa aqui. Então este é o ar aqui, e agora você pode ver que temos este vetor de frente e mudar seu com 22,5. Ok, então, não, está parecendo bom. Isso muda de cor para branco e vamos torná-lo um pouco maior. Então eu vou pressionar este país em proporção restrita. Então eu estou indo com o tamanho, tipo 36. Algo assim. Isso parece ótimo. Ok, então nós temos alguns dos elementos aqui. Nosso eu vou em nosso Dexter e nosso passado. Agora, você também pode aplicar alguns efeitos. Se você quiser uma camisa solta aqui, você pode ter uma sombra como esta. Então 8% de sangue x valor o movimento desta sombra. E aqui está a sombra. Por que significaria que ele vai descer da parte de trás no fundo do Lear. Então aqui temos um botão muito bom. Agora, agora mesmo, vamos agrupá-los. Então vamos grupo de controle ou comando G. Mas se você não quiser apalpar eles, isso é bom também. Então, assim como todos os elementos e nós estamos indo toe press comando todos K ou controlar todos K para criar um componente. Então vamos criar um componente. Agora você pode ver como tão bom que eu criei este componente. Você pode ver que o olho perdido aqui está totalmente mudado. Então, isso é basicamente um componente mestre mestre mestre componente é realmente o nosso principal elemento de design que está em sua forma original. Então vamos duplicar este para que você possa pressionar. agora Então,agoravocê pode ver que eu tenho um elemento duplicado no topo oferecido, então eu o arrastei até aqui. Agora você pode ver o que eu fui embora. O 2º 1 componente para é diferente, embora seja o mesmo que o componente um. Mas agora é um exemplo. Então isso é que você pode ver ou ouvir no lado direito deste chamado Isto é chamado instância. E se eu clicar aqui, não há caso. Aqui está. Ele está dizendo componente. Então, se eu clicar aqui novamente, você pode ver que temos essa pequena área de painel aqui em vez disso. Componente um. Portanto, é uma instância instantânea fora do componente um. Então, é como se você é um programador, este é o conceito de um pai e filho Em Javascript e Java, você faz classes diferentes e as mesmas propriedades. Então é como um pai e um filho. Então agora você pode ver que esta criança tem todas as propriedades pais escritório. Mas acho que isso não é bom. Então, se eu quiser mudar, por exemplo, a cor como esta, eu posso fazer isso. Ainda assim, você pode ver que é semelhante em tudo como seu pai ou experimento. Então este é o conceito de componentes. Então nós temos este componente. Assim que concluirmos criar qualquer componente, não podemos reverter. Então este componente vai estar disponível neste painel de ativos aqui para que você possa ver este quadro de prática prática e nós temos este componente de um para que você também pode renomeá-lo. Por exemplo, vou renomeá-lo Bt e baixar. Então eu vou renomeá-lo BD en download. Então, agora, se formos para os ativos, você pode ver. Então mostra bonito e download e eu posso arrastá-lo e soltá-lo e colocá-lo em qualquer lugar que eu nasci para que você possa continuar criando um monte de diferentes ativos e componentes como este. Mas certifique-se de criá-los uma vez que você está finalizado com seu design, porque será difícil. Você tem toe alterar o componente mestre para obter a mudança é feito. E se você quiser criar uma nova empresa para que eu não queira essa instância? Quero um botão novo semelhante a este. Mas eu queria ser outro componente, então eu vou clicar com o botão direito aqui e eu estou indo toe Use este comando Detach instância. Então agora você pode ver se eu vou para o painel de camadas é novamente fora do quadro para que você possa ver este quadro que eu tenho aqui componente toe Então isso é realmente no grupo. Se você clicar no grupo, ele vai sair do grupo porque nós criamos o grupo em primeiro lugar. Assim que tivermos isto, posso mudar o que quiser. Por exemplo, eu quero cantos diferentes. Então eu cliquei aqui, e eu vou usar 16 aqui e 16 ou cabelo e, uh, zelo. E, você sabe, aqui, por exemplo, digamos que eu queira um botão como este para que eu possa criar outro componente. E eu acho que isso vai ser e novamente componente mestre. Portanto, certifique-se de que, ao criar um componente mestre, mantenha as cópias em seu design e use esse componente mestre e mova-o para alguma outra página . Por exemplo, vou criar outra cadela chamada Guia de estilo. Assim que voltar à minha página, vou tirar os dois destes. Vamos criar uma cópia. Eu estou realmente pressionando e segurando Arche e opção dedo do pé chave arrastar e criar uma cópia. Então eu estou indo dedo do dedo puxado fora do controle Comando X, e eu vou voltar para o guia de estilo e distrito aqui. Então nós temos componente aqui para que você possa renomeá-los para Lord Flat ou algo assim e, hum, então nós vamos voltar. Então, uma vez que você tem aqui e você quer que algo tenha mudado alguma coisa, por exemplo, eu acidentalmente Jane a cor do dedo do pé este regular e eu realmente não gosto e eu não quero que ele esteja pronto. E quero voltar atrás do jeito que era antes. Então eu vou chutar aqui. Isto é Deus reinicializado. Instância. Uma vez que eu vou clicar aqui, você pode ver que ele diz redefinir substituições. Então, na verdade, eu ouvi apenas na cor. Então, se eu quiser anular, eu posso sobrepor os impostos também. Então eu vou digitar. Não faço o download agora. Então, agora, se você clicar aqui e clicar sobre isso ele disse substituições. Vou redefinir tudo. Portanto, o texto está indo para trás o primeiro 1 padrão. Mas um ícone tudo é redefinir o componente mestre. Da mesma forma, se você quiser abordar algo ou mudar algo para o componente mestre, você pode clicar aqui, ir o componente mestre e ele vai para outra página. Bem, na verdade, o componente mestre está residindo, então também, você pode adicionar alguma descrição aqui. Tudo o que você quiser sobre o Bond. Isso é tudo. Isso é o que os componentes são e as instâncias são e como você pode ir para o componente mestre , como você pode redefinir componentes. Estas são as 43 ou quatro coisas como, na verdade, esses componentes funcionam. E vamos falar sobre mais desses componentes sobre essa restrição na próxima lição porque eu acho que eu não quero que ele fique pronto por muito tempo. Então, isso é tudo. Se você tem alguma pergunta para me fazer, vamos para a próxima lição. 19. Usando restritas com componentes: Agora nesta lição, vamos entrar em um pouco mais de detalhes sobre essas restrições aqui. Portanto, restrições de país são basicamente limitações. Você pode se inscrever em um grupo ou componente, então deixe-me compartilhar com você como você pode fazer isso. Então, por exemplo, criamos esses componentes na lição anterior. E vamos mover o dedo ali, componente mestre aqui. Então componente mestre é realmente aquele que você está indo para mudar e aplicar essas restrições ou aqui. Assim que você clicar neste ícone para expandi-lo, você pode ver que teremos restrições aqui para cada elemento aqui. Então, como este anúncio aqui, por exemplo, deixe-me mostrar-lhe. Na verdade, se eu tentar expandi-lo, vamos expandir isso e você pode ver como isso está se expandindo. Eu não quero estender essa experiência de botão assim. Então este texto não está no meio. Isso é realmente esticado, e isso é realmente errado. Então, vamos voltar. Controlador Kamanzi E nós queremos que eu estou realmente desenvolver clicando. Então, uma vez que você clica, você vai relaxar. Este você pode ídolo pressione controle ou comando toe diretamente folga este, então você não tem que clicar duas vezes ou clicar duas vezes ou tentar ir para este elemento. Basta clicar. Eu mantenho sua chave de comando e chuto sobre ele. Então agora você pode ver que nós sentamos aqui escala e escala em ambas as direções. Então vai escalar. Não queremos que seja escalado. Então vamos consertá-lo à direita aqui,canto direito, canto direito, e assim o topo. Então vai ser consertado por aqui. Não queremos que este botão se expanda em destruição. Nós só queríamos estar expandindo na direção horizontal, nem na vertical. Então isso é dito assim. Se eu tentar expandi-lo, você pode ver Não, é. É corrigido neste canto que é marcado. Agora você pode ver isso. Este ruído dólar não fixo. Então, vamos resolver este problema. Então controle ou segure, comande seu controle e clique aqui, e nós vamos fixá-lo à esquerda. E vamos usar este centro. Estão à esquerda e ao centro. Isso é bom. Então você também pode fazer a mesma vida esquerda e inferior ou superior. Isso seria bom. Então você também pode ser assim. Então, uma vez que tenhamos dito isso, você vai ver o que é o que vai acontecer se nós expandirmos. Você pode ver o baixo ou não está no mesmo ponto onde deveria estar. E se eu tentar expandir daqui, você pode ver que este é o comportamento que eu quero ter neste espartano. Agora, a parte mais difícil de escalar ou ter restrições é para o fundo desesperado . E assim, se você clicar em um desânimo folga, é bom. Você pode expandi-lo em quatro direções, mas não queremos expandi-lo em destruição. Por isso, neste momento, acho que não é bom. Então o que nós vamos fazer é que nós vamos folgar esta sobrecarga de fundo. Isto é, na verdade, ele é definido para escala e escala. Portanto, este é o comportamento padrão. O que queremos é, na verdade, queremos escala em destruição. Você pode ver que você ouve o anual que ele está se contrair na direção horizontal da esquerda direita, e esta é a habilidade de cima para baixo. Então nós vamos selecioná-lo no sábado top e em destruição nós vamos ter habilidade. Então deixe-me mostrar como vai se comportar. Então você tem que dissecá-lo porque você está agora neste plano de fundo, então de selecionado e selecione este novamente este componente. E se eu tentar, você pode ver se eu tentar aumentar a altura, você pode ver que ele vai ficar o mesmo. Não vai expandir-se ou escalar e destruir. Mas se eu tentar expandi-lo daqui, ele vai expandir-se em destruição ambas as seções. Então este é o comportamento que eu queria com o meu componente. Então é assim que você pode aplicar restrições diferentes em seus botões em suas diferentes setas suspensas , menus, menus suspensos. Você é taxado, seus alinhamentos e tudo o que você pode ver por aqui. Este é o meu abdômen, que vamos construir no final deste curso, e você pode ver se eu vou ao estilo. Pessoal, nós temos um monte de componente Shal aqui, então você pode ver que eu tenho esses componentes aqui onde nós temos este ícone e esses ícones foram deixados e superiores. Você pode ver da mesma forma, este foi para a esquerda e o dedo superior. Embora eu ache que deveria ser aqui assim, certo e trabalho de qualquer maneira. Então é assim que realmente tudo está funcionando aqui. Da mesma forma, se você for para este, uh, este e se você clicar neste addle, você pode ver que está certo e superior. Então ele vai ficar aqui se eu tentar Toe Jane o tamanho que é mudar de tamanho deste aqui . Então você pode ver que ele vai ficar na mesma área onde eu queria estar, então você pode ver que ele vai estar no topo direito na mesma posição. Então é assim que realmente você aplica restrições. Da mesma forma, se você olhar para a receita de pesquisa, isso vai ser o mesmo. Como você pode ver por aqui. Deve estar aqui, na verdade, na verdade, à direita e por cima. Então é assim que você usa restrição em seus componentes e os aplica para ter melhor expansão ou melhores componentes flexíveis. Espero que tenha aprendido muito nesta lição. Vamos passar para a próxima lição. 20. Atalhos comuns de 1 - Figma: Neste vídeo, vamos aprender alguns dos figos comumente usados, meus guardas curtos. E nesta lição, eu vou mostrar a vocês como você pode banir ou zoom em torno de seus pés minha interface esconder e mostrar alguns dos controles. Então, vamos começar. Então, primeiro, vamos dar o pé. Olha para o Penn. Então, se você pode pressionar sua barra de espaço e segurá-la e você vai ver esta mão e você pode facilmente banir ao redor ou mover este seu quadro ao redor onde você quiser dedo do pé, este é o primeiro atalho. Agora, o 2º 1 é sobre níveis de zoom. Então você pode ver aqui você pode ver que ele está definido para nível de zoom ou 50%. E ele selecionou esta moldura. Se você quiser zoom toe 100% você está indo para pressionar zero assim pressionando zero para que você possa ver este é o tamanho real do quadro fora do quadro são placa de arte que eu estou usando. Agora você também pode ampliar o ajuste do dedo do pé para que você possa pressionar um para que você possa ver agora ele foi ampliado ajuste do dedo do pé e é 71% agora e também você pode pressionar um ou nove. Então um é mais fácil de lembrar zero para 100% 1 é para ajuste do dedo do dedo do zoom, e dois é para zoom para seleção. Então, por exemplo, se eu tiver, vamos diminuir o zoom primeiro para e você pode diminuir o zoom usando comando ou controle mais tecla menos. Então você tem dedo segurar sua tecla de controle, e junto com isso, você tem que pressionar menos menos foi Omar Plus vamos zoom em isso é muito fácil. Além disso, então eu estou apenas segurando minha tecla de controle ou comando em um Mac se você estiver em um comando Mac e se você estiver em um Windows do que a tecla de controle menos e mais. Então vamos supor que eu waas projetando neste nível de zoom e eu quero ampliar este Olá lá. Então, não, eu vou selecionar esse objeto primeiro, então eu vou arrastar e diminuir e pressionar, para não, eu vou selecionar esse objeto primeiro, então eu vou arrastar e diminuir e pressionar, paraque você possa ver agora que ele está no foco. Então, se você quiser voltar ou você tem que zoom dedo 100% ou você quer zoom para caber pressione um. Então esta é uma ótima maneira de ampliar e reduzir quando você está projetando. Na maioria das vezes, quando você está projetando, você tem que ampliar e diminuir um monte de vezes. Então esses atalhos vão te ajudar. Agora, sempre que você estava projetando você, às vezes você precisa de suas réguas para desenhar algumas das diretrizes para apoiar seu design ou você tem que alinhar algumas coisas. Então, na figa, você tem que habilitar seus governantes primeiro para que você possa ver no topo aqui ou à esquerda. Nós temos isso normal. Então vamos mudar a respiração e estamos agora. Você pode ver que temos réguas no topo e na esquerda. Então, se você quiser Oh, se você não se lembrar deste atalho, você pode ir até aqui neste menu e aqui temos turno mais R. Então você pode habilitá-lo aqui também. Então, uma vez que você tem habilitá-lo, você pode arrastar as diretrizes para aqui assim. Eles vão esfaquear dois objetos diferentes. Por exemplo, eu tenho este. Vou arrastar e soltar minhas diretrizes assim. Então este é outro atalho. Mudança são e você está indo toe habilitar seus governantes. Agora eu escondi meu governante e você pode ver que minhas diretrizes também desapareceram. Agora, se você quiser mostrar seu design para alguém e você não quer mostrar esta seção de design aqui, este painel aqui também é o painel de camadas à esquerda. Você pode pressionar e segurar sua tecla de controle ou comando junto com sua barra traseira Então controle barra invertida e você pode ver que temos escondido nosso figo Mazz você y que está em torno de nossos objetos. Então, novamente você pode mostrá-lo pressionando e segurando comando controlador mais barra invertida Da mesma forma, temos outro atalho que é barra de pesquisa. Então, se você quiser procurar algo rapidamente em figo MMA ou você quer adicionar algo tudo que você quer para pesquisar um plug in, você instalou a tecla de atalho é controle barra invertida para que você possa ver controle ou comando de tecla mais barra invertida você pode procurar, por exemplo, cada alcatrão Andi, Eu apenas clique aqui ar ITAR plug in e você pode ver aqui nós temos um nome que é Nós também podemos novamente ir para a pesquisa e nós também podemos procurar por exemplos como este conteúdo real ou empresa ganhou um monte de coisas. Há carros curtos. Há plugins. Tudo pode ser pesquisado por esta barra de pesquisa aqui, Então, este é um muito comum muito fácil de usar controlador de tecla de atalho barra de comando. Então você tem que se lembrar que barra traseira para esconder seu você eu fazendeiro barra do dedo do pé tal Agora, se você está projetando para sites ou APS móvel, você pode ter seu layout grades ou colunas aqui. Se você está familiarizado com bootstrap ou outras horas Gridley. Então eu vou rapidamente adicionar um grande aqui, Vamos adicionar concordou. E, por exemplo, temos este incrível aqui ativado. E se eu quiser escondê-lo rapidamente, por exemplo, eu estou projetando aqui e eu não quero dedo do pé, você sabe, incomodado por este credo, eu tenho dedo usar minha tecla de atalho, que é controle turno mais quatro no Windows e Control mais G no Mac controlado Shift quatro nas janelas para que você possa ver na parte inferior. Diz que a grade de layout está escondida. Isso é muito bom na marca de figo que mostra o feedback, que é muito, muito bom. Apresentar qualquer software de design. Se você é uma experiência de usuário ou familiarizado com a experiência do usuário, você sabe que o feedback é muito importante. Então comanda o G num Mac. Se você é um usuário de Mac para ocultar esse nível de layout e deslocamento de controle mais quatro, essas três teclas vão se esconder. Lee fora cria no Windows, modo que é tudo sobre alguns fora dos atalhos que estão indo para esconder e mostrar coisas diferentes enquanto você está projetando. Vamos passar para a próxima lição onde vou compartilhar com vocês algumas das teclas de atalho que vocês precisam se familiarizar. Então vamos passar para a próxima lição. 21. Atalhos comuns de teclado: neste vídeo, vamos ver alguns dos mais atalhos de teclado Sigma que são comumente usados quando você está em um quadro ou tela de desenho. Então, sempre que você abrir um novo arquivo, há muitas coisas que você pode fazer. Por exemplo, você deseja alinhar esses objetos. Então, primeiro, vamos olhar para essas teclas de atalho de alinhamento. Então você tem que selecionar dois objetos para alinhá-los. Então, uma vez que você tenha uma mentira selecionada para fora deles, você pode pressionar arte e nós para centros verticais. Não, eu vou pressionar todos e nós Então agora você pode ver que eles estão alinhados em uma direção vertical . Então, a parte de baixo estava chegando e a esquerda estava descendo, eu acho que vamos voltar Controller Kamanzi, Art e V. Você pode ver da mesma forma que podemos fazer, uh, uh, com arte e idade para centros horizontais. Então eles são centros horizontais são você pode ver aqui estes são seus centros. Então eu vou pressionar tudo mais coceira dedo alinha-los assim, por exemplo. Eu tenho isso e isso e eu quero alinhá-los ou gentilmente eu vou pressionar arte e cada um para que você possa ver isso é como você alinha objetos diferentes. E, mais comumente, usamos alinhamento horizontal e alinhamento vertical. Agora vamos olhar para alguns dos atalhos das ferramentas aqui no topo, que vamos exagerar muitas vezes. 1º 1 é um R F para placa de arte. Você pode desenhar sua moldura ou arte, mas aqui, ou você pode clicar aqui e escolher entre um tamanho pré-definido ou aqui, por exemplo. Vou usar este andróide. Não, vamos aumentar o zoom e eu vou banir o dedo aqui, e eu vou pressionar meu arco para um emaranhado ou quatro elipse, e eu vou segurar meu dedo chave do dedo do pé, tê-lo em proporção como este inferno para linha. Então, vou arrastar a minha linha. Eu estou segurando turno, por isso é direto da mesma forma para ferramenta fiscal. Eu vou pressionar o meu chá, e eu posso arrastar assim ou eu posso apenas Presti e oops, eu tenho que pressionar o dedo do pé escapar e eu tenho eu estou indo para Presti novamente e pressionar aqui. Olá, Esperanças Olá, querida. Algo assim e eu vou pressionar escape em um momento como aquele. Então é assim que você vai usar essas ferramentas aqui? Se você quiser acessar a ferramenta de gastos, você pode pressionar ser tecla de atalho e fazer algo assim, algo assim. E, hum, eu acho que isso é tudo fora das teclas de atalho, eu acho que são comumente usados. E estas são as ferramentas que vamos exagerar de novo e de novo. Agora vamos apagar este, e eu vou voltar. Estamos aqui e vamos estudar. Alguns dos mais atalhos costumavam usar muitas vezes um deles é duplicado, então eu queria escolhê-lo nesta camada, e eu quero que ele seja exatamente o mesmo assim. Há muitas maneiras primeiro você pode usar arte ou opção tecla e pressionar, e você terá um cursor duplo como este. Basta arrastar este objeto onde você quiser colocá-lo, e você pode ver que este é um duplicado. Agora você pode pressionar e segurar comando ou controle mais d tohave. Outra duplicata , será. Ele irá repetir o seu passo. O mesmo espaçamento tudo e duplicar o objeto. Não, temos três desses retângulos. Quero apalpar eles. Eu vou selecionar todos eles e vou pressionar o Comandante Controle G Grupo agora. Você pode ver o ícone aqui. Este grupo foi alterado. Tem essa resposta de marcha aqui em torno dele. Então é um grupo e todos esses retângulos estão dentro desse grupo? Não. Se quiser o Owen, agrupe a mesma tecla de atalho. Mas com uma adição fora do turno. Então, controle ou comando, mais turno mais g. Então você pode ver agora que eles estão de volta. Estamos fora daquele grupo. Esse grupo não existe mais. Ou lá agora, à esquerda, você pode ver que esta é a nossa pilha anterior. Então temos imagem no retângulo superior este retângulo azul na parte inferior três retângulos pretos e texto. Não, Se você quiser mudar a posição fora do empilhamento sem, você sabe, usando o mouse, você pode arrastá-los assim, são arrastados assim. Por exemplo, eu tenho aqui, então se eu mover meu retângulo no topo, você pode ver que o texto está atrás deste Lear então se eu movê-lo para cima, ele está agora aqui. Então isso é chamado de ordem de empilhamento. Vou mudar as cores desses retângulos para que você possa facilmente ver a diferença. E para este, vou usar branco. Agora, você pode ver que eu tenho todos esses retângulos aqui, e este é o meu retângulo na parte inferior. Não. Se eu quiser alterar a ordem de empilhamento, eu posso usar a tecla de atalho como deslocamento de controle e colchetes. Então, não, eu vou pressionar. Eu selecionei esta camada, por exemplo, esta camada, e eu vou deslocá-la para cima ou para baixo usando deslocamento de controle no suporte para que você possa ver aqui você pode usar isso vai ser no fundo. Então, se eu atacar para usar o deslocamento de controle e o registro esquerdo do colchete, ele vai descer a maior parte, um, fora de todas as camadas, pilhas empilhadas. Assim, mesma forma, se eu pressionar o registro certo ou o registro final, ele vai subir. Você pode ver ou ouvir a tecla de atalho para Mac teclado é arte mais comando mais colchete. Por isso, é o nosso suporte de comando e para o turno de controle do Windows e do suporte esquerdo e direito . Assim, você também pode remover seu turno da tecla e você apenas pressionar e segurar o controle junto com o suporte e você pode ver que ele vai mover um passo para cima, um passo para baixo, um passo para cima. Então, vou deixar o turno dentro desta de teclade atalho. Então eu vou exibir ambos os atalhos na versão Mac e versão do Windows para movimento de camada única se ele não fez a pilha e movendo-se para cima e para baixo na parte inferior e na parte superior fora da pilha usando suas teclas de atalho. Agora vamos terminar esta lição mostrando as teclas de atalho do último dedo do pé, que são mascaramento, e este componente para que você possa ver se você passa o mouse ali. Ele também mostra a tecla de atalho para o Windows. É arte de controle mais K. E para Mac, é controlar tudo para mais classificação, comando R mais chave ou opção mais chave. Então, o mesmo, tudo é igual. O comando é para Mech. Então, para criar um componente que vai ser usado de novo e de novo. Então eu vou dar folga no dedo do pé. Todos esses três e eu vou pisar aqui ou eu posso passar arte e chave de controle . E agor