Figma UI/UX: crie uma seção de herói de site com protótipo e animação para web e dispositivos móveis

1. Bem-vindo ao design da página de destino da seção de heróis na Figma: conversão de sites na seção Eero com animação, gráficos em movimento, interação, design responsivo, boa interface de usuário e experiência do usuário na web e dispositivos móveis é o objetivo de todas as marcas todo o mundo de conquistar mais clientes e clientes, que faz com que contratem os melhores e profissionais designers de UI e UX Oi, meu nome é Adria Pandy. Sou instrutor de discursos. Vou te ensinar passo a passo como projetar e criar uma seção Eero de conversão interativa e responsiva para tablets e dispositivos móveis, com mais recentes designs de tendências no mundo da UI UX, que farão você se destacar Começarei navegando pela interface do Figma, ensinarei o enquadramento de fios no Figma e passarei a projetar projetos do mundo real com aplicações práticas para diferentes marcas, que incluem marcas de alimentos, marcas de tecnologia, marcas de frutas e marcas imobiliárias, tanto para web, celular quanto para visualização Vou te ensinar o protótipo Figma, animação, interação, design de movimento, layouts de arte, variáveis, componentes, recursos, , ícones, fontes, cores, ferramentas, entradas e sombras do City bot, como recortar imagens, automaticamente e como explodir imagens, e assim por diante Além disso, como exportar o resultado do design após a conclusão. Eu disponibilizei os arquivos do projeto deste curso, incluindo as fontes que usei durante o curso, para você nos arquivos de recursos. Além disso, você tem uma tarefa no final do curso para praticar tudo o que emprestou neste Este curso o ajudará a levar sua desculpa U I U para a próxima Nos vemos na próxima palestra 2. Primeiros passos: Rapazes. Obrigado por fazer este curso. Antes de começar, você deve baixar o arquivo de recursos deste curso. Esses são os arquivos de recursos para você baixar esse arquivo de recursos. Você encontrará o link para o arquivo do recurso na da classe e na descrição do projeto. Você clica no link e baixa o arquivo do recurso. Você vai baixar o arquivo ZIP. Agora, deixe-me levá-lo de volta ao arquivo Zip, como exatamente será a aparência. Vai ficar exatamente assim. Aqui, podemos clicar com o botão direito do mouse e, em seguida, extrair os arquivos. Então é o que você apresenta, depois são os extratos. Então, nós o temos perfeitamente. O que você faz Você clica duas vezes. Sim, nós temos isso. Aqui está. Você clica duas vezes novamente, temos tudo o que precisamos. Temos os arquivos do projeto. Tudo o que precisamos neste curso específico de figma está aqui. Do mbuger às folhas, dos logotipos às imagens que precisamos usar, das setas aos logotipos e tudo o que precisamos usar aqui Tudo o que é único está aqui. Então, vamos voltar. Então, temos também o que é o arquivo de exercícios. Ou seja, no final da aula, você precisa praticar sozinho. Você criará um design criativo exclusivo. Seção zero para uma marca de tecnologia como você conhece uma marca, uma marca em tecnologia e também para uma escola, na verdade onde você criará uma seção zero da página de destino para eles usando essas duas imagens. Essas são as tarefas. Essas são as tarefas. Então, mudando para cá também, passamos aos formulários. Se todos os formulários forem usados neste curso específico, tudo estará aqui. Evite ter os formulários, basta instalar os formulários aqui. Tudo está aqui. Tudo está aqui no arquivo de recursos para você. Ok. Então, vamos voltar. Então, isso é tudo sobre o arquivo de recursos. Então, faça o download por meio do link, instale-o por meio do link e baixe-o diretamente para o seu sistema. Então começamos. Nos vemos no próximo vídeo da palestra 3. Interface Figma - parte 1: Nesta palestra, vou te ensinar a interface Figma Se você já sabe como usar a interface Figma , vá para o próximo vídeo, começaremos com o projeto wire Agora, em primeiro lugar, você pode ver que o Figma na verdade está dividido em painéis, você pode ver de cima para a esquerda e também para a direita Então, vindo aqui, podemos ver que isso é o que chamamos de barra de menu em si. Temos visualização de edição de arquivos, texto de objeto, organização de plug-ins vetoriais, widgets, preferências, bibliotecas, abertura de aplicativos de desktop e assim por diante Na verdade, se você clicar em Voltar às tortas, isso nos levará de volta para onde nossas tortas normais estão sendo salvas antes de entrarmos na interface. Isso é o que essa é a barra de menu. Vindo aqui, temos tudo isso como o que chamamos de tuba Temos isso como a tuba Tudo isso como a tuba. A ferramenta que realmente usamos em todos os lugares. Em FDMA. Vamos aprender como usar as ferramentas mais essenciais para nós neste tutorial específico. Temos que passar para a escala dois. Agora também temos a moldura, a seção, o slide. Também temos o retângulo dois, a linha, a seta, as elipses Polígono, estrela e assim por diante. Temos o lápis, que vamos usar para recortar isso. Além disso, temos o texto dois, que é apenas um. Temos os recursos, temos os componentes, os plug-ins, os widgets Além disso, temos a ferramenta. Também temos a ferramenta e também temos os comentários. Por meio de qual frase, podemos realmente colocá-la acima de apresentar algo aqui e, em seguida, quais comentários Provavelmente, o designer quer que você mude alguma coisa, provavelmente um de seus clientes. Vamos apenas te dizer, vamos colocar algo aqui, na verdade. Vamos colocar exatamente. Mude o contato. OK. Então, digamos. Em seguida, pressiona enter e, na verdade, fica lá, você pode ver Agora, mude o contato para aproximadamente. A pessoa realmente entenderia. Bem, na verdade, não precisamos disso aqui. Não precisamos disso, isso é apenas um exemplo. OK. Então, na verdade, eu posso tirar isso simplesmente vindo aqui clicando aqui. Desculpe. Vindo até aqui, clique com o botão direito e depois em quais são os comentários. Bom. Então, agora, outra coisa que devemos entender aqui é que podemos mudar nosso título. Você pode ver que não tem título. Você pode clicar duas vezes. Em seguida, mude, por exemplo, para Boger Sorry Boger pressione enter Você pode ver. Essa é uma delas. Ou você pode vir aqui, selecionar isso e depois renomear e renomear. Tudo bem. Então, basta pressionar enter Boger, por exemplo, é uma interface de vídeo OK. Agora, entendendo as ferramentas que realmente temos, vamos emprestar as palavras mais essenciais no Tutorial Do lado esquerdo, temos três tipos diferentes de opções importantes no feed M. Em primeiro lugar, deixe-me ir aos ativos. Estou voltando às camadas. Você pode selecionar isso e tentar pesquisar algo na verdade. A única coisa que você pode pesquisar em torno dessa barra ou painel específico aqui. Mas eu não preciso procurar nada. Basta passar para os ativos. Ativos aqui, na verdade, quando chamamos algo de ativo e passivo, são coisas que você guarda. Para fins futuros. Chegue aqui, temos páginas. Isso é definido, coisas que foram criadas pelo próprio FDMA Por que você simplesmente tenta selecionar algo assim. Ele aparece, você insta exatamente como você quer copiar o que foi feito Vamos criar coisas do zero. Não precisamos copiar de nenhum lugar onde você possa realmente copiar do trabalho de outras pessoas, mas não vamos fazer isso aqui. Deixe-me tentar reduzir isso, expandir esses componentes de interface do usuário. Esses são os componentes que você criou. Coisas que você fez. Quando você cria uma coisa específica, você a mantém nos componentes dos componentes da interface do usuário. Para que você possa usá-los e reutilizá-los, isso os chamamos de ativos. Coisas que foram criadas por. Pelo FDMA, é deixado para você, você pode usá-los se desejar Você pode ver coisas assim no botão. Mas nós mesmos vamos criar tudo do zero, exceto imagens, ícones e outras coisas que precisamos importar. Temos que usar, temos que incorporar o FDMA. Agora deixe-me deletar isso. Pressione deletes no teclado, desculpe, exclua. Bom. Agora, deixe-me resumir isso. Isso é para ativos. Sempre que você estiver realmente salvando algo como um componente, que eu vou te ensinar neste tutorial. Salvando algo como um componente. Salva aqui. Ele salva nos componentes da interface do usuário aqui. Vamos para a página. Agora temos que entender uma página de remessa Quando você está falando sobre página. Agora, esta é a primeira página, ou os projetos que estamos criando neste tutorial do Figma serão criados em apenas um FDMA Não vamos abrir outra guia. Acabei de abrir outra guia e clicar em uma nova guia, não vamos fazer isso. Tudo estará nesta única aba. O que nós fazemos? Temos quatro projetos para criar e projetar. O que fazemos? Você cria uma nova página clicando no ícone de adição. Essa é a página dois, então você pode clicar aqui e pronto. Esta página um, o primeiro projeto, depois você paga dois pelo segundo projeto, que está tudo bem. Clique no ícone de adição novamente. Você pode apresentar enter, página dois, página três. Novamente, você pode apresentar a página quatro. Portanto, o primeiro projeto deve ser, o primeiro projeto deve estar na primeira página, na primeira página, segunda página progressiva, na página dois, nos terceiros projetos Página três, quartos projetos. Página quatro. Então é assim que ele ficará bem alinhado e bem estruturado em apenas uma guia FDMA Quando você envia seu trabalho para seus clientes, você faz com que eles conheçam o fósforo na página um, na segunda página dois, na terceira e na página quarta e na página Agora, isso é tudo para as páginas. E se eu quiser voltar para a página e simplesmente vir página e você pode ver na primeira página uma página e você pode ver na primeira página que isso está me dizendo que algo está lá. Você pode ver quando eu resolvo isso, você pode ver que algo realmente aconteceu aqui. Quando eu seleciono isso, o que acontece é que ele diz que está selecionado, você pode vê-lo selecionado. Agora, isso nos leva ao próprio painel de camadas. Então, quando eu seleciono as camadas, você pode ver que, na verdade, foi selecionada, venha, clique aqui e depois clique nas camadas. Tudo bem. Você pode ver que está me dizendo que há uma coisa em particular. Pavent, deixe-me clicar nessa exclusão. Selecione esta opção para excluir, você pode ver que ela fica vazia. É por isso que, em primeiro lugar, quando você abre o Figma e vê a interface, ela fica vazia até que você tenha algo lá Mas eu decidi colar isso aqui exatamente depois disso aqui para que possamos ver o que realmente está acontecendo. Você pode ver algo aqui nas camadas. Deixe-me excluí-lo novamente, você pode ver excluído. Exclua, posso dizer que nada está aqui. Ativa alguma página, sempre há alguma coisa. Mas você pode ver, na verdade, que não há nada nas camadas. Deixe-me inventar, inventa colar. Está lá atrás porque eu já o copiei para a prancheta Agora temos isso perfeitamente. Agora, selecione isso. Você pode selecionar isso aqui ou clicar fora ou pode selecioná-lo aqui. Ele se tornou selecionado, você pode ver. Normalmente antes não há nada. É só branco. Quando selecionado, você tem uma cor azul clara. Destacado sobre ele. Você pode ver a cor azul clara aqui também. Você pode ver muito, muito perfeitamente. Agora, vindo quando você pode ver, quando você vem, você coloca o mouse, o cursor sobre ele, você pode ver, na verdade mostra que algo assim está desbloqueado. Você pode bloqueá-lo. Mas quando você clica em Oden drag, você pode ver, você não pode nem mesmo mudar sua posição, você clica em Wooden drag Não está nem mesmo selecionando, você pode ver, não está selecionando porque está bloqueado. O que você faz para desbloquear. Aquele que você pode clicar em Oden e arrastar agora, você pode ver, muito perfeito Contra isso quanto ao que fazer. Não se esqueça, você pode clicar. Você clica primeiro ao clicar. OK. Na maioria das vezes, quando você clica nessa camada. Quando você clica nesse particular, você está clicando em outra coisa, você não está clicando no quadro. Porque você precisa entender essa área específica. OK. É a tela. que quer que você crie, é o que chamamos de quadro ou algumas pessoas o chamam de “pode realmente encontrá-lo aqui, venha até o quadro”. Crie um novo quadro, selecione isso ou use um atalho F. Agora, você precisa entender Essa é a tela. Essa coisa cinza é a tela. Você pode criar várias coisas. Você pode ver enquanto estou ampliando e diminuindo o zoom. Antes de aumentar e diminuir o zoom, você pode usar o pote do meio do mouse, que é rolar para cima, subir, rolar para baixo e descer. Ponto capaz de ampliar perfeitamente. Você pode realmente vir aqui para este lugar, amplie. OK. Venha até aqui. Diminua o zoom. Venha aqui, o Zoom se encaixa. Ele leva você diretamente, não importa o quanto seja a luta, clique em vir aqui, o Zoom se encaixa. É perfeito para você. Está bem? Então, temos Zoom para 50%. Zoom 200% Zoom dois 200%. Mas tudo isso é exatamente como você sabe, é automático manualmente como você faz isso automaticamente. É um atalho. Você precisa entender o atalho. O que você faz? O que quer que você coloque o cursor, evite colocar o cursor aqui, você pode ver, digamos, no global aqui, o âmbar. Quero ampliar a reta âmbar, você pode ver que ela foi selecionada Não é um composto selecionado. Basta colocar um cursor aqui. Então, o que você faz antes de controlar ou comandar. É um comando do Mac , é do Windows, controle. Pressione o controle. Então, o que você usa o mouse médio e, em seguida, o zoom que você pode ver Vai direto para ele, muito perfeito e muito rápido. Você pode diminuir o zoom novamente. Diminua o zoom usando este botão médio de rolagem. Se eu quiser que esteja aqui, coloque o controle co-presente e, em seguida, aumente o zoom Você pode ver, muito perfeito. Você pode ver o cliente ao clicar no controle e, em seguida, o que fazer com o zoom? Muito perfeito. Se, por exemplo, nenhum cadastro apresentar o controle. use o botão médio e, em seguida, o zoom perfeito e, em seguida, diminua o zoom É perfeito e agradável. Agora use o botão de mídia para ampliar, perfeito. Nós temos isso, muito bom. 4. Interface Figma - parte 2: Agora, você precisa entender que isso é um. Se você quiser selecionar isso, tudo ficará azul claro. E, por exemplo, quando eu seleciono isso, por exemplo, você pode ver no blog os bytes do Boga, você pode ver que na verdade está mostrando que há um destaque nele está mostrando que há um destaque nele Deixe-me selecionar o logotipo em si. Você pode ver que o logotipo foi selecionado, você pode ver. Isso mostra que tudo o que você seleciona, tudo é na verdade. Não é composto. Deixe-me clicar aqui fora. Eu compósito, selecione. Você pode selecionar aqui. Em seguida, mostra que você selecionou. Eu posso selecionar isso. Você pode ver clientes satisfeitos, eu posso selecionar isso. Eu posso ir e selecionar isso. Você pode ver que nossos bots de menu foram selecionados, ou seja, um bot em dois. Nós temos o último, você pode ver, temos o tema menor. Você pode ver que o tema principal, você pode ver um muito perfeito. É um sólido que temos aí quando se inscreveu, você pode ver que foi selecionado aqui. O logotipo foi selecionado. Você pode selecionar aqui, o painel de camadas ou selecionar no próprio quadro no quadro. Ou seja, as camadas realmente abrigam, exemplo, o que quer que você tenha feito. Na prancheta ou na caixa da prancheta. Na verdade, são casas, o que quer que você tenha feito no quadro de arte para você. O que precisamos entender é que um pouco suba um pouco na parte inferior central, tento saber como rolar usando uma rolagem para dentro. Então, o que fazemos agora? Precisamos entender o que as camadas realmente significam. Agora, vindo aqui, vamos pegar, por exemplo, que temos um retângulo Deixe-me selecioná-la porque o que eu escolho, quando eu crio uma nova camada, na verdade ela é criada em cima de todas as outras coisas. Mesmo se eu tivesse uma camada de clique, se eu tentar criar um novo retângulo, que são os atalhos, eu uso atalhos principalmente neste, na história atalhos não estão presentes, deixe-me clicar Isso foi selecionado. Basta pressionar R no teclado. Você pode ver que vai, você pode ver. Normalmente, eu tenho isso. O movimento é V. Bem, eu quero selecionar o retângulo Vou usar, vou usar o atalho que é. Você pode ver que os sem olhos azuis pulariam imediatamente para este lugar Eu seleciono o Vou apresentar o R agora. Você pode ver como está presente. Você pode ver bem. Agora, o que tudo o que cria realmente se destaca acima, qualquer outra camada que esteja aqui. Você pode ver o retângulo três. Muito perfeito. Deixe-me usar embaixo do. O O é um atalho para a frente para o círculo que você pode ver. Deixe-me selecionar, você pode ver. Deixe-me clicar e selecionar, você pode ver. Está acima. Ou seja, foi colocado. Então, coloque algo acima de outra coisa. Quando você coloca uma coisa acima de outra, ou cria uma coisa nova, ela se coloca em cima de outra coisa Uma coisa nova se sobrepõe a outra coisa. Isso é o que as camadas são. OK. Portanto, não é difícil apenas para você entender , foram colocadas camadas e camadas. Outra coisa que você deve ter que entender. Deixe-me tentar, você sabe, deixe-me tentar dar uma cor a isso por si só. Eu tento dar vermelho, por exemplo. Deixe-me tentar dar isso, você sabe, para dar isso, deixe-me dizer azul. Vamos superar isso, não se preocupe. Deixe-me ver esse tipo. Bom. Agora, nós temos isso. Quando eu trago isso quando eu trago isso aqui, você pode ver que o vermelho está na verdade em cima do azul. Por quê? Porque o azul está aqui, por que o vermelho está aqui. Eu posso decidir colocar esse azul em vez do vermelho. Esse é o azul selecionado. Você clica e arrasta. Você pode ver que é escuro, escuro, mas um pouco, um pouco, está escuro. OK. Se eu disser aquela linha escura, me diga que é exatamente onde você quer colocá-la e ela vai para cima. Eu posso decidir reduzi-lo. Se, por exemplo, você pode ver que, quando eu trago isso aqui, está em cima de quê. Do nosso design de moldura. Eu o retiro da moldura que eu faço. Você pode ver exatamente, você pode ver o nome detopx Posso alterá-lo clicando duas vezes aqui Digamos que mboger também bogerre enter, você pode ver Também posso mudar o nome aqui. Clique duas vezes. Deixe-me dizer um novo livro. Aqui também muda, muito perfeito Agora, tudo o que estou vendo, na verdade, aqui, está sob o comando do aboger Eu posso decidir derrubar esse colapso. Se eu posso, fica muito legal. Eu posso decidir porque quando eu decido isso, ele se expande sozinho. Você pode ver, mostre-me, isso foi o que você pressionou, desculpe. Isso foi o que você pressionou. Eu selecionei o idiota. Oh, me mostre. Agora eu posso decidir entrar em colapso. Você pode ver muito bem. Agora, isso está no topo porque, na verdade, está no topo das camadas. Quando eu clico em segurar e arrasto isso até aqui, você pode ver que isso diminui. Muito perfeito. Isso é exatamente o que as camadas são. OK. Posso decidir clicar e deixar que eu traga isso de volta aqui. Pode clicar e arrastar isso de volta para baixo, você pode ver que ele volta. Tudo o que está no topo aqui passa por cima. Você pode ver. Desculpe, vai entrar, vai clicar em sua figura e entende muito. Você pode ver isso. Agora, posso tentar derrubar o âmbar novamente, clicando em erros Clique em Antigo e arraste-o para cima, você pode ver que está acima dos dois, até mesmo acima do próprio terceiro. Você pode ver perfeitamente. Quando tento clicar em d, arrastar e abaixar, ele fica abaixo de tudo. Na verdade, isso é o que a camada realmente retrata. Agora, outra coisa que precisamos entender é que o próximo painel ou barra que temos aqui é chamado barra do inspetor ou o que chamamos de barra de propriedades Sempre que você clica em qualquer coisa, mostra a propriedade dessa coisa ou as opções dessa coisa. Você pode ver quando eu selecionei isso, mostre-me que o campo para a cor é azul com 100% de opacidade presente Quando eu clico nisso também, quando eu seleciono isso também, você pode ver, você pode ver me mostrar que isso é vermelho. Você pode ver que quando eu seleciono isso também me mostra que isso é cinza. Também está mostrando que isso é o que é visível. Agora que eu selecionei isso, fica invisível. Em seguida, clique novamente. Em seguida, clique novamente, ele se torna visível. Além disso, todas as outras propriedades realmente dependem dos objetos selecionados. Agora, deixe-me excluir isso e isso e isso selecionar várias coisas, basta selecionar este conjunto atual, pressionar, selecionar e selecionar isso e depois excluir. Agora, voltando direto para este projeto. Quando eu seleciono este aplicativo, você pode ver que tudo é de um a três com quatro ou cinco regras Quando eu seleciono esta forma de hambúrguer, você pode ver. Isso me mostra a propriedade. Sempre que eu quiser mudar algumas coisas , você pode ver, deixe-me ampliar aqui, selecionar essa cor preta, vender essa cor preta e trocar um pouco de vermelho que você pode ver. Você pode ver as mudanças que você pode ver. Como o azul, assim, você pode ver as mudanças. Você seleciona essa força e vem aqui para ver suas mudanças. Na verdade , é a propriedade. Quero dizer, apenas controle ou deixe-me selecioná-lo e alterá-lo de volta para preto, clique e arraste para baixo aqui ou para baixo aqui e dois. Outra coisa que você pode fazer é que, em vez de eu aumentar e diminuir o zoom e fazer assim e fazer assim, eu posso decidir usar os dois. Os dois estão aqui. Você pode selecionar isso ou usar o atalho, que é H. Você pode ver que quando eu seleciono isso muda para um fim Deixe-me voltar para V, que é um movimento dois. Isso muda exatamente. Ou eu posso pressionar e envelhecer. Eu posso pressionar e segurar a barra de espaço. Pressione a barra de espaço, então você pode ver que mostra o. Deve mostrar o fim. Você pressiona o espaço d e depois clica com o botão esquerdo do mouse, clica em antigo e arrasta. Você pode ver que pode pressionar o controle, diminuir o zoom. Barra de espaço, clique antigo arraste, mova algo assim, você pode ver. Clique em d e arraste o bot esquerdo do mouse, você pode ver, perfeito. Para que eu possa vir aqui. Amplie para corrigir. Na verdade, eu não o uso principalmente. Eu uso o controle o coon médio rolando para fora, você sabe, depende do que pensa Use a barra de espaço, pressione, clique com o clique e arraste para a esquerda. Você tem que entender, você precisa pressionar a barra de espaço. Em seguida, clique com o botão esquerdo do mouse, clique em Antigo e arraste-o. Ainda pressionando e apertando, o que é o espaço ao lado, você pode ver fumaça que você já esteve aqui antes Para isso, basta ampliar desta forma pressionar o espaço clicando no ícone de arrastar ou simplesmente pressionar automaticamente H, depois clicar e arrastar, aumentar o zoom, diminuir o zoom, pressionar o controle, diminuir o zoom Mas eu prefiro usar o espaço por ser muito longo. Está tudo bem para mim. Selecione o V, ou seja, ele volta direto para o movimento até ficar perfeito Agora temos isso muito perfeito. Agora, mais uma vez, você pode realmente selecionar isso. Você pode ver que selecionar isso realça a propriedade, você pode ver, há uma cor verde preta, isso me diz que há algumas frentes que têm a cor verde, algumas frentes que têm a cor preta Figma é muito boa e perfeita. Não são muitas coisas, isso nos diz exatamente o que as coisas são. Agora, selecionando isso para imprimir essa propriedade, selecionar isso também imprime essa propriedade. Selecionar isso também deixará a licença que temos. Mostra esse contraste de propriedades. Então isso é muito, muito perfeito. Isso é sobre uma barra de propriedades, na verdade, falamos sobre a barra superior, onde o ativo da camada, as páginas e as propriedades são chamados de painel pectect. Na verdade, essas são as coisas que você precisa saber sobre a interface de expedição Nos vemos no próximo vídeo da palestra. Vamos começar os projetos. 5. Wireframing - parte 1: Nesta palestra, vou te ensinar estrutura de arame, começando do primeiro projeto até o último Agora, primeiro, vou mudar o título basta vir aqui e renomear O que eu pressiono? Estrutura de arame? Bom. Agradável. O que eu faço, o que devo fazer a seguir? Agora precisamos entender, como eu disse, isso é o que é a tela para criar o que cria um quadro ou o chamamos de moldura Nós viemos aqui, selecione esta seta. Se você selecionar isso, ele simplesmente selecionará isso. Mas basta selecionar na matriz. Vai aparecer uma seção suspensa, temos slides, enquadramos e o atalho é Vou usar atalhos com frequência. Frequentemente. Selecione o quadro. Ao selecionar enquadrar quais aplicativos, você vê que a propriedade dessa ferramenta específica está em algum lugar. Ok. Quando eu seleciono isso, você vê as mudanças propostas que você pode ver, como eu disse anteriormente. Quando eu seleciono isso, você também vê isso. Então, agora, temos isso. O que estamos tentando fazer? Estou tentando criar projetos para apresentações televisivas de Macbook para desktop, selecione relógios, como você pode ver, W é Apple Watch, papel, mídia social, comunidade Mas não, nosso objetivo é o que é desktop. O que eu faço é uma estrutura de arame, uma TV, desktop de mesa e curtidas. Eu preferiria escolher o destop B, pois é normal, assim como a estrutura de arame Selecione destop Agora ele foi selecionado e basta controlar o controle e o controle atuais Em seguida, use o botão do meio do mouse para ampliar. Como eu disse no último vídeo, você apresenta o controle, use o botão do meio do mouse colocado para ampliar. Diminua o zoom, na verdade paga mais. Precisamos entender o que é estrutura de arame. O Wireframe é um modelo, um guia visual que representa a estrutura básica de um site Essas são as plantas. O que, na verdade, de uma forma tradicional, tentar esboçar algo que realmente nos dê uma ideia que projete para nós como um determinado site deveria ser É como desenhar de uma forma tradicional, usando papel e caneta, mas vamos usar um desktop exatamente simples Usando papel e caneta, desenhando na aba e nas luzes para ter uma planta, um guia visual, um guia visual de como seria a aparência de um determinado site Na verdade, servirá como um modelo, na verdade, servirá como um guia para sabermos o que vamos criar Então nós temos. Quatro estruturas de arame que vamos criar aqui. O primeiro, na verdade consignando o primeiro site que vamos criar Eu quero seguir o caminho tradicional, como eu disse anteriormente. Vou usar a ferramenta de pinos, não dor agora, mas pinos dois O atalho é Shift P. Você pode passar por cima. Clique nesse R, você pode ver S P. Este é um lápis P, por que o lápis curto é shifts P. Agora vamos começar Você pode ver se eu clicar na droga assim, você pode ver, escolher o arrasto, clicar em Oden drag, você pode ver algo assim. É assim que é. Basta clicar e arrastar algo como um ziguezague. Basta contrastar, isso é suficiente. Contraste. Um. Começamos, não acrescentamos que para que ele possa usar o mouse, segure-o perfeitamente porque é um esboço Não é composto em linha reta. Então, se você estiver usando um tablet, tudo bem, não há problema. Então você pode começar com o círculo, vamos começar com o logotipo, clicar em rastrear Na maioria das vezes g também, o que você faria se o nome da marca, algo assim, pudesse controlar o Zigzag Posso ter a perfeição? Essa é uma postagem 91. Agora, o que fazemos? Para o primeiro projeto, quero ter certeza de que você conhece o produto, o serviço, os contatos e todas essas coisas que existem, na verdade. O que eu faço? Eu venho aqui. E assim. Todos os contras recuaram. Toda a economia é simples, você clica, clica em arrastar, pressiona shifts para ter certeza de que está começando Você pode ver momictratsw que é um esboço. É um esboço. Vamos parecer tradicionais. Vamos ver, Ron, é assim que nos sentimos para ter certeza. Isso é realmente uma estrutura de arame. Isso é realmente um plano, um guia visual, então contraste Vou tentar desenhar com mu e tentar ser perfeito daqui a pouco Ok. E então o controla e está tudo bem assim, mas eu prefiro controlá-lo Então, a plataforma em que temos o botão de login em algum lugar, o login, não o botão, é um botão de texto que na verdade deve ser clicado para fazer login E também temos o botão de login, então bom. Isso é perfeito. Agora, temos o tema principal : onde a equipe será o tema principal. Você pode ver. Deixe-me dizer apenas três linhas. Três linhas. Temos o menor por perto, digamos duas linhas. Ok, bom. Agora temos o botão em si. Vamos apertar um pouco o botão. No primeiro, você terá dois botões. Ok. Botões. A evidência que queremos mostrar a alguns clientes algumas coisas de satisfação do cliente. Então, eu tenho algumas palavras aqui também. Então, algo parecido com isso. Além disso, temos uma imagem, você sabe, as imagens podem ser em forma de círculo ou, você sabe, retângulo ou quadrado Mas eu faço esse retângulo. Acho que não entendi. Deixe-me confundir isso. Eu acho que é demais para Yeah. Algo parecido com isso. Então, quando você tem uma imagem, precisa mostrar como se tivéssemos bots. O bot deveria estar em uma caixa como. Então, quando você tiver uma imagem, será um bot muito grande. Então, o que você faz? Tenta colocar um X para mostrar que isso é, essa é uma imagem, muito perfeita. Então, o primeiro que vamos projetar. O primeiro que vamos criar terá um tipo específico de plano de fundo. Então, o fundo sólido. Então, o fundo é, na verdade, algo ao redor. Desça assim. Desculpe. Cora isso. Posso sentir que vou deixar assim porque é um esboço. Desça assim. Vamos descer assim, depois entrar nesse espaço, então eu não quero que seja. Assim. Desça assim. Bom, perfeito, então se acalme assim. Muito, muito perfeito. Esse é o primeiro esboço do que estamos tentando criar. Na verdade, eu me certifico de que aqueles caiam um pouco. O que eu faço? Eu pressiono V, que é um movimento dois. Você pode ver. Você pode ver o movimento para selecioná-lo. Você pode clicar de fora, clicar em arrastar e tentar selecionar todas as coisas aqui. Está sendo selecionado. Em seguida, clique em, derrube-os. Você vai fazer com que seja pressionado em turnos, na verdade, endireite-o. Você pode ver. Isso é perfeito. Ok. Então essa é exatamente a primeira estrutura de arame. Então, agora vamos passar para a segunda estrutura de arame. 6. Wireframing - parte 2: Agora, nesta palestra, vou criar o segundo, terceiro e quarto wireframe, primeiro, nada difícil Eu posso pressionar e controlar, depois usar o botão de minimizar e diminuir o zoom um pouco O que eu faço? Eu clico em H e posso ver as alterações no ícone. Ou, como eu disse anteriormente, deixe-me voltar para V, que é voltar ao segundo passo. Na maioria das vezes, gosto de usar a barra de espaço. Eu pressiono a barra de espaço, Spres e old, clico com o botão esquerdo do mouse no potting, clico em Antigo e arrasto assim Boa, volte para a próxima mudança. Então, o que você faz? Para você selecionar essa convas em si. Quando você clica em d e arrasta assim. Nada está acontecendo apenas destacando as coisas. Você clica nessa tela e clica duas vezes, nada está acontecendo. Então, o que está acontecendo exatamente? E pressione os turnos Pressione as folhas de código, clique em d e arraste a posição esquerda do mouse. Você seleciona essa coisa em particular, assim como seleciona isso, seleciona isso, seleciona isso, você precisa ir direto para este lugar. Destop pode tentar assistir ao clique nisso, deixe-me voltar novamente. Você pode dar uma olhada neste desktop. Você pode ver que basta colocar um cursor sobre ele, é o que acontece neste set, são luzes claras Agora, afastando o cursor, a luz do olho desaparece, a luz azul do olho desaparece. Traga-o de volta, ele aparece. Diz o que exatamente você quer. Quando eu venho e seleciono isso, você pode me ver, você pode ver que tudo isso foi selecionado. Ou seja, tudo foi selecionado. Em comparação com você, basta selecioná-los e selecionar isso. Quando eu seleciono isso, tudo foi selecionado. Então, quando eu clico quando venho aqui e clico e arrasto, ele realmente move tudo, por que já foi selecionado. Então, deixe-me controlar isso. Novamente, B o curso clica fora daqui, nada foi selecionado aqui. Você pode ver. Quando eu seleciono isso, você pode ver Ok. Deixe-me. Desculpe, selecione essa linha. Você pode ver. Foi selecionado. O segundo círculo pode ver que o logotipo foi selecionado. Quando venho aqui, está destacado. Quando eu o seleciono, tudo foi selecionado. Então, agora o que eu quero fazer? Quero copiar isso e colar no lado direito. Então, o que eu faço? Vou selecionar isso primeiro. Pressione e pressione. Você pode ver o presente, o presente é antigo. Em seguida, você clica em qualquer lugar ao redor porque a moldura, a placa está sendo selecionada, depois clica em antigo e a arrasta para fora. Por que arrastar para fora, você pode ver, se você se mover para cima, para a esquerda e para a direita, na verdade não é proporcional a isso. Você pode realmente olhar para isso e fazer exemplos como este. Você pode ver a linha, as linhas vermelhas. É proporcional, tudo bem. Certifique-se de rastreá-lo ou o que você faz? Ainda pressionando suas mãos, ainda estão ligadas. Em seguida, você coloca automaticamente outro dedo e coloca automaticamente outro dedo nas folhas. Eu caí, você pode ver. Se você subir e descer, isso não vai mudar. Ainda será proporcional ao primeiro dext. Então, você solta o mouse primeiro antes de soltar o teclado. Isso é perfeito. O que você faz Você tenta acessar o Zoom, pressione o controle e use o zoom mínimo, clique duas vezes aqui pressione o controle e use . O que você faz Conecte um, pressione enter. Controle o zoom. Espaço. Espaço de imprensa. Clique no botão esquerdo do mouse, então você clica no medicamento. Espaço de imprensa, espaço de imprensa antigo em algum lugar. Bom. Não se esqueça, você pressiona o espaço antigo. Ele muda com o curso das mudanças em um ícone. Em seguida, use o botão esquerdo do mouse, clique em Oden drug. Nenhuma. Clique duas vezes aqui para alterar as palavras “estrutura de arame”. Agora, o que fazemos? Nós tentamos, você pode clicar em Antigo e arrastar de fora. Esqueça que você clica em Antigo e arrasta de fora. Então, o que você exclui é decidir excluí-los, na verdade, você tenta fazer alguns ajustes neles. OK. Então, o que você faz? Eu posso tentar deletar isso. Exclua, não chame isso. Agora estou mudando para o atalho. Eu configurei o movimento para Atalho ou você simplesmente clica aqui, move dois. Bom. Agora, vou fazer a diferença: o contato de produtos e serviços não estará aqui. Então, vou clicar aqui. Vou clicar e arrastar para a direita. Por que fazer isso? Eu posso pressionar as teclas para ficar em linha reta Você pode ver. Isso é apenas para trazer algumas diferenças. Então é assim que vai ser aqui. Além disso, tudo realmente teria a mesma aparência. Mas esse clique na madeira e desenhe de fora, isso não estaria lá. O que realmente seria incluído aqui para tornar as coisas diferentes e únicas. Então, no primeiro momento, não temos nenhum sólido como esse. Não há forma sólida por aqui, assim. E também o contato e o s são normais aqui está agora aqui. Essa é uma diferença. E a diferença é exatamente essa em relação a isso. Você pode ver. Em primeiro lugar, este é o colapso do Squire Frame One Você pode ver. Você pode tentar torná-lo invisível, tentar torná-lo visível e eu posso tentar entrar em colapso. Olha isso. Olhe para essa área triangular, selecione-a. Tudo desmorona. Você pode ver que ela se expande, é um colapso. Agora vá. Estou na estrutura de arame. Então, o que eu faço? É muito, muito simples. Agora, esta armação de arame é um fundo escuro, escuro. Na verdade, quando você clica e arrasta para selecionar Imagem, eu saberei , na forma de fundo, um fundo escuro. Na verdade, é claro, então é um fundo escuro. Então, vamos deixar assim. Então, eu quero pintar a estrutura de arame. Eu não vou fazer isso. Então, agora o que fazemos com os clientes satisfeitos aqui. Mas com esse enquadramento de dois, eu não vou simplesmente escrever para mais de 200 clientes Vou colocar os logotipos dos clientes aqui. Vai estar aqui. Então, eles são quase mais de cinco. Então eu acho que cerca de oito. Vou voltar ao lápis para, que é o que muda, e ao seu teclado Essa é uma mudança que você pode ver. Venha aqui. Então, o lápis para você ver, muito perfeito. O que eu posso decidir para ampliar o controle, depois o mouse board e aumentar o zoom. Vou confiar nisso até. Então, tipo oito. Essa é uma delas. Eu tento continuar criando e criando e crisess se torna oito, como na caixa gular e tudo mais Mas eu não quero fazer isso copiando e colando. Isso já é perfeito e imediato. Pres V cíclico den drug que a imprensa copia. Em seguida, pressione lençóis nos bolsos, isso é uma droga bacalhau que é três, cinco, seis, sete Deixe-me tentar trazer isso para cá. Deixe-me tentar Desculpe, selecione isso primeiro. Mão. Selecione esta planilha atual ou simplesmente clique nela, selecione isso, clique em, desculpe. Folhas de presente. C em travesti como este. Então eu posso realmente clicar e arrastar. Isso está presente em probabilidades. São os últimos 20 anos porque o preto é proporcional a isso. Você pode ver muito, muito perfeitamente. Ou seja, esse é um fundo escuro. Então, uma cópia e páginas, selecione este clique. Eu já configurei essa estrutura de arame em dois. Eu defino a partir daqui, o nome, clico em d e arrasto para baixo as probabilidades atuais, trago-as até aqui. Você precisa pressionar os navios aqui, trazê-los até aqui. Você pode ver que é proporcional. Você vê as linhas vermelhas e depois cai. Este é um fundo escuro fino e este é um fundo claro. A diferença entre os dois é que é uma marca diferente. Exatamente é uma marca e um azulejo diferentes e essa é uma marca diferente, e esse é um fundo escuro, uma barragem, uma equipe clara. Então , é quase a mesma coisa. Outra diferença é que o contato e as luzes seriam, na verdade, o que está no meio. Sinto muito. Vou arrastá-los para facilitar as coisas. Você clica em fazer, rastreia até o meio. Ou seja, você pode ver a linha do meio. Muito perfeito. Bom. Agora, o último. O último também é, na verdade um pg escuro, então derrube isso. Você clica aqui, clica em pressionar para baixo e apresenta nos navios. Na verdade, também usa linhas de grade. Você pode ver perfeitamente, então solte. Na verdade, esse plano de fundo contatos domésticos e tudo da mesma forma mais fácil. Mas a imagem será excluída, eu também excluirei isso Em seguida, exclua isso também. Eu digo que tudo junto, eu só quero fazer a diferença. O que realmente acontece? Deixe-me tentar ampliar o espaço. O que realmente vai acontecer? Ela, as palavras vão estar por aqui. Essa é uma delas. OK. Deixe-me fazer três, deixe-me fazer dois como tema principal. Então, isso é uma coisa pequena. Min Min que temos nisso e temos a chamada à ação que é a parte inferior do bot bot. E isso foi ruim. Temos isso muito, muito perfeito. E tudo isso é, na verdade, consignar isso. Deixe-me usar o movimento para pressionar o movimento e o B. Clique e arraste a luz daqui e clique e arraste-a para baixo Você pode ver que é o meio. OK. Perfeito. Na verdade, está tudo bem. Isso é bom. É só um esboço. Isso é bom. Então nós temos isso. Vamos exatamente a imagem. É uma imagem de fundo comparada com a Apgar que temos aqui, que foi recortada em comparação com a bicicleta, em comparação com a Apple aqui Então, na verdade, é uma seção de imóveis para o seu site. O que nós fazemos? É uma imagem de fundo. Tudo o que fazemos é tentar mostrar que há algo por baixo Então, como fazemos Shift P, a caneta que você tenta clicar ao redor do clique e arrastar até lá, trazendo algo assim para baixo. Perfeito. Em seguida, ele desce. Você pode ver que também estão por lá. Traga algo assim para baixo. E mova algo para baixo assim. Então, na verdade, mostra outras pessoas, há uma imagem em particular porque está na moldura, que nos mostra o que há algo por baixo dela Você pode ver agora que precisa entender uma coisa quando copio o fio de um para a estrutura de arame dois, eu troco a estrutura de arame dois, pois quando copio o fio três, você ainda pode ver qual pessoa. Você pode ver que, na verdade, o próprio Imediatamente o muda para o wireframe três As mudanças são o wireframe quatro. Esse é o nosso feedback que, na verdade, reconhece muitas coisas. Agora temos o wim one. Este é um plano, é um guia para a primeira página inicial da seção zero Estamos criando a segunda Esse é o terceiro e esse é o quarto. Isso nos ajudará a nos guiar sendo um modelo, um guia visual para que possamos criar de forma perfeita e agradável a forma como o site deve ser perfeita e agradável a forma como o site deve Na próxima palestra, iniciaremos os projetos A partir do projeto Amberger, a marca Amberger. Nos vemos no próximo vídeo da palestra. 7. Como entender o layout: Mas eu vou te ensinar o layout. Em primeiro lugar, o que é layout. Layout é a disposição dos elementos em um design específico. Seja qual for o design, o layout é o conjunto de elementos Em primeiro lugar, *** a última coisa que fizemos foi enquadrar arame. Deixe-me clicar duas vezes em Cname e cantar o quê? Projetos. Projetos, entre com perfeição. Você pode ver aqui vindo aqui, temos camadas, temos ativos e temos a página dois. Definitivamente, já tínhamos uma página um antes. OK. E é o que contém a estrutura de arame que fizemos Agora, o que fazemos? Tentamos fazer passando por essa estrutura de arame um, dois, três, quatro f. Então, voltando para a página dois, você vai começar um layout. Em seguida, o primeiro design que é para a marca boger. Chegando à primeira página. Então, o que fazemos? A primeira estrutura de arame selecionada esquece que você não a selecionou sozinha. Você não seleciona dentro do espaço em si. Você seleciona aqui em si. Você seleciona e seleciona no título. Você seleciona na parte inferior daquela placa que você pode ver. Então, eu estava colocando, eu estava dando uma volta e estou falando quando você acaba de entrar no wireframe, basta selecioná-lo e tirar Você pode ver que permanece. Então, foi selecionado, o que você faz? Você controla C, isso é cópia. Ou com o botão direito do mouse. Depois de clicar com o botão direito do mouse nessa cópia específica , você seleciona copiar. Chegando em duas páginas e dois. Agora, voltando para a página, o que você faz? Você controla ou clica com o botão direito do mouse e o que é colado aqui. Então, o passado, na verdade, era uma mão que acabava de ser usada, essa era a chamada para mudar. Selecione aqui e altere para bloquear. O seu não seria assim. Então, normalmente, não deveria ser tão bom. Tente fechar, desculpe. Bom. Agora, alguns presentes no controle, minimizam o zoom. Portanto, temos uma estrutura de arame que realmente nos guiaria sobre o que projetar. Portanto, as armações de arame servem como um guia, as plantas para nós para que elas nos guiem sobre o que projetar Então, outra coisa que eu ensino é que, em vez de usar o espaço presente isso e use a inicialização com o botão esquerdo do mouse Na verdade, você pode usar a parte dupla do mouse. É a batida média do mouse. Esse é o pergaminho lá. Então você não rola para cima, você não rola para baixo. Você aperta e desliga. Você clica nele e o coloca para baixo e se move para cima, para baixo, para a esquerda, para a direita. Então, ele faz o trabalho do d dois. Você pode ver perfeitamente, então, na maioria das vezes, na verdade. Deixe-me usar isso aqui. Deixe-me controlá-los um pouco. Mas eu coloquei no lado esquerdo. Então faça o que eu quiser do lado direito. Posso colocá-lo em cima e fazer o que gostaria de fazer nas enfermarias na parte inferior. Em seguida, coloque-o à esquerda dentro das canetas. Se você não tiver, eu vou colocá-lo em cima, eu vou colocá-lo em cima. Ok, bom. Agora temos dois desmoronamentos. Bom. Agora eu preciso de uma nova moldura. Eu preciso de uma peça nova. Então, o que eu faço? Basta vir até este espaço. Selecione isso. Selecione no quadro. Quando você a define no quadro, a propriedade é exibida. Você pode ver quando eu selecionei. Essa era a propriedade. Quando eu o coloco no quadro, basta apresentar esta seta ou você canta isso apresente isso ou o atalho é o que F. Quando um precio corta, você vê que ele vai direto para F, então muda para a direita. Bom. Que tipo de moldura eu quero? Textop, na verdade, deixe-me entrar em colapso. Deixe-me expandir a área de trabalho, na verdade. Agora, o destop está sendo selecionado. Em seguida, o que você seleciona é interrompido novamente. Segundo desktop e fica perfeito. Eles já foram selecionados. Clique no microfone de arrasto Oden em proporção, você pode ver, perfeito Então você pode vir aqui e as palavras Zoom se encaixam perfeitamente. Então, começa aqui. Antes de fazermos isso, na verdade, você pode realmente usar o botão de minimizar e tentar arrastar controle atual para aumentar o zoom. Você quer que isso só apareça por enquanto. É para mostrar por enquanto. Isso é perfeito. Há algo que chamamos de nota. Mas não podemos ver isso aqui. Era para ser “Por quê”? Não estamos selecionando nada. Nada foi selecionado, selecionado e fora da tela. Para que possamos ver a grade de layout para que ela apareça na propriedade ou no painel espectral, precisamos selecionar esse aspecto espetacular, selecionar específica de funcionamento em cada vaso. Selecione isso. Você pode ver os shows de propriedades que chamamos de grade de layout. Você não seleciona isso, você seleciona isso agora. Você não precisa dessa prensa lá fora. Volte. Desculpe, venda isso. Agora, o que você seleciona no ícone de adição? Selecionar um ícone de adição. Mostra a grade. Mostra em cada quadro de arte que você tem essas camas. OK. Agora, ele já foi selecionado. Então é isso, foi selecionado. Você pode realmente cancelar cancelando a seleção selecionada selecionando o ícone de adição Agora, essa é a grade. Você pode criar sob a grade a grade plus plus, mas não precisamos disso. Não precisamos que ele simplesmente feche e feche. Selecione um. Um. Precisamos mudar sua opção, precisamos mudar algumas coisas, algumas configurações. Então, aqui temos a configuração da grade de layout. A maioria das configurações, a maioria das seleções que você precisa fazer estão sendo identificadas pelo ícone Assim, você pode ver o ícone de menos para excluir o ícone. Na verdade, você pode selecionar isso e vale para esse pote específico. Então você pode realmente configurá-lo e pronto, ele se torna comida. Eu acho. Na verdade, você pode definir isso para mais algumas opções. Na verdade, para mais algumas opções relacionadas ao layout, pressione. Então, na verdade, quando falamos sobre figma em geral, ele usa ícones diferentes para você saber uma maneira entender o que é esse ícone sobre o que é esse ícone Agora, a segunda é sim, na verdade. O que fazemos primeiro, essa é uma grade que mudamos e mudamos para dois pontos. Você pode ver. Além disso, você pode realmente alterar rolos, dependendo de como deseja usá-los. Mas eu estou dependendo dos dois pontos. Não fileiras, porque é claro que sim. É assim que tem sido usado em todo o mundo, falando sobre qualquer coisa que seja web. Você basicamente usa coluna. Você pode tentar usar a areia. Isso não é um problema. OK. Então nós temos isso. Então isso é contagem. Quantas funções você quer? Existem cinco linhas, eu quero e, naturalmente, usamos 12, e essa é a mais alta. Mude para 12, você pode ver que é uma etapa. Você pode mudar a cor se quiser para qualquer cor, se quiser, você sabe, a cor está em azul. Azul usando amarelo ou qualquer coisa. Mas não, na verdade, eu quero clicar em Oden Drag. Você clica, clique, clique ou clique em Oden e arraste para a esquerda. É aí que está, ou clique em Oden e arraste para a direita. Vermelho no início, vermelho no final z Você pode clicar, clicar clicar em Antigo e arrastar até o final. O original é o padrão, é o padrão. Perfeito. Deixe isso como está: 10%, deixe como está. Em seguida, o tipo de tipo é esticado. Mas um se estendeu. Câncer isso. Eu não quero me alongar. Eu quero me centralizar. Você pode ver muito bem, então, na verdade, é passo a passo. Eu quero isso centrado. Agora, além disso, eu quero essas 12 colunas tenham uma largura. Esse é o comprimento. Agora, agora, o comprimento, quanto tempo deve ser para a esquerda e para a direita. Eu quero que seja, na verdade, você pode dizer que 100 é 1.000. Na verdade, é como se ela ocupasse quase tudo lá Eu não quero que seja 100. Normalmente, temos uma madeira de 80 a 90 e vemos o que acontece. Na verdade, é demais porque precisamos do que chamamos, precisamos falar sobre layouts geral, há a disposição dos elementos em um design específico. Há algo que chamamos de espaço em branco, espaço ou espaço negativo é o espaço dado aos elementos para se reproduzirem. A espécie deve estar dentro. Isso fará com que o design pareça atraente e bem organizado. Então é isso. Agora que você acabou de vir aqui também, selecione, deixe-me colocar em oito. E isso é perfeito o suficiente. Aqui está o que é chamado de G. Got são os espaços entre os próprios dois pontos Acho que posso mudar isso para 50, os dois pontos. Você vê a sarjeta das lacunas. Basta deixá-la em 20, está perfeita do jeito que Agora é isso. Mas primeiro, deixe-me vir aqui e clicar ou apenas clicar duas vezes aqui e mudar isso para o próprio aboga, porque esse é o primeiro projeto, perfeito Agora vamos para a camada de fundo. 8. Como criar um fundo: Neste vídeo, vou ensinar a você os antecedentes do design da marca Amberger Agora, deixe-me usar o botão do meio do mouse e tentar clicar no arrasto de madeira para a esquerda, você pode ver. A grade de layout também afeta isso e também afeta minha moldura ou quadro de arte principal. O que eu faço? Na verdade, posso decidir vir aqui para me esconder. Mas, na verdade, também afeta apenas esse em particular. Eu posso clicar aqui fora e tentar clicar. Nada aparece. Eu tenho que selecionar uma extremidade. O que eu faço? Na verdade, existe outra maneira de fazer isso, pela qual seu grau de graduação desaparece e afeta todas as outras coisas, não apenas essa, apenas uma O que nós fazemos Pressionamos Shift, depois pressionamos G, essa mudança muda mais G, depois selecionamos Does it ou você pressiona opção G. Você quer que apareça novamente, ou você quer torná-la visível Você pressiona a tecla shift G novamente, você pode ver a grade de layout visível aqui embaixo. Em seguida, pressione a grade de gayout **** muito, muito perfeita. Então, o botão do meio para arrastar para algum lugar. Então essa é a primeira coisa. Então, sempre que você criar um layout. Outra coisa que você deve saber é que você pode realmente alterar a cor do seu layout. Sempre que você cria um quadro de arte. Outra coisa que você deve saber é que você pode mudar a cor do seu quadro. Assim, você pode selecionar o título e a borda. Você pode ver que a cor está aqui perfeitamente. F, esse é o código X para branco. Eu posso tentar deletar isso. Nada mostra que isso me mostre a cor do valor da tela. Bem, eu vou saber que há outra coisa que é dois. Então eu seleciono dois, então você começa a sentir como é a cor do que quer que seja. Ok. Agora posso selecionar no ícone de adição que um preenchimento seja adicionado automaticamente duas vezes. Você quer mudar isso. Se eu tiver o código comigo, posso selecioná-lo quando você selecionou, coloque o código D black bla e pressione Isso é DDDDD traduzido em DDD. Mas o que eu faço? Eu pressiono este retângulo, seleciono este CD. Basta clicar nele uma vez. Você pode ver, clicar em algum lugar, clicar em algum lugar , clicar em verde, clicar em azul , clicar em roxo, vermelho , amarelo e outras coisas assim. Ok. Você pode esticar cores assim. Ter isso com você, mas o que eu quero? Eu preciso de uma cor clara, do jeito que está, perfeitamente Assim, você pode alterar a opacidade, caso contrário, você pode clicar em Wo ficando mais claro e mais escuro Portanto, dependendo da cor que você escolher se estiver certa, ela muda. Então, é muito simples assim. Então eu preciso de branco. Se eu precisar de preto, posso clicar e arrastar até a parte inferior ou clicar em arrastar aqui, é branco e branco. É preto preto, desculpe. Mas branco, na verdade, você clica em den clica em qualquer lugar, arrasta e solta. Em seguida, fecha em algum lugar da tela. Você pode ver o branco. Essa é a primeira coisa. A segunda coisa a saber é que consignado é o design âmbar, o design da marca Amberger Na verdade, usei um sólido para causar muito mais efeito no fundo. Então, como fazer rap para que eu supere isso. Presente no controle Zoom usando menos estava em pouco tempo Venha aqui para o retângulo. O atalho é o motivo pelo qual os atalhos são mais frequentes nessa gagueira, deixe-me vir aqui para R T Clique em Antigo e arraste, clique em Antigo e arraste assim. Perfeito. Agora, depois de clicar em w e arrastar algo, arrastos passados se tornam bem-sucedidos Ele volta diretamente para o movimento dois, que é V. Eu posso clicar e arrastá-lo assim. Ok. Eu escolho drogas aqui dentro. Ele entra automaticamente porque Figma reconhece o que você quer fazer Não consigo clicar em trazer aqui. Ele sai, sai e entra no espaço, pode ver muito, muito perfeito. Eu quero isso aqui. Eu quero que ele entre aqui, para que você possa ver exatamente o que eu quero alcançar. Deixe-me voltar e você pode ver, algo assim, um efeito bonito. Eu não quero ficar no meio. Não, desculpe. Eu quero que esteja no meio. Não. Eu quero ser algo intermediário pode realmente trazer um efeito, mas não é realmente o que eu quero. Então, algo parecido com isso. Sim, algo bom e perfeito. Já está muito bom. Dessa forma, eu enquadro um, deixe-me tentar desmoronar. Você pode ver. Eu sou bogar Collapse neste âmbar, temos um elemento por enquanto, que é Você pode ver que quando eu seleciono, ele foi selecionado. Quando eu o escondo, ele foi comido, você pode ver que quando eu o tranco, ele é levado para todo lugar. Você pode ver. Só isso pode ser contornado. Você pode ver. Quando eu seleciono isso, ele pode ser usado para qualquer lugar. Então tente desbloquear, pode selecionar e tentar arrastar, você pode ver o contraste perfeito, ele volta. E quando você experimenta os mapas e quando tenta usar o âmbar, tudo fica junto Eles estão todos juntos. Contraste muito perfeito. Então eu acho que isso é atirar termicamente e arrastar eletronicamente. Sim. Acho que academicamente e P. Acho que é perfeito. Isso é perfeito. Uma boa mistura foi colocada para ajustar um pouco. Então nós temos isso, então eu posso realmente apresentar as formas G para ver o layout. Você pode ver muito bem. Portanto, não são os compostos que estão realmente alinhados com a grade do layout, mas eu posso realmente tentar ajustá-los e colocá-los em algum Você pode ver. O que quer que eu coloque na linha, mostrará uma demarcação vermelha, uma linha vermelha para Na verdade, eu o coloco por aí . Deixe-me ver as formas . Que nomes? Eu acho que isso é perfeito, Shas perfeito, na verdade, está em torno das notas. Está em torno das notas por aqui Ok. Deixe-me ver isso também. Eu acho que estacionar também , mas vou fazer alguns pequenos ajustes para que você não se preocupe, ok, mas deixe-me colocar assim. Então, se estiver tudo bem, eu teria que deixar assim. Mas se não for, eu teria que mudá-lo. Então controle G, desculpe, SG. Vamos ficar do jeito que está. Então, agora, deixe-me dar uma cor. Deixe-me dar sua cor. A marca com a qual estamos realmente lidando é como, você sabe, um acordo de marca com hambúrguer com alimentos, vegetais, coisas que na verdade são nutritivas para o corpo Então, do que precisamos? Precisamos de uma cor específica. Sim. Uma bela cor de luz verde. Deixe-me usá-lo assim. Uma bela cor de luz verde que realmente nos dirá mais sobre a marca. Ok. Então, vou selecionar isso e depois passar por cima. Na verdade, quero torná-lo verde, selecionando essa cor, ícone de cor, esse retângulo Então, eu posso realmente escolher o verde, selecioná-lo não significa que isso vai mudar. Quando você selecionou aqui, você tem que vir e selecionar. Você pode ver qualquer tipo de verde que eu quiser usar qualquer tipo de verde, qualquer tipo de cor que você queira usar cores normais, vermelho, algumas cores bonitas, produzindo um efeito. Mas quando você usa qualquer cor, ela deve estar alinhada com a cor da marca. É muito, muito importante. Você deve entender isso. Então, a marca que eu realmente quero usar. Eu tenho o código X. Há algo que chamamos de lidar, algo assim. É quando eu começo a mover isso, esses números mudam, você pode ver, isso muda, é o que chamamos xcope em todo o mundo, então um designer Um código x é e o código de uma determinada cor continua sendo seu código. O que quer que você faça, provavelmente projetando design gráfico, UX em geral, hum, desenvolvimento, qualquer coisa, qualquer coisa. O código X continua sendo o código X. Então, se você trouxer um código X da animação, traga um código dos gráficos em movimento. Mas aqui, ele funciona exatamente como o mesmo código X em todo o mundo em que é examinado. Portanto, o código X a ser usado também é verde, mas um tipo de verde que realmente parece único. Então, a primeira coisa que você faz é selecionar. Então, os códigos selecionados. Ok. Apenas venda uma vez, não duas vezes. O código X é seis, 47. A, A 02, pressione enter. Perfeito, você pode ver. Isso é exatamente o que eu preciso. Você pode ver quando eu o seleciono, você pode ver, ele realmente aparece. Você pode tentar arrastá-lo para cima, torná-lo mais claro ou mais escuro, dependendo do que for, onde você pode cancelá-lo e do que o controle de pressão disse que permanece exatamente do jeito que eu quero Então, no próximo vídeo, vou te ensinar como cortar o mboger de sua imagem principal Ou seja, ele tem um plano de fundo, então recortamos o mboger sozinho, mboger sozinho e o usamos em nosso site, seção 9. Como cortar imagens: Agora, neste vídeo, vou ensinar como cortar o âmbar de sua própria imagem, você sabe, apenas recortando um elemento, destacando um elemento de uma imagem específica Então, agora, vou para meu arquivo, meu arquivo de recursos, apenas vindo aqui para ver a imagem e indo para o arquivo de recursos. Depois de baixá-lo do link, estamos lá em cima. Então, clique duas vezes. Chegando aos arquivos de um projeto. Esse é o primeiro. Então, agora eu posso clicar e arrastar isso para baixo, estamos no Figma aqui e soltá-lo em um piscar de olhos, muito rápido, ele entra no Então, o que eu faço? Eu uso botão do mouse na janela para clicar em d e arrastar para baixo , depois pressionar Control e diminuir o zoom , clique e arraste isso para cima. Eu não quero fazer dois B. Eu posso realmente vir aqui. Clique em d e arraste isso, mas na verdade pode parecer de alguma forma. Portanto, a pressão de controle em K. K é um atalho para a escala. Ao chegar, você veria apenas pressionar esse R, você vê K, que é k. Na verdade, vai ser proporcional, pressione K. Ok. Clique no quê e arraste a meta para baixo em proporção. Então, eu não quero que estejamos no Zoom. Então deixe-me ampliar o espaço. Então o que eu faço? Quero usar um recurso específico, um plug-in específico no Figma que, na verdade, recorte perfeitamente essa imagem para mim sem nem mesmo o estresse de usar a caneta O que eu faço? Agora que ele foi selecionado e vá para os recursos, clique nesta peça. Quando você clica nos recursos aqui, entre em contato. Quando se trata de plugins, você clica neste lugar e assim por diante. O que você faz? Pressione ícone oito de fundo. OK. E, na verdade, é a remoção do fundo do ícone. Então você seleciona ou simplesmente vem aqui, na verdade. Pressione os três pontos. Ao pressioná-los, você vai em direção à visualização dos detalhes. Ele mostrará detalhes e tudo o que você pode ver descendo, basta executá-lo, selecionar e executar. Remova o fundo. Mas primeiro, ou seja, você deveria ter selecionado essa imagem e, em seguida, remover o fundo. Então, leva alguns segundos ou provavelmente minutos, mas, na verdade, segundos para remover o plano de fundo para você. Na verdade, reconhece tudo o que está lá. Ele conhece a imagem que estamos realmente tentando remover de um plano de fundo específico. Então, sim, muito, muito perfeito. Agora, temos isso. Você pode ver que na verdade é chamado de plano de fundo e Baron está fora e você pode ver, muito perfeito. O que fazemos com isso? Na verdade, você pode clicar para ver, clicar em segurar e arrastar, você pode ver, muito perfeito em pouco tempo. Motor real. As outras partículas por aí, como as retiramos? Basta chegar ao pino dois. Agora, o que fazemos com o pino dois, você pressiona P, que é um atalho para o pino dois Agora precisamos cortar o hambúrguer em si primeiro, sem perder tempo. O lápis não é do outro porque figma não foi capaz reconhecer a tal ponto que não precisamos de todas essas partículas aqui, o que fazemos? Então, basta ver um filme muito simples. Não estamos tentando torná-lo perfeito porque ele ainda não está funcionando, então só precisamos que algumas coisas sejam retiradas daqui. País. Aumente o zoom. É bom minimizar a pose para arrastar. São os bots menize para arrastar. Imagine que isso era. OK. OK. Z veio até o Em seguida, tente. Você pode ver. Esse último nó, na verdade, deve estar com isso. Você pode ver a linha vermelha lá, você pode ver, muito perfeita. Você seleciona. Em seguida, use-os, muito perfeitos. Agora, como faço para retirar essas partículas do próprio mboger É preciso ter muito cuidado. Agora vamos voltar para a mudança para o presente. Agora temos isso. Agora posso tentar clicar no medicamento para fora e selecionar esses dois, mas na verdade. O que eu faço? Basta vir até o corpo da caixa Desculpe, venha aqui na tela e clique duas vezes. Então, volta à norma. Você pode clicar de qualquer maneira. Então você pode clicar e arrastar agora. Na verdade, é selecionar os dois juntos. Tudo bem. É por isso que você pode selecionar esta linha e clicar no medicamento ou configurá-lo. Você realmente vem, seleciona isso dentro e clica Perfeito. Agora, o que eu faço? Preciso seguir alguns processos para seguir alguns processos. Então, o que eu faço? A primeira coisa que faço é selecionar isso. Tente seguir do jeito que está. Eu concordo com isso, que são os traços. OK. É como um derrame. Vou tentar excluir o traço, que está presente, cancelar , e criar um campo para o ícone de adição atual. Você pode ver isso muito perfeito. Esse é o primeiro passo. Em seguida, clique com o botão direito do mouse sobre ele, enviado para trás Em seguida, ele volta. Perfeito. É isso mesmo. Então eu faço a seguir. A próxima coisa que eu faço é o que foi selecionado. Essa é a linha de rastreamento, a linha foi selecionada Então, eu posso pressionar Shift e selecionar o mboger. Se erros paraventes forem cometidos, você sabe, agora esse vetor, essa linha, está na verdade na parte de trás do mboger, trás do mboger você pode Há um problema. Basta vir aqui e selecionar isso. Você mesmo poderá clicar no pano. Você pode ver o contraste. Você pode clicar no pano ao seu redor, contrastar se for difícil selecionar aqui, passar por cima da seleção, selecionar qualquer coisa se você selecionar por aqui Vetor atual. Então, eu quero levar isso juntos. Quero selecionar o vetor e também o Amberger. O que você faz? Você pode vir aqui, clicar em Oden e arrastar para fora e curtir isso. Ele seleciona os dois Então, quando você clica em Oden drag, você pode ver que o pico está bem Controle. Agora que temos isso, basta vir aqui. Veja este ícone aqui, como uma lua selecionada nele e o que é usado como máscara, selecione Você pode ver muito bem. Ou seja, você está mascarando algo que está dizendo que a única coisa demarcada aqui deve ser mostrada enquanto está aparecendo é o branco real, enquanto as branco real, enquanto outras partículas, na verdade, ao seu redor, deveriam ficar escuras, isso deveriam ficar escuras, não deveria É muito, muito simples. É muito. Basta seguir os processos. Eu posso voltar e assistir novamente. Em primeiro lugar, dada a linha vetorial de um campo, ela tem sido um campo atrás de levá-la de volta para trás do âmbar. Então, depois de estar atrás do âmbar, o que acontece, selecionarei os dois juntos do que usei na palavra máscara Ok, perfeito. Agora, o que fazemos, tentamos trazer aqui, clicar em Oden, arrastar assim, trazer aqui Em seguida, pressione K para escalá-lo perfeitamente. Você clica. Se você clicar em Oden, arraste assim, ele vai para a direita Mas quando você pressiona para fora, na verdade fica em uma proporção muito perfeita, perfeita. Eu posso clicar e arrastar. Você pode ver que está no meio de uma vida muito perfeita. Abaixe um pouco. OK. Eu acho que é perfeito o suficiente. Eu quero fazer isso demais. Isso é perfeito o suficiente para usarmos. Sim. Só não quero que seja muito grande. Apresente K a. Selecione este presente. Em seguida, clique e pressione, verifique se está descendo proporcionalmente Em seguida, clique em usar os navios para que eles se acalmem perfeitamente, o que também é perfeitamente permitido OK. Então isso é muito, muito perfeito. OK. 10. Como criar sombra e desfoque: Neste vídeo, quero ensinar como criar uma sombra para uma imagem. R: Será exatamente igual ao hambúrguer flutuante. Deixe-me dar uma olhada lá. Flutuação mínima. Ile perfeita lá fora. O que eu faço? Eu posso continuar ou é um atalho para frente. As elipses dianteiras mais curtas. Muito perfeito. Clique e arraste assim. Faça-me arrastar normalmente, mas eu quero fazer uma sombra , então deveria estar por aqui. Sim, muito perfeito. O que eu faço? Eu venho, clico aqui, depois clico em Madeira e arrasto, preto perfeito, depois fecho isso muito perfeito. Na verdade, você pode clicar na madeira e arrastá-la para colocá-la em algum lugar por aí, basta vir aqui. Mas, na verdade , perfeito do jeito que é assim. Agora, o que eu faço? Eu tento reduzir a opacidade. Você deve colocar um cursor perto disso. Você verá isso mudar. Para a esquerda e para a direita, clique em arrastar madeira para a esquerda e depois para a direita. Ok. Então, você pode realmente reduzi-lo, continuar reduzindo nosso sabor porque precisa ser sangue, precisa desaparecer, não é perfeitamente preto a esse ponto Ok. Eu acho que é muito perfeito. Qual é a próxima coisa a fazer. A próxima coisa a fazer é adicionar um efeito chamado golpe. Vem o efeito e, atualmente, mais o ícone, selecione isso. Eles têm a camada abaixo. É bem diferente da sombra projetada ou de qualquer outra coisa. O que precisamos é o que a camada sopra no bloco de camadas, você pode ver que as mudanças sucumbem à sua propriedade Assim, você pode clicar em antigo e arrastar para os laboratórios antigos e arrastar para a direita, dependendo. Eu quero, na verdade , é um grande golpe. Continue aumentando. T Estou realmente satisfeito com isso. Deixe-me tentar clicar na madeira e arrastar para fora. Apenas fale um pouco sobre isso. Vamos ver o que acontece. Isso é perfeito o suficiente? Deixe-me selecioná-lo novamente. Desculpe, consulte as propriedades para reduzir o golpe. Não sei para continuar mostrando o que mostra a forma desse círculo, quero que ele seja desorganizado Isso está desaparecendo demais. Precisa mostrar que há algo lá. Sim, acho que é perfeito. Sim, então isso é algo que os anjos flutuam bastante, muito, muito perfeito Posso clicar e arrastar os turnos atuais com o tema em bits. Ok, perfeito e eu posso clicar e arrastar isso para baixo. Clique e mergulhe. Bom. Bom, basta um clique fora dele. Sim, muito perfeito. Clique. Coloque-os em pedaços nas folhas atuais para torná-las proporcionais Não aplique muito zoom na pré-folha para torná-la proporcional, arraste-a para baixo Sim. Eu acho que isso é perfeito. Então isso é uma sombra. Eu posso tentar, você sabe, eu só mais se eu quiser selecionar um clique e arrastar para a direita, você sabe, nós damos mais arrasto para a esquerda para, você sabe, um pouco disso. Mas não, basta pressionar o conjunto de controle. E isso é perfeito o suficiente. Por fim, o que podemos fazer é selecionar essa tecla, pressionar os turnos e selecionar Torna-se dois, então você pode agrupá-los, ou o que você selecionar. Pressione shifts e venha aqui até esta elipse e selecione este item dois, ou você contraria elipse e selecione este item dois, ou você contraria novamente. Você clica em Velho e droga assim. Quando você clica em Medicamento antigo como este, ele também seleciona esse plano de fundo em conjunto. O que você faz Basta selecionar isso e pressionar os turnos. Então, se você achar difícil, venha aqui e selecione esses dez. O que você faz, você pode clicar neles. Em seguida, selecione o grupo ou use a trigonometria de atalho. Você pode dizer que basta clicar fora da caixa retorno e clicar. Está junto. Então, eles flutuam juntos de forma muito perfeita. Uma coisa que você pode fazer é simplesmente vir aqui. Você clica, clica duas vezes no próprio aboga. Desculpe por isso, bogaag O nome desta prancheta é aboga e é aboga O A e, em seguida, pressione enter. Aqui temos um emaranhado direto , o que é muito bom, correto. E isso é perfeito. 11. Efeito de folhas: Neste vídeo de palestra, vou adicionar as folhas. Na verdade, está alinhado com o hambúrguer, tem algumas folhas, alguns vegetais, na verdade faz com que pareça perfeito Na verdade, posso diminuir o zoom um pouco. Acesse o arquivo de recursos aqui. Essa é a folha. Terminamos com A um, A para clicar em Oden, arrastar e soltar aqui Dropw pode clicar e arrastar até aqui, ele entra nele, pode sair de qualquer lugar que você quiser , muito, perfeito Então, tente trazer algum lugar por aí, porque eu não quero parar com os escritos, o texto, esses serão os temas Então, vamos trazê-lo para algum lugar aqui. Empurre muito bem. Sim, acho que é perfeito o suficiente. Vamos ampliar. Na verdade, continue mudando a maneira como você se sente, mas é perfeito do jeito que está. Ok. Perfeito. Então, o que fazemos? Vamos tentar dar um efeito. Nós tentamos explodir. Faça uma camada soprar essa sombra projetada e, em seguida, a sombra projetada e uma camada sopram. Defina uma camada abaixo que atinja as propriedades e tente aumentar os teores Eu acho que isso é uma boa ferramenta, muito ruim. Ok. Se as continuidades reduzidas aparecerem. Eu queria mostrar algo parecido, mas queria estar no modo golpe em um golpe. Sim, acho que é perfeito o suficiente. Sim. Isso é perfeito o suficiente, muito perfeito para que eu possa tentar me ajustar mais. Se eu sentir que vou deixá-los onde estão e controlar tudo muito bem. Portanto, não estar aqui não afetaria realmente o texto. Então, está aqui, na verdade, declarado onde deveria estar. Então é isso para este vídeo. Ok. Ok. 12. Como usar e organizar logotipos: Neste vídeo, quero importar o logotipo, o logotipo da marca. Não se esqueça, pressione o controle G. Ainda temos nossa linha de grade Na verdade, o logotipo estará em algum lugar. O que eu faço? Vim aqui para ver o arquivo de recursos novamente. Basta clicar aqui, adicionar o logotipo aqui da marca, na verdade aqui, clicar de volta para alimentar MA e soltar. É K bastante presente para torná-lo proporcional. Clique em arrastar. Ok. Desculpe. zoom. Traga-o até lá. Então você pode ver ao redor desta linha vermelha, à esquerda. Você pode ver. Eu não quero que seja lá fora. Essa é uma ótima diretriz para tudo o que estamos fazendo. Então, qual será o tamanho exato desse logotipo? Ok. Eu posso tentar fazer com que, você sabe, tente vir aqui. Você pode alterar o tamanho aqui. Ok. Então, tente vir até aqui. Esta é a posição dele, você pode posicionar à esquerda ou à direita, você sabe , algo assim, você sabe, algo assim, mas vamos contra Vamos deixar isso. Agora, com o comprimento, eu posso tentar saber. Algo assim, você sabe, isso também, você sabe. Deixe-me fazer algo em torno de, você sabe, como 49. Ok. E como você acha que, ao pressionar o toque, traz o cursor até aqui e clica neste 49 por 46 presente como um. Mas se você quiser fazer com o mesmo tamanho pressione as proporções restritas Aqui você pode ver que este ícone é de proporção restrita. Ou seja, sempre que você apresenta 100, definitivamente o s realmente se ajusta para ficar em torno de 100 e você pode pagar cem. No presente, você pode ver 95,87. Então, segue as restrições como se estivessem em roxo. Eles estão juntos, estão tentando ser iguais. Mas quando você clica nisso e tenta remover, você pode ver aquela coisa no meio quando você clica nela, ela muda. Então 11, por exemplo, coloque isso em dois. Veja, isso não muda, pressione e enter. Isso mantém sua proporção. Você pode ver muito bem. Isso é realmente o que eu quero. Então, eu posso clicar aqui e pressionar 49 e depois tab ou você vem e define isso, clique em 46 aqui pressione enter, muito perfeito. Então eu clico aqui, levo para algum lugar, bom que você derrube. Ok. Bom. Então, se você quiser saber o tamanho, o comprimento daqui até aqui. A primeira coisa que você faz é selecionar aquele ícone específico ou algo assim. O presente. Não clique em nada. Basta trazer o mouse até aqui. Você pode ver 44. O comprimento daqui até aqui é 44. A duração daqui até o ano é 130. O comprimento daqui até o próximo, não, desse jeito. Então você quer saber, basta pressionar este presente, então ele mostra o comprimento daqui até aqui, isso é 449 Zoom out Você pode ver o que realmente está em proporção com a estrutura de arame, o âmbar são as folhas, o sólido, o robô, o logotipo da amboga Além disso, eu posso realmente pressionar os navios G. Ele vai embora. A grade de camadas desaparece, muito perfeita. Agora temos essa ideia. Na verdade, posso vir aqui e falar um pouco sobre isso. Clique e apresente os navios para torná-los proporcionais e eles subam, muito perfeitos. Isso é um logotipo. Então agora eu tenho que dar o nome do logotipo. Ok. Então, agora o que fazemos? Precisamos um texto, texto, escreva alguma coisa. Portanto, há alguns chamados de texto para, na verdade, apenas um. Então, basta selecionar venha, selecione também, basta clicar em algum lugar. Qual é o nome da marca? O nome da marca é gates Vagas. Agradável. Pressione word, pressione enter, ele realmente entrará. Você vê? O que acontece? O que você faz Apenas venha até lá. Saia do artigo e clique apenas uma vez e ele volta para mover dois daqui para o daqui passo ou, o que você faz, tudo bem, por exemplo, você selecionou o texto dois. Você acabou com isso. Basta passar para o word to the move two, e está perfeito. Basta clicar aqui fora. Mas a primeira maneira é clicar do lado de fora. Sim, clique na palavra bonita do Canvas. Então, agora ampliando, na verdade, temos bytes de hambúrguer, um nome muito, muito perfeito A primeira coisa que realmente fazemos aqui que temos as propriedades do texto. Coisas. Vamos direto para cá. Venha aqui, esse é o texto. Esse é o nome do texto. Ok, coloque isso aqui. Uma vez assim, ele traz diferentes formas. Mas simplesmente preencha esses formulários. Mas usando. Você pode ver os formulários no arquivo de recursos, na verdade, ele está lá. Basta baixá-lo em seu sistema. Está no arquivo de recursos realmente anexado a este curso, que expliquei anteriormente. F não é um B K M D, muito ousado. Para que eu possa vir e mudar suas formas. Algo como 20, algo assim ou 16. Acho que 16 é mais preferível, mas vamos fazer com que seja 18 Deixe-me selecionar esse 18, perfeito. Então, o que eu faço? Posso clicar em antigo e arrastá-lo assim. Você pode ver. Eu acho que está no meio de eu quero fazer isso no meio disso. Perfeito. Acho que está tudo bem assim, bom. Ok. Muito, muito perfeito. Então, podemos realmente ampliar. Então, clicar aqui é selecionado no presente. Vamos dar uma olhada na margem 32. Deixe-me tentar clicar em trapos de madeira presentes nos turnos, fazer com que se aproximem um pouco Ok. Ok. Apresente novamente, vamos ver. Ok 28. Isso é bom o suficiente. Isso é bom. Ok. Clique no lado superior aqui. Você pode ver. Muito, muito perfeito. Se parecer muito grande para você daqui, na verdade, você pode ampliar. Você pode clicar aqui e pressionar Shift e depois clicar aqui. Triton apresenta a escala triton. Foi reduzido. Perfeito. Vamos ver o que acontece. Ok. Isso é bom. É muito bom. Mas isso está realmente no meio. Deixe-me clicar em apresentar turnos, trazer para baixo. Na verdade , prova que está no meio, mas não acho que esteja para mim. Então, vou colocá-lo lá, então às vezes o computador realmente não comete erros nesse sentido. Às vezes, as coisas médicas não parecem centralizadas para você Então, isso é realmente perfeito para mim agora. Então é isso. Ok. 13. Como criar o menu superior do site: Agora, neste vídeo de palestra, você quer fazer com que o produto, salve e entre em contato, você conhece o menu, algo assim Perfeito. Então você apenas tenta ampliar. Então você pode dizer que a caixa do meio coloca e clica com a faixa por aqui. Então, você pode realmente selecionar isso. Selecione isso. Em seguida, pressione no navio e selecione o próprio Boger. São dois. Então, o que é controle perfeito. Foi agrupado e clique duas vezes aqui. Em seguida, pressione o que Boger. Desculpe, logotipo da marca. Por que Boger Boger toda vez Boger. Eu amo Boger Logotipo da marca, então o que está presente entra muito perfeito. Selecione isso também e clique duas vezes. Mude para deixar folhas c dois, por que o que está errado? Use as palavras “presente” muito bem. Na verdade, é como um retângulo, desculpe, dtanguvu, deixe-o como se estivesse doendo, sólido ou quente Então, o que eu faço? Eu posso falar sobre isso. Mas o que está acontecendo. Eu já agrupei, então só controve Mas o que você faz? Na verdade, mesmo que você agrupe milhares de coisas em uma coisa específica a partir das milhares de coisas, clique duas vezes. Você pode ver e clicar em. Antigo e pressione antigo e depois novo arraste-o para fora. Você pode pressionar os navios para torná-los proporcionais . Agora temos isso. Você pode ver que, na verdade, está se movendo junto, mas eu não quero que isso, na verdade , clique duas vezes , nele para ficar junto com ele. Então, o que eu faço? Agora, basta selecionar isso ao selecionar isso? Onde está o novo que acabamos de fazer? Basta clicar duas vezes sobre isso. Você pode ver. Mas quando eu entro em colapso, quando seleciono isso, ele mostra tudo dentro desse único grupo. Vou tentar expandir, revelar exatamente este. Clique em antigo e arraste-o para cima. Aqui, sai do grupo. É uma parte normal deles. Quando eu seleciono isso, o que acontece, são necessários apenas dois, e isso permanece por si só. Essa é a melhor e mais rápida maneira de fazer isso. Muito perfeito. Agora você pode tentar isso de novo. Agora, apresente T, que é um atalho para o texto. Então eleja a si mesmo. Então o que eu faço? Eu apresento as coisas novas. Então eu apresento Sorry. Desculpe por isso. Pressione a tecla enter actually app dessa forma. Basta vir para a mudança para. Perfeito. Depois de selecionar o movimento dois, pressione em quê, selecione esse espaço vazio, que é o que é a tela. Perfeito. Agora estamos fazendo isso. Qual é a próxima coisa a fazer? Você clica. D, depois pressione nas folhas e depois pressione. Não se esqueça do contraste. Ao clicar em d, pressione. Na verdade, são cópias, saíram, mas na verdade está se movendo, não da maneira que pretendia se mover. Pressione nos navios, então ele fica reto. Você pode ver que na verdade está me dizendo as polegadas, o número de espaços lá. Temos 40 40 em torno de 34. Deve estar perto , mas não muito perto. Acho que 32 está bem. Perfeito. Então eu posso clicar em d d e drogar, pressionar d e shift novamente, fazendo 32 Na verdade, precisamos de 44 menus lá. Quatro leks. Clique em Antigo e arraste, pressione Shift e dez, 32, muito, muito perfeito. Então, agora o que devemos agora é vir aqui, pressionar T e tentar mudar o nome. Este produto. Ok, faça isso comigo. O presente. Tudo isso veio aqui também, há um erro. Presente. Clique em seu cliente, clique nele e, em seguida, faça o que você pode fazer, basta pressionar Escape Selecione este presente. Temos serviço. Pressione escape e selecione também pressionar. Em seguida, contatos. Então você pode pressionar Escape muito bem. Então eu posso decidir que T é na verdade 16. Então, na verdade, acho que é perfeito assim. OK. Não há formulário para alterar os formulários. Não há razão para eu mudar os formulários. Então, preciso mudar a coluna disso. Agora, mudar a cor para selecionar isso realmente quer que criemos a página. Na verdade, é uma seção zero, mas na verdade é preciso identificar que se trata de uma página. Ou seja, a página selecionada precisa ser mais identificada, precisa ser indicada do que o produto, o serviço e o balcão. Esta é a página. Venha aqui e nós mudamos a cor. Na verdade, o Figma reconhece a cor mais recente que usamos. Basta selecionar isso. Em seguida, ele muda a cor. Outra coisa que podemos tentar fazer é, além disso, na verdade, eu posso salvar um estilo de cor específico. Salve um estilo de cor específico. Na verdade, evite neste tutorial específico. Nessa história em particular, vou usar muito, muito mesmo essa cor . O que eu faço? Basta acessar o ícone de adição aqui, que é o novo estilo de variáveis. Eles também são chamados de adicionar variáveis, manter variáveis e alimentar Ma. Agora, presente nesse novo estilo de variáveis, o que eu faço? O nome da variável que está tentando ajudar a salvar um estilo de cor específico ou uma variável. Agora, essa variável é selecionada neste flit. Então você diz a cor da marca OK. O que você faz, então cria uma variável, muito perfeita. Agora, você pode simplesmente cancelar. Então, sempre que você precisar dessa cor específica, você a tem, na verdade. Você pode usá-lo. Quando eu seleciono isso, por exemplo, depois de selecionar isso, basta vir aqui, você pode ver perfeitamente a cor marrom. Quando você seleciona, ele me dá exatamente essa cor marrom. É assim que é selecionada qualquer coisa, venha aqui para seu campo. Em vez de apenas selecionar aqui e você está dando esse vermelho, basta passar para essa variável específica I co mil variáveis. OK. Então você não precisaria pesquisar nada ou começar a criar nada. Basta selecionar isso perfeitamente. O que eu quero fazer é, na verdade criar letras, selecionar isso. Selecione o turno atual neste, selecione o turno atual neste. Eu vou te dar algo de natureza negra. OK. Deixe-me controlá-lo porque não quero que as cores desse também o controlem. Eu os quero pretos em uma cor cinza. Na verdade, isso os faria desaparecer completamente. Na verdade, seria diferente da página na página, porque agora estamos na página. Selecione o presente, ela seleciona este presente, selecione. O que eu posso fazer é simplesmente vir e tentar reduzir o preto. Você pode ver muito, muito perfeitamente. Você pode ver que os designs mais recentes realmente têm coisas assim. Eu posso mostrar vermelho, qualquer cor, eu quero que sejam cores verdes como essa, verde, azul, o que quer que seja. Mas não, eu quero que seja cinza. Isso é preto. E você sabe que clica com o drag black e clica aqui. E dê a ele uma cor de partícula que, na verdade, ela apareça, mas um pouco, na verdade, desbote um cinza Então, se eu não quiser usar essa cor específica, posso realmente selecionar o xcode neste lugar A prensa A D, D A zero, a prensa, muito perfeita. Você pode ver que, ao apresentar isso, você pode ver as cores na verdade, de alguma forma, pode tentar clicar e arrastá-las para algum lugar assim Perfeito. Mas, na verdade, eu gosto do jeito que está. Então você diminui o zoom. Você pode ver que estamos realmente chegando lá. Você pode ver que está realmente de acordo com o que temos aqui. Ok, muito perfeito. Agora vamos passar para os ícones no feed. 14. Como importar e usar ícones: O uso de ícones no Figma minimal foi introduzido. Agora quero colocar alguns aros ao lado dos links de produtos, serviços e contatos Na verdade, indicaria uma lista suspensa de produtos, serviços e contatos, além do link, que está aí. Tente ampliar, para que possamos criar nós mesmos uma barra que indique uma lista suspensa Ou podemos realmente obter um da Figma muito, muito rápido, sem perder tempo de forma eficaz. O que nós fazemos? Não se esqueça de que, na verdade, o FDMA se salva automaticamente. Não há apenas um contra atual não precise, na verdade, de salvar a Fiat É o que é baseado online. Podemos obtê-lo do FDMA, mas embora eu tenha o meu em meu arquivo de recursos, vou fazer com que você examine os do Mas vamos usar, vamos usar o que eu tenho no meu arquivo de recursos. Agora, preciso obter o R das minhas palavras do meu arquivo de recursos. Vindo até aqui, clique aqui e derrube 91. Em seguida, solte muito bem. Diminua o zoom. Clique na madeira e arraste-a para fora, depois aumentamos o zoom, usando o botão do mouse, pressionamos K para reduzi-la drasticamente zoom. Clique na madeira e arraste assim. Traga até lá. Em seguida, pressione na estrada da quadra e aumente o zoom. Pressione para que ele cresça muito bem. Em seguida, clique na madeira e arraste-a para baixo, depois traga para lá. Você pode ver que está mostrando as linhas. Perfeito. Deixe-me escalá-lo um pouco, torná-lo menor. Traga até lá. Ok. Eu quero a linha que realmente me mostrou. Está no meio, mas não mostra nada de ruim. Em vez disso, isso não tem problema. Então tente, você sabe, usar meus olhos para avaliar. Clique nos turnos de presentes de madeira e medicamentos para ter certeza de que estão realmente com uma aparência boa e bonita Sim. Acho que é perfeito o suficiente ou deixe-me falar um pouco e ver como realmente fica. Ok. Sim. Perfeito. Na verdade, acho que há um erro, são os produtos. Eles deveriam ser X, pois é um grande erro para mim. Deveria ser x. Belo presente, Skip Em seguida, clique aqui, um clique de arrasto de madeira como este. Ok. Perfeito. Vou ajustar os serviços. Isso não é um problema. Clique neste presente shift, apresente este botão apertado, clique aqui ao redor do presente, vamos ver a partir de 13. Então, deixe-me sair. Em seguida, clique em antros e vá para mais turnos atuais, você pode ver. Isso é 19. Ok. Quero dizer, presente. Vamos ver, de ano para ano, é 29 27. Os navios atuais simplesmente continuam funcionando. Presente. São três bons. Basta usar a seta esquerda do mouse no teclado apenas uma vez e , na verdade, ele gira para 32, muito perfeito. Agora eu tenho isso aqui. Agora, antes de realmente agrupar produtos e serviços, posso clicar em apresentar **** Clique em Olden present ship the present e tente trazer o Você pode ver. Perfeito. Em seguida, clique em Odgreson ship e você pode ver, basta colocar por aqui . Bom espaçamento. Ok. Mostra duas, você pode ver as espécies duas, duas, duas muito perfeitas. Esse é o espaço entre o contato e o serviço 02 e o RO dois neste perfeito. Agora, o que fazemos: definimos um produto e, em seguida, controlamos g. Determinado serviço no país. Agrupe-os juntos. Perfeito. Entre em contato e selecione neste controle G perfeito. Agora, o que precisamos entender a partir daqui é que quando você seleciona esse presente, você pode ver 32, o espaço entre s dois, presente e presente 32. Mas eu acho que isso não é 32. Turnos presentes e presentes e leve-os para algum lugar. Agora você pode muito pv. As linhas da grade mostram que a linha de demarcação mostra para que você possa saber quantos por cento de algo está muito Isso está agrupado. Agora vem aqui o produto. Dubcis e dê a ele quais produtos. Presente. Venha aqui também. Em você pode ver o serviço aqui. serviço apresenta a. Em seguida, venha aqui para ver também seu contato, clique duas vezes nos contatos e três contatos. Mas não, entre em contato. Isso é perfeito. Então , isso é simplesmente perfeito. Você pode dizer que esta é a marca deixa, imagem Amberger em retângulo sólido. Deixe-me ver o plano de fundo. A forma de exibição é, na verdade. Na verdade, tudo foi selecionado por nós, bem guardado e perfeito Agora, além do ícone que eu uso e que fui criado. Então, podemos realmente criar ícones e, além disso não estou criando ícones agora. Então, vamos falar sobre os recursos, sobre os plug-ins. Você pode realmente vir aqui e selecionar ícones. Serão exibidos ícones diferentes, ícones, que você pode usar e usar. Você pode ver que pode descer, selecione isso. Você vê essa execução que é para executar o plug-in ou para salvá-lo, na verdade, também. Na verdade, você pode selecionar salvar. Ele produz um preto sólido, depois você o executa e vamos ver o que acontece. Então é isso. Você pode decidir escolher qualquer ícone que achar necessário. Agora, o problema é que, quando você clica um clique O e arraste, não se preocupe com isso, ou clique apenas uma vez. Mas o fato é que usei os limites médios do plano gratuito. Está bem? Eu usei mais do que usei os limites, provavelmente dois, três ou quatro, cinco, eu realmente não me lembro. Portanto, você pode fazer o upgrade por $19, mas na verdade não precisa fazer o upgrade Há outras maneiras de fazer isso. Ok. Então, isso é, e eu vou te mostrar que é muito mais bom para você do que isso. Mas para você, como novo usuário, isso realmente funcionaria. Assim, você pode fechar esse retorno aos recursos. Você pode ver que pode ver qualquer ícone com esse sólido preto . São os que eu realmente salvei. Na verdade, você também pode configurar algo assim. Veja o que acontece. Ia carregar. Ok. Você viu essa Amanda Fin Esse é o número um. Agora, o que eu faço? Venha até este menu aqui. Volte para os arquivos. Então venha até este lugar onde você realmente conhece seu Gmail e tudo Acesse o que chamamos de perfil da comunidade. Então, selecione seu e-mail lá e ele o levará direto para a comunidade. Temos bibliotecas, modelos de design, ferramentas de design e similares. Venha ver a busca. Há algo que chamamos de ícone Sass, pressione enter. Ok. Agora temos em sacos diferentes tipos de sacos de ícones. Qualquer pessoa que você escolher aperfeiçoe o primeiro segundo terço disso, queremos usar isso. Selecione sobre isso. Você pode ver ícones diferentes para usar e depois abrir no FM perfeito. Vai abrir em outra palavra, outro tipo. É uma carga. Assim, você pode ver o ícone do nome, 6.000 ícones contra e 3.000, você pode ver, ícone de dinheiro, vídeo, imagem de áudio, você pode ver imagens, mensagens, você pode ver a localização, a grade, projetada para conteúdo, edição e configurações de programação Ok. Você vai usar em aplicativos em, você sabe, sites, notificações, chamadas, negócios, construção de empresas criptográficas, horário de astrologia Muitas coisas compram, você sabe, segurança de entrega, você sabe, muitas coisas que você vai usar para criar aplicativos, criar sites. Na verdade, a principal coisa que eu quero usar é o que é esse aro em particular. Você pode ver essa arte que eu usei agora. E eu vou usar flechas como essa. Na verdade, posso selecionar esse Ps no controle e selecionar isso ou desculpe, eu posso realmente selecionar este turno da prisão e selecionar isso , então o controle, venha aqui de volta aqui. O que eu faço? Eu venho aqui. Em seguida, selecione isso. Então, de volta aqui, volto aos projetos, que são aqueles que eu estou realmente projetando. Clique duas vezes, clique duas vezes. Em seguida, avançamos para a página dois. Perfeito. Agora nós o temos aqui. O que nós fazemos? Apenas o Zoom deve estar no Controle V. Quando eu controlo, você pode ver, na verdade, você precisa ampliar para que ele possa ver, para que você possa ver perfeitamente. Eu posso usá-los, clicar e arrastá-los para algum lugar aqui. Ok. Aumente o zoom, selecione somente isso, clique em trazer por aqui. Você pode ver e começar a usá-los da maneira que eu realmente quero usá-los. Na verdade, você pode obter ícones voltando aqui. Um ícone que você quer copiar e colar aqui e, na verdade, é gratuito para você usar, muito perfeito. Está na comunidade Figma. Ao contrário dos que realmente se esgotaram. Então, isso é tudo para os ícones e como obter os ícones, onde obtê-los e como usá-los. Isso é perfeito. Ok. 15. Como entender o layout do Figma Auto: Agora, vou te ensinar layout automático. Assim como o que chamamos de layout automático. Provavelmente temos duas coisas diferentes juntas. Quero ter certeza de que os espaços estão em propulsão. Por exemplo, deixe-me selecionar isso e pressionar Shift e selecionar isso. O que eu faço? Eu chego a qual layout automático, selecione isso. Quando eu seleciono isso, o que acontece, o layout automático é adicionado. E aumente o zoom, selecione aqui. Você pode ver olhando para isso e olhando para isso, selecione isso. Você pode ver que ele já foi agrupado usando o layout automático, e o atalho para o layout automático é o que muda A. O atalho é deslocar A Agora, quando você clicar lá fora, venha aqui. Você seleciona esse espaço. Local em que adicionei ao navio o layout automático. Então você pode ver um vermelho, você sabe, quando eu clico ao redor do controle, mas não uma maçã. Quando eu chego lá, você sabe, há uma parada vermelha aparecendo aqui e clique no final, não uma maçã. O que você faz Você precisa ser seletivo e muito perfeito Traga o cursor por aqui. Você pode ver essa coisa vermelha aparecendo e garantir que ela mude para essas quatro, como, você sabe, temos uma linha e, você sabe, aquelas linhas de carro. Então você clica e arrasta. Na verdade, permanece proporcional. Você pode ver. Esta é a segunda: quando eu realmente seleciono um homem, produto e serviço entro em contato e experimento as camadas automáticas, e veja, elas realmente funcionarão perfeitamente. Você pode ver. Agora, vamos voltar ao controle. O que você faz para selecionar isso? Você pode ver as camadas automáticas e tentar excluí-las daqui. Você pode ver. Basta clicar com o botão direito do mouse e agrupar o que está no grupo porque, como resultado do que aconteceu, ele foi agrupado Então, o que eu faço? Eu preciso desses quatro. Selecione este conjunto nos turnos atuais. Em primeiro lugar, certifique-se de que já tenha sido um grupo. Este foi um grupo com o grupo com. Certifique-se de que sim. Selecione esses turnos atuais, selecione isso e, em seguida, selecione isso juntos Não agrupe. Não há nenhuma referência para agrupar nada lá. O que fazemos agora? Basta ver quais são as camadas ou o que está presente. Mas deixe-me vender isso. Perfeito. Quando você vê isso, você pode ver a linha vermelha. Quando eu clico de qualquer maneira, você pode ver, deixe-me tentar diminuir o zoom. Ok. Selecione. Ok. Do lado de fora, selecione isso. Ok. Apenas venha aqui. Então, às vezes você pode ver que vou selecionar isso. Às vezes, ele não mostra o material vermelho até que você tente ampliar. Você pode ver que está aparecendo. Tão perfeito. Você pode ver. Você pode ver tudo. Na verdade, está nos dizendo que a espécie entre os protótipos é seis aumentando 24, tudo em proporção total No total, você pode ver, perfeito. É muito perfeito poder ver a espécie por completo. Você pode ver que as espécies estão se movendo juntas, todas elas são proporcionais. Eu não faço tudo 32, 40, por exemplo. Perfeito. Então, diminua o zoom, você sabe. O mínimo estava em, você pode ver, muito perfeito. Acho que preciso fazer com que saiba que é demais. Eu acho que 32 35 deve estar bem. Sim, perfeito. Então, isso é sobre layout, na verdade. Funciona em no mínimo duas, três, quatro, cinco, você sabe, coisas na verdade. Então, isso está contido nos layouts. Ok. 16. Como criar o login e se inscrever Button: Vídeo, vamos te ensinar como fazer o botão de login e cadastro. Tudo bem. Definitivamente, venha aqui. Você pode selecionar. Você pode selecionar isso. Apenas venha aqui, clique duas vezes. Ok. Clique em Present Shifts Out , então, você sabe, tente trazer para lá Podemos tentar criar um novo texto, mas vamos copiar e colar algo, tudo bem, trazer o caminhão, perfeito. Então, na verdade, não esqueça. Quando você seleciona isso, você pode ver, na verdade, basta clicar duas vezes sobre isso, você pode ver que está dentro. Basta clicar em Madeira, arrastar e trazer para fora. Não fora do mburger que está saindo do tabuleiro ambger, mas apenas sendo o Amberger Você pode dizer que é separado disso, em particular. Então, o que você faz, pressione T, que é o texto dois. O login. Desculpe, registro. Boa, a imprensa escapa bem. Vá lá, selecione essa cor, clique e arraste para cima, faça o login. Perfeito. Então, o que fazer. Isso é para o login, então eu posso ampliar pequenos pedaços, botão mínimo, aumentar o zoom. Em seguida, clique em apresentar navios e tente. Nós contornamos os pedacinhos. Traga-o um pouco para cá. Isso é chamado de quadro de texto. Na verdade, deveria haver um retângulo sólido ao redor, mas eu decido não colocá-lo aqui Vou colocá-lo no login para torná-lo visível para as pessoas do RR. Para torná-lo visível, quero as pessoas façam login para fazer login sem problemas Mas precisamos de mais clientes, mais pessoas acessando o site, assinando um plano de ação, apenas assinando. Vamos pressionar R, que é o atalho para o retângulo que podemos ver no retângulo R. Clicamos em den drag assim. Assim. Eu quero dar o tamanho, na verdade. O botão realmente não tem um tamanho específico. Qualquer botão realmente não tem um tamanho específico. Este é um botão de preenchimento sólido no qual um texto estará nele. Vamos dar, deixe-me ver. Certifique-se de que o que é chamado proporção de restrição não seja assim Deveria ser assim. Não há nada no meio, deveria ser algo assim. E eu darei 110 por, digamos, 56. Sim, algo assim, perfeito. Ampliar Clique em Madeira e arraste. Portanto, verifique o presente, desculpe, acho que o contraste deve ser misturado no meio. É atuar no meio disso. Então eu posso selecionar isso e apresentar este 24. Vamos fazer com que seja 32, provavelmente. Deixe-me ver. 30. Deixe-me usar a direita e a direita no teclado apenas duas vezes, uma, duas, pressionando 32, perfeito Mas eu acho que isso é demais para isso. Parece muito longe do login, clique em apresentar shift them. Tente ajustá-lo e aproximá-lo. Sim, muito perfeito. Vou tentar mudar a cor. Selecione isso, venha para a cor, venha aqui, onde temos a cor marrom selecionada. Mas, na verdade, se misturaria. Então, o que eu faço? Eu corto o link, separo a variância. O que eu faço? Eu seleciono e tento clicar na madeira e arrastar. Tente torná-lo um pouco mais leve. Você está adicionando branco. Um pouco de branco está sendo adicionado a ele. Estamos adicionando branco. Eu acho que está tudo bem. Se quiser torná-lo mais escuro, você pode derrubá-lo. Eu quero torná-lo mais leve, você menciona e é perfeito. Muito perfeito. Acho que deveria descansar um pouco, não muito. Acho que isso é perfeito o suficiente. Então, para que você possa ver o ZoomoANC. Você pode ver que isso gera contraste. Agora que na verdade é da mesma cor mais clara do que isso. Eu seleciono este clique em presente, então o que eu trago aqui. O que está acontecendo. Está aparecendo, mas o que está acontecendo está abaixo do retângulo Você pode ver o registro e depois o retângulo. Eu tento tirar o cheiro que você pode ver no contraste. Faça um login, clique e arraste para cima, muito perfeito. O que nós fazemos? Eu mudo para presente, o texto dois automaticamente tira uma foto e depois assino. Em seguida, pressiono escape. Clique para usar isso colocando-o no meio disso. Tudo o que você pode fazer é selecionar isso e selecionar isso clicar em W Uma coisa que você pode simplesmente atacar navios e selecionar isso O que você vem para alinhar, você é nosso e também gosta que você pode ver verticalmente, Então, você pode realmente diminuir o zoom. Ok. Então, temos isso muito perfeito. É muito perfeito. Então eu acho que o ônibus provavelmente é bem grande. Então, tri reduza cerca de cem por, digamos, por 40. Ah não, isso é patético. Cem por, deixe-me dizer 50. Sim, acho que é o suficiente. Então, bem no meio. Em seguida, clique no presente e selecione o emaranhado depois o meio, o meio, perfeito Sim, isso é bom e bom. Na verdade, essa parte é perfeita e parece boa. Na verdade, para fazer com que novos clientes possam ser solicitados a se inscreverem rapidamente, inscreverem rapidamente e se registrarem Então isso é muito, muito perfeito. Então, eu posso realmente manter isso como um componente e também como um componente para que eu possa usá-lo em outro botão, você sabe, para que eu possa usá-lo em outro botão. Mas eu não quero mantê-lo como um componente por enquanto. Quando eu chegar ao botão, o bastão de ação de corte ou não, nosso menu e o então eu vou usá-lo como um componente. Ok. 17. Como criar e usar textos: Neste vídeo, abordamos os temas. Agora, acabamos com todos esses. Agora, basta apresentar, que é o texto dois. Vou apenas copiar, clique aqui. Perfeito. Como você pode ver, na verdade, daqui, você pode ver os temas aqui, vamos começar a digitá-los. Agora, o que é fazer algum tipo de cópia, boa cópia para fazer vendas. Agradável. Por favor, deixe-me tentar ampliar Ok. Por favor, e por seus desejos e clamores. Ok. Então essa é a primeira coisa, que é a principal coisa em si. Agora, o que fazemos no clipe de apresentação. Agora clique em Oden algo assim. Então, a primeira coisa que eu gostaria de fazer é que, se eu vier e começar a mudar, isso não vai fazer nada. Você sabe que fazer isso vindo assim é na verdade, para que eu possa realmente ver o zoom, se você pode realmente ver zoom corretamente, clique assim Não apareço quando tento derrubar isso, na verdade não. É como responder automaticamente. Na verdade, os entrevistados, o que quer que você faça, estão ficando assim. É compreensível. É um feedback, na verdade, é perfeito, muito, muito perfeito. Além disso, se eu vier, eu clico assim, não, não, algo assim, não. Então, tudo bem. Perfeito. Então, apenas os controles que o controlam. Na verdade, se você quiser fazer isso. Mas se você realmente não quiser que seja algo assim, basta apresentar k para escalar , é o contra perfeito. Escale algo assim para você. Você pode ver. Perfeito. Mas, na verdade, estou procurando isso por enquanto. O que nós vamos fazer? Quero ter certeza de pressionar o texto dois. Tente detalhar algumas coisas. Clique em clique aqui. Pressione e clique aqui, pressione enter. Como designer, designer visual, designer de interface do usuário, você deve ser capaz de fazer e, como designer de UX, ou deve ser capaz de escrever texto. Então, classifique o que você está fazendo. Agora você pode dizer coisas assim. Perfeito. Então, vamos pressionar em escala. Agora, basta selecionar isso. Você pode pressionar k, tentar aumentar, dependendo de si mesmo. Uma coisa que precisamos fazer agora é a fonte e selecionar alterar fontes para assustador. Century Skull Boy, século 75 cm BT. Esse é exatamente o ponto que vamos usar aqui. muito perfeita, muito bonita Frente muito perfeita, muito bonita e ponto bonito. Agradável. Selecione esta opção, não se esqueça de apresentar K. Clique em arrastar madeira Na verdade, você pode dar a ele o tamanho que achamos que podemos ajustá-lo ao seu gosto e da maneira que mais lhe convier. Ok, tudo bem. Uma coisa que realmente precisamos entender aqui é que OK. Então, agora, se você tentar clicar por aí e apenas tentar aumentar , não está funcionando. Então, o que você faz ao contrair? O que você faz Basta apresentar a escala e, em seguida, é o que ela dimensiona perfeitamente para você. Você pode ver muito bem. Então, vou colocá-lo em torno de algo como, você sabe, provavelmente 500, algo assim. Sim. Muito começo. Então, essa folha, na verdade, por aqui, basta clicar e arrastá-la para algum lugar e você sabe, tudo bem. Perfeito. Portanto, não está obstruindo nada lá. Então, o que fazemos? Tente selecionar isso, selecione isso, volte para o movimento porque o movimento é bem diferente do s. O movimento para selecionar isso é bom. Então, quando você a vê aqui, a propriedade está aqui, algo que chamamos de linha de linha algo que chamamos de espaço entre letras. Então, quando você clica e arrasta da direita para a esquerda, você pode ver o que está acontecendo. Você pode ver que está se movendo gradualmente, pouco a pouco. Você pode ver pouco a dois a dois. Então você pode ver que, olhando para o espaço, também temos espaçamento entre letras Você pode ver caindo assim. Você pode ver coisas diferentes acontecendo assim. Você pode ver muito bem. Então, o que fazemos? Consignando consignou o espaçamento entre letras. Na verdade, podemos dar alguma coisa, você sabe, deixe-me dizer que acho que isso é perfeito. Sim, parece bom. Eu não quero ser demais. Ok. F 40 linhas. Quero te dar uma dica, vamos te dar algo em torno de 900 Clique na madeira e arraste para a esquerda, ou você pode simplesmente clicar aqui e em que noite então isso é perfeito, muito perfeito. Então, uma coisa que eu gostaria que fizéssemos é voltar ao que muda, G, que é o layout de D. Você clica ao redor do e se certifica de que é o que mostra no lado esquerdo ao redor desse D B d ble . Você pode ver que ele deve estar alinhado com os outros. Isso é o que chamamos de proporção. É isso mesmo. Então, acho que consegui notar algo aqui. Ok. Venha até aqui. Selecione o retângulo selecionado. Retângulo, clique em Present Shift e tente ajustar 82 bits. Ok. Em seguida, apresente a imagem anterior também maior. Clique em negar imagem maior, clique em Oden, 82 bits Bom. Na verdade, eu posso selecionar o que você pode selecionar neste e pressionar Shift e definir esses dois. Na verdade, você pode agrupá-los com um clique duplo. Devemos chamá-lo de log and sign. Tudo bem, re Perfect. Podemos simplesmente selecioná-los, clicar e pressionar Shift e tentar ajustá-los. Agora você pode selecionar essa opção novamente. Você pode ver esse retângulo, tente clicar no motivo pelo qual você faz isso assim Está ficando demais, tente fazer um bom ajuste. Isso mesmo. Bom. Qual é a próxima coisa a fazer? Agora temos isso perfeito. Agora, para ter um bom efeito, basta apresentar, em primeiro lugar, você seleciona este presente. Em seguida, clique aqui clique em Oden para selecionar. Eu quero mudar. Eu quero mudar a cor do preto para outra coisa. Selecione esse ritmo, na verdade, ou você pode realmente descobrir que selecionou isso, você pode realmente encontrá-lo aqui. Mas deixe-me vir aqui. Selecione isso então com a cor marrom. Basta dar a cor marrom. Alguns bons contratos, contraste, preto e cinza, bons. Venha também selecionar isso. Clique em Oden Boger e desejos, cores de contraste agradáveis. Tudo bem e pressione Escape. Em seguida, clique em qualquer lugar que você quiser, perfeito. bonita e descolada. Essa é a primeira. Agora, a segunda coisa, essa é a coisa principal agora, a coisa menor, na verdade. O que nós fazemos? Clicamos em Pressione as ovelhas pressionam para derrubar. Perfeito, solte e pressione T. O que fazemos agora? Tentamos reduzi-lo a algo como não. 15, vai ser um pequeno texto. Ok. Muito, muito pequeno. Não foi tão grande da última vez. Ok. Então, só um pouco mais. Essa é boa. Vou tentar voltar para V. Desculpe, aperte a tampa boa. Basta clicar assim. Ok, tudo bem basta movê-lo de alguma forma. Não deve demorar muito nessa medida. O que fazemos agora? Continue. Ele destaca tudo, depois severidade dos sabores em cada Okay. Mais desculpas no espaço. Isso é um erro: Ware morde e depois puxa para. Essa é boa. Então, o que eu quero fazer aqui na verdade, é uma fuga presente. Quero fazer o barulho certo, estou em todo lugar que deveria estar em algum lugar por aí, bom. Então, o que eu faço? Eu apenas pressiono K? Tente reduzir um pouco. Antes, eu tento reduzir um pouco. Muito, muito perfeito. Clique. Oh, desculpe, isso é ruim. Então, o crítico clica aqui, na verdade, ele reconhece que ainda é escala Então, tente abrir V, alterá-lo para V, que é para onde eles se movem , então tente reduzir isso desta forma. Perfeito. Mesmo que seja tão longo quanto tentar clicar duas vezes, tudo volta ao normal. Então, para isso, qual cor devemos usar? Eu não uso preto, você sabe, tento reduzir sua opacidade como, você sabe, você diz que tem um efeito agradável. Então, na verdade, trata-se de ser criativo, um designer criativo em qualquer aspecto, um designer com visão crítica Chorando, tente trazê-lo de volta. Algo assim deve ser bom. Tudo bem. Agradável. Bom contraste. É um bom contraste ou devo torná-lo mais escuro? Acho que é perfeito e está tudo bem. Isso é perfeito. Apenas tente selecionar. Tente selecionar. Selecione-o. Agora está bom. Perfeito. Agora temos isso. Agora, eu quero tentar mudar sua linha oito, algumas mudanças na linha. Ok. Provavelmente, digamos, cerca de 100. Digite Deixe-me ver como, você sabe, 120, entre na zona. Deixe-me ver como 115, entre com perfeição. Então, agora, contendo o letterpacing, estamos bem. Tudo bem. Na verdade, podemos três. Não, eu não me preocupo com os países. Isso é perfeito para tentar, você sabe. Apenas controle. Desculpe, Shift G. Digamos que a camada. Vamos ver se é realmente bom, bom. Então, qual é a próxima coisa a fazer, usar o botão minimizar para controlá-los? Acho que preciso mudar isso. De alguma forma, é. É 110. 13. Sim. Isso é bom. Isso é bom. Em seguida, mude G. Perfect. Ok. Então 91. Isso é para o tema principal ou principal no tema menor. Então, vamos para a cidade com um botão de call to action no próximo vídeo. 18. Como criar o CTA Button: Neste vídeo, vou te ensinar botões, assim como o sinal do botão. OK. Agora, estamos falando sobre o botão principal de ação de chamada, que é para fazer o pedido, e o nosso principal, realmente bom. Basta ver uma comparação de navios g. Pressione para cima, o atalho para o que é o retângulo, basta clicar aqui Em algum lugar ok. O botão ficará muito, muito claro para as pessoas. Eles devem ser explícitos, devem ser capazes de ver isso de longe Agora, para chamar a ação, chame a atenção, chame à ação. Agora, ligue para eles para saber o que fazer. Então eu vou usar a cor marrom para isso, ok, que está vindo aqui. Em seguida, selecionando isso perfeito. Então eu posso moldar G. Na verdade, essa é a tampa por enquanto. Estou ciente disso, mas, por enquanto, sabemos que talvez eu nem tente decidir usar uma grade de camadas. Eu posso simplesmente clicar em colocar uma vaga. Essa é outra grade inteiramente para usarmos, muito perfeita. Então, temos que, na verdade, o tamanho do, o tamanho é muito bom. O tamanho do Yeah. Acho que o lado está bem. Deixe-me ver de longe. OK. Sim. Bom lado , na verdade, se eu quiser me ajustar. Eu ainda vou me ajustar, se possível. Provavelmente estou pronto para ajustá-lo. Deixe-me tentar aumentar um pouco a largura. OK. Deve ser grande o suficiente para não ser muito pequeno. OK. Na verdade, eu também tento aumentar isso. Oh, isso não é demais. OK. Acho que é perfeito o suficiente. Tudo bem. Deixe-me ver de longe. Na verdade, você pode dizer que o botão está aqui, mas é um esboço. Veja do meu longe. OK. Não é para ser. Deixe-me lavar o barro e arrastar os lençóis da prisão. OK. Um que seja muito atraente para que eles possam ver. Ok, muito, muito perfeito. Então pressione T e tente selecionar lá e em que ordem agora? Muito, perfeito. Então, apenas apresente o escape. Basta clicar em d e arrastar para trazer isso aqui. Agora, descarte este pedido em zero. Nós olhamos para o retângulo aqui, aqui mesmo. Então, faça essa ordem, coloque-a acima do retângulo e ela aparecerá Então, o que você pode fazer é simplesmente vir e selecionar isso, clicar em d e arrastar, ir para branco. Bom. Então, o que eu posso fazer agora é selecionar isso e pressionar e Shift, selecionar emaranhado e depois controlar G. Então, clique duas vezes e dê um nome, básico Pedido. OK. Bom. Apenas tente superar isso. Tenta fechar fechar o logotipo da marca fechar desculpe, desculpa. OK. Então, o que eu era isso, que é o texto menor e as mudanças, depois esse texto principal , país perigoso , G, então isso é colocar temas OK. Muito, muito perfeito. Esses são os impostos. Então, o que você faz agora consignando isso? Selecione isso, clique duas vezes nele porque é um grupo, então basta clicar duas vezes nele Eu posso clicar duas vezes sobre isso, tentar aumentar, você sabe , acho que o sistema é bem pequeno. Vamos fazer com que seja 15. Clique em Acho que é bem assim. Será pequeno nessa medida, ao contrário, pode ser assim Mas acho que é bem pequeno. Deixe-me ver isso muito bem. Isso é bem pequeno. Basta clicar duas vezes. Em seguida, dê o que é chamado de dois quadrados dois, dê 181 e 818, pressione enter Você clica em arrastar madeira. Mostra aqueles lindos tijolos para nós. Boa, muito perfeita. Então, agora temos isso. Podemos usar o que chamamos de layouts. Selecione selecione-os. Os pinos costurados são agrupados. Pressione turnos. Você pode ver dois layouts adicionados. Boa. Por exemplo, deixe-me clicar duas vezes nisso e estou tentando mudar os nomes para, você sabe, varandas Oh, desculpe, desculpe, desculpe. Fuga atual. Presente bom. Vou tentar dizer que você pode ver as varandas agora. Você pode ver que, na verdade, está respondendo à maneira. Seja qual for o tipo de varanda , responda agora e siga em frente. Você pode ver muito, muito perfeitamente. É por isso que não é para o layout automático. Isso não acontece assim. OK. Então, aí mesmo. Agora. A escrita novamente. Outros? Agora? Muito perfeito. O layout da capa está realmente fazendo maravilhas, clique em Antigo, arraste, pressione e Shift e diga Tudo bem. 28 está bem. Vindo aqui vindo aqui. Clique duas vezes sobre isso. Então o que você acha, pressione T Nice e perfeito, muito, muito bom. Então, apenas fuja. Mas eu quero que isso seja na verdade um botão de linha chamamos de botão de contorno, vamos chamá-lo de botão de borda OK. Então, basta clicar aqui e ir até o campo aqui e não sentir mais. Então, o que acontece. O que está errado? Então, o que fazemos? Nós criamos um traço para isso. Crie um traçado. Então é ter o derrame, ter o derrame. Vindo aqui, basta vir aqui, então o que usar essa cor específica para o traço. Eu só vou vir aqui. Sim, use uma cor marrom para o traçado. Basta vir aqui e depois aumentar para cerca de três ou quatro temporários , mas três está tudo bem. Não temos mais o que é chamado de nossos homens. Temos nosso cardápio. Então, basta clicar duas vezes, está aqui. Se você puder vê-lo realmente aparecer em nosso menu, selecione-o. Em seguida, altere as palavras do nosso menu para a frente da marca e muito, muito perfeitas. Então, vou criar um contraste. Aquelas que serão mais atraentes serão as palavras, a ordem, mais atraentes. Eles têm que pedir. Mas se eles querem nossos homens mais do que nossos homens, eles realmente virão aqui, é um botão. Deixe-me clicar e arrastar isso um pouco por aqui. Até agora, não. Na verdade, eu posso vir aqui. Aqui e confira a partir daqui. Basta selecionar este presente. Desculpe, presente então, não. O que é o espaço 19? Então, eu posso usar esse mesmo espaço aqui também para selecionar presentes. Qual é o espaço 16. Então, o que você acabou de selecionar? Use os filmes certos, como 3 “, 17, 18. Ah, desculpe. Selecione 17, 18 90. Então o 90 é muito perfeito. Então, na verdade, é proporcional ao espaço aqui. Na verdade, eu também sou proporcional a isso. Então, na verdade, parece muito mais bom do que perfeito. Então, além disso, há mais um desejo de adicionar a isso. O que é, basta olhar para isso, adivinhe, se você puder, isso não é um problema. Basta vir aqui, qual é o seu projeto fs, temos algo assim lá. Na verdade, você pode usar a saída. Na verdade, o saco de ícones realmente mostrou você no vídeo do ícone Escolha e traga aqui. Na verdade, eu o forneci para você, traga aqui, venha aqui depois deixe aqui, muito perfeito. Se tentarmos escalar como de costume, apresente K, escale-os ali. Vamos ver o bom, vamos ver o que vai acontecer aqui. Aqui, vamos ver o que vai acontecer. Antes de colocá-lo dentro porque há uma camada automática lá. É automático. Então, tente reduzir, ok? Fui reduzido na medida em que você quer que seja reduzido. Quando você clica em Oden dragons, você pode ver o que está acontecendo Há uma linha mostrando o que está acontecendo lá. Vamos ver o que acontece. Solte então, muito perfeito. É perfeito, é para nós. É para isso que é perfeito, muito perfeito. Na verdade, por causa do layout automático , você pode realmente vir aqui, ampliando perfeitamente Você pode ver perfeitamente. É perfeito. É perfeito para nós. Isso o tornou perfeito para nós. Você pode ver 91. Então isso é muito, muito perfeito. Na verdade, aplicativo no botão. Quero dizer, o pedido agora, o bot está pronto e, você sabe, muito perfeito. Assim, você pode ampliar e realmente selecionar esse clique duplo clique duas vezes nele e ajuste o clique duplo nele também. Ok, pressione T. E vamos ver quais maçãs. Se o pvc é algo como você, algo assim, você pode ver. Perfeito. Muito perfeito. Muito perfeito. Portanto, uma camada é algo muito importante para um designer, você não deve usá-la perfeitamente. Então, nosso cardápio, ninguém, é muito perfeito. A fuga atual. Então nos movemos. Então é isso para o bot, você sabe, o da borda ou o aparafusamento do tempo de saída da linha, e também o fundo de preenchimento usando o layout com eles Isso é muito perfeito. OK. 19. Como criar a seção de satisfação do cliente: Quero acrescentar algumas coisas aqui sobre a satisfação do cliente. Você sabe, como se as pessoas pudessem saber como as pessoas estão satisfeitas, quantas pessoas, quantas outras coisas assim. Então você pode simplesmente selecionar isso. Deixe-me usá-lo T Vamos criar uma coisa nova. Isso é mais de 200. Ok. Então, mais de 100. Então, fuja, ok. Clique na madeira e rastreie. Essa é boa. Traga aqui. Você pode ver o navio. Você pode ver a linha verde. Ok, na verdade. Então, eu gostaria de mudar as formas disso, ok. Então, depois de apresentar em escala, as propriedades estão mostrando que você pode ver, voltar ao que pode apresentar, voltar para a mudança para. Você pode ver as propriedades que estão sendo exibidas agora. Então selecione aqui, defina quais quatro e, em seguida, coloque M d t. Selecione esta opção muito perfeita. Em seguida, vá para negrito. Vou tentar mudar seu. Vou tentar alterar seu espaçamento posterior. Então, deixe-me reduzir isso um pouco. Ok. Eu acho que está tudo bem. Isso é bom o suficiente. Ok. Tente mudar sua cor para a cor da marca também. Essa é boa. Deixe-me tentar mudar. Sim. Agradável. Bonito. Agora, tudo bem. Perfeito. Então, eu posso realmente clicar nessa mudança atual e baixá-la. Em seguida, pressione C. E o que escrevemos? Desculpe. Clientes satisfeitos. Em seguida, pressione a capa k. Então eu vou tentar reduzir isso. Desculpe. Então, vou tentar usar isso para baixo. Vou mudar isso de volta para V. Vou tentar mudar a cor para. Não quero usar a cor marrom novamente. Então, tente separar a variável. Então venha aqui. Tente escolher uma cor de peça aqui, provavelmente. Eu tento mudar um pouco de cor. Quero deixar a cor perfeita para essa cor, que eu possa superá-la e usar essa ferramenta de conta-gotas Selecione isso e venha aqui. Você pode ver que na verdade está aparecendo em algum lugar ao redor disso. Então, se está neste verde fino sobre este lindo amarelo, Savory é bom Mas eu quero estar em algo assim. Então, basta verificar o espaço que você vê realmente se ele realmente corresponde a ele. Você pode ver perfeitamente , selecionar e depois mudar de forma perfeita. Você pode ampliar, clicar em navios-prisão e descer um pouco. Essa é boa. Então tente fechar isso e teremos isso muito perfeito. Clique do lado de fora. Bom. Tente reduzir seu único cliente vermelho e certificado. Você pode tentar selecionar esta tecla em shifts, depois selecionar zoom e, em seguida, selecionar esta opção, o contrário. Você pode vir aqui e clicar duas vezes Agora, como você chama isso de $0,05 entre muito perfeito Então, eu posso pressionar K e tentar reduzir n um. Portanto, controle-os para diminuir o zoom. Em seguida, aumente o zoom. Agora eu posso pegar essa folha, acho que basta abaixá-la um pouco, ou trazê-la para cima, não, derrubar uma boa. Basta trazê-lo para algum lugar, eu acho. Isso é bom o suficiente. Isso é perfeito o suficiente, você pode ver. A folha está, na verdade, em algum lugar que você pode ver. Apenas tente derrubar isso também. Colapse isso Qualquer outro para desmoronar? Não, isso é tudo na verdade. Então, podemos realmente derrubar tudo assim. Tudo o que você fez. Isso é perfeito. 20. Importar e usar ícones de seta: Uma última coisa que eu gostaria de fazer para essa página inicial específica da seção ro é adicionar um ícone interessante em particular , como uma seta. Então, há algo chamado seta dupla. Você pode ver o dobro, que eu já salvei aqui. Qualquer coisa que você guarde no plugue e nas pernas, o plugue estaria na verdade aqui embaixo em comparação com Então, apenas pré-você pode continuar. Também existem outras flechas que você pode realmente usar Mas o que eu realmente quero usar é exatamente esse formulário, deixe-me voltar. Doodle meu doodle doodle. Na verdade, ele vai aparecer, dependendo da rede. Posso dizer que está preto aqui, que já está salvo. Então, o que eu faço? Em seguida, selecione isso. Então o que eu faço? Está correndo. Quando ele é executado, então precisamos selecionar o. Na verdade, está carregando, na verdade carregando. OK. Você pode ver Brand por aí. Você pode ver diferentes tipos de R para usar. Você pode simplesmente selecionar um. Ela aparece. Selecione um, ele aparece. Deixe-me voltar. Desculpe. Deixe-me voltar. Você pode simplesmente selecionar em torno de um. Tudo bem. Ela aparece. Você pode ver que essa opção também aparece, especialmente na intromissão Quando você seleciona algo, é realmente possível no meio. Você pode ver. Então você pode usá-los. Este não está vinculado a nenhuma licença. Então, deixe-me deletar isso. Nós vamos realmente deixar isso. Nós realmente precisaremos disso, deixe-me selecionar isso. Então eu não tenho. Quero dizer, este é exatamente o que eu preciso aqui. Basta selecioná-lo e ele faz parte fechá-lo perfeitamente. Em seguida, clique e arraste para baixo. Tente, você sabe, eu quero girá-lo. Então, basta trazer uma quadra para ver o material da braçadeira, clicar em arrastar e trazer, clicar e arrastar até aqui Em seguida, tente escalar e pressionar perfeitamente suas balanças. Em seguida, aumente o zoom. Dê um zoom e pressione K. Em seguida, pressione e tente reduzir Reduzir. Então, droga cintilante aqui. Então apresente as chances de Cliqu eu ficar em desvantagem aqui na luta. Muito, muito perfeito. Então, agora vá para a prensa no V, então qual é a cor bonita da marca, e nós a temos perfeita. Então, o R está na verdade apontando para esse hambúrguer. Você quer nosso cardápio, quer provar, quer comer mais ou agora coisas assim, muito perfeitas, sabe? Então, olhando para isso e isso é, na verdade, olhar para os dois. Na verdade, finalizamos. Isso é uma coisa boa. Então isso é. Olhando para isso. OK. Perfeito. OK. 21. Como usar o componente Figma: Vídeo, vou te ensinar qual é o componente. É muito simples. Há um carro, muito simples. A primeira é que acabamos de começar com isso. Ok. Quando você tenta salvar algo como um componente, crie algo como um componente. Ou seja, quando você o seleciona aqui e o cria como um componente Ao acessar qualquer página desta guia , neste design específico, nesta figura específica, você poderá usá-lo novamente É necessário que você comece a criar, criar e criar um novo botão, criar um novo. Na maioria das vezes, ele é usado para fazer anotações ou qualquer tipo de imagem que você tenha ou qualquer tipo de ícone Você apenas escolhe o ativo, que é o que você realmente faz quando eu crio um componente. Agora, por exemplo, eu uso esse botão muitas vezes, o que é, na verdade , sim, eu vou usar o bot muitas vezes até que isso aconteça Apenas venha. É muito simples encontrar. Você pode ver o componente C clicar nele. Então, agora venha e selecione isso. Você pode ver que algo mudou para estourar e você pode ver que o ícone mudou em algum tipo de, você sabe, pirâmide ou como eu a chamo Então, a prisão em pirâmide para. Então você pode ver que é muito simples, mas algo aconteceu. Venha agir. C, na verdade é. Digamos, por exemplo, que o também esteja definido no eles vem com o componente atual que ele mostra. Quando você volta às camadas, veja, isso realmente mostra isso em particular. Agora vamos ver o que acontece. Vamos selecionar isso. Quando eu sento sobre isso, na verdade, eu não estou sentando na porcaria Eu certamente vou embora. Ok. Basta pressionar a imagem do bug. Então, o que você seleciona para criar componentes. Vá para os ativos. Você pode ver os pogers, o que fazemos? Agora, volte às camadas. Vá para a primeira página, onde não há compradores chegando aos ativos Venda a primeira página. Em seguida, selecione isso. E, por exemplo. E o que você faz? A boga é a vida aqui. Você pode usá-lo em qualquer página, seja qual for a página em que você estiver, não é a composição dessa página Que tal trazer? Nós temos o. E o pedido agora? Traga a instância de inserção. Já esteve lá dentro. Ok, presente. O Pre aumenta da maneira que você quiser. Depende de você. Clique na droga de madeira colocada ao redor. Isso também apresenta aumento. Você pode ver, muito perfeito. Isso significa que o componente é, na verdade uma vantagem para salvar alguma coisa. E capaz de usar em outras páginas, em outros lugares desse programa específico de mestrado alimentado. Então esse é o nosso componente. Os componentes podem ser usados e você pode reutilizá-los. Em vez de criar e criar um novo componente que você usará e reutilizará , esse é o nosso componente. Ok. 22. Conclusão de design da seção de herói de marcas de alimentos: Olhando isso, olha que perfeito, temos o logotipo da marca, o nome do logotipo, o produto, o login, cadastre-se, está bem desenhado aqui e, na verdade, são apenas as folhas capazes de esboçar Então temos o tema principal, o tema secundário, o bot a satisfação. Pelo menos, não temos o anúncio, eu não o divulgo. Mas, na verdade, é bom. Na verdade, isso é como um plano que realmente nos guiará no design de coisas e no design de coisas Então, muito perfeito. Você pode ver daqui, na verdade. OK. Coisas assim, você sabe, muito perfeitas. Parece idêntico. Só a flecha e a folha não estavam realmente lá, ok? Isso é muito perfeito. Você pode tentar, você sabe, que, você sabe, vá até a caneta para que assim seja. OK. Me desculpe. Isso muda para cima. E tente saber. Basta colocar uma flecha como essa e tentar algo assim. Não. Essa é boa. E isso é muito, muito perfeito. E algumas folhas, você sabe, coisas assim, você sabe, algumas folhas, folhas bonitas, como um material artístico de secagem, você sabe, coisas assim. OK. OK. Perfeito. E parece, parece bom. Volte para V. Parece bom e não. Perfeito. Parece artístico. Agradável. Parece bom. Bom, legal. OK. Então, esboçando a imagem real e você pode ver, vamos ver, vamos passar um pouco de esboçar da esquerda real para o que esboçar, do esboço para o quê, vamos ver, vamos passar um pouco de esboçar da esquerda real para o que esboçar, do esboço para o quê, o quê? Vida real. Parece bastante idêntico. Essa é boa. Então é isso para seu traje âmbar Passamos para a próxima, onde lidamos com bicicletas, você sabe, maçã e, você sabe, imóveis Então, vejo você no próximo vídeo da palestra. 23. Design da seção de herói de marca técnica - parte 1: Nesta parte do vídeo da palestra, vou ensinar como projetar para uma marca de tecnologia, uma marca de tecnologia em diferentes tipos de gadgets, automóveis e similares Na verdade, isso é basicamente para atingir qualquer coisa. Mas, para isso, é basicamente uma bicicleta alvo, uma bicicleta tecnológica. E assim mesmo. Então você pode ver o meu, na verdade, aqui. O que você vai fazer é simplesmente aparecer, temos página um como esta página dois. Acabei de chegar à página dois e pressionar o ícone de adição. Basta dizer que vá até a página três, a última página e apresente o que é esse ícone. Em seguida, ele mostra a página três na sua página quatro, não é isso aqui, na verdade. Então, o que eu faço? Clique com o botão direito do mouse nesta página. Agora, esta é a página três, ótimo. Em seguida, volte para a primeira página. Selecione na estrutura de arame dois. Contra. Então, o que você faz, você chega à página três e, em seguida, cola, cola, cola. Agora, depois disso , basta pressionar a tela aqui. Venha aqui, selecione isso, venha por cima da moldura. Ao selecionar o quadro, você pode ver que a propriedade mostra a segunda parada, depois a descida novamente e, em seguida, a parte superior do texto é exibida Você pode ver a exibição aqui, mas a sua nos mostrará seguir um Mito dois. Vou deletar isso. Bom. Agora, começamos um conjunto de Nice. O que fazemos para tornar as coisas muito rápidas para nós, porque todas essas coisas estão prontas porque todos esses designs estão todos em uma guia. O que eu passo para a página dois. Defina na página dois, basta selecionar tudo e, em seguida, controlar C. Isso é cópia. Vá para a página três e depois controle. Isso é pasta. Na verdade, é colar e basta clicar em rastrear clicar em rastrear de alguma forma e soltar. OK. Vamos simplesmente assim. Essa é boa. O que precisamos para esta, na verdade, é um tema escuro para um tema escuro, um fundo escuro, porque é assim que a foto realmente se parece. Venha até nosso amigo de recursos, você quer? Este é um clipe duplo de recursos que percorre todo esse dli Agora vamos fazer isso perfeitamente Corte esse d e o que arraste, arraste para dentro e solte. Sim, muito perfeito. É muito. Ok. Perfeito. O que você faz? Você pressiona o controle, clica na madeira e arrasta, tenta ampliar para fora. Então, o que você faz? Basta pressionar a balança, ferramenta de escala, clicar na madeira e arrastar assim. Pressione para ter certeza de que está arrependido por isso. Pressione para ter certeza de que está funcionando para garantir que realmente diminua proporcionalmente. Você pode realmente ampliar. Clique ainda na escala, clique em nós. Na verdade, pode trazer o canto superior esquerdo. OK. Você pode ver que a verificação pode clicar e arrastar e torná-la maior. Basta clicar aqui e tentar aumentá-lo. O que temos que fazer agora é clicar com o botão direito nele. Em seguida, faça o que vire horizontalmente. Sim. Eu mudo da imagem vermelha que nos foi dada. Nós temos isso. Agora, precisamos voltar para mover para porque estamos tentando clicar e arrastar assim. Não vai funcionar porque está na escala, a escala, você sabe, está na ferramenta de escala. Apenas controle isso. Volte para o que mude para mover para o presente v. Agora podemos clicar. Você pode ver perfeitamente. Muito perfeito. Agora temos esse s, ele já está lá. Perfeito, muito bom. Agora é assim que você importa uma imagem e clica nela no quadro sem nenhum problema. O que você faz agora, basta clicar aqui fora no Canvas. Quando você clica aqui uma vez, na prancheta e arrasta, você arrasta tudo para dentro Você precisa clicar pela segunda vez e ele escolhe a imagem que está dentro É isso que ele precisa entender. Clique em contraste do lado de fora. Quando você clica uma vez, ele clica em É preciso tudo na prancheta Clique no arrasto da asa que você vê. Mas quando você se preventio precisa da imagem em si, você clica pela segunda vez Em seguida, ele escolhe a imagem dentro, você pode ver. Na verdade, ainda está destacado. Você pode ver, depois se ajusta e, portanto, apenas contrasta. Outra coisa que precisamos fazer agora é o que dar aos ingredientes. Eu quero que esse lugar em particular seja mais escuro. Esse isqueiro mantém o que é porque os textos estarão por aqui. Tem que ser mais escuro. Tem que haver sombras lá e as luzes devem realmente ser mantidas aqui O que eu faço? Eu venho para me sentir como sempre. Defina o ícone de adição e venha aqui, normalmente, como de costume. Então temos esse sólido, isso é gradientes. Isso é exatamente o que eles precisam. Veja quais ingredientes selecionados. Você pode ver o que acontece. Você pode realmente virar. Isso é um giro vertical, é horizontal, não um. Na verdade, clique na madeira e arraste isso para baixo e podemos realmente alterá-la. Isso é preto, a sombra. Isso é branco, é a luz. Na verdade, você pode inverter que agora é branco , preto, mas não vamos deixar preto um y, então vamos voltar atrás. Agora que temos isso, deixe-me ampliar o curso para poder vê-lo muito bem, de forma brilhante e perfeita Bom. Agora temos isso. Os gradientes Fig mas são os mais simples para mim porque usei gradientes em muitos softwares e, na verdade, são os mais fáceis para É muito fácil. Basta trazer a maldição para lá, logo ali você pode ver, eu não cliquei em nada, mas me mostrando que você pode colocar mais, você pode colocar Mas a primeira coisa que temos que fazer relação a isso é o que está bem. Ao criar gradientes no Figma, na verdade, 20% de parcityll seria Não forneço a cor completa exata, clique sobre ela e a mova para a direita. Você pode ver que escurece à direita. OK. Perfeito. Você pode ver quando eu venho, clique aqui e faça assim. Você vê o que acontece. Se normalmente eram esses 20%, é um que funcionou. Número um, na verdade seria em 20% ou menos por cento, mas você tem que aumentá-lo para 100%. Essa é a primeira coisa que você precisa saber, entender isso. Agora, quero mais pontos para os gradientes estejam aqui. Eu venho seleto. Você pode ver que eu realmente selecionei um ponto. Então eu posso pegar os pontos, clicar para ver se tornando preto. Desaparecendo. Você pode ver. Eu não quero que seja assim. Na verdade, eu o quero em algum lugar. Eu fico aqui. Então eu fico. Depois disso, depois disso, para criar outro próximo ao espaço, clique aqui. Em seguida, aproxime-o do Sim, você pode ver que esse espaço está ficando mais escuro para que o texto possa se equilibrar bem ali Agora, deixe-me criar mais uma colocação ao redor do. Acho que é demais, exclua. Acho que está tudo bem. Aqui. Aqui. Vou clicar aqui, clicar aqui e depois trazer aqui. Perfeito. Eu acho que isso é suficiente, na verdade. Sim, temos isso correto. Perfeito. Agora você pode realmente fechar essa adição perfeita, basta selecionar aqui depois o que ela realmente aparece. Na verdade, você pode reduzi-lo um pouco. Sim, acho que está tudo bem. OK. Eu acho que é perfeito. Então bom, você pode fechar isso perfeitamente. Então, o texto será visto melhor do que estar aqui. Isso realmente manteria sua leveza. As sombras estarão aqui e realmente protegerão o texto. Então, agora, para o logotipo e algumas outras coisas, primeiro vamos vir aqui. OK. Tente montar a nave atual na prensa na nave montada nesta O que eu faço? Tento copiá-los e colá-los apenas para tornar as coisas muito rápidas e fáceis, porque já lemos algo semelhante a isso antes, então é muito fácil simplesmente copiá-lo. Pressione o botão esquerdo da mãe mostrar também o homem para baixo, turnos presentes e, em seguida, você solta essa cabeça Ok. Então, perfeito. Em seguida, aumente o zoom. Agradável. Então venha aqui, você pode ver na verdade, o mboger realmente está aqui porque eu o copiei, tente reduzi-lo Este é o texto de um. Clique duas vezes na palavra e pronto. Então você pode dar a ela qualquer tipo de nome que bicicleta, seja ela qual for, coloque nela Imprensa técnica. Isso é Amberger Você vai fazer o âmbar quando terminarmos com isso. Só precisamos de algumas partículas, algumas coisas delas. Então, tudo bem. Agora podemos ver como isso foi organizado. Temos o logotipo aqui e o login, mas os próprios produtos e serviços não estão aqui. Na verdade, está aqui ao lado. Então, temos uma declaração disso. Tem que estar lá dentro também. Primeiro, vou realmente selecionar isso. Clique duas vezes aqui. Dê um branco. Travessa de madeira C, branca , mostrando branca, bonita. Vou fazer alguns ajustes na cor, mas, por enquanto, vamos continuar assim e não esquecer, na verdade, a grade do layout Então, basta selecionar esta tecnologia selecionada Basta acessar a grade de layout e depois. Ele mostra a grade de layout, na verdade, como de costume. Venham até aqui e tentem fazer alguns truques, dois. Ok, perfeito. Você vai fazer isso. Agora, vamos em direção ao centro. Ou seja, a largura central do tipo deve ser em torno oito e entrar perfeitamente. Então, o que fazemos? Agora, a primeira coisa a fazer agora , na verdade, é o logotipo. Voltamos ao trabalho para os cinco para o recurso p. Este é um logotipo para ele, clique em denn Isso se torna muito fácil porque ainda não queremos, clique em Oden present kno in z. Bom. clique em denn Isso se torna muito fácil porque ainda não queremos, clique em Oden present kno in z. Bom. Em seguida, você pode clicar duas vezes aqui. E clique duas vezes aqui e veja o tamanho 44 por 41, por exemplo, definido neste quebra-cabeça e dê o que 44. Aba um. Presente enter. Depois de fazer isso, basta clicar duas vezes para excluir. Tudo bem. Tchau tchau. Agradável. Então, basta trazer isso para lá. Traga isso para lá. Na fila aqui. Legal. Então está lá. O que você faz Acho que está fora da tecnologia. Então clique e arraste para trazê-lo para dentro da tecnologia. Então você verá que as linhas agora estão aparecendo antes. A linha não estava aparecendo. Agora, a linha para, quero dizer, as grades ao redor dela agora estão aparecendo lá Então, nós aumentamos isso. Na verdade, posso selecionar este presente e ver 13, muito, muito perfeito. Agora, esse não é o nome do tipo reclamação. Basta selecionar isso e apresentar. Em seguida, clique em uma droga de madeira como esta. Então, o nome é o que se move em um. O movimento é branco, enquanto o E é o que é outra cor. Que tipo de cor é essa? Deixe-me reduzir para você um tipo específico de cor que é mais ou menos assim. OK. Eu chamo de muito azul. Espalhe sobre isso, um pouco de azul, e mude algumas coisas lá. Mas, na verdade, ele tem um código X. E o código X é só vir e selecionar esses seis D, d86d8. Para baixo, pressione e isso é muito perfeito. Essa cor, vamos usar toda uma cor muito perfeita. Agora, continue, desculpe, esporte. Fuja, pressione V. Temos isso como movimento para baixo. Tentamos escapar bem. Você pode ver o branco e a cor da marca, perfeitos. O que eu faço? Estou atrasado nisso. Em seguida, verifique se essa é a cor da marca. O que eu faço? Eu me certifico dessa cor. O que eu faço? Estou atrasado nisso. Então , veja o que há de melhor, como sempre, a cor da marca. Basta colocar a cor da marca para a marca Bron color two é uma, então, muito, muito perfeita Então, agora temos duas marcas diferentes. motivo pelo qual estamos ajudando as cores da marca que dizemos que , na mesma guia, página um, página dois é a diferença Ok, bom. Então, agora vamos, vamos para cá. Agora, controle G. Só para ver onde nosso design realmente se encaixa. Preciso que esteja de acordo com isso. Perfeito. Agora precisamos mudar a cor disso, então clique duas vezes. Um clique duplo. Primeiro, retire os turnos verdes do mapa, do campo Basta chegar, precisamos dessa cor da marca. Basta selecioná-lo bem, muito perfeito. As bordas afiadas do botão precisam ser alteradas. Você quer fazer isso, vamos torná-lo diferente do que era no passado, da primeira marca de aboga Basta vir, ligamos para o raio da esquina. Eu clico em arrastar até o w à direita começar a mudar. Não precisa perder tempo, basta selecionar os 50 atuais. Você pode pressionar 100, perfeito, muito, muito bom. Então, o que você pode fazer aqui é simplesmente diminuir o zoom e ver. Muito perfeito. Às vezes, você diminui o zoom, isso realmente muda , a frente realmente muda e algumas coisas acontecem bem. Isso não é um problema. Você pode clicar duas vezes sobre isso. Eles o tornam ousado, venha aqui para a frente em negrito. Além disso, você pode clicar duas vezes nele para torná-lo, torná-lo em negrito. Perfeito. Então, vindo até aqui. Agora, o que fazemos consignando isso Clique em arrastar isso para o w. Então, o que fazemos consignando você? Clique em arrastar isso para a direita, perfeito Não muito, só um pouquinho. Portanto, ainda possui produto, serviço e, o que quer que encontre, ainda é a mesma coisa. Tudo o que fazemos é mudar isso. Você precisa alterar isso, clique duas vezes nele e, em seguida, forneça a cor da marca. Que é, que é isso. Isso mudou. É bom ver. Estamos nos movendo muito rápido porque já fizemos coisas assim antes no primeiro design. Então, na verdade, alguns truques legais precisam ser feitos para isso. Então, o tiro está na fila. Isso está na fila. Selecione isso e o navio atual selecione isso, clique em arrastar este 11. Então, a linha verde , na verdade, são as duas que nos orientam em tudo o que fazemos. Perfeito, então envie g. Leve isso embora. Você pode ver que esse não é o número de brancos que foi reduzido OK. Então você pode deixar assim. Isso não é um problema. Belos efeitos. Essa é boa. Então, vamos ver, na verdade, no espaço a partir da linha anual de ano para ano. Então, vou selecionar este presente no 51, ótimo. Eu posso simplesmente me mudar para cá. Vamos ver o espaço aqui também. Então o 67 impressiona demais. O que eu faço? Se tudo isso estiver na horizontal, eu posso realmente selecionar isso, selecionar essa força e agrupá-las de controle. Eles estão agrupados, selecione isso com navios, prisão e turno ao selecionar todos esses, então tente ampliar, clique e arraste um pouco para cima. Sim, acho que deve ficar tudo bem. Sem nem mesmo olhar para isso, acho que deveria estar tudo bem, perfeito o suficiente. Então, temos isso muito perfeito. Não sei por que, na verdade, continuou mostrando algumas paradas erradas e coisas assim. Tudo bem. Isso não é um problema. Nós nos movemos. Nós nos movemos. Agora, qual é a próxima coisa a fazer? A próxima coisa a fazer é adicionar o tema, o tema principal e o tema secundário e também o bot. Então, podemos, na verdade, é normal, podemos realmente selecionar o que foi agrupado Presente no turno , selecione também a seleção do bot. Boa, você pode ver isso. Então o que você faz, você os derruba, pressiona os turnos e os trabalhos e os derruba, um bom, muito perfeito, depois desiste Vindo até as camadas, certifique-se de que os âmbares não caiam Você não detectou ser o Op Nice One. Basta ampliar. Clique em ampliar. Então o que você faz? Em primeiro lugar, selecione isso e mude tudo para palavras. Em primeiro lugar, quando você vem aqui, a cor da marca está aqui. Ou seja, qualquer coisa que tenha a cor da marca deve ser alterada para branco. Então, o que você faz, não há como mudar nada aqui. Então você simplesmente vem e desconecta a variável separada. OK. Esse é o número um, foi separado Então, foi separado. Então, o que você faz agora, você seleciona isso e clica em dourado e arraste para branco Selecione o preto e também qualquer coisa que tenha preto, clique no branco e arraste até o branco. Qualquer coisa com cinza ou algo parecido, clique em arrastar para branco. Mas eu não quero que o cinza seja transformado em branco. Apenas um pouco de branco deve ser adicionado um pouco. Eu quero que sirva como um contraste. Para o tema principal. Então, o que eu faço? Porque precisamos fazer alguns ajustes, então eu posso simplesmente derrubar a porta para baixá-la primeiro e trazê-la para algum lugar. Ok, agora. Deixe-me lidar com isso. Agora precisamos. Agora, eles estão sendo grupos, então basta clicar neles e agrupá-los 91, selecione isso apenas por enquanto. Então, número um, precisamos mudar os fortes. Essa é a primeira coisa. E número dois, precisamos mudar as palavras, os escritos. A primeira coisa que fazemos é mudar os fortes, selecionar aqui, digamos, os mesmos fortes do santuário Mas desta vez, cerca de um século atrás. Bom, há um século. Mas não apenas alguém normal, venha e mude de palavra, porque isso é o principal, é o principal. Essa é boa. Nós temos isso aqui. Ok, diminua isso um pouco. Desculpe. Conte, clique neste e derrube isso. Bom. Então, temos esse estilo que deve realmente cobri-lo, porque provavelmente vou tentar algo parecido com algo bom Então, tudo bem. O que precisamos para mudar o texto? Gravidez e, em seguida, capacitação do ciclista Enter Desculpe, com a tecnologia versus, N, muito pavimentada. Direto, podemos simplesmente vir aqui, pressionar o movimento dois, que é primeiro você seleciona os escapes, pressione o escape dois. Então o que você faz? Clique duas vezes aqui? Combina, clique duas vezes aqui. Na verdade, eu entendo. Prepare-se e veja se está realmente alinhado. Pela esquerda. Sim. Na verdade, na fila, muito perfeito. Então, o que fazemos? PG novamente para saber o que ocultar as camadas da grade. Então, agora temos isso como ciclista capacitado com Podemos tentar reduzi-lo porque, na verdade, está se aproximando da bicicleta. Ok, então basta apresentar k, clique em madeira, clique em madeira e arraste Ok. Muito, muito perfeito, então eu acho que deveria estar tudo bem na medida em que deveria ser. Bom. Presente nisso pode voltar para onde eles se mudam. Acho que a linha e também os espaços das letras são realmente perfeitos e na medida em que quiser. Então agora é só pressionar, passar um clique e arrastar o ciclista, ou seja, qual for a cor da marca. O que você faz quando temos as variáveis salvas e, em seguida, o que acontece com a tecnologia Basta criar algum contraste, você sabe, algum contraste entre o azul e o branco produz exatamente como o temos em algum lugar, preto e verde. Então aqui estamos: branco e branco, branco e a cor marrom é uma linda. Então, temos isso porque também temos a cor marrom. Então, cap. Em seguida, clique em algum lugar por aí. Então, podemos ver, na verdade. Se você clicar aqui, poderá ver e ver o que está acontecendo. Muito perfeito. Então nós temos isso, e isso é perfeito o suficiente para nós. Então, agora o que vem a seguir? Clique em Madeira e arraste essas planilhas pessoais. É fazer uma proporção. **** G. Vamos ver se está realmente na fila. Nice é uma de novo. - Ninguém. Isso parece bom. Deixe-me arrastar essa parte da habilidade. Ok, perfeito. Agora, o que fazemos? Apresente e tente alterá-lo, pois será muito mais do que o anterior. Em primeiro lugar, o que fazemos? Presente, desculpe, mudamos as fontes, muito importante. Século após século, desta vez. Ok. Eu não vou te dar o corpo. Eu vou te dar o normal. Então, aqui está um contraste, as duas cores azul e, na verdade, branco, e também veja aqui, a frente gótica do século do corpo e também a fonte dourada do século claro. Isso trará algum contraste para nós. 91. Então selecione isso. Ok. Vou tentar reduzir isso apenas presentemente k para ser aquele bk nessa medida Ok. Para mostrar o que está de volta, que é um dois, um movido. Eu posso simplesmente clicar e arrastar isso para baixo. Clique em arrastar aqui no caso do kit; no caso de qualquer coisa, na verdade, pode ser muito longo. Assim como no T, tudo foi destacado, preço. Agora, Purdle, para o futuro. Com nossa tecnologia. Desculpe. Infundido. continuar pressionando porque vi que, na verdade, não vai ser pior. Não o conterá para elevar a entrada à sua direita Deve ser capaz de saber como organizar as obras. Na verdade, isso o ajudará muito a longo prazo. Então, do que você escapa? Ele volta, ou seja, volta para o movimento, clique duas vezes e também clique duas vezes. Perfeito. Não há nenhum problema em realmente eliminar isso do que o principal, o principal Então, cinco isso até certo ponto, mais do que o principal. Você pode realmente apresentar, clique bem e arraste isso para P. Ok. Vamos sair e ver o que está acontecendo aqui. Você pode realmente ver que está de acordo com tudo o que temos aqui. 91. Perfeito. Outra coisa que você realmente deve selecionar isso e selecionar isso, isso é conf g, junte-os. Em seguida, clique em d e arraste-os com, clique em d e arraste-os um pouco para baixo. Ok. Sim. Agradável. Eu gosto que tenhamos isso aqui. Nós temos isso aqui. Nove é um. Estamos avançando. Está ficando melhor. Deixe-me ampliar acho que na verdade isso não está alinhado. Desculpe. Clique duas vezes com cuidado. Clique em d para ver os turnos da prisão. Claro que está na fila. Isso é bom. Agora vamos para a próxima etapa, começamos a corrigir os ossos e também os diferentes clientes satisfeitos com seus logotipos no próximo vídeo 24. Design da seção de herói de marca técnica - parte 2: Na conclusão do design da página de destino da seção Brand Zero em particular, continua sendo o botão e outras algumas coisas Agora copiamos o botão do outro lado para deslocar Nós apenas pressionamos em exibir na folha e depois trazemos para cá, trazemos para este lugar. Você pode ver muito bem. Na verdade, tente ampliar. Usando o botão de arcos. Tudo bem. Então, selecione isso. Ao selecionar isso, vá para vestir, vá direto para o campo e, na verdade, tente desconectá-lo. Desconecte isso, defina essa postagem, na verdade, mil variáveis e escolha qual é a cor da marca Muito, muito perfeito. Então, o que mais você escolhe? Também vindo aqui, selecione isso. E também, isso é AVC, f. É muito importante. Tente separar isso. Em seguida, selecione isso , desculpe, venha aqui e depois qual cor da marca. Sim, basta clicar duas vezes sobre isso , desanexar, selecionar e usar a cor da marca Selecione isso. Clique duas vezes sobre isso. Ok, tudo bem. um duplo clique, basta vir aqui, selecionar isso e depois isso. O que acontece? Nada acontece. Definitivamente, esse tipo de ícone não é realmente um ícone perfeito nessa medida. Tem algumas, você sabe, eu ainda tenho alguma borda, algum contorno em algum lugar Então, para que isso tenha apenas contraste. Finalmente, temos isso. Então, na verdade, forneci isso para você no arquivo de recursos. Então, basta clicar em dw, clicar em d e arrastá-lo até este espaço e, em seguida, clicar em Control Amplie e pressione K, clique em arrastar, clique em arrastar, arraste, arraste, tudo bem Aumente o zoom, desculpe, botão do meu mouse, traga isso para lá. Eu quero deletar isso primeiro. Eu quero dimensioná-lo e ter certeza de que realmente apresenta K. O que está de acordo com isso. É bem pequeno. Você pode ver a pressão, depois você pode ver 91, acho que na verdade está me dizendo bem o comprimento. O que nós fazemos Eu clico duas vezes nisso e depois excluo. Então você pode ver que está respondendo porque está respondendo ao total da camada Então você pode ver a linha dez, ela é aumentada, muito perfeita. Agora vamos selecionar isso e, na verdade, você precisa do raio, o raio do canto precisa ser alterado Apenas dê 50 Nice. Isso também se baseia nisso e dá o quê? 50, boa, então entre. O que fazemos por enquanto? Basta clicar duas vezes sobre isso e pressionar e pressionar T. Precisamos mudar isso. Esta marca usa o que até agora. Você pode ver nossas responsabilidades agora. Agradável. O que está por aí com você. Até agora, perfeito. Fuja. Apareça com um duplo clique. Em seguida, apresente o que é para isso, mas explore para isso, explore perfeitamente. Então fuja da boa. O que você pode fazer agora? Não esqueça. Olhando para o espaço aqui, não esqueça. Você pode simplesmente vir, vir e selecionar isso. Pressione e, em seguida, veja 19, para que você possa realmente usar o mesmo. Isso é o melhor. Então, suba. Você clica em Oden, pressione Desculpe, isso é um erro. Pressione os turnos. Clique em Desligar. Desculpe. E arraste para a esquerda o presente shift para torná-lo o presente correto e seja 2024, use a seta para a esquerda no teclado Então, da mesma forma que mova para a esquerda, como um pino que é 25 24 menos cinco s 19 1234. Cinco, uma boa. Selecione seu presente e 19 perfeitos. Eu sou bom em matemática matemática, uma boa e boa. O que fazemos agora? Nós temos esse mesmo caminho. Na verdade, continuaremos com o último ano, no qual confiamos. Agora, assim como a última, em que escrevemos mais de 200 clientes satisfeitos Aqui vamos colocar o Trusted by Trusted, tornando-o um pouco diferente do anterior. Basta pressionar T. Vou colocar alguns logotipos. Basta pressionar T, confiado por. Confie em uma boa fuga. Ok, deixe-me mudar os formulários. Algo parecido, acho que está bem, tudo bem. Essa é boa. Basta trazê-lo aqui. Certifique-se de que seja proporcional, boa. Confiado por. Além disso, agora confiado em, vou colocar um logotipo complexo lá. É possível reduzi-lo à capacidade. Não quero que seja para mim, quero mostrar, nessa medida, algum contraste para se misturar com o programa que acabou de vir aqui. Ele vai mostrar algumas duas setas, esquerda e direita. Você pode simplesmente clicar nele e arrastar para baixo. Você pode ver muito, muito perfeitamente. Vai aparecer , mas não demais. Você pode ver perfeitamente. Isso é ousado. Deixe-me mudar para médio. Boa, ainda está lá. Primeiro G, e vamos ver o que acontece. Deixe-me fechar essa coisa de umbo. Ok. Você pode ver que o trote é atravessado. Muito, muito perfeito. Perfeito. Agora, se afasta. Clique e arraste um pouco para cima, bom. Agora, os logotipos, vamos selecionar, na verdade. Na verdade, você pode obter logotipos de qualquer lugar. Basta ir até os plugues. Você seleciona e conecta, depois vem aqui para trabalhar. Basta selecionar o logotipo correr, há um erro na cratera do logotipo Ele vai mostrar isso para você, aquele com o logotipo laranja com o L branco branco e selecioná-lo. Na verdade, eu já salvei isso no meu sistema ou no meu f, então ele vai carregar para você. Agora você tem isso. Você pode realmente selecionar isso, você sabe, obter logotipos diferentes de lugares diferentes. Qualquer tipo de logotipo que você queira, você sabe, temos coleções em preto e branco também temos coleções em preto e branco aqui, minhocas diferentes. Depende de você. Temos símbolos aleatórios, qualquer pessoa que você se sinta como se fosse um mapa para usar, não exatamente minhocas originais, então você pode ver que precisamos de tecnologia. Na verdade, podemos falar sobre a Microsoft. Acho que ainda não é uma microsoft. Falando sobre a Microsoft ou, você sabe, algumas outras empresas de tecnologia que realmente gostam de D. Ok. O Facebook pode realmente testemunhar que está no Facebook e dizer: Oh, confiamos nesse marrom, confiamos nessa marca, coisas assim. PayPal. Ok. Alguns outros são assim. deles digitam, tweetam, tudo bem Depende de qualquer pessoa que você queira escolher. Deixe-me escolher a Apple. Acho que a Apple deveria ir. Estou vendendo a Apple, que na verdade mostra por aí que está lá. Maçã. Vou precisar de sete a oito, provavelmente sete a oito. Deixe-me voltar e vamos começar do início do começo. Vamos ficar, por exemplo. Vamos apenas dar um exemplo. Essa é uma marca que negocia, clica e arrasta e pode arrastá-la para fora. Isso não é um problema. Por exemplo, uma marca que lida com luz e s com tecnologia leve, seja ela qual for. Então você pode realmente clicar ou arrastar isso, desculpe. Ou simplesmente selecione-o. Basta selecioná-lo corretamente. Ok. Ele reconhece que isso duas vezes, eu fiz duas vezes Ok. Além disso, também reduzimos o zoom e você clica O que quer que você clique, na verdade, ele simplesmente cairá em qualquer lugar , então clique nele também. Acho que devemos clicar nisso. Deixe-me dizer algo assim. São exatamente seis. Eu preciso de mais dois. Vamos ver a inspiração do logotipo up ou algo parecido. Eu não quero usar este por enquanto. Você pode realmente usá-los. Isso não é um problema. Deixe-me usar isso e também o que mais B e branco? Não. Devo usar isso. Não. Não quero mais nada com o plano de fundo. Eu quero uma refeição normal . Vamos para a coleção padrão Deixe-me escolher. Vou levar isso. Vou pegar isso então, tudo bem. Essa é boa. Agora você acabou de cancelar isso. Agora você tem tudo isso vindo aqui. Clique neste spray e troque este lindo. Traga isso, traga isso aqui, traga isso aqui também, e solte a maçã também. Agradável. Traga aqui. Precisamos dar a eles o tamanho. Basta dar a eles um tamanho específico que eu realmente usaria. O tamanho específico, você sabe, só para que você possa realmente vir aqui e selecionar, digamos 60 60 por, digamos, 5591 Então eu acho que é isso em particular. Deixe-me usar 701070, 70 por, você sabe, digamos, Eu acho que isso é bom. Então, para isso também, 70 por 65 70 toque em 65. Isso também é Seven tab 6591 até seven tab 65 Ok. Seven tab 65 a 706570 tab 65 N one, Apple também, então temos esse 70 tab Esse é o último. Deixe-me trazer aqui. Deixe-me trazer alguma coisa para lá. Deixe-me clicar em “ presente” e “Turnos do presente” aqui. O que fazemos é alinhá-los verticalmente. Ok. Perfeito, muito perfeito. O que você traz aqui? Então temos tudo isso. Uma coisa que você tenta notar é que quando você vem aqui, você vê na verdade todos esses Ewart, você pode ver que alguns estão acima do âmbar, alguns estão na verdade dentro do âmbar, o que não deveria estar. Então, o que fazemos? Você tenta o máximo possível, selecione isso, selecione isso, pressione Shift definido nisso, selecione neste, selecione neste. Então, o que você faz? Tenta trazê-los para dentro da tecnologia. Essa é a primeira. Além disso, os que estão dentro do hambúrguer. Você pode escolher o botão abaixo no hambúrguer, selecionar isso, pressionar o controle de mudança, selecionar isso e, em seguida, selecionar isso Em seguida, clique e arraste-os até aqui. Muito perfeito. Agora, o que fazemos? Basta entrar e selecionar isso novamente. Apresente o controle ou o navio, selecione isso. Aqueles com esse tipo de selecionar selecionam isso, selecionam isso, você seleciona isso, você seleciona isso. Então isso é tudo, então controle qual controle você agrupa todos eles. Muito perfeito. O que você faz Você pode vê-los, trazê-los, você pode ver. Você pode ver. Você pode agrupar todos eles. Você clica duas vezes e diz logotipos. Você confiou. Marcas, então isso é muito perfeito. Então, adicionando tudo isso, a primeira coisa que vamos fazer é mudar as cores. Tem muitas cores C 14 cores. Temos que mudar tudo um por um. Então, o que fazemos? Selecione isso e dê-lhe branco. Ok. Então clique em Wooden drag. Branco. Perfeito. Essa é boa. Então, o que eu posso fazer é não conseguir para que eu não seja arrastado para o branco toda vez O que eu faria é o que eu selecionaria isso. Quando eu seleciono esse bloco, ok, basta vir aqui. Basta acessar o plus. Ah, eu digo brancos. Branco e, em seguida, pressione enter muito bem. Então, eu quero mudar essa cor também, basta selecionar isso aqui à direita, mudar para branco automaticamente. Isso também muda para branco. Venha, mude para branco automaticamente. Também venha aqui, mude para branco automaticamente, branco, branco, branco, tudo branco, branco sobre branco, e fica assim. Ok. Y. Agora, o que eu faço? Temos tudo assim espalhado, os espaços entre eles, não temos certeza da quantidade de espaços que temos e coisas assim O que eles realmente fazem para a Apple? A marca da maçã pode clicar duas vezes e a maçã no meio, basta clicar duas vezes nela e você pode retirá-la. Então pegue isso e muito perfeito. Dê seu tamanho. Basta clicar duas vezes sobre isso. Qual é o tamanho, 70 por 65. Venha até aqui. Além disso, 70 por 65 inserem 91. Você pode simplesmente trazê-lo para cá. Em algum lugar por aí. Você pode ver. Então, select foi selecionado. Ok, eles estão todos juntos perfeitamente, sempre juntos. Então, o que você faz? Os tamanhos entre isso não são iguais a este. Então, o que acontece? Vamos, se pudermos adivinhar, é para isso que as camadas automáticas mudam A. É aí que elas entram e deslocam A, e dão a elas a mesma proporção Você pode clicar para ver. Você pode ver. Você pode clicar em d e arrastar de qualquer maneira. Tudo somado em uma proporção. Em suma, em uma proporção. Deixe-me diminuir o zoom e pescar para ver muito bem. Sobre o que, tudo em uma proporção. Muito, muito perfeito. Muito, muito perfeito. Então, o que fazemos é trazê-lo até aqui, clicar no centro e arrastar para a esquerda, como você se sente e também apresentar formas, garantir que ele realmente chegue a esse lugar, ok? Sim. Em algum lugar perto de algum lugar lá. Sim, isso é bom. Está tudo bem. Não é demais. Deixe-me tentar cantar um pouco. Porque isso é para estar correto. Está tudo bem. Está tudo bem. Então isso é muito, muito perfeito. Qual é a opacidade que distribuímos para esse SG? Então, qual é a opacidade que damos a isso? E isso é 32, desculpe, 20. Então, vamos selecionar todos eles também, dando a eles uma opacidade de 20. Agora precisamos ajustar esse branco e tentar produzir sua opacidade O que fazemos quando chegamos? Veja isso, eu clico e arrasto para a esquerda e, na verdade, é executado com trust by. Acho que está claro o suficiente, e primeiro. Você pode ver. Muito, muito, perfeito. Então eu acho que os logotipos são demais. Então, deixe-me tentar excluir algo que exclui. Em seguida, clique sobre isso e exclua-o. Então, na verdade, o Auto Auto Layer realmente sabe o que fazer. Está bem? Muito bom, apresente o Shift G e verifique se tudo está alinhado. Defina isso e fique bem. Muito perfeito. Temos um, dois, três, quatro, cinco, seis, seis logotipos e perfeitos. O presente muda G e desaparece. Então, nós temos isso legal. Só em comparação com isso. Deixe-me deletar isso neste animal. Essa é boa. Temos esses dois aqui, perfeito, você pode ver que o logotipo está aqui embaixo. Ok. Na verdade, sites podem ser perfeitos. Eu sou um ursinho perfeito, sim. Na verdade, podemos tentar aumentar esse 11 para cerca de, você sabe, não tanto 12. Isso vai aparecer, certo? Isso vai aparecer. Então, isso é perfeito o suficiente, tudo bem. Então, espero que essa bicicleta não seja muito escura aqui, a linear. Ok. Se estiver muito escuro, precisamos apenas reduzir a vinda até aqui, apenas reduzir os bits de dados e, na verdade, ter mais efeito do que qualquer outro. Então, é mais demais. Sim. Sim. Sim, acho que é perfeito o suficiente. Está tudo bem. Então, na verdade, cinco, seis marcas diferentes. Então, isso é para essa reclamação técnica específica. Vou ver no próximo vídeo da palestra. 25. Design de seção de herói de marca de frutas: Vídeo da palestra, vou ensinar você a criar para um tipo de marca que vende frutas, principalmente frutas frescas Em primeiro lugar, assim como o último que fizemos, mas é uma luz, a luz de fundo pára. Basta apresentar f para a detopen do quadro que começamos. Você pode realmente notar agora que é realmente idêntico ao segundo que fizemos e também idêntico ao primeiro que fizemos. Vá até qual página dois. Está presente esse controle C, que é cópia. Volte para a página quatro e qual controle superou Fine, é baseado ao lado de uma marca Muito perfeito. Então o que é Z. Então, agora, o que fazemos? Começamos o processo imediatamente. A primeira coisa que fazemos é obter os planos de fundo para obter a imagem desse particular, porque eles têm sua própria imagem Vamos até os arquivos de recursos, arquivos de recursos , bom, clique duas vezes. Sim, é isso perfeitamente. Clique em Oden, clique em Odento no espaço. Muito perfeito. E faz isso Zoom Pre K. Em seguida, você patinará, pressionará, aumentará o zoom, clicará e arrastará até a região Então, dois serão. Devem ser dois pequenos. OK. Apenas tente ajustar o clique e o arrasto. Desculpe, S. Clique e arraste. Perfeito. Então, podemos realmente usar. Na verdade, podemos usar o que chamamos conjunto Azzure neste texto Em primeiro lugar, vamos mudar primeiro. OK. Vamos clicar duas vezes. Você pode entrar? OK. Então, as mudanças vêm, então clique duas vezes e mude as palavras. Digamos que, você sabe, a marca Nature Nature. Então, pré-insira agora, tudo bem. Digamos que seja uma marca de alimentos. Marca de alimentos, então entre muito bem. Agora temos que isso é um colapso muito ambíguo, é o da marca Fits OK. Então, temos isso aqui. OK. Se precisar de algum outro ajuste, vou ajustá-lo por enquanto, temos assim. Em um ritmo acelerado, o que é isso? Em um ritmo acelerado, qual é a próxima coisa a fazer? Basta acessar o Zoom, selecionar isso, apresentar turnos e enguias nisso Você clica em arrastar os turnos atuais, apresentar e trazê-los para baixo. Então, o que é muito perfeito. Agora temos esse conjunto neste. Você pode ver que tudo aqui agora está na verdade dentro da marca de frutas. Se eu desmoronar isso, isso não tem nada a ver com a marca amboga Bom. Isso é muito fácil. A primeira coisa que preciso fazer é, desculpe, eu não selecionei essa seleção. Então, é muito fácil. Então, o primeiro p é trocar os telefones por isso. Altere a baixa gara, clique no arrasto de madeira. Arraste-o até aqui. Clique em K. Você usa Quer dizer? Continue jogando. OK. Muito perfeito. Isso era o que estava lá antes, na verdade, que é isso em si, essa imagem. Morre a partir daqui, a imagem fica perfeita. Agora mudamos o logotipo da marca. O logotipo desta marca. Agora, qual é a marca Applet. Agora venha aqui. Antes, era um grupo com a última marca de logotipo. Então, clique com o botão direito e o que é ron group. O que você faz? Então agora você seleciona isso , então o que está presente. Agora o que você faz? Maçã. Luz, desculpe, luzes. Então fuja do 91. Precisamos entender que cor da marca para isso é correta. Agora, é muito rápido, na verdade, não há necessidade de perder tempo. Fizemos isso, Tenente Just Present. O LIT por aí. Apenas dê. OK. Vamos dar um vermelho. Basta selecionar isso. Então, o vermelho é, na verdade, muito visível. Isso é amarelo, verde, vermelho ao lado, está do outro lado de qualquer pessoa que você queira. Clique em antigo e arraste para a última mais profunda, com o vermelho mais intenso, na verdade, tudo bem Na verdade, você pode salvá-lo normalmente, selecionar e, em seguida, o que é mais. Isso dez é uma marca. Desculpe. Marca. Coluna três , a ala cria muito, caso eu precise dela novamente para qualquer outra coisa. Isso é perfeito. Para isso, também diminua o zoom, o botão do meio, então Ah, desculpe. Ainda está aqui. Eu estou bem. Em seguida, clique aqui do lado de fora. Agora o que você faz? Você clica em Odig no meio, apresenta e desloca. Você pode ver que é onde está no meio dessa queda. O que eu preciso mudar, basta clicar duas vezes sobre isso e mudar isso para separá-la da cor da marca antiga, depois vir aqui e ver o que dá uma nova cor à marca Muito rápido. Só preciso manipular as coisas com muita facilidade para Okay. Então, temos isso, qual é a próxima coisa a fazer. Nós temos isso aqui também. Então, na verdade, contenha essa cor cinza. Eu preciso dessa cor cinza para essa cor de partículas por aí Então, o que fazemos? Essa cor, na verdade. Eu só vou ter que salvar essa cor como uma variável mais a cor marrom. Diga cinza Em seguida, pressione ou pressione variável, não. Há algo chamado registro, clique duas vezes sobre isso aqui e atribua aquela cor específica, que é cinza, muito perfeita. Clique duas vezes nele também e dê a cor específica da marca, selecione aqui, que é vermelho, muito perfeito. Além disso, o canto seria o raio, o raio do canto seria, seria C 50, então, perfeito Diminua o zoom. Na verdade, você pode fazer isso com um clique duplo e torná-lo em negrito. Este meio, faça com que seja correspondente. Nenhuma. Na verdade, você pode tornar isso ousado também dependendo de si mesmo. Isso não é um problema, faça com que ambos sejam diferentes dos outros que temos aqui. Você pode ver muito bem. Na verdade, posso vir aqui, selecionar a segunda e selecionar o que chamamos grade de camadas como usa. Você pode ver. Perfeito. Venha aqui enquanto trocamos um cólon. Deveriam ser 12 presentes que temos. Então, como temos oito. Devemos ser capazes de que você possa ver. Então, podemos pressionar os turnos atuais e pressionar este controle G. Ou seja para agrupar, clicamos em segurar e arrastamos usando os turnos atuais é um Esse é o meio. Também deve estar aqui no final o CD e o drag, muito perfeito. Nós temos isso em ninguém. Então, agora, rápido, rápido. Qual é a próxima coisa a fazer? A próxima coisa a fazer agora é apresentar o turno G. que ele desapareça Ao lado do assento sobre isso, veja sobre isso porque, na verdade, está certo. Na verdade, estamos usando apenas um. Na verdade, isso é um erro. Apenas uma chamada à ação ou duas, uma chamada à ação, não duas. Muito perfeito. Então você pode ver que o menu, os links, os produtos e serviços estão no menu bem diferente deste que está no menu bem diferente deste que à esquerda e bem diferente do C, que era o que está à direita e ao lado, muito perfeito. Então, aqui eu apenas copio e colo este presente sentado. A queda cai no meio e há um problema. Basta soltá-lo de alguma forma, ampliando o alfinete e arrastando. Ah, na verdade, eu deveria copiar e colar, mas não preciso dele novamente, na verdade, porque na verdade está na página e não está separado Então, eu posso realmente vender isso e as palavras excluem. Então, as exclusões ficam boas e depois avançamos. OK. Agora, o que fazemos? A primeira coisa a fazer é que isso já esteja agrupado, clique com o botão direito do mouse no que está no grupo Tudo bem. Agora temos apenas isso selecionado. O que nós fazemos? Tentamos apenas clicar em quê e arrastar isso. Não sabemos quanto tempo isso vai demorar. Selecione isso e, em seguida, pressione C. Vamos fazer algumas alterações nisso. Perfeito. Venha até aqui. É cobrir uma palavra para quebrar as paredes da prensa, inserir frescor e sabor. Bom, muito bom. Agora, o que fazemos? É isso mesmo. Então, pode vir até Press Escape. Isso é tudo. Imprensa. Clique duas vezes, ótimo. Na verdade, mostra que você clicaria e não o arrastaria para baixo. Muito perfeito. Com relação ao uso de opções diferentes para o texto que está chegando, você pode realmente usar o centro alinhado à direita Algo assim, alinhado de trás para a esquerda. Indo para mais opções por lá, falando sobre, você sabe, na verdade, quando eu estava digitando, na verdade, até son caps lock para a maiúscula D W. O que pode fazer isso, você pode realmente capitalizar tudo Faça com que tudo seja pequeno assim. Faça com que as primeiras palavras coloquem em maiúscula as outras. A primeira letra da palavra maiúscula e as outras letras minúsculas Você pode voltar aos pesos originais do jeito que era antes Então, na verdade, há uma maneira de fazer isso. Perfeito. Mas enquanto eu estava digitando, eu estava realmente presente no caps lock do D W f. Então, certo é bom, bom Então, agora o que fazemos de novo, vou pressionar C, clicar na palavra e arrastar o sabor. Em seguida, dê uma bela cor marrom. Bom. Na verdade, isso traz um bom contraste de lambida. Qual é a próxima coisa. Então, abaixe isso um pouco primeiro, clique na madeira e arraste para baixo, leve-a para fora, então, tudo bem. Agora, selecione este presente. Boa. Em seguida, experimente o ponto natural com raiz sua jornada pelo arrendamento de campo 9191 em sua jornada pelo arrendamento de campo 9191 . O que eu faço? John, eu quero realmente fazer isso mais longo do que o que está embaixo Clique em Enter, vá até o espaço traseiro. Clique em Space Escape em madeira 91. Isso foi um erro para mim. OK. Assim, você pode ver que pode se ajustar dependendo dos gastos. Nós temos isso perfeito. Do jeito que é uma fuga normal. Agora temos o fundo. Ok, vamos abrir o botão. Clique e clique em madeira e arraste para selecionar isso. Clique nos arrastos de madeira sem selecionar. Venha, selecione-o e selecione o nome ou o ou a célula. Tudo bem. Clique em madeira e arraste Fine. A primeira coisa que precisamos fazer agora é pressionar SG. Certifique-se de que isso esteja alinhado. Pressione neste botão, pressione também controle G. Tente se certificar de que está alinhado. OK. Zoom. Você pode ver perfeitamente. Agora. Clique aqui também em um perfeito. Agora é só apresentar G, está de volta. Clique aqui, separe a cor dessa marca e, em seguida, dê a ela uma nova cor de marca, raio perfeito, canto perfeito, o raio de canto apressado Perfeito. O que vamos colocar duas vezes nisso OK. Eu clico duas vezes sobre isso. Em seguida, apresente C. Então dizemos compre agora, compre. Volte. Você pode ver a resposta automática em um O que está errado. Compre agora em um. Fuga atual. Então, para isso, vou colocar uma flecha e também colocar a flecha. Deixe-me vir aqui. Nós temos o direito branco. Basta clicar em Oden nut, clicar em Oden, arrastar para baixo e colar por aí Nós temos isso. Diminua um pouco o zoom. Passado. Escala. Agora vamos torná-lo ainda maior. O que nós fazemos? Clicamos em Oden, clicamos em velho e drogamos por aí. Você pode ver a resposta automática. Está na parte de trás. Tudo bem. Está na frente. ' É trazer coisas boas e colocar drogas no final. Isso é perfeito. Compre agora 91. Está bem? Na verdade, posso selecionar isso e também apresentar a mudança e selecionar isso também, então controlar G. O grupo C não está junto é um problema. Eu quero colocá-los no meio. Este é o meio, mas eu não acho que realmente vai funcionar assim. Acho que colocar é, na verdade, mais preferível. Na verdade, você pode selecionar na imagem, clicar e arrastá-la um pouco para cima. Sim, 91. Muito perfeito. Qual é a última coisa a fazer? Precisamos de empresas aqui nas quais as empresas confiem. Deixe-me perguntar Papis Papis. O que fazemos, vá para a página três, copie C contra C, e revise, ou não escolhemos isso, na verdade. Acabamos de chegar quando uma enguia seleciona o controle. Então tudo bem. Sim, então chegamos à página quatro, e o que fazemos? Controle V. Controle V. Você pode ver que, na verdade, está colado aqui perfeitamente Portanto, não está mostrando o que fazemos. Agora, temos todos eles aqui. Então, primeiro, basta selecionar isso, que é o que eles chamaram de confiável. Então, o que você faz, venha aqui. Mude sua cor para. Isso é branco. Algo cinza como isso realmente apareceria. Você vê que a opacidade é reduzida. É por isso. Mas isso não é um problema para nós. Vamos para o preto. Muito, muito perfeito. Então, depois disso, além disso, o que temos a seguir, temos os outros aqui. Então, basta clicar duas vezes sobre isso ou desculpe, clique duas vezes sobre isso. , fixe-o longe do branco, selecione isso, clique e arraste para baixo. Por lá, quase como a mesma coisa. OK. Na verdade, deveria ser preto. Como resultado disso, nós o pegamos de outro lugar. Na verdade, nós o copiamos do último design que fizemos. Então, o último, então há um efeito realmente usado lá que ainda está afetado até agora embora eu deva saber. Cria outro, mas vamos deixar do jeito que está. Se você quiser mudar a cor para qualquer coisa que você realmente prefira. Na verdade, você pode extraí-lo dos recursos dos plug-ins e, na verdade, redesenhá-lo Mas eu não quero redesenhar, na verdade. Na verdade, eu me refiro na tela. Mas eu não quero fazer isso, na verdade. Eu não quero isso, vamos continuar. Venha aqui o segundo, corte duas vezes o segundo. Em seguida, desconecte isso Selecione essa cor, não foi possível arrastar para baixo nove é um. Este, na verdade, está aí para cortar duas vezes. Não está clicando. Acho que está trancado, é por isso que o desbloqueie. Então é isso. O que você faz? Desconecte-o e selecione e clique em arrastar para baixo. Outra, selecione e clique aqui clicando em arrastar para baixo. Eu acho que está tudo bem. Ainda faltam mais dois: selecione isso, clique no botão de arrastar para baixo, selecione sobre isso, toque, clique em cores e arraste para baixo Isso é para este produto, perfeito. OK. OK. Basta clicar duas vezes sobre isso. Faça as duas coisas, sim, as duas geladas. Você pode ver que isso é na verdade, por marca, muito perfeito. Muito perfeito. Confiável por essa reclamação específica e que, na verdade, você pode ver até duas aqui, perfeito. Na verdade, é uma boa landing page. Te vejo na próxima. Eu. 26. Design de seção de herói de marca imobiliária: Neste último design para uma determinada marca no setor imobiliário. Nade muito rápido. Não há perda de tempo. Apenas apresente F Azza de stop, bom. Basta lamber a madeira e arrastá-la para torná-la proporcional. É bom simplesmente cair. Na verdade, podemos usar o último usado. Posso realmente usar um escuro para copiar e colar. Basta copiar, ir para a página cinco e colar aqui. É passado ao lado de um lado no topo. Venha até aqui. 91. Bem, isso é o que fazemos? É muito simples. Antes de começarmos a entender o plano de fundo. Acesse o arquivo de recursos, o perfeito. Esta é a Lili Drag aqui embaixo. Em seguida, solte muito bem e perfeito. O que fazemos agora: Zoom Zoom Presli, pressione Zoom Na verdade, está no meio OK. Algo assim é perfeito o suficiente. Vamos para a direita para o olho para a direita. Não deve aparecer nessa medida. OK. Só para mostrar que você conhece a casa como é perfeita e bonita comprá-la quando você acessa o site, primeiro, uau, boa, legal. Algo parecido também. Então isso é. Isso é perfeito. Mas eu preciso aumentar esse presente e, para aumentar isso, clique em arrastar isso para cima. Acho que cabe aí. 91. Então está tudo bem coberto. Tudo está bem coberto agora. Sim, tudo coberto. Então, o que fazemos? Há algo que precisamos entender a partir daqui. Precisamos colocar um pouco de escuridão. Precisamos colocar uma camada escura em cima disso, uma cor escura em cima da imagem. Assim, quando eu colocar uma mensagem de texto, o técnico poderá mostrar, exatamente como fizemos aqui, isso é ao redor do espaço, há algumas coisas escuras aqui Sempre que eu trago alguma coisa por aqui. OK. Quando eu escrevo um texto ou algo assim, ele vai aparecer. O que nós fazemos? Acabamos de apresentar e adicionamos uma cor, e essa cor é 20%. A parcidade foi reduzida como de costume. Em um tapete de figo, basta selecionar esta centena atual. Desculpe, são dez Contras, um erro. Vermelho. Você pode ver. Agora, você pode ver que estamos planejando colocar um pouco de preto nela apenas para que você saiba , apenas para fazer preto supere, apenas para fazer com que a foto não acenda para torná-la pelo menos um pouco mais escura, mas não está funcionando Então, o que fazemos? Existem diferentes maneiras de realmente importar uma imagem. É por isso que isso não está funcionando. Vamos usar o segundo. O que nós fazemos? Apenas exclua isso. Então o que você faz, basta clicar e clicar em arrastar madeira. Você pode ver essa imagem e excluir a imagem. Muito perfeito. Em segundo lugar, selecione esta opção para preencher. Na verdade, você também pode excluir isso. O que nós fazemos? Basta pressionar para selecionar o ícone de adição. Veja a mesma coisa de antes e selecione essa opção. OK. Venha até aqui. Isso é sólido, cor normal, isso é gradiente. Isso é imagem, e isso é vídeo. Quero importar o que é uma imagem. Selecione uma imagem. Escolha a imagem. Você pode ver que isso nos leva diretamente ao download, arquivo de recursos do FDA, então T é a imagem, FAÇA um, então Vai direto para a caixa. Agora você pode cancelá-lo. Você pode ver um pouco diretamente dos fili, assim como um gradiente de cor Isso mostra também que isso é uma imagem. Então, o que eu tenho no campo. Você pode selecionar se vê uma imagem de gradiente sólido, você pode ver perfeitamente Então cancele isso. O que fazemos agora. Agora, selecionamos qual é o ícone de adição. Agora devemos ter um gradiente nisso. Devemos ter uma cor sólida nisso, desculpe. Selecione isso aqui, cor sólida. Você pode ver algo assim, clique em arrastar porque está na parte superior da imagem, então isso afetará a imagem. Traga de volta ao preto. Cancele isso. Isso é o que 20%. Então, basta trazer o cursor por aqui. Você pode ver o clique esquerdo e o botão direito do mouse arrastando a codificação para a direita Você pode ver perfeitamente. Vamos tentar reduzir isso. Clique e arraste para baixo. Deve mostrar a imagem, mas não demais. Sim, 70 deve estar bem. Você pode reduzi-lo para 50 e deixar bem claro. Mas eu não quero deixar isso muito claro. Eu o reduzo. Sim, 70 deveriam ser. Sim. Isso é algo que deveria ser suficiente, então é só isso. Então, o que fazemos? Agora, para isso tenha o mesmo plano de fundo, podemos realmente usar a partir daqui. Então pronto. Clique em Presente a mudança, abaixe-a. É um. Vamos começar a nos ajustar. Que cor exatamente usamos para isso. Gostamos de uma cor rosada. Eu não preciso disso, na verdade, limpe o livreto sobre esta exclusão C pressione o que seleciona isso. Venha aqui e pressione o que eles concordaram. Como de costume, selecione Cls. Nós temos uma maneira de subir para o trabalho. OK. O centro aéreo é 20, é o que 80. Presente inter. Muito perfeito. O que nós fazemos? Ampliar Agora, precisamos agrupar porque , na verdade, estava com esse logotipo antes do próprio logotipo da marca. Na verdade, ainda é reconhecido, você pode ver Brandi agrupada com Você clica em clicar e direcionar o grupo. Como eu disse, clique no grupo, você pode ver agora é apenas uma camada normal. No momento, a tecnologia envia uma mensagem de texto para eles, que mudam para Ok, algo parecido. Tudo bem. Espalhe na tampa. Clique em arrastar os turnos atuais aqui. Boa, muito perfeita. Qual cor exatamente é a cor marrom. Na verdade, eles não têm um logotipo. É o logotipo da marca principal, assim como o logotipo x. O que exatamente é a cor marrom. É meio, você sabe, rosado, na verdade, algo como, você sabe, cor rosa, algo assim Mas eu tenho o código X comigo, selecione aqui. Pressione f008, pressione em quê. Ótimo, quase a mesma coisa que eu tinha lá antes. Muito perfeito. Essa é a cor da marca. Agora eu só estou vindo aqui. Eu venho aqui. Deixe-me clicar nisso, clicar nisso, tentar tirar isso. Separe isso. Em primeiro lugar, eu esqueci. Ao clicar nisso, tentarei fazer com que também seja uma cor de marca. Então, o que eu faço para vir aqui, como de costume. Diga a cor da marca. OK. A cor marrom quatro cria variáveis. O fechamento é muito perfeito. Agora, quando eu venho aqui, uso o botão de minimizar e eu venho, clico duas vezes nele, então eu posso realmente vir aqui mudar para a cor perfeita da marca. Além disso, neste raio de canto, eu posso realmente selecionar neste ponto zero e, em seguida, inserir muito bem. Venha também, clique duas vezes nele, separe a cor dessa marca Venha aqui e selecione isso muito perfeito. Para essa marca em particular, eles têm o m Eles têm uma propriedade e têm um. Não há contato semelhante , então clique duas vezes aqui e deixe-me ver. Eu apenas clico duas vezes. E excluir isso deve ser excluído. Na verdade, vou reconhecer. Ok, bom. Clicamos nisso. zoom, clique duas vezes neste em si, pressione e, em seguida, mude para a propriedade. Clique corretamente em madeira usando o botão mínimo altere-o para pressionar C. Mas não, vamos pressionar o controle, pilotar tudo de novo. Então você pode ver que há um problema aqui, então isso não tem problema. Vamos pressionar Escape. Pressione este clique duplo. Clique em madeira para desenhar as bordas esquerdas. Deveria ser 2”, na verdade três. Este é o botão esquerdo do mouse. Faça com que as palavras sejam perfeitas. Então você pode ver a fuga atual. Com o botão do mouse. Clique em clique nesta planilha de presente antiga. Na verdade, vou ter isso aqui. Que mal. Apresente folhas g. Para que eu possa retirar a palavra um Layer grid. O que você faz, deixe presente escudo sobre isso, depois clique e arraste um pouco para cima. Muito perfeito. Agradável. Qual é a próxima coisa a fazer? Olhando para isso, jogamos tudo isso bem, então ele traz um texto e uma chamada à ação muito rapidamente, e a imagem já está lá, então isso não é um problema. O que nós fazemos? Na verdade, trazemos isso para cá. Na verdade, resolvemos isso sem problemas. Além disso, para isso, você pode trazer um botão. Isso não é um problema. Muito perfeito. O que podemos fazer com isso? Vamos deletar isso de uma vez, continuamos fazendo isso. Então, estamos lutando agora com o que estamos lutando agora é o que é isso Basta selecionar isso em diante, colocar imóveis Propriedades voltadas para baixo, entre com perfeição. Estamos lutando apenas com esse bom. Ok, basta clicar aqui, venha aqui. Você pode simplesmente clicar com o botão direito do mouse sobre isso e depois um grupo, porque isso é realmente uma diferença. Este é um texto menor, esse é um texto maior. Vamos lidar com isso primeiro. Com isso, você pode simplesmente ampliar, em um. Agora você pode realmente aumentar isso e aumentar esse tempo. Deste presente em um, então vamos ficar bem. Bem-vindo ao caps lock imediatamente ao seu ***, entre conforto e assim por diante O que nós fazemos? Acabei de escapar e arrastar isso, é muito perfeito Curta isso e, traga isso clique duas vezes nesse perfeito. O que eu quero usar é alinhado ao centro porque deve estar no centro Traga em volta o Isso é realmente o que isso é, perfeito. Agora, o que precisamos para reduzir os telefones? Venha aqui e tente reduzi-lo drasticamente. Digamos que em torno de 50, digamos 50 5591, e isso está no meio, bom Vamos tentar usar os pontos. Vamos fazer um bom ajuste. Apenas apresente. Clique em madeira e arraste isso. Venha, venha aqui para obter uma cor marrom. Esse foi o próximo estilo. Então venha aqui, selecione essa cor marrom clique em arrastar assim, uma fuga muito perfeita. Qual é a próxima coisa a fazer, trazer isso para cá. Em primeiro lugar, muda para mudar o centro alinhado 91. Agora, o que fazemos, acabamos de apresentar, perfeito. Vamos digitar, tudo bem. Então, a partir da integração perfeita de texturas pressione o toque de luz e sombra todo Corner President convida OK. E admiração por parar. Venha até aqui. Você pode clicar com o botão direito sobre isso e realmente corrigir. É para você muito, muito perfeito. O que você faz? Presente, pule, clique e arraste. Na verdade, você pode simplesmente trazer aqui e apresentar os navios, selecionar este tratamento, centralizá-lo verticalmente perfeito e é perfeito, muito perfeito Clique e arraste os navios atuais um pouco z. Agora, para o dom do bot, clique e arraste para lá. Muito perfeito. Na verdade, não esqueça. Seja qual for o formato, tente, tanto quanto possível, fazer com que seja o formato do botão principal de call to action. Agora, vamos pressionar zero. Nenhuma como primeiro passo. Em seguida, tente separar este, dê a ele uma nova cor de marca Nenhuma. Isso é realmente muito bom em design. Isso é clicar duas vezes aqui. Agora, o que você faz? Você muda? Fuja, isso é perfeito. Clique duas vezes. Presente, bom. Contato. Fuga atual. Isso é bom. Em seguida, clique em segurar e arraste a pasta atual. Consignando isso, vamos usar um botão corporal, um tipo de botão de contorno baixo, assim como usamos para o primeiro . Então, o que fazemos aqui? Clicamos nisso e fazemos com que valha a pena. Nós separamos isso, tiramos o campo. Venha para o Stroke. Em seguida, mude a cor do traçado ou simplesmente venha até aqui, use a cor da marca e continue pressionando para que qualquer uma e continue pressionando para das duas ou três realmente apareça aqui Você pode ver isso muito perfeito. Agora, o que fazemos? Clicamos duas vezes sobre isso, damos a cor marrom, perfeita. Presente. Queremos mudar o estilo da escrita, muito perfeito. Presente muito perfeito. Tentamos fazer com que simplesmente coloque uma flecha aqui ou algo assim. Defina isso e clique com o botão direito do mouse na parte do recurso solte um presente k. Ok . OK. Na verdade, eu o trago e deixo cair, muito perfeito, muito bom. Perfeito. Na verdade, podemos clicar aqui e clicar aqui e clicar aqui. Clique nesta planilha atual, clique nela e pressione. Tente agrupá-los e você verá. Apresente as folhas, corte-as e pressione, junte-as, perfeito OK. OK. E nós já entendemos. Nós já temos isso. É muito, muito perfeito. Vou tentar o máximo possível para ter certeza. Deixe-me trazer isso aqui. Clique. Clique no código e arraste-o para cima. Você pode ver 15 a 15 cliques, muito perfeito. Agora, qual é a próxima coisa a fazer? Basta apresentar os navios, selecionar e selecionar este país G novamente. Tente agrupá-los. Composto, mas tudo bem. Clique no código e arraste-os até os navios atuais e você poderá ver esse horizonte limite perfeito, muito, muito perfeito. Eu posso tentar aumentar um pouco. OK. Eu acho que isso é perfeito. Então, este é na verdade o site, na verdade, de um tipo de página de destino da seção do euro. Este é um site imobiliário. O login no site, na página de destino e nos CDs. Na verdade, você sabe, atraente para eles. E, na verdade, você pode entrar em contato ou, você sabe, explorar mais inscrições e, você sabe, coisas assim, na verdade. Então é isso para esse design de marca em particular. Então, podemos ver que na verdade é idêntico a esse problema de imagem que você tem. Temos duas coisas realmente alinhadas ao centro e, você sabe, muito perfeitas Tudo está muito, muito perfeito. 27. B01: Seção, vou te ensinar animação e protótipo, muito, muito simples Aqui, na verdade, depois da página cinco, basta pressionar mais, então ele cria a página seis, mas essa página sete já é metade da página seis. Apenas contraste. Temos a página seis. O que fazemos? Começamos a animação a partir da segunda página principal, que é o quê, que é essa em particular. Basta selecionar contra C, depois ir para a página seis, e depois o que. Controver muito perfeito Agora, o que você precisa entender sobre animação é que ela é muito simples. Tudo bem, na verdade pode parecer difícil, mas não basta seguir os processos, você entenderá. Agora, o que fazemos? Podemos clicar depois de selecionar tudo o que você sabe, como de costume, clicar em Present Shift e copiar e colar fora. Eu mencionei as palavras , deve ter um ponto de partida e que ponto final. Tem que ser dois. Cb três pode ser quatro Mas no mínimo dois. Principalmente, certamente teria um ponto de partida e um ponto final, e também sempre haverá uma conexão do primeiro ponto ao último ponto, do início ao fim, e também o movimento é muito importante Na maioria das vezes, entendo duas coisas. Deve ter um 0,1 inicial, ponto final, o 0,1 inicial, desculpe. O ponto de partida que é o número um, os pontos finais, que é o número dois, o movimento. Na verdade, o movimento se concentra nos pontos de partida. Você pode ter dois, três pontos de partida, mas esse ponto final sempre se manteria. Essas são animações muito simples que vamos ver agora para que você tenha uma animação funcionando perfeitamente e sem perfeitamente e Há algo que você precisa fazer. Basta chegar ao primeiro ponto aqui. Vindo até aqui. Agora estou bem. Você deve ser capaz de agrupar os elementos vêm da mesma forma ao mesmo tempo. Os mesmos milissegundos. Se eles estiverem vindo de cima para baixo ao mesmo tempo, você deve agrupá-los. Venha da esquerda para a direita ao mesmo tempo, você deve agrupá-los. Venha de baixo para cima. Você deve agrupá-los. O que nós fazemos? Agora, nós temos isso. Adoramos o primeiro âmbar a, colocamos o segundo âmbar a. Primeiro exclua o segundo âmbar. Primeiro exclua o segundo Seja o que for feito com o primeiro âmbar, também esteja no segundo âmbar. É muito, muito importante porque quando você agrupa Aqui, você agrupa aqui, você agrupa isso também e não o agrupa no segundo, o ponto final da seção zero. A animação não será do jeito que deveria ser. Talvez nem, então é muito importante. Agora, depois de fazer todo o ajuste, você pode copiá-lo e colá-lo no próximo local, que será o ponto final da animação. Agora, o que fazemos sem isso, que é o mboger. Isso é bom. O que fazemos, selecionamos sobre isso, turnos atuais, selecionamos sobre isso, turnos atuais selecionamos sobre Todos esses elementos são rádios tomográficos que virão da mesma maneira, de cima para baixo O que nós fazemos Seu controle. que eles fossem um grupo antes de você precisar agrupá-los, você deve agrupá-los novamente. O que você faz Você contraria. Depois de agrupar isso, porque a animação vem de cima para baixo em uma tradução perfeita, muito perfeita. O que eu faço? Qual é a próxima coisa a fazer? Vou selecionar isso também. Eles devem estar vindo da esquerda para a direita, de volta à sua posição. O que eu faço, eles já estão agrupados novamente. É irritante para o grupo. Contra g. Tudo bem como grupo três, grupo dois grupo, grupo três. É um. Também temos isso. Você pode ver se eu tentar selecionar isso, vou selecionar o que as folhas. Ou seja, as folhas são o que as folhas estão sobre tudo. Você pode simplesmente clicar com o botão direito do mouse e enviar de volta para ver o que quisermos comparar o que estamos fazendo. Selecione sobre isso, selecione sobre isso. Para esses dois, posso decidir trazê-los de para cima para transição perfeita da animação Mas o que eu faço? Eu não preciso fazer isso. Tudo bem. O que eu preciso fazer? O que eu preciso fazer agora é isso. Quero ter certeza de que os dois venham da direita para a esquerda e em uma transição perfeita Não ao mesmo tempo. Em uma época diferente. Você pode ver no vídeo de introdução a bolha verde sólida que veio antes do contorno Transição perfeita. Você vai dizer que eu vou fazer isso, vai ser isso vai ser separado, isso vai ser separado. Mas eu posso decidir simplesmente contrariar um grupo. Venha até um país que já foi um grupo. Tudo o que fizemos, grupo um, grupo dois, grupo três, grupo quatro, tudo bem. Isso não é uma coisa ruim. Isso também separadamente, tra G. Isso também separadamente, tra perfect. Para isso também separadamente, apenas contra g. perfeito. OK. Além disso, para essa forma sólida, podemos vê-la separadamente e também é perfeita Além disso, o que é o próximo, o que é isso, selecione isso. Vindo até aqui. Acho que houve um erro aqui desde o início. Selecionado. Nós não precisamos disso. Não é útil aqui. Temos todos eles em grupo, você pode ver que vou passar por aqui. Não clique como um filme. Você pode ver que, na verdade, os mostra no que está na moldura do aplicativo. Qual é a próxima coisa, dirtul? Achei que tinha acabado de usar isso. Este retângulo eu o agrupei agora mesmo. E um. O que é isso? Perfeito. Eu não fiz isso. Selecione em qual país ele já está agrupado, qual é esse Perfeito. Qual é o último? As folhas. Basta clicar com o botão direito do mouse aqui e enviar para as frentes. Na verdade, você pode clicar aqui e enviar para. Se você for selecionado, pode não ser o que estou selecionando bem, é o que estou selecionando bem, Contras, mas venha aqui Selecione aqui e o que colocar em primeiro plano clique com o botão direito novamente. Desculpe. Selecione-o e o que é o grupo G de controle. Perfeito. Tudo é um grupo de palavras , desde a esquerda até a própria fronteira com a sombra. , podemos separar a sombra da porcaria, mas vamos deixar como está Para o RO, nosso menu para o pedido agora para os clientes certificados de 2012, clientes satisfeitos com a adição e a subadição. Temos a barra de navegação e também temos o sólido. Tudo está bem agrupado agora. Qual é a próxima coisa? Agora, há um ajuste normal para fazer apenas os movimentos, e o movimento serve apenas para a palavra do ponto de partida da animação. Qual é a próxima coisa a fazer depois de agrupar tudo. O que selecionamos aqui é que tudo foi selecionado, então você clica. Você pode clicar aqui ou clicar aqui. Então você clica em Antigo e arrasta, você clica. Essa é a primeira coisa. Em seguida, pressione um shift e pressione d para clicar em Antigo, L para copiá-lo para fora. Basta colocá-lo em algum lugar perfeito para ver os pontos de partida e quais são os pontos finais. Quando o fizéssemos, havia a próxima coisa a fazer, os movimentos. Passando de cima para baixo , você sabe que, na verdade, Figma terminaria todas as outras animações ou protótipos É aqui que estão o protótipo e animação, você pode ver o protótipo Você pode ver que coisas diferentes realmente apareceriam. Você pode ver a seta, desculpe. Você pode ver que haverá algo se conectando, coisas se conectando. Ao selecionar isso, você pode. Vamos nos conectar assim e nos conectar a essa e a uma transição perfeita, mas não é hora Vamos voltar ao design para não cometer erros. Ni é um. O que nós fazemos? Dê um zoom aqui para ver o primeiro. Nós temos o que eu esqueço. Você deveria ter copiado isso exatamente aqui. - Ninguém. Temos dois, temos Boger, W é Boger um. Aqui é Boger 2 Na verdade, podemos clicar duas vezes um clique duplo e alterá-lo para dois por dois , maior por dois w. Vamos para g dois Um. Este é o maior, é o que eu tenho dois blogs O que estou tentando fazer aqui é colocar o idiota um acima disso, porque um deve estar sempre acima Essa é a coisa normal. Então, venha aqui e selecione algum lugar. Essa porcaria é a corneta 2. Não há nenhum ajuste que estamos fazendo nos dois Boger, apenas deixe como está Apenas deixe do jeito que deveria ser . Isso é para o balde dois. Mas o do bugger é para onde o movimento deve ir, porque depois de cada movimento aqui, podemos conectá-lo usando o protótipo a este com o segundo bugger Agora, o que fazemos é selecionar isso. Isso foi relatado. Eu sei que a luz está obstruindo minha visão. O que eu faço? Eu tento, tanto quanto possível, vir até aqui. Na verdade, posso tentar procurá-lo no grupo dois depois selecionar em seu tn. Algumas mudanças para mim. Mas, ao fazer algumas alterações, você pode, por engano, vir aqui novamente e simplesmente pressionar o que é chamado de folha É muito importante apenas compará-lo. Você sabe, você não será capaz de fazer isso. Selecione o mentiroso e clique com o botão direito nele e o que será enviado de volta E eu sou capaz de fazer suas transições perfeitas, transições de animação e protótipos. Mas eu não quero que você apenas contraste de volta. Não quero deixar que eu deixe isso bem. Deixe-me dar uma olhada aqui e tentar vendê-lo. Acho que é o grupo dois. Boa. Você clica. Oden se arrasta para cima. Você pode ver. Dê a ele um dragão liso para lhe dar algo proporcional, sem dançar sobre o pendurado ou dançando de cima Basta apresentar *****. Comprima-o. Você clica em navios atuais, eles sobem, sobem em proporção, muito bem em boa proporção, sem chegar assim ou algo parecido. É uma grande proporção, subindo. Sem erros. Subir assim, em transição, como em movimentos suaves em movimentos suaves. O que você faz Conforme você sobe, você pode ver que, quando você traz uma gota, ela está aparecendo do lado de fora. Não queremos que algo assim apareça lá fora. Ao fazer movimentos para a animação, você não permite que ela apareça. O que fazemos? Contras it. Ao selecionar isso, você pressiona os turnos. Pressione os turnos e, em seguida , pressione o que está na barra de espaço Você clica em antigo e em que antigo e arrasta o pequeno botão esquerdo do mouse. Mais uma vez, eu me repetiria. Agora, como sempre, venha aqui para o grupo dois. Ok, agora, clique com o botão esquerdo do mouse, clique em antigo. Antigue-o, pressione Shift e barra de espaço e arraste para fora. Você pode ver, nada aparece lá fora, mesmo se eu arrastar e pegar. Agora deixe-me arrastar para baixo. Você pode ver. Você pode ver o arrasto de volta para cima, nada está mostrando y, eu pressionei o espaço traseiro, que é um bom atalho, um atalho muito bom na Você pressiona as folhas para que fiquem proporcionais , de modo que se mova para a esquerda ou para a direita, seguindo em linha reta sem problemas E pressionando o espaço traseiro para ter certeza de que não está aparecendo do lado de fora. O que você faz Não chegue muito longe daqui. Por causa da animação, os milissegundos. Basta trazê-lo para algum lugar e tudo bem. É uma exibição normal, basta deixá-la lá fora. Sim, pare com isso. Está aparecendo. Se você puder ver, na verdade, basta aparecer quando estiver aqui, ele aparecerá, então você o selecionou de fora. Perfeito. Agora, uma coisa que você precisa entender para uma transição perfeita, 100% perfeita e uma animação perfeita Três lisos. É descendente. Sempre que você faz uma coisa dessas, você faz o movimento. Agora você fez isso de cima para cima, ou seja, quando a animação está chegando. Vou passar do topo para o lado inferior, mas mostrando aqui no topo, isso é descer em uma transição perfeita Animação sem pecado, como você viu nas palavras do vídeo de introdução Vai se mover assim, descendo, tudo será o principal ponto final aqui Você não precisa se preocupar com o desempenho da animação. Basta dar o movimento. Figma calcularia o milissegundo. Se você der esses milissegundos, Figma faria a transição de uma forma muito parecida. Mas para torná-lo mais perfeito, essa palavra acabou de aparecer. Não vá para o campo. Você não está sentindo nada. Venha para a camada. Você pode ver que passar pelo axônio é simplesmente apresentá-lo como está. Basta passar para a opacidade. Selecione desta forma , dê zero e digite. É assim que vamos fazer tudo. Isso é o que vamos eleger sobre a transição mais simples. É isso mesmo. Agora vamos para o próximo s. Este é o próximo. Selecione sobre isso. Você pode ver que estou selecionando à esquerda. O s b e acabou. Veja, esse é o Grupo três. Você clica com o botão esquerdo para cima. motivo muda. Isso é um erro. Isso é um erro. Desculpe. Grupo três, selecione a boca esquerda. selecione s. Motivo, mudanças e barra de espaço, clique em Antigo e arrasta até a última Você pode terminá-lo? Você pode parar aqui bem. Você pode fazer com que desapareça completamente. Isso é um problema. Deixe que seja uma boa. O que você faz? Escolha nesta ala o que é muito importante, muito importante. Qual é a próxima coisa a fazer? Basta ampliar. Agora, não se esqueça, porque essa animação, esse pedido na verdade, seria mais rápido do que o nosso menu O que nós fazemos Depois de selecionar isso, pressionamos os turnos. Desculpe. Você pode, na verdade, é isso. Grupo quatro, pressione os turnos e o que selecionar é tudo. Talvez não selecionemos por causa da folha, que é o que está no topo. Quando você seleciona o grupo quatro e pressiona os turnos, saia e selecione o grupo cinco. Isso não é um problema. Clique. Pressione os turnos. Desculpe, confuso Selecione Pressione Shift como espaço de impressão, mova-se assim. Por quanto tempo você deseja se mover para a posição? Então, novamente, selecione apenas no grupo cinco. O movimento é mais pressionado, um espaço de pressão por movimento é mais parecido com isso e tudo Vamos deixar as coisas assim. Então, o que vem acima de zero. Você já viu como realmente se parece no vídeo de introdução porque , na verdade, o botão sólido veio mais rápido do que isso Você define esses, então qual seleção p zero, depois zona. Estamos indo bem. Qual é o próximo? O próximo a fazer agora é para esses 200 mais f c, chegamos ao grupo seis. Clique, pressione P e coloque espaço, abaixe, não muito. Selecione zero Nizone Selecione estes também são os. Grupo sete, antes do turno e faça com que seja mais do que esse ato. Então, agora zero. Perfeito. Agora vamos para o switch Amberger bog bog Boger. Grupo nove. O que fazemos contendo o Amberger Nós clicamos. As mudanças atuais na barra de espaço diminuem. Isso é fazer com que não pare. Isso não é um problema. Pare com um problema, mas vamos descer. Sim. Vamos descer. A seleção neste é zero. Perfeito. Qual é a próxima coisa a fazer? O próximo deve ser o que o sólido seleciona sobre isso. Isso é um produto sólido. Depende de até onde você vai porque a animação é calculada em milissegundos, em milissegundos Se realmente há algo que você está tentando fazer. Deixe-me mostrar apenas como um exemplo. Na verdade, estou te ensinando. Clique, pressione Shift e volte para trás. Na verdade, você o move por aqui. Eu não vou sair muito. Eu não quero estar aqui. Eu quero que seja lá fora. Tudo bem. Você vê que está por aqui e eu tento , tanto quanto possível, chegar até a folha. Esta é a folha, clique em apresentar as folhas e o que são as bolhas de espaço e arraste-a mais para fora, vá para fora mais, para longe Na verdade, você pode ver isso em algum lugar por aqui e o que é a folha. Você pode ver e é assim que se chama? Esse é o sólido. Ou seja, o sólido realmente se moveria mais rápido, se moveria mais rápido. No quadro, na animação, então qual é a folha. Isso é o que eu quero. O sólido deve se mover mais rápido. Então o idiota entra. Então, o que acontece? A folha vem por último. Esse é o objetivo. Esse é o objetivo dessa animação em particular. Agora, deixe-me selecionar isso. Essa é a folha. Não se esqueça dar zero. É muito importante. Deixe-me selecionar esse d e dar zero, zero, zero, zero, zero. Quer dizer, eu estou olhando para este lugar, na verdade, ao redor do lado zero, 000. Eu acho que há um que eu dou zero líquido. Então, agora, o que fazemos? Com o término do movimento, precisamos transferir essa transmissão perfeita para isso Precisamos conectar isso a isso. Precisamos garantir que haja uma interação. Então, o que fazemos? Apenas venha para provar que é simples. Acho que fiz isso antes. Se você quiser cancelar algo, vá até aquela interação que conecta a corda conectada, clique na madeira, arraste-a para baixo e ela desaparece. Muito simples. 28. B02: Você vem para criar um protótipo. Você vê quando você está em algum lugar, você vê isso. Você vê um saco com um ícone de mais no meio, então você pode escolher, na verdade, uma corda específica ao redor corda específica e desta corda específica e simplesmente conectar assim, algo Você pode sair daqui e também se conectar a este lugar. É de maneiras diferentes. Você pode pegar um elemento dentro de algum lugar e clicar. É de maneiras diferentes. Mas o que vamos realmente fazer aqui é baseado em quadro a quadro com base em quadro a quadro. Apenas anote isso, derrube. Nós não precisamos disso. Acabei de começar com isso, eu comecei com isso. Mas o que dissemos é que porque é um ponto de partida e é o ponto final, então começa daqui, é NC Vamos clicar aqui em Tropics aqui, você verá que todos esses lugares mudarão e isso aparecerá É aqui que estão as configurações. É muito importante entender isso. Agora, não esqueça que eu disse, este é o ponto de partida. Esses são os pontos finais. Fizemos o movimento, o movimento está sempre no ponto de partida, e essa é a conexão, e é aqui que o ajuste, o quadro passa, os milissegundos, quantos minutos você quer se exercitar É muito simples. Nem mesmo é composto para você memorizar coisas Quando você está fazendo isso e fazendo isso com frequência, você se acostuma. Agora, o que nós queremos? Essa é a primeira coisa que você faz. Você precisa vir para Plus aqui. Você não precisa disso. Você não. Para cancelar dessa forma de cancelar. Se você cancelar por engano, basta vir e ver a interação Interação não toque em nada, passe para a interação. C sobre isso e ele aparece. É como se você pudesse clicar e trazê-lo para cá também. Isso não é ruim. Você pode fazer cc novamente. Você pode clicar, depende de nós como profissionais. Que bom que temos isso perfeito. Agora, qual é o próximo? A primeira coisa que você precisa fazer é ir de cima para baixo. Agora, da esquerda para a direita, atue. Clique. Ou seja, como você deseja que sua animação seja acionada? Para ser acionado. Essa é a primeira coisa que acontece antes a animação realmente seja ampliada, você sabe, chegue aos holofotes Agradável. Você diz nenhum, descobre que não há problema, então não há animação. Agradável. Você diz em um clique. Ou seja, sempre que você clica na tela, a animação começa. Sempre que você arrasta na tela. Sempre que você acaba, logo acima, usando o mouse enquanto apresenta algo. O caminho do jogo. Entrar com o mouse, sempre que o mouse entrar, assim como acabou. Sempre que o mouse entra em uma página específica. É quando você rola para baixo e o mouse entra nessa seção específica A animação aparece. Sempre que o mouse sai. É muito, muito interessante. Sempre que o mouse estiver abaixado, o cordão s, sempre que o mouse estiver levantado. O que precisamos exatamente? Esta é uma animação por meio da qual. Sempre que alguém entra em um site, imediatamente, o que acontece, a animação aparece. Não até você mover o mouse ou não até que algo aconteça. O que nós fazemos? É depois de um atraso. Quando eu coloco após um atraso, há uma série de propriedades e funções. Você pode ver. Sim, nós temos isso. Você pode ver. Agora, o que eles têm aqui é que está definido como zero, como eu fiz antes. Ao selecionar isso, basta navegar até. Ou seja, estamos navegando de Amberger para você ver o que acontece Se você estiver voltando, defina variáveis, mas não precisamos de todos esses anúncios que não são importantes agora. Basta navegar dois. Você pode ver que este navegador não navegou para nós novamente. Você clica e o que há entre dois. Está fazendo isso falhar. Você nem pode selecionar isso porque a animação vem daqui. Está fluindo daqui. A interação vem de Amberger Ambog dois, W navigator para Ambog dois W navigator Perfeito. Você pode ver. Após o atraso, 800 milissegundos. Agora podemos ajustar isso, mas deixar como está. Eu uso 800 milissegundos na maioria das vezes porque, se for cerca de 1.000 milissegundos, por exemplo, será mais lento Quando você entra em um site, por exemplo, imediatamente, ele carrega. Isso ocorre após um atraso de 800 milissegundos. A animação começa. A animação começa. A missão começa a se mover, os elementos começam a se mover no quadro específico após uma seção específica, 800 milissegundos. Isso é após o atraso de 800 milissegundos. Mas outra coisa agora é que, se você aumentar esses milissegundos, será muito mais lento Mas deixe em 800 milissegundos e você poderá realmente jogar junto com ele Na verdade, você pode selecionar um químico e selecionar. 300. Sim, deixe pra lá, eu tinha 800 anos, muito importante. Navegamos até o mboger two. Agora, esse é o tipo de animação que realmente assistimos e queremos, seja para entrar, sair, empurrar, deslizar para dentro, deslizar para baixo. Às vezes, usamos 100 movimentos ou IOS, especialmente 100. Ok. Porque estou muito mais acostumado. Você se move para a esquerda, quando clica em algo, você só vê a tela que eu movo para a esquerda, a interação. Quando você volta, se move para a direita. Mova-se, saia, empurre slide de dentro para fora, algo assim. Mas a maior coisa que usamos no Figma é a animação inteligente É muito inteligente. Não é um idiota, mas um impostor inteligente. Quando você seleciona isso, algumas outras opções aparecem após um atraso econômico de milissegundos e podemos escolher as duas. Animação inteligente. Isso é outra coisa que temos que entender quando eu trago meu mouse aqui e para cá, você pode ver. Você pode ver o que realmente aconteceria. Você pode ver que isso é como uma prévia de como a animação realmente será. Agora, venha aqui. Agora temos isso. Agora, isso depende como você deseja fazer animações, além do atraso, que é em milissegundos Como você quer que sua animação seja? P está dentro, ele sai e entra, H está por trás, ele está por trás, ele está dentro e fora de trás. Alfândega, Jane muito rápido, salta devagar. Mola personalizada. Você teria visto daqui. Vamos ampliar um pouco. Desculpe por isso. Agora, você teria realmente visto. Quando digo linear, você pode ver que a animação realmente pré-visualiza, você pode ver a linha. Você pode ver o que está dentro, você pode ver o que está fora. Coisas diferentes e diferentes são aplicativos. Mas, na verdade, se tentarmos, a melhor maneira é jogar o protótipo e ver como fica Mas tudo é quase a mesma coisa. Mas vamos dar uma olhada em G. Você pode ver que o que aconteceu, é diferente de linear. Mas isso é o que G você pode ver, perfeito. V rápido. Rápido. Essa é boa. Você pode realmente alterar esses milissegundos. Isso você pode mudar. Quanto mais você aumenta os milissegundos, mais lento ele fica Você pode ver. Basta dar uma olhada rápida, por exemplo. Rápido. Quando eu mudo para 2000 123. Você pode dizer o quão lento é, você pode ver. Isso é 600 milissegundos. Você pode clicar novamente. 100 milissegundos. Os dois primeiros. Rápido. Agradável. Mas quando eu digo, 5.000 milissegundos. Muito lento. Quanto mais você aumenta, mais lento. Quanto mais você aumenta, mais lenta é a animação que você pode ver, mais lenta Deixe-me voltar para 600, veja, 600. V rápido. Agora, rápido. Isso é rápido. Por C. Bounce Você pode ver que é um salto, é um salto, algo assim É quase relacionado à segunda geração. G two também é um salto, mas vai saltar um pouco de uma forma pequena, sem mostrar salto nessa medida Você pode ver uma boa. Temos slow slow. Um que eu uso isso. É bom. Com uma mola personalizada, você pode realmente personalizar seus designs. Queremos que seja derrubado assim. Você pode ver, você pode ver. Desculpe. Deixe-me trazê-lo à tona. Você pode ver como isso é. Você pode ver. Dependendo de quão bom alguém é. Você pode ver. Você pode ver. Você pode ver que está se equilibrando e equilibrando. É por isso que você vê alguns sites, digamos que alguns elementos continuam se movendo, pulando, algo assim Continue pulando. Assim também. Você pode ver. Eu não vou fazer isso. Redefina a posição de rolagem. Eu não vou usar isso. Não vou usar nada personalizado. O que eu quero usar, na verdade, eu uso bouncy, Nis one, ou eu uso gene Eu gosto de usar g g. Esse é o meu objetivo para isso. Após o atraso, terceiro milissegundo navega em dois âmbares, para âmbar dois inicie a Você pode brincar com os outros. Para vocês duas pessoas entenderem, não é de jeito nenhum. Também temos gen, que é o que eu uso em dois milissegundos. - Ninguém. Isso é exatamente o que eu gosto. Isso é exatamente o que eu quero. Eu queria Jane Two com 2000 milissegundos, não muito lenta, mas lenta em alguns aspectos Perfeito. Deixe-me diminuir o zoom , na verdade vindo até aqui. Deixe-me reduzir as coisas. Eu acho que está tudo bem. Perfeito. Nós temos isso, então é bom. Agora eu posso, isso é tudo que eu posso realmente cancelar, é um atraso para Abog two Se você realmente clicar aqui, tudo será cancelado e começará de novo. Doutor. Após um atraso de um milissegundo, navegue até a cadeia de animações Abogate de duas animações. O SMA anima anima Onde está a ação? O que fazemos com a ação? Venha até aqui. Não se esqueça de não projetar, definir um protótipo. Você volta ao design, continua projetando, projeta mais. Agora, protótipo O que você vem aqui? Você pode ver o corpo da peça para apresentar. Se eu clicar aqui, mas não clicar aqui, vá até este pequeno e selecione-o. Você pode pré-visualizar. Você vai pré-visualizar aqui. Ou você abre uma guia outra guia imediatamente e ela é visualizada lá Vamos ver o que realmente acontece na rede, ela é bem lenta. Desculpe por isso. Sim. Absolutamente. Zona perfeita, boa zona, F você pode tentar, você sabe, reiniciar, tentar recarregar Nossa, animação perfeita saltando. Ok. Você pode tentar expandir, abrindo a apresentação no veículo. Eu não quero usar isso. Eu não quero usar isso de jeito nenhum, não quero usar isso de jeito nenhum. Vamos restringir o salto Eu não quero usar o que é chamado, desculpe. Não quero usar a prévia. Eu quero usar os presentes. Vamos abrir em uma nova aba e essa é a melhor. Abra em uma nova guia as belas transições e animações perfeitas realmente vê. Muito perfeito. Não esqueça. Na primeira vez que você faz alguma coisa, às vezes ela realmente funciona nessa medida. Não há necessidade de você fazer nenhum ajuste, é só fazer assim. O que você faz Você pode tentar vir aqui, como em uma comida que você conhece. Faça com que seja em tela cheia. Essa é boa. Agora chegamos aqui, selecionamos algo. Na verdade, há um botão de reinicialização aqui. Provavelmente minha tela não está aparecendo. Você pode ver meu mouse, você pode ver meu mouse. Quando você clica no medicamento, você não clica no medicamento. Você acabou de chegar, traga o mouse. Você pode mostrar que vou aparecer aqui embaixo. Você pode simplesmente vir até aqui. Eu sei. Minha tela está mostrando isso, mas basta descer, você vê um botão de reinicialização aqui. Você pode clicar na reinicialização e ela é interrompida. Letra L M e OP Q, a letra. Na maioria das vezes, eu não seleciono selecionado. Na maioria das vezes, não seleciono uma simulação perfeita. Na maioria das vezes eu não seleciono o R. Eu apenas pressiono meu teclado, a tecla, a tecla R no meu teclado. S pressione R novamente. Muito perfeito. Adoro essa animação, Simul. Você pode ver o que realmente é aplicativo. Você pode ver que, na verdade, a borda verde sólida veio mais rápido do que a folha e, sólida veio mais rápido do que na verdade a folha superou tudo Isso não é B. Na verdade, um. Você pode ver. Você pode ver a navegação de cima para baixo. Perfeito. Simulação muito perfeita. Animação perfeita, você pode ver como eles estão pulando, basta ver o Porge pulando Você pode ver uma boa. As folhas estão saltando perfeitamente . Agradável. Veja o mergulho em Boger, o incêndio e essa frequência, na verdade, vieram da esquerda, a navegação da direita de cima para baixo Você pode ver o pedido agora e nosso menu. Você pode ver que o pedido agora chegou mais rápido do que nosso menu. Eles também vêm da mesma maneira. Mas quando eu, na verdade, uso turnos para agrupá-los e movê-los para o lado direito Eu não esqueço que eu uso. Eu voltei direto. Eu uso o menu novamente. Nosso menu, selecionou isso e o moveu para a direita novamente Na verdade, ele virá mais devagar do que o pedido n e realmente se encontrará na parte de trás Deixe-me repetir usando o r. Você pode me ver para atender ao pedido n. Você pode ver. Você pode ver, ver. Simulação perfeita. Os mais de 200 certificam clientes e também o que você pode ver. Na verdade, o cliente certificado apareceu antes do r, mas na verdade se reuniu no mesmo lugar que você pode ver Eu posso ver isso mais um cliente satisfeito. Eu paguei primeiro mais rápido do que a arte porque fiz o aro cair mais do que os mais de 100 clientes satisfeitos, você pode ver Se sim, é uma animação bonita e perfeita que mostra você como ganhar libras Eu pulo po' bosun mais. Nós podemos fazer ajustes. Vamos ver. Vamos passar por aqui, você pode pressionar em Scape. Tudo bem, volta aos projetos. Você pode ver. Tudo é B Vamos ver o que acontece com o equilíbrio. Apenas venha aqui novamente. O que você faz Você pode reiniciar. Você pode colocar no início, tudo bem. Isso não é p. Você pode ver. Seja, eu mudo para tela cheia na outra vez, mas você pode ver R porque você pode ver na balança. Eu não acho que isso salte nesse regime. Vamos dar uma olhada na segunda vez. Na primeira vez, realmente correu bem. Sim, na verdade, estou usando o bouncing agora. Deixe-me tentar refrescar. Vamos ver, Oh, minha rede desapareceu. Desculpe por isso. Deixe-me me conectar novamente. Ótimo, conecte-se. Nenhuma. Conectar. Desculpe por isso. Desculpe. Sim, e agora. Agora vamos voltar à transição e animação do bonde saltitante S. transição e animação do bonde saltitante Transição perfeita. Animação perfeita. Então eu faço. Eu digo, o primeiro é. Isso vai fazer você chorar. Que nação é essa. Perfeito é sobre isso? O que, o que diabos é isso, Pc. Agradeço. Uau. Eu não sei o que é classificação. Vamos mudar para 2.000 1.500. Deixe-me mudar para, digamos, 5.000 5.000 entrem, venham, mas você realmente se exercita. Para que eu possa ver. Bem, vamos voltar ao nosso nós dois normais e colocá-lo em 2001 para três e voltar à pressão r. Temos uma boa transição perfeita. Vamos até lá. Na verdade, você pode tentar sempre envelhecer. É muito, muito importante. Pressione r. Nós temos essa parte traseira muito perfeita r. Perfect. Bom ou. Isso é o que eu realmente quero da primeira vez. Essa é boa. Quando você entra em um determinado site e tem algo assim, uau Nada bom. Você sente vontade de não sair um site, é como se estivesse apenas rolando, vendo mais transições, animações perfeitas Muito perfeito. Muito perfeito. Agora vamos para o ninho. Nice, bouncing, nice, ten, nice, slow, nice, fast, entra e sai, o que é chamado de animação para outra marca Eu vou te ver em um ninho porque o ninho vai ser bem diferente deste. Vá ser diferente disso. Vai sair de algum lugar agradável. Te vejo no próximo vídeo. 29. C01: Aqui mesmo na segunda animação e protótipo. O que eu quero fazer é que eu realmente opte por isso, o que é chamado de segunda seção o, a segunda seção o. Mas deixe-me escolher o quinto. Na verdade, é bem diferente do primeiro. Contra, estou indo bem para os outros. Mas deixe-me começar com isso. Contrato. Como sempre, agora, como fiz na primeira animação do Amberger, podemos transformar o possível. Venha como de costume, vindo aqui, então qual grupo de países esse é o mais normal. Direto neste turno atual e direto nisso juntos. Apenas agrupe isso. Além disso, você pode simplesmente selecionar com o botão direito do mouse. Então o que você faz? Clique com o botão direito. Então o que você faz? Em seguida, grupo. Agora agrupando isso, na verdade Você seleciona isso, na verdade, você pode ver selecionar isso e selecionar isso. Esses dois também estão sendo um grupo, clique com o botão direito sobre eles e, em qual grupo eles também estão perfeitos, como sempre. Agora, basta selecionar isso e agrupar isso, ver isso, depois agrupar isso, selecionar estes e agrupar isso. Sel grupo Ps é normal. O que faremos foi a próxima coisa a fazer? Basta selecionar esse turno e o quê. Tente copiá-lo. Sim. Bom. Tudo está normal. Então, isso é o que dissemos anteriormente. Esses são os pontos de partida, e isso é o que os pontos finais são muito importantes. Agora, os movimentos devem ser feitos sobre o que está no poste. Agora vamos começar com os movimentos. Agora, como sempre, um proto deve estar em design. Então selecione isso, apresente o espaço de mudança de alguma forma assim. Então apresente zero, ótimo. Selecione isso, apresente o espaço de turno externo. Apresente o zero normal. Selecione esse turno e coloque o espaço lá em cima. É um, então pressione sobre isso e premie 091. Traga isso para baixo, mude e derrube isso. Você pode ver onde está realmente. Na verdade, não vai ter um problema que seja um problema como esse. Zero. Em seguida, certifique-se de que este deve estar presente no espaço de mudança Para baixo, mais do que isso. Reduza ainda mais. O presente é zero. Em seguida, selecione este espaço de deslocamento também presente, para baixo. O zero atual, e isso é tudo. O que selecionamos neste protótipo, Connect. Sim. Conectado. Agora, como sempre. Apenas venha aqui. Após o atraso, como de costume, após o atraso, bom, navegue até o que é melhor. Vamos mudar. Na verdade, vamos mudá-lo para éster dois real. Boa. Basta clicar aqui novamente. Para Real e dois, bom, como sempre, como fazemos. Gentil, sim, é isso que deveria ser. Em seguida, dois S. Entre agora direto para onde. Aqui, clique no presente e vamos ver o que realmente acontece. Você vai adorar. Já que você vai adorar. Você pode ver? Muito, muito perfeito. Deixe-me tentar, você sabe, ampliá-lo para que possamos ver melhor. E você pressiona sobre o quê? Você pressiona R. e vê. Muito, muito perfeito. Magnífico. Magnífico, muito bom. Está bem? R novamente e veja. Posso ver você simplesmente entrar em um site e ver animações legais e bonitas, como, você sabe, muito, muito perfeitas Sinceramente, você sabe, venha de um lado da esquerda para a direita e de cima para baixo, baixo para cima, você sabe, de maneiras diferentes Muito bom e muito claro, muito bom. Isso parece perfeitamente bom, perfeitamente bom. Então, agora, além disso, vamos usar o salto para que um bom salto venha para pular Vamos apenas pressionar e ver. Vamos tentar torná-lo grande e vamos ver. Apenas args novos. Ah, eu sou. Então, vamos tentar reduzir, como de costume para cerca de 5.001 para três, digite 91, venha aqui e depois quatro páginas Faça com que seja uma tela grande. Tela cheia. Pressione em r. Você pode ver Perfeito Entra em cada corpo. Vamos dar uma olhada inteira e não sai nada. Boa. Vamos voltar ao normal, que é o que nós dois. Nice J. Quando você o altera logo após voltar para 2000 123. Bom. 2000, então volte aqui e pronto, pressione r, e tudo volta ao normal Muito, muito bem. Na verdade , amplie-o como eu fiz assim Em seguida, volta ao que volta ao normal. Então, vou ver na próxima que também teremos uma animação bem diferente com protótipo, por meio da qual poderemos mover a imagem Você adoraria. Sinceramente, você gostaria Vou ver no próximo protótipo de animação. 30. D01: Sim, vamos direto para o técnico. Venha aqui até a quinta. Eu acho que você deveria ser o não. Desculpe, Dr. Thot. Selecione essa zona contrária e cole. Íon. Nisi um Agora venha aqui. Em seguida, pressione Shift, isso, depois isso, depois contra g, esse é o primeiro, então selecione isso também. Sim. Na verdade, estão todos juntos. Eles já estão agrupados. Esse é o grupo três. Agora temos isso também. Eu posso decidir simplesmente trazê-los da direita vindo assim, mas. Eu não quero fazer isso desta vez. Na verdade, os dois virão de baixo para cima juntos, mas separadamente. Deixe-me deixar assim contra G, depois contra G. Agora, para isso, mudança atual também é Control G. Perfect. O que você faz Sim Agora, o que mais temos? Temos tudo sendo agrupado. Mas não está agrupado O que aconteceu? Sim, esse é o pano de fundo. Você clica uma vez. Esse não é o pano de fundo. Isso é um quadro, você clica pela segunda vez, então você tem a imagem. Controle Z. Agora temos essa imagem também. Apenas controle bem, coloque-o em um grupo. Tudo bem. Temos tudo pronto. O que nós fazemos Desculpe. Então, o que fazemos? Clique aqui Apresente as folhas, depois pressione para fora, depois coloque isso aqui. Muito, muito perfeito. Então, agora, vamos direto ao que temos que fazer. Agora, selecione nesta folha atual e insira um espaço, suba, coloque um protótipo e volte ao design Selecione isso. Agora vamos até aqui, enquanto você pressiona. Além disso, este eso, apresente a folha, basta trazer para algum lugar aqui. Perfeito. Ah, desculpe por desencorajar a exibição do lado de fora, porque eu tenho que voltar para a segunda vez que está presente, controlar a mudança para baixo, depois o espaço, depois pressionar zero como de costume Então, para isso, na verdade, eu quero fazer com que eles venham do caminho descendente, não se juntem a isso. Ok. Na verdade, posso me juntar a isso, mas não quero me juntar a isso. Então, eu quero que eles venham de baixo. Então, basta colocá-lo nos turnos e, você sabe, assim, apresentar zero. Ok. E isso. Em seguida, reduza isso também mais do que isso. E o que você faz? Selecione este zero atual. Além disso, selecione os turnos atuais e pressione zero. Para este último, qual diferentes empresas confiam, posso agir de forma que elas possam vir da esquerda para a direita, assim como fizemos na última, pois para a marca imobiliária, na verdade, temos a aparência do nome da marca e também a navegação vindo da esquerda e da direita para cima Eu posso ativar isso para isso também. Venha da esquerda e da direita. Você tem uma foto. Qual é a última coisa? Eu me certifiquei de que a primeira animação, que é o berger , fosse bem diferente Tem uma diferença particular. O segundo. Na segunda, na verdade, as coisas estão vindo de baixo e algumas boas paradas, à esquerda e à direita, o logotipo e, para isso, na verdade, você verá a bicicleta se mover Sim. Você vai ver o movimento. Agora, para isso, basta clicar e pressionar a tecla shift e, em quanto espaço, ele vai embora Mas há um problema. Por que o escoramento pode ser um problema. Sim, o erro é que, selecione neste baralho. Para arquivar. É um arquivo. É totalmente branco. O que você faz Você tira daqui, simplesmente clica em algum lugar de qualquer maneira, traz o que, preto e fica. Agora, a cor do que permanece preto, não branco. Vamos experimentá-lo. Agora, selecione uma imagem. Clique, pressione Shift, soletre e fale. Muito, muito perfeito. Não acordou muito. Vai ser como dirigir boom boom, boom, bom. Sou tack, eu sou tack. Boa. Vamos. Perfeito. Muito perfeito. Tudo vai desmoronar. Tudo simplesmente vai desmoronar, então nos levantamos. F, deixe-me renomear isso, clique duas vezes. Dê duas, boa. Agora, qual é a próxima coisa a fazer? O próximo passo é selecionar esse protótipo e conectar-se. Você precisa interagir. Agora, basta ir até depois de um atraso navegar até você ver tech two nice one, smart animate two as, A 2000 Tudo bem. Está tudo pronto. Agora temos tudo pronto. Agora, na verdade, não esqueça. Depois da mudança, vamos voltar ao design. Agora, aqui, a bola redonda é o que é preto. Aqui também o t dois, que preto. O ABS não é preto, o ABS é branco. É muito importante porque ele vai se mover , porque isso vai mover o fundo, na verdade. Ao redor, na verdade, é preto, então tem que ser preto, então preto preto. Basta colocar isso, na verdade, como eu fiz , e trocar de preto aí Porque se você simplesmente clicar nisso e dar uma olhada. Se for branco, você pode ver, vai ter um problema. Deveria ser preto, bom. Agora, qual é a próxima coisa a fazer? Vamos direto ao ponto. Agora, protótipo O pecado está pronto. Então vamos ver a bela animação de transição. Vamos. Entrar devagar, entrar devagar. Perfeito. Como eu disse, o primeiro é sempre um problema. Sim, é sempre um grande problema. O que nós fazemos Apenas. Perfeito. Primeiro, olhe para a bicicleta, assim como mmm Há algo que eu acho que precisamos fazer. Sim, qual é o quê? Basta vir para projetar. Olha isso. Precisamos assistir 28 a zero. Estava sendo exibido antes, o que eu não deveria mostrar de jeito nenhum. Não queremos que isso apareça. Vamos voltar aqui. Sim. É como chegar, assim como você sabe. Sim, agora você pode ver o epler como se estivesse se movendo agora, chegando mais rápido do que Interessante, na verdade. Isso é tática. Isso é criatividade. Muito criativo, criativo. Você pode ver que é confiável ao simplesmente descer. Você tem uma bicicleta acabando de chegar, então, alguns textos legais. Você pode ver muito bem. Muito perfeito. Um de nós de. Então, usamos o bouncy Vamos tentar ver o que o Bouncy tem para nós. Mas o salto não para para para nós, ok? Bounce, C, pulando, saltando Banc Vamos lá. Essa é boa. Essa é boa. Eu adoro isso. Eu amo muito isso. Eu amo muito isso. E um. V rápido. Vamos mudar eu não quero jogar muito agora. Vamos mudar para 5.000. Sim, bom. Vamos ver o que acontece. Vamos pegar um sc. Então, como? Ninguém, é um, uau. Delicioso. Isso é para este tutorial em particular. vejo na próxima, quando na verdade seria diferente, bem diferente. O badon está chegando. Câmera lenta é perfeita para isso. Te vejo na próxima. Amo você. 31. E01: Agora vamos dar uma olhada no último design. Eu vou ser muito rápido com isso. Agora, ao chegar, seleciono este país C, que é cópia, desço para a página nove e depois para a página. Como o que fazemos agora, selecionamos os quatro, devemos vir de cima para baixo, coisas assim. Esse deveria ser um deles. País G separadamente, Ct g, separadamente, País g também. Isso está vindo da esquerda. Isso vindo da direita da direita, e também isso também me permite separar esse grupo O. Bom. Temos esse grupo juntos. Só que eu não quero agrupá-lo novamente. É só contrastar. Já é o grupo três. Aqui temos isso também, depois agrupamos isso, depois isso também, então o que junte isso, contra. Então isso é perfeito. O que fazemos com base nisso e nos certificamos de que é vinho. Não são cores como essas, você pode ver. Deve ser branco, perfeito. O que nós fazemos? Você seleciona essa tecla, pressiona a tecla Shift e copia para fora. Agora, como você, abandona esses spas e se desloca no espaço externo Então você zero. Perfeito. Traga isso à tona como se esse turno fosse zero. Perfeito. Selecione turnos e espaço, dê zero Selecione esse turno de entrada. Ah, não. Deslocá-los com espaço? Não. Zero. Então isso deve estar acontecendo. Deixe-me dizer que M depende. Na verdade, posso dizer que deveria vir de baixo ou da direita Deixe-me usar isso da direita. Você realmente deveria fazer sentido. Depende do seu movimento. Depende de sua pessoa, porque na verdade esta vem de uma folha descendente Eu quero fazer essa diferença. Faça o que é ninho? Só isso. Eu não vou mover isso para a esquerda ou algo assim. Eu quero fazer, vou fazer algo maravilhoso. Por que você simplesmente seleciona, clica com o botão esquerdo do mouse e pressiona Shift e depois faz algo assim. Você pode ver isso. Você vê o que aconteceria de forma muito perfeita. Agora, o que você chega é zero, então entra perfeito. Qual é a próxima entrada? Selecione aqui. Veja uma boa transição. Protótipo, a seleção e não. É assim e como sempre, depois da mais recente marca de 800 MS. Go to Foot. Não esqueça. Vamos tentar mudar a marca dois. Não provoque nenhuma confusão. Sim. Aire Smart Aimate, então o que 2000 Nenhuma alteração para N dois, depois dois. Muito perfeito. Vamos seguir em frente. Isso foi um ano antes, não. Vamos repetir e ver o que acontece. Agradável. Não precisamos disso agora. Vamos direto para as horas. Vamos esperar e ver a boa interação de transição. Prototipagem de animação. Como você chama isso? Sim, vamos ver isso agora. Perfeito. Mas não se esqueça que, na verdade, será assim em primeira instância. Então, deixe-me pressionar r. Vamos ver o que acontece. Você pode ver, muito perfeito. Ele é um, bonito, veja o topo, o logotipo vem do lado esquerdo, logo na barra de navegação, descubra as varandas em que agora você confiava basta olhar para a maçã em Nice Vindo de fora, muito bom. Isso é bom. Vamos tentar usar a caixa C C, C C. Vamos lá. Vamos ver o que acontece. Ataca. Vamos passar por aqui e dizer o que dizer. Ok. Destruidor de blocos Vê? Muito perfeito. Vamos tentar reduzi-lo. Eu simplesmente gosto disso. 5.000 pressionam enter. Então, vou usar o b novamente. Vamos ver o que acontece. Eu quero fazer isso como se eu apertasse um parafuso. Boa, só saltando, pulando, pulando. Vamos voltar ao nosso t número um, que é o Jen e temos o MS. 2003, 2000 MS. Então, na verdade, isso é tudo para a seção de animação Vamos ver o que acontece. Agradável. Perfeito. Eu vejo no próximo vídeo no próximo vídeo da palestra 32. Introdução ao design responsivo: Seção de design responsivo, vou começar com o design responsivo da marca imobiliária porque é mais um design responsivo automático e, depois disso, passamos para o design responsivo da marca de alimentos, depois passamos responsivo da marca de alimentos, para a marca de tecnologia e também para a marca Fiz isso para garantir que aprendêssemos a maneira automática de criar um design responsivo antes de usar o AC manual na próxima aula 33. Design responsivo: marca imobiliária: Aqui no Pay Ten, como eu disse anteriormente, vamos começar esse design responsivo com o setor imobiliário porque é mais automático e um pouco masculino do que os outros. Na verdade, publique e aprenda melhor sobre layout automático e restrições Agora, vá direto para onde está realmente. Isso é um verdadeiro contras. A mudança para P dez. Posso tentar renomear todas as páginas, mas deixar assim sem problemas, então polêmico Nós temos esse caminho. Agora, o que, é muito simples. Vamos fazer os tablets e também para o celular. Muito importante. Se você quiser torná-lo responsivo, não apenas no celular Mas vamos fazer com que o celular anime o celular, não como é chamado, não os tablets, é muito simples Agora, agora eu quero que entendamos algo sobre isso. Agora, deixe-me entrar. Agora, isso é um logotipo. A primeira coisa que fazemos é selecionar esse logotipo. Quando você seleciona TC, temos uma restrição. Este é o canto superior esquerdo, direito, inferior, centro. Quando você vem aqui, essas também são outras funções que vamos emprestar, as mais importantes, as fundamentais. Essas são outras funções que vamos emprestar e entender aqui Agora, por exemplo, quando você diz responsividade, quando eu seleciono esse quadro Deixe-me clicar. Estranho você pode ver A placa está sobre ou é a propriedade, eles não estão se movendo. Deixe-me controlá-lo. Vamos ver o que acontece. Você pode ver que o microfone está se movendo. O local está movendo qual caneta. Agora, selecione isso e veja se tem o que, tem. São restrições Quando você diz restrições, elas são fixas. O topo e o que está à esquerda. Ou seja, você pode ver. Deixe-me ver um pouco dessa linha azul aqui. Essa narração fala para o topo e para o que é e também para a esquerda. Você pode ver. Agora, essa é a razão pela qual realmente acontecem assim Mas vamos tentar algo e ver o que acontece. Vou selecionar isso, pressionar na planilha e selecionar isso junto Vou agrupá-los porque quero que eles se mudem ao mesmo tempo. Agora, quando eu seleciono isso, venha, selecione isso. Você pode ver o topo e o que está no topo e na esquerda. Parte superior, o que é e direita. Selecione aqui. Vamos continuar com isso. Ao selecionar isso, você pode ver azul azul. Significa que foi selecionado. OK. Selecione isso, clique em ON. Você pode ver muito, muito perfeitamente. É assim que tudo começa. Esse é o aspecto automático. Você deu a instrução de que o que você deve ser, do topo para a direita. Você deve virar para a esquerda. Você pode ver. Você também pode ver a linha azul. Deixe-me selecionar isso. Você pode ver que as linhas azuis vêm de cima para a direita. É muito, muito importante quando você fala sobre capacidade de resposta. Agora, design responsivo, são layouts automáticos e o que e construções Também vamos usar uma cama aqui. Layout automático sobre quais restrições. É muito, muito importante falar sobre tablet e celular. Agora, isso é para isso, na verdade. Antes de eu realmente ir direto para o tablet, precisamos fazer algumas coisas e realmente mostrar algumas coisas aqui. Agora, quando eu seleciono isso, você pode ver, isso é na verdade e está se movendo. Mas chegamos até você com conforto e estilo, adicionando, adicionando e baixando a força de contato descendente . Eles estão se movendo. O que fazemos, basta comparar isso, ampliar um pouco e o que vem aqui Agora, isso tem que ter sucesso com isso e fazer isso perfeitamente. W para agrupar, clique com o botão direito, depois w para um grupo. Todos eles precisam ser seleções separadas, C, selecione isso e selecione isso Outra coisa que precisamos fazer é agrupar isso também, porque será como se o contato conosco e o explorador estivesse abaixo, entre em contato Vai ser responsivo e vai entender, vai ser automático Basta clicar com o botão direito aqui e fazer o que quiser e crescer perfeitamente. Agora, o que fazemos, selecionamos isso. Quando isso está sendo selecionado, pressionamos turnos, selecionamos isso, selecionamos isso, selecionamos isso Estamos agrupando-os novamente, sim, mas o que fazemos é agrupá-los como contr g. Agora automaticamente , como antes, o que muda A. Dado para qual Dado para O jogo automático é o que muda os controles A. Ou você vem e simplesmente pressiona o que, pressiona o sinal de mais, selecione a porta, o ícone de adição e nos fornece o layout automático. Você teria um filho, o que há de errado com isso? Sim, você só precisa controlá-lo sozinho. É muito, muito importante. Agora, o que você faz? Você pode ver isso direito. Alinhamos o canto inferior esquerdo. Mas quando tudo está centralizado, você pode ver tudo nas palavras, todo o centro Agora, você fazendo isso não significa que realmente tenha um problema. Na verdade, você deve mudar algumas coisas aqui, e deve ser o que está alinhado com o centro Essa é a primeira coisa. Agora, além disso , o que fazer a próxima coisa? Se eu vier e você não gostar disso. Nada acontece, sim. Nada acontece. É passo a passo. Na verdade, deve seguir as instruções, C cronologicamente, deve estar bem organizado Agora temos isso porque a razão é que eu quero que tudo seja como, o espaço entre o ganho, tudo está indo bem perfeitamente. Aqui também. Eles devem estar bem colocados, devem estar bem corretos. Agora, Aveda, qual é a próxima coisa a fazer? Agora, na verdade, podemos usar algo assim. Você pode ver. Se eu tivesse um grupo, se eu não tivesse agrupado isso antes. Na verdade, viria em um especialista vertical, com um layout vertical. Deixe-me voltar a isso. Você pode ver o layout horizontal. Então esse último foi o que usamos antes. Embrulhe. Se for esse o caso, ele envolve tudo em um único contêiner para aquele layout automático layout automático, na verdade, coloca tudo em um contêiner específico. Ele envolve tudo em um recipiente específico. Depende do que você deseja usar. Eu quero a multa vertical. Horizontal, tudo bem, embrulhando? Tudo bem. Depende. Agora, é isso para isso. Agora, qual é a próxima coisa a fazer? Para torná-lo responsivo , você sabe, sempre que eu mudo para a guia ou para o celular, acalme-o e tudo corra perfeitamente bem. Agora, o que fazemos? Agora, isso é muito importante. Você presta atenção nisso. Bom. Agora, primeiro, você seleciona isso. Quando você seleciona isso, qual é a próxima coisa a fazer? Acabamos com o layout automático. Agora, o que fazemos? Agora eu não fiz o layout automático. Agora, o layout automático está bem feito. Isso é bom. Agora, qual é a próxima coisa a fazer? Agora, não temos mais nada a ver com o layout automático por enquanto. Fizemos o centralizado, tudo foi a margem, está tudo bem Agora vamos transmitir essa instrução. Agora vá direto para a construção de volta. Agora, o que você faz? Porque quando você seleciona isso, você clica, como você pode ver, nada está acontecendo. H para abrir algo, selecione isso e vá para o que está à esquerda e à direita. Isso não é apenas a esquerda, não apenas a direita, não é o centro da escala, esquerda e direita. Quando você seleciona escrever o que acontece. Primeiro, vamos clicar aqui. Você pode ver em movimento, o que não é que eu quero usar, selecione isso, pressione aqui e C, muito perfeito. Está se movendo. Você pode ver isso. Deixe-me falar com Elizabeth Você pode ver muito, muito perfeitamente. Você pode ver isso. Você pode ver isso. Ah ha. Bem-vindo ao seu estilo. Nem tudo está indo da maneira perfeita. Sim. O que fazemos agora? Basta vir aqui, você pode selecionar fora e, em seguida, selecionar aqui. Bom. Então venha consertado com. Sim. Então, precisamos fazer algo muito mais responsivo Você clica duas vezes sobre isso, só isso. Então venha aqui. Porque normalmente temos um contêiner. Nós não consertamos com. Todos esses, eu gosto vocês, crianças, em um recipiente específico. Você quer consertar o caminho, você enche o recipiente. Ou seja, ele realmente preenche o espaço desse contêiner É muito, muito importante. Também se debruce sobre isso. Venha encher o recipiente. Também se debruce sobre isso. Agora, como profissional nisso, se você realmente selecionar isso e também preencher este , isso representará algum problema para nós. Preferimos não preencher apenas o contraste. Preferimos não cair aqui. Você não se preocupe em entender o que estou dizendo. Vamos continuar com isso. Agora, depois disso, basta sair e clicar aqui fora para não confundir você, depois selecione sua parte traseira Agora, o que fazemos? Consertamos o que precisávamos consertar, enchemos o recipiente e tudo mais. Agora está embrulhado. Agora você precisa mudar, voltar ao layout automático e alterar os layouts verticais Temos b aqui, temos layouts horizontais, isso é rap, como você vê, mas layouts verticais Agora vamos testar. Vamos ver o que está acontecendo se estamos realmente progredindo Selecione isso e clique em Oden Dragon. Você pode ver muito bem. Vamos nos mudar. Estamos progredindo. Sim. Agora, contraste, nós temos isso. Mas, na verdade, entre em contato conosco, explore mais, na verdade, não. Se você se lembra, em primeiro lugar, eu também agrupo isso. O que eu posso fazer é clicar duas vezes. Pressione nas folhas e selecione essa opção também. Então, o que é controle g? Na verdade, eu agrupei isso. Então o que eu faço? Eu o dou em camadas. Agora, as camadas que ainda estão na vertical. A foto volta para a horizontal e volta ao normal. Eu quero mudar isso de volta para o jeito que deveria ser. Basta alternar entre essa extremidade. Na verdade, tudo corre perfeitamente, amor. Deixe-me definir o que é horizontal ou A multa. Horizontal é que a seleção aplicativos sobre essa coisa realmente requer prática Pratique porque você precisa consertar tudo para nós, depois de consertá-los, o que você faz. Você vai contratar, dá para a esquerda e para a direita. Depois disso, você se move, volta para onde está a moldura e escolhe uma a uma. Você pode assistir ao vídeo novamente para poder entendê-lo e corrigi-lo. Você os escolhe um por um. Quando você os escolhe um por um, o que acontece é que você os enche naquele recipiente. Agora está sendo selecionado o clique em Odenra. Você pode ver, muito perfeito. Depende exatamente de onde o museu está localizado. Você pode ver muito, muito perfeitamente. Você pode ver, muito perfeito. Deixe-me aumentá-lo ainda mais. Você pode ver. Nós temos isso e ele se move. Você pode ver que ela se move, ela se move. Você pode ver muito, muito perfeitamente. Você pode ver. Agora, contraste-o. Bom. Agora aumente o zoom. Tudo bem. Nós temos isso. Agora, para conhecermos a guia em si, para saber o tamanho da guia, selecione pressionar F, que é a abreviação de quadro Esta tabela, selecionada em tablets, está sendo selecionada. Temos tamanhos diferentes para tablets. Temos o Surface Pro Eights. Você não vai usar essa pré-seleção. Você também pode anexar a moldura . Muitos iPads. Algo assim realmente veio à tona novamente. Isso é perfeito Isso não é um problema, e nós temos isso. Mas eu vou fazer o que eu vou fazer? Eu vou usar o segundo. Mas eu vou usá-lo aqui. Não. É quase a mesma coisa que um telefone. Eu não quero o bem, o bem. Eu vou usar isso. Vou usar isso exatamente. O que eu quero fazer? Porque eu quero que o comprimento de tudo seja o mesmo, mas a largura deve ser diferente. O que eu faço? Seleciono neste set de prisão, apresento Bring this out. 110, espaçamento. Agora o que eu faço? isso e eu selecionei isso, então veja a largura 34. O que eu faço? Eu seleciono e atribuo a largura disso o que oito d e o que 34, então por entrada perfeita. Você pode ver aha. Agora, deixe-me fazer isso. Deixe-me fazer um zoom perfeito na TV. Agora o que eu faço? Na verdade, eu posso. Venha, tente aumentar. Agora, deixe-me dizer, por exemplo, agora, eu disse 834, você pode olhar para ele com, você pode ver, es 34 Isso é 832, tudo bem, isso é um problema. Isso é que ainda está bem. Agora, o que fazemos? É muito importante que entendamos isso mesmo. Quando você seleciona essa opção, essa é a guia. Agora você tem que ir até o layout da grade, selecionar o layout da grade aqui e, na verdade, comer para trazer de volta o layout da grade, mudar o que muda G. Você pode ver perfeitamente Agora estamos vendo os mesmos layouts de grade que usamos para o desktop para isso, o que não era para Porque é reduzido. A tela agora está reduzida. Alteramos a contagem para algo como dez e a pesquisa para sete e pressionamos enter Você pode ver perfeitamente. Começa aqui e termina aqui. Basta vir, selecionar isso, então você apresenta os turnos, então você pode ver aquela linha vermelha, o bom conjunto neste turno também presente, e vamos tentar continuar. Meu Deus, essa foi boa. O que fazemos consignando isso também? O que não precisamos para começar a mudar essas e essas não, não precisamos já ter o tamanho lá. Clique no site atual, me desculpe. Clique nos turnos atuais. Traga à tona, o que fazemos? Esse é o contêiner em si, o layout automático. Selecione este presente s. Então você poderá ver qualquer criminoso que eu possa fazer para saber qual é a ligação A moldura, chegue até esse fim aqui. Depende, tudo bem, tudo bem. Se eu não quiser, posso torná-lo, você sabe, menor. Deixe-me colocar assim. Acho que gosto desse jeito. Pré-ações: pressione, imprima. Perfeito. Em seguida, mude g, retire-o e você verá, muito perfeito. É para isso que serve, você sabe, é para isso que se chama para os tablets. OK. Agora, outra coisa que eu posso fazer é simplesmente vir aqui. Clique duas vezes sobre isso. Então o que eu faço? Eu dou o que é vertical. Você pode ver, muito perfeito. Agora, colocando-a na vertical, há algo que devemos fazer. Agora, antes disso, deixe-me controlá-lo e fazer com que o tablet seja assim. Então, agora, temos o tablet. Selecione e, em seguida, pressione e desloque, depois pressione, depois copie e cole do lado de fora Um t, um terço bom. Agora, venha, clique duas vezes sobre isso e coloque-o na vertical. Quando você tem algo no aspecto vertical, precisa entender isso perfeitamente. Agora, nós temos isso. Este é outro layout automático. Veja exatamente isso. Esse é exatamente um layout automático. Confuso porque você pode se lembrar que eu dei a ela sua própria camada automática separadamente, além do normal, de todo o layout automático que temos Agora, façamos isso porque às vezes quando você usa no celular ou às vezes quando usa um tablet, deixe-me dizer celular, por exemplo. Você pode ver que o botão de ação total seria, na verdade, grande a ponto de cobrir tudo por aqui apenas com o texto Res. Yeah. Isso é o que vamos fazer agora. Eu não quero mudá-lo de volta para a horizontal. Para tornar o átomo vertical bem diferente, tudo sendo empilhado um sobre o outro como camadas Agora o que eu faço? Esses são seus próprios layouts automáticos Este é seu próprio layout automático. O que eu faço? Eu seleciono aqui. Eu posso continuar para equilibrar. Se eu não pressionar os outros sobre o público , isso vai se equilibrar Agora, não se esqueça, eu seleciono isso primeiro, depois clico e arrasto para fora daqui. Perfeitamente ou eu apresento oh, não, apresento oh, deixe assim. Na verdade, chega aqui. Você pode ver muito bem. O que eu faço? Agora, não se esqueça de que quando eu seleciono essa opção, eu a dou para o contêiner de arquivos. Decidi não dar a isso o contêiner de campo Dulcic. Agora é hora de eu encher o recipiente. No contêiner, você pode ver muito bem. Qual recipiente de enchimento. Não esqueça. A última vez que fiz isso, eu não preenchi os dois C de fundo, a ação cultural. Eu não os enchi em um recipiente, preencho o primeiro da e o suba. Agora estou preenchendo isso porque sei que vou fazer as coisas diferentes de algumas maneiras Bom. Nós temos isso muito perfeito. Muito bom e perfeito. Se eu realmente quiser, posso selecionar isso e tentar alterar a margem de algo assim, mas não parece bom, deixe É simplesmente perfeito assim. Bom. Sim, temos isso sendo perfeito. Eu adoro esse jeito. Na verdade, eu gosto disso. Parece bom. Bom. Outra coisa que podemos , na verdade, é falar um pouco sobre isso. Venha até a imagem. Então venha para Phil, depois venha para Crop. Deseja tornar essa imagem centralizada. Então, a imagem é, na verdade, você pode ver que você pode ver os carros quando você os derruba, eles se tornam quatro flechas. Então clique. Pressione os turnos e depois transporte-o para o medicamento e tudo isso são latas Mas isso também se configura na imagem. F venha para Crop. Selecione esta seta e leve-a para o medicamento, muito perfeito. E nós isso. Agora vamos passar para o mundo da visualização móvel. Quero usar o celular, quero usar turnos atuais e depois o que está impresso e depois imprimir fora OK. Perfeito. Então, o que eu faço? Pressione F, vá para o quadro, vá para o que vier ao telefone. Vou usar o iPhone mais recente, que está aqui. OK. Perfeito. Então, o que eu realmente quero verificar é o que vou verificar no w. Four. Agora, eu clico quando clico, clico em Oden, arraste , você sabe, faça com que quatro seja 440 Então 429. Na verdade, eu posso me acorrentar só de vir aqui e apenas 448 Eu só quero ver como ele vai se mover perfeitamente, você pode ver isso. Vou deletar esse lindo. Agora, é hora de ajustar alguma coisa. Essa é apenas a pequena coisa que vamos fazer. Na verdade, você está tendo isso, você vai deletar isso. Vou usar o Amberger como o Ambergain. Primeiro, chamamos isso de jogo âmbar. Na verdade, podemos vir aqui para as camadas da grade w. Shift G, mostre a areia. Lamento muito. Desculpe por esse Shift G, mostre a coragem e, em seguida, mude-a para algo em torno de cinco ou quatro Digamos que quatro, perfeito. Não queremos o espaço, assim como, você sabe, ter muito espaço aqui. Quero dizer, o acolchoamento dessa borda específica até o espaço é muito grande Mas para o telefone, quando você verifica seu telefone, você vê os aplicativos que você tem para esses sites, a margem é outra. Imagine outra partida. O espaço em branco, o espaço negativo, outro relógio. Vamos torná-lo pequeno. Pressione em turnos e trens. Você poderia muito bem. Agora, para a amboga. O mangá é uma coisa muito simples. Vamos pressionar em qualquer lugar. O clique não será arrastado dessa forma. Nós o temos perfeito. O que acabamos de selecionar e dar aquela cor. Em seguida, clique, pressione as teclas de câmbio e vá para baixo. Arrastar. Sim, então país. Muito perfeito. Apresente planilhas, apresente planilhas, depois selecione-as e, em seguida, contraste-as perfeitamente. Então eu posso, na verdade, não acho que seja muito grande. M 2024, Tab 24, em seguida, digite que não é nem muito grande. Então, traga isso para fora. Boa. O que eu faço? Deixe-me acordar e vamos ver o que acontece. É muito grande. Deixe-me clicar aqui e tentar saber algo assim. Vamos ver. Deixe-me pressionar K e tentar reduzir o dt para dt para. Acho que isso deveria bastar. Basta clicar aqui e bom. Boa. Eu acho que na verdade é proporcional a isso. Deixe-me pressionar para sentar o. Isso fica. Vamos diminuir o zoom e ver o que acontece. Sim, muito perfeito. Sim. Nós gostamos desse jeito. Eu também adoro isso assim. Presente, você pode mudar, surgir. Então perfeito. Posso tentar reduzir o tamanho da fonte, mas não quero, simplesmente não quero. O que eu faço? Você pode ver botões grandes aqui, não se preocupe, você vai mudar algumas coisas que vai adorar. Defina isso, pressione os e depois Cs. Agora, endureça e pressione a aveia para que fique em proporção. Mas antes de fazer isso, você pressionou K antes, que é escalado, depois o coloca de volta para V, voltando ao pico dois ou ao movimento dois Desculpe. Selecione o presente tente fazer com que ele seja proporcional a esse fim. Nós temos isso muito bom. Então, qual é a próxima etapa a ser feita depois disso? Agora, selecionamos o botão de call to action, eles têm sua própria diferença, como se chama? Eles têm o contêiner principal e também para o botão C, eles têm seu próprio contêiner diferente, que é para o layout automático. Selecione o presente e traga-os assim. Muito perfeito. Você pode ver isso. Na verdade, você pode clicar aqui fora, clicar aqui, clicar. Em ****, então detalhe aqui. Você pode ver muito bem. Agora você pode ver que isso é muito, muito perfeito. Olhando para isso de x, vindo aqui. Nós temos isso. Nós temos isso. Nós temos isso. Tudo bem. Bom. O que eu quero fazer é isso. Se pave, na verdade, não queremos usar isso. B esta é uma guia, então ainda mantenha o que ela deve manter. Isso é um problema. Na verdade, podemos resolver isso. OK. Deixe-me deletar. Não tem nenhum problema. Deixe-me deletar por aqui. Apenas certifique-se de ver um e dez deslocando as margens Bom. Nós temos isso. Na verdade, se eu não quiser usar esse botão grande também, posso clicar duas vezes aqui. Quando eu clico duas vezes, o que eu faço? Clique aqui. A primeira coisa que posso realmente é voltar para a horizontal Perfect. É perfeito porque , na verdade, é um layout automático. Mas se eu não quiser fazer isso, o que posso fazer para concluir? Controle-o e o que você faz, selecione nesta prensa. Então você tenta encolher completamente. Depende de como você pensa, os usuários realmente gostarão de usá-lo. Pode ser natural, basta controlá-lo novamente. A pode realmente clicar do lado de fora, clique aqui. Em seguida, pressione K, que é a escala. Em seguida, pressione clique, pressione os e tente reduzir. A fonte e tudo mais, porque é móvel e você pode ver. Perfeito. Você pode ver. Então, isso é bom e perfeito. Se quisermos que realmente seja algo assim, isso não é um problema. Eu não quero ser como esses contras. Ok, lado contrário. Então eu simplesmente aperfeiçoo do jeito que está. Em seguida, basta clicar duas vezes aqui selecionar este presente. Desculpe, cont. Então, essa imprensa muda para cima. Desculpe. A razão pela qual não acontecer assim é em grande escala Volte para a jogada dois. Isso é pressionar na TV, clicar em pressionar e tentar reduzir a gordura Isso realmente deve funcionar. Então isso é perfeito. Olhando para isso, você pode ver. Sim. Está tudo bem. Isso é perfeito. Para isso, na verdade, usamos todas as restrições de layout, alterando algumas coisas que você pode Mude algumas coisas que você possa ver, mudando, bom. Bom. Neste segundo, vá mais longe, mas há algumas mudanças que foram feitas lá, você pode ver. Mudanças tão boas que foram feitas. Agora temos que isso é perfeito para a web, o tablet e também para o celular. Vou ver na próxima começar com o âmbar, começar com o âmbar Sim, então fazemos a maior parte manualmente, o que na verdade deveria ser. Nos vemos no próximo vídeo da palestra. 34. Design responsivo: marca de alimentos: Agora, pagamos que o nível da página dez foi onde realmente fizemos isso agora no nível da página. Agora vamos direto para o Amberger. Marrom o marrom âmbar, na verdade está carregando. Agora basta selecionar e apresentar esse controle C como de costume. E desça para a página dez, desculpe, dez, depois contra, muito perfeito. Esse era o objetivo. Agora, isso não vai ser automático e, como temos isso, pressione Shift, selecione isso pressione Shift, selecione isso e, contra g, agrupe-os juntos. Isso também é um grupo. Na verdade, você tem isso no canto superior esquerdo. Para você adicionar isso no canto superior esquerdo, basta mudar para a direita. Agora deixe-me tentar saber, você pode ver, ele realmente mantém à esquerda o logotipo. Na verdade, ele também mantém o direito. Mas temos muitos elementos aqui, uma olhada no sólido, nas folhas, uma olhada. O que podemos fazer com isso? Sim, também podemos consertá-los. O que fazemos se resume ao emaranhado direto. Esse é o emaranhado, no topo. Escreva também. Nós também temos isso. É isso mesmo. Eu também selecionei o mboger no canto superior direito, as folhas aqui também as folhas aqui As folhas me permitem escrever que ele pode trazer para a frente. No canto superior direito também. Quando eu faço isso, o que eu faço, seleciono isso e tento fazer com que a resposta clique e veja. Muito perfeito. Mas o texto, esse é outro problema que temos. Na verdade, não é fácil fazer com que tudo responda aqui porque temos o limite esquerdo à esquerda, à direita, à parte superior e inferior. Não é como ter tudo no centro, como o poste que fizemos para o t vermelho. Ok. Agora, o que fazemos? Na verdade, podemos realmente usar, você sabe, vir aqui. Apenas diga, eu quero fazer isso assim. Vai dar certo. Sim, claro. Você o derruba, você sabe, traz para baixo, você sabe, se movendo e se movendo e se movendo. Vai funcionar porque vai ter restrições. Esse é o poder da restrição. verdade, tenho isso como, você sabe, Na verdade, tenho isso como, você sabe, um tipo de revista principal, algo assim, bons truques, coisas assim, você sabe. Mas realmente não vai funcionar assim. Eu tenho algo assim para que você possa ver, muito perfeito. Realmente não vai funcionar, não vou realmente fazer tudo o que você precisa para fazer isso. O que nós fazemos? Em seguida, vamos simplesmente chegar e ir direto ao ponto. Basta clicar aqui, pressionar **** e sair, depois copiá-lo. Agora temos isso. Qual foi o tamanho que usei para o tablet. Basta pressionar F se você se lembrar do Force Escape atual. Contraste. Desculpe. Basta pressionar F. Agora você enquadra. Tablet, tablet e selecione isso. Oh, acho que não usei isso antes de usar isso. Não me lembro, na verdade, você acabou de usar um, 832 Lista. Temos c. Temos a largura de 8 321-083-2834 Isso não é um problema. Na verdade, isso é qualquer problema. Agora temos isso apertado. Agora, se você pudesse se lembrar muito claramente, deixe-me trazer essa variável positiva porque há algumas coisas que realmente perturbam algo assim, ou seja, acho que é o elevador Então, o que eu faço com o elevador Basta clicar com o botão direito do mouse em Enviar para trás. Desculpe, envie para Não lave meu tempo. Não me perturbe. Agora, a primeira coisa que você precisa fazer aqui é pressionar no blog venha aqui, pressione g. É SG show you go show o que é chamado de grade definida nesta prensa em sete Aqui porque temos a grade do Sr. Chen separada da palavra da guia. O que nós fazemos? Basta configurar isso e, na verdade, excluí-lo porque na verdade , está recebendo demais. Vamos usar o âmbar reto, o ícone âmbar reto Clique duas vezes sobre isso e exclua. O logotipo deve se manter, então ele muda o w para o A. Perfect. O que fazemos? Precisamos do Amberger. Volte para pagar dez. É por isso que ele precisa ser salvo. Coloque esta contra-cópia , traga o A. Então o que você faz? Basta clicar de qualquer maneira para contornar o controle V. Você deve ser capaz de saber onde está realmente colado, você pode ver, trazer de volta o, está realmente colado Então está de acordo com isso? Bom. Não, você pode ver. Está na fila. Em seguida, traga alguns lençóis pré colocados e traga alguns. Bom. Em seguida, altere a cor, selecione neste tapete. Essa deve ser a cor. Normalmente. Mas não vamos usar essa cor. Vamos usar brancos Sim. Vamos usar brancos O que nós fazemos Isso é “y” ou “você”, apenas compare. Selecione esta opção, desculpe, clique em Wood two white. Agradável. Prenda os lençóis e deixe ir embora. Você pode ver que as coisas estão realmente mudando perfeitamente. Agora, o que fazemos? Sobre o texto, sobre a própria amboga. Tudo bem. Essa é a amboga A amg, na verdade, podemos reduzi-la, trazê-la de volta ou podemos realmente Na verdade, deixei que eu o levasse para fora. Eu quero me perturbar aqui. Ative esta prensa e toque selecione nesta opção e, em seguida, selecione nesta Bom. Selecione isso, selecione isso também. Traga para fora assim. Deixe-me ver perfeitamente. Agora, você precisa entender algo que nem tudo deve aparecer nos tablets. É muito importante. Nem tudo deve aparecer no tablet e no celular. Por isso, na verdade, vou adiar isso. Eu não preciso disso. Eu não quero ver isso, eu não quero. Bom. Agora, C é aquele que contém isso. Para isso também, acho que não preciso disso. Na verdade, posso colocar o b por enquanto. Deixe-me tirá-lo daqui. Agora, o que posso fazer é selecionar isso. Selecione se está sendo selecionado Presente, selecione neste presente, selecione neste. Então eu posso realmente agrupá-los. Foi agrupado. Além disso, não quero que isso me confunda O que eu quero fazer é apenas selecionar isso e o que altera a opacidade muito pequena. Eu faço com que seja muito leve. Agora, esse show, é para mostrar que está certo, mas deve mudar um pouco da cor verde. Sim. Essa é boa. Vou colocá-lo no meio, então clique. Pressione e ela e depois não. Você pode ver. Sim. Acho que essa é a multa média. Agora você pode ver, precisamos mudar isso de volta para colocar de volta o verde que deveria. Agradável. Agora, o que fazemos com isso, traga para o centro. Na verdade, você pode pressionar ao redor do centro. Então, o que fazemos contendo isso, devemos realmente mudar isso porque vamos deixar que eu fale sobre isso. Clique duas vezes sobre isso em si. Pressione ***** para abrir um pouco. Você clica duas vezes sobre isso. Pressione os turnos, depois pressione isso e, em seguida, controle g. Na verdade, você pode movê-los para cima para obter muitos layouts automáticos, e isso é um problema Pressione para fora, então selecione isso. Ao selecionar isso, você pode realmente definir qual layout automático. Sim. Quando fazemos o layout automático, podemos realmente centralizá-los . Consegue enxergar muito bem. Mas, na verdade, esses não são centralizados. O que está acontecendo? Vou colocá-lo na horizontal? Não, Rap, não, ainda na vertical. O que você faz? Às vezes, na verdade, parece assim. O que você faz Você volta ao texto em si. Então, o que chegou ao texto está na seção de texto. Então, o que é centralizado. Essa é boa. Defina-o, clique duas vezes sobre isso e também na tecla Escape. O centralizado. É centralizado, muito perfeito O que você faz? Então, agora, temos isso assim. Em seguida, foi centralizado. Eles também foram centralizados. Além disso, você pode dizer que isso não é centralizado no mundo . Basta clicar duas vezes sobre isso. Clique duas vezes aqui, vá até o centro de imprensa. Clique duas vezes sobre isso também. Desculpe, pressione. Então, qual centro de imprensa? Você diz que depois de centralizar tudo e isso ainda continua do jeito que está Você pode clicar duas vezes sobre isso. Isso foi centralizado. Foi centralizado. O que você pode é muito simples. Não precisa perder tempo, selecione nesta prensa e desloque o s para centralizar se for realmente um problema. Isso não é um problema para mim. Isso é perfeito. Isso é perfeito. Vamos selecionar essa forma atual, mostrar um pouco mais. Agora, para o moboger, use o mboger e traga de volta para a página, para página, Agora, abaixe um pouco. No topo, é centralizado. Pres. Venha, torne-o vertical, ótimo. Eu quero fazer isso um pouco cobrindo isso. Configurar. Muito perfeito. Na verdade, posso reduzir a ambiga Eu posso tentar reduzir as balas de ambuga. Vamos ver o que acontece aqui primeiro. Eu não quero subir muito . O espaço em branco para estar lá. Então, basta selecionar, pressionar K, pressionar para fora e tentar reduzir. Acho que algo assim deve funcionar. Pre, venha aqui. Sim, acho que está realmente funcionando. Sim. Deixe-me falar um pouco sobre isso. Você pode ver, sim, muito, muito perfeito. Perfeito. Deixe-me clicar aqui. Os movimentos também sobem um pouco. Então esse zoom aumenta, Ms up. Tudo bem. Essa é boa. Agora, vamos vir aqui a folha. Isso é um idiota. Digamos que você possa renomeá-los, mas eu não quero renomeá-los a partir de agora Tente fechar isso. Agora temos o que é chamado de folha. Clique aqui e, na verdade, traga o que traz para as frentes. Essa é boa. Isso é perfeito, perfeito. Agora depende de como vamos realmente organizá-lo, onde vamos colocá-lo para torná-lo perfeito. Quero ter certeza de que não está cobrindo o problema. Pule um pouco ao redor de um pouco que está cobrindo o pedido agora, vamos derrubar. Traga para algum lugar. Sim, acho que é perfeito o suficiente. Isso é perfeito. Acho que quero fazer com que isso fale o suficiente. Use a guia. Não desse jeito. Não, venda em grande escala, digamos V. Então basta colocar ao redor, você pode ver como torná-lo grande. Sim. Essa é boa. Deixe-me contradizer a folha, trazê-la até lá Além disso, o ambão que a vida está realmente obstruindo. Deixe-me ir até lá e colocar o âmbar. Ok. imagem Amberger é centralizada. Ele faz o centro. Bom. Agora, apresente o retângulo, o retângulo, depois o emaranhado direto tenta trazê-lo para o Sim, deve estar entre os dois se um é um. Então nós temos isso. Acho que agora tudo está centralizado. Ok. O texto, o texto. Então, eu realmente precisaria levar essa licença para a mochila, na verdade, me obstruindo. Então, coloque a folha. Ok. Então, agora vá ao vivo e leve-o para o fundo. Envie de volta, por favor. Não está bem. N é um. Agora, uma coisa é boa. Então, agora, olhando para isso, selecione o topo aqui, basta trazer o centro. Sim. Acho que está centralizado Sim, é centralizado. Isso é bom. Isso é perfeito. Tudo bem. Agora, o que fazemos? Agora, compare com o elevador, então o que era chamado de trazer para a frente? Perfeito. Sim. Deixe-me falar um pouco sobre isso, na verdade. Sim. Boa, muito perfeita. Acho que preciso do RO, na verdade, agora. Só o O. Eu não preciso de nada além do Pro. Venha até aqui. Esse é o hambúrguer Venha aqui direto para baixo. Como é chamado? Sim, tudo bem, eu deveria tê-los renomeado, mas deixar isso não é um Selecione e coloque em lençóis e coberturas, traga. Eu entro. Que você pode causar isso. Agora temos isso aqui. O que eu faço? E traga aqui. Agora, tente girar ao seu gosto. Clique com o botão direito nele. Flip Hizon. Sim. Perfeito. Muito perfeito. Você poderia tentar obter um efeito agradável, algo assim. Sim. Perfeito. Acho que precisa de um pouco de ajuste. Deixe-me, você sabe, algo assim, você sabe, algo como sair de uma luz tão perfeita. Então você só traz alguns. Tudo bem. Isso não é ruim. Qual é a próxima coisa a fazer? Não é para mudar o presente ou tentar saber. Acho que, para o celular, consigo me lembrar do que usei para selecionar isso. É 434 S 430, então entre. O que fazemos normalmente? Comece a organizar manualmente. Além disso, primeiro **** G, depois pressione aqui, depois mude para quatro, insira muito perfeito, assim como fizemos de todos os tempos. Selecione sobre isso. Sinto muito. Oh, a vida está me obstruindo, por que, por que, por quê Apenas me deixe respirar. Não podemos fechar isso. Feche também. Só me deixe respirar, garoto. Ok. Essa é boa. Então você pode realmente tirar essa licença. Eu não, eu não sei. Não sei como fazer com que desapareça de mim , mas mande para trás, tudo bem. Só estou me impedindo. Ok. O que está errado. O que você quer é isso. Ok. Envie isso para trás também. Tudo bem. Acho que eu deveria ser capaz de respirar agora. Pressione os turnos e depois traga alguns como. Então, tudo o que realmente existe, tudo está realmente dentro. Esse é um problema que eu tenho, na verdade. Deixe-me tentar como se chama isso aqui. Tudo bem. Isso não é um problema. Isso é absolutamente um problema. Na verdade, posso nomear tudo e garantir que tudo esteja alinhado, mas isso não é um problema. Se eu realmente acabar com isso, você pode realmente ver. Agora que eu exagerei, você pode ver o ambuger em c à direita Selecione que realmente coloque o pino do mbuger e, em seguida, leve-o até lá Sim. Isso não é um problema. Bom. - Ninguém. Agora, o que fazemos? Nós viemos aqui também. Agora, o que queremos dizer com relação a isso , basta pressionar o que está em K , selecionar pressionar e, em seguida, tentar reduzir. Sim, ele precisa ser reduzido porque estamos na visualização móvel. Produzido bem, é um deles. Na verdade, podemos aguentar isso. Talvez não precisemos desse animal. Apenas exclua isso. Nós. Venha, traga isso para o centro também. Basta pressionar nesta vertical, um centro vertical. Então você ainda está em K. Selecione neste momento e tente reduzir Sim. Ninguém, árvores reduzidas e perfeitas Perfeito. Traga isso para baixo. O que eu posso realmente fazer ali mesmo é isso. Tente se certificar de que não é assim. Quer dizer, não é horizontal, é vertical porque estamos falando sobre a visualização móvel. O que eu faço? Agora, isso de volta à escala de origem. Agora, basta selecionar isso. Se eu realmente me lembro muito claramente, esse é um layout automático, certo? Você pode ver o layout automático aqui. O que eu faço? Apenas controle isso. Desculpe. Basta clicar duas vezes. Quando clico duas vezes agora, também posso colocar isso no layout automático. Coloque-o no layout automático. Então o que eu faço? Eu posso mudar o que é vertical. Você pode ver, muito perfeito. Agora, está na vertical. Vou clicar ductal por aí, depois clicar aqui. Na verdade, não apresenta nada, basta clicar em segurar e arrastar assim e morar por aí. Para isso, o que eu faço? Vou clicar duas vezes novamente. Antes de ferver, basta usar essa coisa em particular. Certifique-se de que isso seja o que corrigiu esse contêiner específico. Em seguida, clique no livro aqui. Certifique-se de que este, o que é, está no contêiner. Você pode ver muito bem. Selecione isso também sobre um recipiente de enchimento e Tuttle Isso é tudo. Muito perfeito. Agora, basta pressionar o formato G e você poderá ver as últimas novidades da cidade Eu digo que o plano de fundo é bem simulado. Eu não quero que algo assim aconteça. Não quero nada de fundo ou nenhum plano de fundo. Agora, o que eu faço? Deixe-me fechar isso. O que eu faço é selecionar o tango como pronto, basta pressionar em forma e ter certeza de que é isso É centralizado. Ou seja, está no centro. Sim. Deveria. Na verdade, é. Isso é. Na verdade, está no centro. Agora, o que fazemos, basta clicar com o botão esquerdo do mouse e, em seguida, trazer Ft. Traga para a frente. Essa é boa. O que fazemos sobre isso? Na verdade, podemos tentar pressionar K, tentar reduzi-lo. Agradável. Traga isso pra cá de alguma forma Você pode simplesmente tentar falar sobre isso um pouco assim. Deixe-me dizer algo assim aqui. Não. Digamos que você entre em algum lugar. Perfeito. Ainda é uma escala, tente reduzir, algo assim. Tente trazer isso de volta ao ar. Oh, desculpe, não vou sair, o que reduz melhor. Mas deixe-me, você sabe, torná-lo inovador, bonito, sem algumas folhas Mesmo que seja vista, ainda mostrando perfeitamente do jeito que você pretende mostrar, mostrando bem, você sabe Sim. Acho que temos que tentar chegar lá. Talvez um pouco mais. Tente. Isso está bem. Acho que porque eu não quero, você sabe, eu não quero nenhum erro. Eu não quero que nada aconteça. Deixe-me clicar assim e ver o que acontece. Eu não quero que nada obstrua nada. Acho que isso é perfeito o suficiente. Isso é bom o suficiente. Eu acho que está tudo bem. Sim. Bem, deixe-me ver. Outra coisa. Se for possível. Não. Com. Sim. Sim, perfeito. Isso é isso, mas acho que fomos capazes de fazer isso perfeitamente Sim, deixe-me trazer isso um pouco mais perto. Traga isso um pouco mais perto. Eu simplesmente estou bem. Então, temos que ser perfeito. Você pode ver daqui. A partir daqui. Sim. Perfeito. Sim. Portanto, nem tudo o que você mostra no departamento é exibido no tablet e nem tudo que os tablets devem ser exibidos no celular Então eu vou ver isso na próxima, veja isso. 35. Design reponsivo: marca de tecnologia: Na página 12, vá direto para a marca da bicicleta, selecione neste botão, pressione o controle C, que é copiar, depois descer, depois contra colar, muito, muito perfeito. Como sempre, fizemos o contrário e tudo mais. Vamos direto ao ponto. Agora, pressione Shift the out, traga para fora por aqui. Perfeito. Agora, faça isso como de costume, no canto superior esquerdo, tudo bem. Verifique este país g. Você os agrupa. No canto superior direito, sim, bom, então traga a seleção e ela se move. Na verdade, se quiser, você pode consertar a bicicleta com zero clique. Tem uma bicicleta. OK. Fixe oito também no canto superior direito. Então, quando você clica em torno do. OK. Desculpe. Isso é um erro para mim. Desculpe, confira. Então, quando você clica ao redor e simplesmente endireita um arrasto e vê, ele se move bem Tudo bem. Então, isso é 890 alguma coisa Dependendo de você. Isso não é um problema. Tudo bem. Perfeito. Agora podemos ver que acabou de chegar aqui, venha, pressione St g fs o que há de errado comigo, S coloque nisso, depois sete, depois pressione. Agora isso deveria estar aqui. Perfeito. Isso deveria estar aqui. OK. Na verdade, posso deixar assim, mas não quero deixar assim. Eu quero usar o blog porque as palavras estão, na verdade, entrando em Então, defina este contra, depois P dois, depois contra Ve. Vamos tentar ver onde ele realmente pode se sentar aqui, então traga até aqui. Então, derrube. Sim, muito perfeito. Agora selecione isso, na verdade, e então selecione isso muito perfeito. Isso é muito bom e bom. Agora, qual é a próxima coisa a fazer? A imagem, na verdade. Mas, por enquanto, deixe-me tentar clicar duas vezes. Na verdade, posso deixar a imagem. Sim. Ok, basta abaixar um pouco e você verá que algo está acontecendo. Você pode ver a seleção aqui e ver que a cor da moldura ainda está em branco. Clique para baixo, clique em arrastar para baixo. C a preto. Sim. Perfeito. Então, agora, temos isso. Por isso, também, vou voltar a isso. Mas para você ou para a imagem, continue baixando. Ou você pode simplesmente reduzi-lo imediatamente. O que você simplesmente pressionaria em K? Basta clicar para reduzi-lo. Eu acho que isso é perfeito. Você pode ver. Eu não preciso ser exposto. Nove é um. Eu acho que sim, n é um. Vamos deixar as coisas assim por enquanto. Então não podemos lidar com isso. Agora, o que tentamos, tanto quanto possível. Em primeiro lugar, tentamos agrupar esse grupo. Sim. Tente separá-los. Agora selecionamos isso. Pressione no navio, selecione isso. Você seleciona os navios de aço, você seleciona isso. Em seguida, os agrupamos todos e, em seguida, damos a eles o que ou o layout como uma entidade Agora, como eles, traga-os para o centro assim. Você pode simplesmente pressionar o centro do alinhamento horizontal. Tudo bem. Então, o que fazemos? Tentamos trazê-los para o centro aqui e tudo vai para o centro. Se isso não acontecer de verdade com o centro, clique duas vezes aqui e o que centralize é isso, tudo bem, perfeito Selecione isso e o que é centralizado, muito perfeito. Sem perda de tempo, sem carros. Defina e isso, então o que fazemos, selecionamos esses muito perfeitos. Agora temos isso, na verdade, deixe-me tirar como se chama. Isso é muito perfeito. Podemos ver, na verdade, selecionar isso. Você pode ver que existem alguns gradientes. Se eu tentar tirar esses gradientes e olhar para a imagem em si, ela tem algum tipo de coisa nela, na verdade O que fazemos? Agora, podemos realmente deixar as coisas assim. Traga para o centro, selecione esta pressão em shift e ts, tente aumentar Faça uma tentativa de aumentar você de acordo com você. O que diabos está errado. Tente aumentar assim. OK. Tudo bem. Perfeito. Em seguida, vamos remover sua opacidade, basta clicar e definir o Vamos tentar fazer com que seja central como o texto pode mostrar, nós o fazemos, mostramos. Precisamos mostrar perfeitamente que há algo lá. É um dos textos afetados nessa medida. Estamos configurando o que eles chamaram de visualização do tablet. Você sabe, isso. Sim, é. Na verdade, sim, é. Isso é perfeito. Feito com isso e confiado em. Agora você pode consignar isso. Agora, basta selecionar isso apenas uma vez. Então, se sua ferramenta for a escala presente em V para você voltar para a segunda rodada. Selecione ao redor do e, em seguida, apenas para reduzir o bom, clique e traga o. Clique fora, clique na pasta atual, clique aqui. Você pode contra G. Você os destrói juntos. Você traz o. Sim, nós temos isso assim. Agora basta selecionar isso, sendo agrupado. Espalhe em K. Clique assim e tente reduzi-lo. Defina seu gosto, clique e leve ao redor. Você pode simplesmente pressionar uma partícula para torná-la centralizada Em seguida, clique em pressionar o que então. Clique duas vezes assim então. O que você faz? Mude o k de volta para V, que é alterado de escala para trás para mover. Em seguida, clique ao redor do e para aumentar, clique fora e, em seguida, clique em conjunto. Arraste de madeira muito perfeito. Na verdade, não se esqueça de pressionar o que diz G. Você pode ver. Tentamos ter certeza de que está realmente entre isso. O que fazemos? Cortamos aqui, selecionamos. Em primeiro lugar, basta clicar duas vezes aqui. Se isso não estiver cobrindo tudo, basta clicar duas vezes. Vai cobrir tudo, então tente reduzir. Temos isso por aí. Depois, certifique-se de que isso esteja centralizado. Essa é a coisa número um. Depois, tente clicar duas vezes. Tente garantir que ele seja reduzido. Então, muito simples, basta trazer isso para lá desse jeito. Você pode ver. Isso. Porque, devido a esse layout automático em torno do que você fez antes, chegamos perfeitamente a essa medida. Podemos conseguir alguma coisa. Bom quando você pode ver, perfeito. Agora, selecione e mova algumas folhas para cima . Então, o que fazemos? Removemos perfeitamente as folhas de palavras. Boa, muito boa. V perfeito e agradável. Parece. Agora, qual é a próxima coisa a fazer. A próxima coisa a fazer é, para w 40, mover-se apenas e contornar a queda. Agora temos isso. Eu apenas toco ao redor do s, seja proporcional, você pode ver 102 1025 Isso é muito perfeito. Agora, para o telefone, na verdade, F. Vamos dar uma olhada na moldura desse piloto Isso é cerca de 430, como usamos antes. Então 91, então selecione e isso em barras, selecione este ídolo perfeito Perfeito. Então, deixe-me trazer isso aqui. Vamos tentar ver se isso é muito responsável ou algo parecido. Agora, para o Amberger, dois, que são quatro, podem realmente trazê-lo para cá, bom, nos turnos atuais, certifique-se de que seja Primeiro, como de costume, os quadrados em ShtG, a coluna quatro e, em seguida, pressione enter são perfeitos. O que nós fazemos? Você clica em presente, clica aqui. Fui selecionado e apresentei turnos então. Selecione este site atual então. É. Agora, além disso, acabamos de selecionar isso. Pressione em K. Você pode ativar essa tecla e, em seguida, é 1. Perfeito. Para a bicicleta. Na verdade, podemos deixar os pesos da bicicleta pressionados por ela G. Podemos pesar se, na verdade, canetas assim, Deixe-me primeiro organizar uma postagem para organizar isso. Certifique-se de que tudo esteja bem proporcional. Clique duas vezes neste botão, pressione em V, pegue sua própria escala. É por isso que isso não está aparecendo. Traga algo assim para cá. R: O que há de errado? Alguns místicos ou algumas coisas. Isso é patético. Basta clicar duas vezes sobre isso. Um grupo único. A pessoa que podemos ser aqui é só clicar com o botão direito sobre isso e o que está no grupo. Eu quero que isso fique em cima do outro, algo assim, visualização móvel. Então temos isso perfeito. Como fazemos isso? Não temos ninguém. Então, eu posso simplesmente pressionar OK, pressionar, ninguém e depois trazer para lá Certifique-se de que é o centro, mas K, então o que eu faço? Pressione em distintos e depois em Zoom. Perfeito. Traga isso à tona. Você está demais aí embaixo. Isso também está no meio. Sim. Nós o temos em 2020. R: Vamos alterá-lo para cerca de 16, sim, e então centralizado Derrube isso. - Ninguém. O que fazemos? Ela é perfeita. Mas isso vai acabar. Tudo bem. Perfeito. Eu acho. Tudo bem. Isso é bom e perfeito. É perfeito. Isso é bom o suficiente. Isso é muito bom. Você pode realmente levar esse d para os poços. Depende. Você o traz para os poços. Além disso, outra coisa que podemos fazer. Deixe-me fazer com essa imagem primeiro. A avaliação não está aparecendo. Não quero que apareça nenhum Mac por aqui. Isso é o que eu estou realmente tentando evitar de mostrar por aqui. Isso é patético. Preciso usar escala, não esse tipo. Agora, a escala de movimento, K, o bom canto para baixo, o bom mizone Bom. Então, certos como esses. Controla isso. K. Certos assim. Sim. Isso é básico. Isso é bom. Psi, boa. Conforto. Agora, o que fazemos? Aqui é um tutor. Sim. Em Atorad. Então, o que eu posso fazer é clicar duas vezes aqui. Pressione **** e clique duas vezes indicar também qual camada automática é chamada de deslocamento A. O que eu faço agora? Essa é uma camada automática para o que eu faço. Eu posso fragmentar. Você pode ver. Você pode ver muito bem. Artigo C. Na verdade, você pode ver que é um aspecto vertical, que parece mais brilhante se eu pudesse usar a esquerda. Na verdade, eu posso selecionar. Clique duas vezes aqui e selecione. D pressione ou qualquer coisa. Selecione. Ou seja, esse é o contêiner, essa é a camada automática, na verdade aumentando. Tudo bem. Agora, como agora, não está corrigido ou já está corrigido, então você pode clicar duas vezes sobre isso e fazer um contêiner perfeito. Pois o que também é o quê? Recipiente de enchimento, muito perfeito. Eu amo isso. Eu tenho. Na verdade, é responsivo, muito responsivo Podemos ver, muito perfeito, muito perfeito. Você pode ver que, no celular , ele já é muito grande, explore mais coisas desse tipo que as pessoas vão fazer Serão acionados para fazer o que você quiser que eles façam. Isso é muito, muito perfeito. Eu amo muito. Eu amo muito isso. Agora, isso é perfeito para isso, eu vejo no próximo vídeo da palestra 36. Design responsivo: marca de frutas: Na última vez, na verdade, vamos direto para não. O que era chamado de página ou página, na verdade. Sim, essa é perfeita contra a boa. C abaixo, conte um. Agora, como sempre. Na verdade, é só um ponto. Mudando isso de forma perfeita, ninguém. Qual é o lado de novo. Sou computador, então consigo me lembrar de tudo. Não é possível. Eu acho que isso é muito pequeno. Sim. Eu acho que não. Acho que isso deveria acabar. H34. Essa é boa. Obrigado. 834. H34. Faz um Oh, desculpe, faz contras patéticos São 34. Era 34, muito perfeito. Isso é bom. Agora temos isso. Mude profundamente. Então, o que fazemos? Pressione isso dez, sete, é perfeito. Selecione pressione Shift, desculpe, selecione primeiro, preste uma Por isso e tudo o que está dentro, acho que vai ser grande demais para nós. Nós vamos acabar com isso. - Ninguém. Então, para o que é chamado para essa facção. Você não pode fazer isso. O que precisamos para vir aqui, ele apenas pegar alguns, comer algumas coisas macias e deliciosas. Contra. Ou seja, o âmbar contra nice traz o que é muito perfeito A proporção está chegando, certo? Não é proporcional no meio. Um G. Bom. Agora temos isso. Também vamos colocar isso no carro, vindo ali mesmo. Sim, bom. Agora, podemos clicar primeiro e tentar agrupar tudo. Agora temos isso, você pode ver, trope tudo. Então você clica um por um, antes do turno, depois isso, depois desloca A, que é um layout duplo Então, agora, podemos mudar isso para isso. Isso vai deformar tudo, mas ela sendo vertical, coloque no centro, tudo Além disso, podemos clicar duas vezes aqui, então. Clique duas vezes e coloque no centro, bom, clique duas vezes e coloque em escape, desculpe, coloque em qual centro. Tudo. Essa é boa. O que estava acontecendo rápido. Sem perda de tempo. O que mais precisamos das maçãs? Isso acabou. Então, tente trazer isso à tona. Isso, então derrube isso. Em seguida, pressione K, clique, arraste e pressione. Você pode ver um pouco. Eu não quero que seja muito pequeno. Vamos continuar com isso em K. Sim. Pré-clique, pressione e, em seguida, arraste para dentro, tente reduzi-lo um pouco. Sim. Isso deve ser muito bom. Agora, pode realmente começar a reduzir para ter certeza de que está em uma mudança de proporção? Eu posso reduzir a proporção. Então, a próxima coisa a fazer agora. Venha e escolha isso como de costume. Em segundo lugar, estão os turnos presentes e, em segundo lugar a cópia do deslocamento da prensa traz em torno Perfeito. O que acabamos de pressionar em K Yeah. Pre K. Então tente reduzir não muito. Bom. Agora você pode pressionar de volta para V. Em seguida, clique duas vezes. Então você tenta reduzir, a maturidade está sendo reduzida. Clique fora, clique em Nas bordas de arrasto. Perfeito. Você pode ver isso , na verdade, basta clicar duas vezes tudo volta ao normal. Clique duas vezes. OK. Clique do lado de fora. Clique duas vezes sobre isso apenas a. Em seguida, clique duas vezes. Isso remonta ao não. Sim, nós somos perfeitos em computadores. Sim. Então clique, toque por aí. Ok, tentamos pressionar K novamente e tentar reduzi-lo. Bom. Em seguida, tente pedir desculpas. Desculpe por isso. Então, agora é só picá-los e trazê-los de volta. Se eu puder, clique duas vezes aqui. É K. Bring to V. Eles tentam aumentar o que pode trazer isso para lá e, perfeitamente, trazer isso para lá Bom. Então, tente saber. Defina neste clique duplo. E tente aumentar isso para este site. Sim. Essa é perfeita e boa. Mas acho que na verdade está muito perto. O espaço negativo não é que o aumente aqui em cima. Sim, eu posso realmente deixar isso assim. Mas eu quero um pouco de espaçamento, um pouco de espaço em branco melhor do que antes Agora, devo reduzir isso? Provavelmente sim, mas não quero que seja muito pequeno. Basta clicar em derrubar. Eu sou muito inteligente, não quero ser muito pequeno. Porque eu quero o s. Eu não quero estar na parte de trás do CTA. E trazemos alguns. Tudo bem. Vamos tentar **** g e ver o que acontece Essa é boa. O fundo branco parece legal, parece perfeito. Tudo está funcionando perfeitamente, com o peso que deveria ter. Eu gosto disso. É, perfeito. Defina o deslocamento da perna para fora e depois 111. Bom. Agora eu acho que isso é 430, deveria ser f. quatro. Você pode fechar este. Feche esse. O que realmente estamos enfrentando agora é perfeito, desculpe. Na verdade, lide exatamente com isso. Eu deveria renomeá-los, mas na verdade não quero . Isso é o que está errado. Eu não quero não é grande coisa, então eu sei o que você está fazendo. Na verdade, temos isso. Sim. Agradável. Isso é o que nós arrebatamos agora Bom. Agora, o que fazemos? Concentre-se nisso. Nós temos o hambúrguer, sente-se sobre isso. Pressione os lençóis e traga. Não se esqueça de pressionar nas folhas. G. Em seguida, mude de prensa em V, escala , ainda na escala, V leva de volta para o movimento dois Selecione isso e pressione V, selecione isso, pressione o sete e Eu venderei as sete prensas em quatro e depois selecionarei esta tecla atual e clique em Aquele Desculpe. Zona S, traga-a até lá para ter certeza de que são zonas n. É ruído, um ruído é esse e seta a imagem, depois clique em Shift e junte-as. Junte as palavras. Faça isso e tente clicar no centro Pical centralizado Clique, pressione. Não. O que está acontecendo? Isso é o que está acontecendo. Defina, não está em K. Pressione K. Clique em dez, reduzir é um, é um Fale um pouco. Para a maçã, você também pode reduzi-la , clique na pose atual. Boa, e uma, clique na próxima peça. Essa é boa. Então, o que temos isso? Na verdade, deveria ser. Sim, eu deveria. Sim. Normalmente, deveria. Vamos tentar trocá-lo. É provável que não tenha vindo com os outros. Encontre um problema, clique em Trag on shifts and us Então traga aqui. Isso se torna parte disso. Tão bom. O que queremos fazer agora? Tentamos, tanto quanto possível, clicar com o botão direito do mouse sobre isso e depois no que está no grupo. Esse é o número um, então isso derruba isso. Vender tudo isso, assim como o batente de bicicleta, mova-o ao redor da caixa vertical até S reduzirá. Tente reduzir sua pressão sobre V. Foi uma pena, pois ainda estava tão presente V. Então, assim como a outra, dê 16, em uma vertical Agora reduza a pressão em K. Clique em Agora pressione em pressione Aumente os elegíveis para centralizar. É esse o centro que eu uso? É um. Bom. Eu amo isso. Eu amo esse Centro. Bom, bom, muito perfeito. O que nós fazemos? Muda G, e nós temos isso. Na verdade, podemos aumentar isso um pouco. Pressione em k, depois clique em pressionar em Ops e depois em baixo. Além disso, você pode realmente reduzir isso para também. Muito perfeito e bonito, muito perfeito. Na verdade, esse é o design responsivo. Você pode ver. Muito perfeito, você pode ver, muito perfeito. Nos vemos no aspecto de animação principalmente para a visualização móvel Te vejo no próximo vídeo. 37. Protótipo e animação de marca de alimentos (celular): Começando com o que é exatamente animação. Vamos para o pântano. Sim, o que sempre foi o primeiro. Deixe essa cópia do país. Então é hora da animação. Muito perfeito. Vou ser muito rápido com a animação, algo que realmente conhecemos e entendemos antes. Agora, isso deve ser separado. M agrupou as folhas novamente, mandou para trás. Obrigada Nós temos isso. Isso deve ser o que se agrupou Tudo deveria estar em tudo. Tudo deve ser um grupo. Tudo. Grupo. Nenhuma. Isso, isso é isso. Nós temos isso assim. Na verdade, também podemos agrupar. Para misturar alguns belos efeitos chamados de doces para bebês. Sim, efeitos doces para bebês. Agora, temos o salto que se mantém sozinho. Sim Retângulo Sim, bom. Agora, o que queremos fazer. O que queremos fazer aqui é isso. Apenas traga isso para cá. Mude e o que for lá fora, então tudo bem. Então, vou tentar criar alguns designs legais e legais. Então agora venha aqui, clique. Clique em presente, desloca para baixo, presente. Oh, desculpe, eu posso realmente escolher os dois presentes, mude o Pres sobre isso, clique em Presente os turnos e depois a barra de espaço para baixo, n passe de 42 na camada, ou seja, selecione os turnos atuais, a barra de espaço Selecione 09, seita aqui, presente desloca a barra de espaço um pouco para baixo, não muito. Venha, depois zero. Selecione os turnos atuais para o site. Para ninguém, mudo e bastão espacial. Em seguida, passe para a camada, antes de zero. Selecione neste espaço de turno atual por nove, passe por cima do. E o que é zero, nove é um, e também o Amberger é Amberger A maturidade está no centro, eu acho que está no centro. Sim Então você corrigiu isso, você tem que corrigir bem o lado Prepare-se para os spas e turnos, certifique-se de que está descendo Então o que é isso? Zero, 91. Então, a última coisa a fazer é exatamente o que, quando o Amberger One, você pode fechar esse ambger two, tentar ser o limite, Zona. Pode fechar colaborações Amber dois, a esquerda deve estar de trás para frente, muito importante de trás para frente Bom já está no topo. Você pode clicar em pressionar shift spa no espaço. Isso vai muito longe de você, muito longe de você. Longe daqui. Sim, e faça com que seja zero. Essa é boa. E não se esqueça. Isso é de trás para frente. Você tem que fazer aquele para o Amberger two fique de trás para frente Clique em âmbar e depois traga para a frente. Sim, no topo. Então, a partir daí, você pode clicar em Present Shift e apresentar o espaço de volta para fora. Sim, então apresente zero e insira Perfeito. Eu tenho minhas mudanças no rádio de saída. Eu também tenho que fazer alterações no rádio Leaf. Selecione pressionar isso e trazer para a frente, muito importante. Frente e frente. Tem que ser adequado. Isso é exatamente a mesma coisa. Pressione apenas Amberger On, temos o Há algumas coisas que podemos fazer para clicar , como fizemos com a última, clicar. Pressione a tecla Shift, retire-a. Ele se move para dentro. Sempre que alguma coisa chegar a zero, Amberger , venha para Como de costume, clique em n e arraste como de costume, após o atraso, se 100 milissegundos, começar a animar, chegamos a Amberger dois, depois Deveria ser g dois. Como. Eu não estou usando o bouncing hoje Depois, 2003, 2000. Em seguida, visualização do protótipo. Vamos ver o que acontece. Muito bom e perfeito. Você pode ver. Vamos tentar colocá-lo em tela cheia e ver o que acontece basta pressionar R. Você vê aquelas transições bonitas Uau. Surpreendente. Surpreendente. Bom, incrível, incrível. Adoro muito isso. Adoro muito isso. Uau. Na verdade, outra coisa que eu posso fazer é , eu acho, que preciso fazer isso acontecer. Você poderá fazer o ajuste nisso. Apenas venha até lá. Hambúrguer de âmbar Venha para o Yes. Meu logotipo, na verdade, que é o grupo por aqui. Eu queria vir mais rápido do que esse normal aqui. Posso simplesmente clicar em Present Shift e baixá-la com um pouco mais de seguida. Isso é bom. Isso é bom. Veja. Vamos ver o que realmente acontece aqui com um protótipo. Essa é boa. Agradável. Vamos ver. Sim, sim, sim, sim. Boa, boa, 91. Bom, R de novo e veja o que acontece R. Nice Perfect. Isso é perfeição. Essa é boa. Boa, boa. O que fazemos pulando se eu não estou pulando hoje É para isso, na verdade, interação do protótipo de animação móvel Te vejo na próxima jogada da bicicleta. Ve 38. Protótipo e animação de marca de tecnologia (celular): Para a bicicleta , vá para a página 12. Agora selecione esta opção para o celular Contra coming down, contra. Bom, como sempre. Selecione também os separados, o grupo e o grupo de grupos. Grupo. Mas este é para agrupar grupos. S. Qual é a próxima coisa a fazer agora? Basta clicar em Shift e depois em um bom. Para isso, devo escolhê-los separadamente? Se você vem de cima, então de baixo. Algo parecido. Bom. Agradável. Si Shi, desculpe, Contra. **** espaço. E certifique-se de que seja zero. Agradável. Nave o espaço, tenho certeza que isso está longe. Agradável. Então, como sempre. Vamos para a esquerda desta vez. Sim, a esquerda ao redor. É o certo desta vez. Zero no topo desta vez. Deve chegar ao fundo desta vez. Além disso, bons turnos em Mystic, alguns turnos aumentam até zero Em seguida, mude o espaço C para zero. O que está errado? Isso é verdade. Para a camada. Cada 91 perfeito. Tão bom. Agora. Deixe-me dizer, agradeço ao grupo por tudo Quero ver a camada se for zero, pronta para cometer um erro zero. Sim. Estou voltando a isso. Qual deles é esse? Ok, se zero, eu tenho um problema. Está agrupado. Tudo bem. Ele também é zero. 011s. Exatamente isso. Isso é zero, pensei ter colocado em zero. É muito importante, cada navio é zero para uma transição tranquila. Agora, o que fazemos com a bicicleta? Devemos fazer com que ele chegue? Ou o que você acha? Presente navios: o que você coloca, você coloca zero, zero, perfeito. O fundo é preto. Então, agora o que fazemos geralmente é apenas conectar o protótipo. Certos se conectam após o 300 tech two. Nove e 1 segundo são animações inteligentes em 22 de janeiro de 2000. Vamos ver o que acontece, 91. OK. Onde está minha bicicleta? Vamos expulsá-los. Acho que é porque é lento pela primeira vez. Agradável. Vamos dar uma olhada novamente. Então, boa. Novamente. Fazendo aqui. Planeje mudar algumas coisas a partir daqui. OK. Está tudo bem. Está tudo bem. Está tudo bem. Isso não é um problema. Está tudo bem. OK. Isso não é um problema. Está tudo bem. Eu gosto disso. Te vejo. Na verdade, você pode ajustá-lo, na verdade, você pode tornar as coisas diferentes Te vejo na próxima. 39. Protótipo e animação da marca de frutas (celular): Passando para a página 13, clique neste controle C. Agora temos esse 91 contra. Bom. Agora, em grupo em grupo em grupo. Desculpe, isso é o que está errado. Bom. Grupo, grupo, grupo, bom. Está tudo bem. Agora, clique em ***** e curta esta opção perfeita. Então eu quero que isso seja tipo, turnos então isso vem assim Zero. Isso também muda a barra de espaço. Zero. Isso deve ser assim. Então ***** barra de espaço. Zero, deveria vir assim, muda a barra de espaço. Zero é como essa barra de espaço de mudança. Ero. Então isso e essa pressão mudam e qual barra de espaço. Então, desculpe, então zero. Essa é boa. Também temos que clicar nesta tecla, pressionar e desligar, depois em b. Desculpe por isso. Clique, mude e faça probabilidades, depois diminua um pouco, não muito. Muito bem. Então o que você faz? Então, perfeito. O que significa a próxima coisa? Acabou de comprar um protótipo, como de costume Clique aqui desta forma. Em seguida, após atraso de oito milissegundos, inicie o smart animate Na verdade, não esqueço essa marca de dois pés, marca de dois pés, boa. Então, temos isso, então sim, selecione em junho a 2000. Sim, está tudo bem. Vamos ver o que acontece. Bela animação. Prepare r para reiniciar. Perfeito. O primeiro é no início do verão. Todos nós sabemos disso. Isso é não. Então agora R é muito, muito perfeito, muito perfeito. Opte, opte. Opte, opte. Oh, eu acho que a maçã não está crescendo. Eu quero que apareça como, você sabe, umas bochechas gigantes, algumas bochechas Selecione na maçã, não é? Sim. L grande. B. Boa. Então nós o temos aqui. Então tela de tijolos, desculpe, tela cheia I tela grande, tela cheia, então tudo bem. Essa é boa. Eu adoro isso. Agradável. Bom. Bom. Agradável. Pegando um telefone e conhecendo uma bela transição, linda. Linda, bonita, linda. Sim. Sim, então é isso. Nos vemos no próximo vídeo da palestra. 40. Protótipo e animação de marca imobiliária (celular): O número de é direto para P dez, o limite um, c para baixo, p 17 e depois para o grupo Vz Separe um separado. O que vem depois de um turno, então temos isso. Digamos que vindo da esquerda, desculpe, design. Sem protótipo Design transversal. Então Seton está presente, você sabe, mudança, você sabe, mudança espacial e espaço sete é M zero Desculpe. Faça isso dois, dois, depois esse zero M transparente, então faça. Então, por isso, que passou a estar no topo. Zero, isso também deve ser suficiente para cair juntos no topo. Isso também deve vir de C de baixo para baixo. E isso também deve vir de baixo. Zero. V perfeito para dizer esse protótipo, então é depois de um atraso que temos dois, sim, Imes, entendemos Você tem uma foto. E chegamos ao destino. La Nice one. Essa é boa. Z.T. Um. Um Um. Um. Deixe-me fazer uma tela cheia e vamos ver o que acontece com ela. Basta clicar em um determinado item e chegar à página final, e na verdade são vários pedaços de páginas. Sim, eu vou adorar. Sim. Isso é bom. Isso é para este vídeo de palestra em particular. Nos vemos no próximo vídeo da palestra. A 41. Como exportar imagens na Figma: Vídeo, e ensinaremos como exportar seus designs no Figma É muito, muito simples. Na verdade, o Figma torna tudo muito fácil em comparação com outros softwares O que você faz Qualquer coisa que você queira exportar. Na verdade, você pode selecionar isso e exportar esse logotipo. Você pode selecionar somente isso. Selecione no próprio bugger. Vamos comer boga. A razão pela qual isso não foi realmente selecionado é que a folha está no topo do inseto Você pode pegá-lo e arrastá-lo para baixo do pântano e nada aparece aqui Então, eu não quero algo assim. Você pode ver que as folhas aqui estão, na verdade, embaixo Deixe-me clicar e arrastá-lo até aqui. É meu show. Isso não é um problema. Eu só digo uma imagem mais sombria. Agora, o que você faz? É só esse mboger que você quer para o que você quer exportar Podemos exportar apenas o mboger. Você pode exportar ícones individuais ou imagens individuais ou todas as Venha exportar, derrube. Exportação. Antes de exportar, você pode visualizar, clique aqui. Você pode ver. Está me mostrando que é só o idiota, a menos que não tenhamos visto o que acontece Exporte e baixe a imagem, você pode ver que ela está baixando e acabou de ser Então, vá direto para o relógio para fazer o download. Você pode ver muito, muito perfeitamente. Na verdade, está certo. Só hoje. Em segundo lugar e veja o que acontece. Temos a amboga perfeita. O b pode ver a imagem de amboga. Voltando a isso, clique aqui. Agora eu quero que tudo seja explorado. Na verdade, você só pode explorar isso. Então, diga que o âmbar está perfeitamente ajustado a tudo ao mesmo tempo Você pode ver isso na pré-visualização, perfeito. Em seguida, basta apresentar export amboga ele vai baixar imagens, vai te mostrar muito perfeito. Simplesmente veio até aqui. Você baixou um duplo clique direto nele. Então, muito perfeito, você o tem. É muito fácil exportar imagens. Nós os exportamos como JPEG. Na verdade, você pode alterar o conjunto, esse PNG na verdade, que deveria ser JPEG Você pode usar o SVG PDF. Se na verdade é esse particular o que é chamado de amboga realmente entra em colapso Ok. Amberger Fragmentos de âmbar em PNG normalmente. Mas se você usar JPEG, ele criará uma bagra para ele depois de exportar O empacotador ainda não foi exibido, então você não precisa, se for apenas um ícone normal ou apenas um objeto, uma imagem, usar PNG Portanto, não haverá nenhum plano de fundo lá. É muito importante. Se você está realmente exportando um site inteiro, eu conheço, algo assim, use JPEG PG Na verdade, o Nice pode chegar até P três e tentar exportá-lo. Deixe-me tentar outro. Selecione sobre isso. Venha para as exportações. Ok. Você pode ver a pré-visualização, você pode fazer essa pré-visualização e expandir a pré-visualização. É isso que você faz, exporta. Na verdade, você vê que ele será baixado aqui. Ele está exportando o download agora. Você acabou de vir para baixar, perfeito. Você pode ver muito perfeitamente, muito perfeito. Voltando aqui, na verdade , é muito simples exportar coisas com muita facilidade. Ou seja, você pode realmente exportar isso sozinho, na verdade exportar isso sozinho. É isso mesmo. É assim que se exporta com muita facilidade no Figma 42. Conclusão: Chegamos ao fim do design da página de destino da seção do euro. Na verdade, obrigado por realmente fazerem este curso e, na verdade afirmarem que vocês teriam sido um profissional que analisaria a criatividade artística em projetar coisas. E as coisas teriam realmente mudado, usando cores, componentes, variáveis, camadas automáticas, usando cores diferentes, usando designs diferentes e o tema escuro, a iluminação e as pernas. E você já aprendeu muitas coisas aqui. Agora você será um profissional em tudo o que fizer, muito perfeito. Agora, obrigado por fazer este curso. vejo, vejo seus cursos masculinos. Ok.