Seu primeiro design de aplicativo para dispositivos móveis

1. Introdução: Olá a todos. Meu nome é Ra e sou designer de UX. Neste curso, mostrarei como criar do zero um aplicativo completo de edição de imagens para IUS usando o Figma E vou mostrar algumas das técnicas básicas que a maioria dos designers usa. Mesmo que você não tenha nenhuma experiência em design, isso deve ser útil para você aplicar em seu projeto de design. Primeiro, construiremos o curso na tela de embarque. Em seguida, vamos criar nossa tela base inicial, humor, retrato, tela, roubar e girar a tela e Durante esta aula, você aprenderá técnicas de design para aprimorar seu design e torná-lo mais exclusivo. Você aprenderá como criar um aplicativo de humor sombrio e como usar a máscara para cada camada. E como adicionar gradiente para mesclar com a imagem e muito mais Junte-se a mim nessa jornada de aprendizado e vamos comer porcos. 2. Arquivos de aula e projeto: Bem-vindo ao nosso primeiro vídeo de parabéns pelo nosso curso e vamos começar a criar nossos aplicativos Portanto, nesta seção, mostrarei todos os recursos necessários para criar e projetar nosso aplicativo. Portanto, a primeira coisa que você precisará usar é o kit Ios 16 UI. Dessa forma, alguns deles são gratuitos e alguns são pagos, mas vamos usar esse, o gratuito. E contém centenas de componentes, montagem, demonstração, tudo o que você precisa para iniciar qualquer projeto, não esse design, mas qualquer design relacionado ao aplicativo Ios E também precisaremos usar a fonte Noto Sans do Google E essa fonte tem uma fonte de alta qualidade com várias larguras e alturas, e também é de uso gratuito Além disso, precisaremos usar o SF-Symbols-Browser. É um plugin dentro do Figma e contém milhares de ícones Mas é claro que não vamos usar todos esses ícones. Vamos usar alguns ícones daqui e você poderá tê-los como recurso no futuro. Além disso, você precisa exibir algumas imagens de retrato para o design da nossa câmera Você precisa baixar o plug-in do Figma do Unsplash que vamos precisar de muitas fotos porque é uma foto de edição de câmera e todos esses links, vou deixar na descrição aqui Você pode acessar esses recursos a qualquer momento. E vamos começar 3. Tela de integração: Nesta seção, criaremos nossa primeira tela, que é a tela de integração. Então, como você pode ver aqui, eu tenho minha interface Figma e tenho aqui a página de ativos salariais onde tenho todos os ativos que vou usar no meu projeto E aqui eu tenho Page onde posso criar o meu design. Então clique em F e eu vou escolher o iPhone 14 Perú. E vou criar um raio de canto 50 e mudar a cor de preenchimento para 020 51f E precisaremos aqui barra de status inicial e dos indicadores domésticos. Então, vá até os ativos e vá até aqui e vamos selecionar, deixe-me ampliar pequenos pedaços. E vou selecionar esses ativos e trazê-los aqui. Vou movê-lo para fora do quadro, movê-lo um pouco aqui, selecionar a barra de status que vou usar e colocar uma linha aqui para dentro, para que você possa alinhá-la assim e trazer aqui para dentro, para que você possa alinhá-la assim o indicador inicial aqui embaixo E você pode usar o fundo de alinhamento. E vou remover isso. E também precisamos aqui de nossa experiência. Então, nosso plano de fundo será a câmera e vamos escrever aqui. Então selecione essas imagens, coloque-as aqui dentro e eu vou movê-las por aqui e simplesmente arrastar a câmera para dentro da moldura. E eu vou jogar com rotação. Vai ser 30 e também precisa arrastá-lo um pouco. Então, vou criar para que a posse seja menos 507 e para a posição Y seja 256 E vamos usar essa imagem como papel de parede. Então arraste-o para dentro da moldura. Então, precisamos brincar com isso. Então, selecione a camada e precisamos mudar, a posição será menos 133,4 A posição Y será negativa um a um e entrará. E também vou mudar a camada. A cor será holandesa. E vou ampliar para poder ver, vou mover esses três status de casa e aumentá-los como estatísticas de casa e movê-los para cá. E também precisamos agrupar essas camadas de imagem e vou chamá-la de quadro de pagamento e mover para cima para o indicador inicial. Como você pode ver aqui embaixo, não temos contraste na cor da imagem. Então, para corrigir isso, vou criar uma moldura. Então clique em F e arraste-o assim. A moldura com 393,4, a altura será 334 E eu vou aumentar um pouco. E dentro do quadro, precisamos preencher, criar um preenchimento, clicar em linear, e a cor na parte inferior será 000210 e a opacidade 100, e a cor na parte superior será a mesma Então, pegue a mesma cor e cole aqui, mas vai ser zero aqui E basta mover esses pequenos pedaços aqui para fazer mais contraste. Acho que está tudo bem agora. E aqui embaixo precisamos criar um cabeçalho ou título para nosso aplicativo Então, pegue a Ferramenta de Texto e apenas digite nosso título. Agora eu crio o título que vamos precisar. E vamos inserir uma fonte e garantir que o tipo de fonte seja Noto Sans Vou mudar a fonte para ficar em negrito. O tamanho da fonte será de 44 fontes. A altura será elevador automático. Precisamos de altura automática e vamos movê-la assim. Agora vamos criar nosso fundo aqui embaixo. Basta digitar F, criar aqui, pegar sua ferramenta de digitação e alterar o tamanho para 15. E eu vou digitar aqui, experimentar de graça e deixe-me mudar a forma no meio. Vou arrastá-la até aqui só para poder vê-la e ir até a composição da nossa capa. E eu preciso colocá-lo no meio e na altura automática. E vamos clicar na moldura. Precisamos consertá-lo, pois o layout será o centro e fixá-lo com sua altura fixa. E a erva daninha aqui será 204, a altura será 44 e eu vou criar 34 E também precisamos criar uma sensação de que a parte inferior será linear e a cor na parte superior será 65 73ed E a cor na parte inferior será uma para D a E, seis de nós, a melhor será 100. Então, eu vou criar um traço que vai ser 0,5 dentro de mim. Obtenha a sobreposição e altere a cor para branca. Vou ampliar para vocês. Só veremos que também precisamos adicionar um efeito que será sombra linear e 33 para a cor ser 788ff e a adversidade será 25% e precisamos alinhá-la ao centro E agora temos, nossa primeira tela é 3D. Precisamos alterar o nome do quadro aqui e nomeá-lo na tela de integração. Agora, nossa primeira exibição, no próximo vídeo, poderemos criar a página inicial é criar a página inicial 4. Tela de página inicial: Nesta seção, criaremos nossa tela secundária, que é a tela inicial. Então, como você pode ver aqui, eu tenho nossa primeira tela de integração de design Então, para criar a segunda tela, vou duplicar esse quadro Vou remover tudo dentro do quadro, esperar que a barra de status e o indicador inicial e mova o indicador inicial para fora desse quadro excluídos. E vou mudar o nome da camada para a tela inicial dessa forma. E agora nossa moldura está pronta para começar a ser projetada. Deixe-me ampliar e aqui precisamos criar outra moldura. E eu vou apenas criar uma moldura. E o tamanho da moldura para trigo é 393,4, altura 44, e o espaço entre a barra de status e a moldura é zero Agora precisamos aqui do nosso ícone. Então, vá até os ativos e escolha nossos ícones SRF e copie e cole aqui Vou arrastá-lo até aqui. E vou escolher o ícone da conta aqui e arrastá-lo aqui. E também preciso de um ícone de adição aqui. Agora, o tamanho do ícone é 44 para ervas daninhas e 4044 para ocultar no espaço entre cada ícone é zero, e agora precisamos criar nosso título Não se esqueça de alinhá-lo. Agora vamos criar nossos títulos. Então, vou trazer essa ferramenta de digitação aqui e digitar meu estúdio Vou arrastá-la até aqui e ver agora se o tipo de fonte é Noto Sans e quatro tamanhos para Winnie, vou mudar o estilo da fonte para negrito aqui e também a altura automática de todas as aulas e alinhá-la à esquerda assim se o tipo de fonte é Noto Sans e quatro tamanhos para Winnie, vou mudar o estilo da fonte para negrito aqui e também a altura automática de todas as aulas e alinhá-la à e também a altura automática de todas as aulas e alinhá-la E agora temos nosso título aqui. Agora precisamos criar aqui embaixo nosso ícone de categoria. Então, o que vou fazer aqui, vou clicar em F e vou criar outro quadro. Então eu vou criar aqui uma moldura. E esse tamanho de moldura será para ervas daninhas, 74,4 de altura será E dentro da moldura, eu não preciso de nenhuma cor de fundo aqui. Então, dentro da moldura. E em vez de ter uma cor de fundo, vou precisar criar um círculo. Então, vá até aqui e precisamos da ferramenta Ellipse e crie um círculo Vou ampliar o círculo. Precisamos alinhá-lo um pouco aqui. Agora, exclua o preenchimento do círculo em. Agora precisamos adicionar traços, então a cor do traçado será 6e68 A7 na opacidade será 50, portanto. E agora temos nosso círculo aqui. Precisamos nos certificar de alinhar o círculo dentro da moldura. Agora temos nosso círculo. Nós, é claro, precisamos de um ícone dentro desse círculo. Então, vou reduzir o zoom aqui, acessar os ativos aqui e escolher nosso ícone de vidro, copiado e colado aqui em nossa Vou arrastar isso aqui embaixo, nesse aqui. Agora vou escolher esse ícone aqui e arrastá-lo para dentro do nosso círculo. Certifique-se de alinhar esse ícone. E também o ícone aqui é 44 para 44. Agora temos nosso ícone. Vou ampliar. Agora precisamos criar um título, abaixo de um círculo aqui. Então, precisamos criar outro quadro aqui. E esse quadro para ervas daninhas será 74,4. Height vai fazer T. Agora precisamos pegar nossa ferramenta de digitação de ícones em um álbum de cinco anos Só vou arrastar nosso título aqui. Agora, vamos estilizar nosso tamanho de fonte aqui é 15 e a fonte Noto Sans na fonte será regular ou com largura e altura Alinhe-o. Vou mudar a cor da fonte para zero, nove FC. Agora temos nosso primeiro ícone aqui. Então, vou renomear o quadro para álbum. E eu vou agrupar esse ícone e também mudá-lo para um álbum. Agora vou criar mais quatro para criar nosso menu de categorias. Então, basta arrastá-lo aqui para ver outro ícone. Agora vou agrupar todo esse ícone aqui, ranhá-lo, e agora precisamos alinhá-lo e também precisamos fazer o layout automático, o espaçamento é zero, e agora temos nosso Agora vamos desagrupar esse ícone. Eu vou desagrupá-lo. O que vou fazer agora é mudar o ícone para outra categoria e também mudar o nome de cada ícone. Então, vou começar a arrastar nosso ícone aqui. Agora temos nossa categoria aqui. Já termine isso assim. Agora vou mudar aqui nome de cada camada para caber no mesmo nome de cada ícone. Então, agora aqui temos favoritos. Agora vamos agrupá-la novamente, toda a camada aqui tem e cresceu com um nome, a camada como uma categoria, categorias aqui. Agora precisamos garantir o layout de cada um, certo? Agora o que vamos fazer é arrastar cada ícone até 20 pixels. Então, basta desagrupá-lo novamente. Preciso consertar isso antes de começar a arrastá-lo, só para ter certeza de que está certo. Tudo bem, e este também, vamos consertá-lo. Eu acho que está adequado. Tudo bem, agora vou clicar no ícone do vídeo aqui e arrastá-lo para baixo, basta selecionar tudo e clicar em Somente Precisamos desagrupá-lo, clicar no ícone Vídeo e arrastá-lo em 20 pixels E para o ícone da galeria, vou arrastá-lo, desculpe, pois é pixel aqui e vou arrastar o ícone favorito aqui até Winnie Person para alinhar com o ícone visual Agora, selecione todo o ícone novamente e cresça, cresça novamente com um nome e categorias. E agora temos nosso cardápio. Agora precisamos aqui embaixo criar um separador. Então, o que eu vou fazer é clicar na linha ou simplesmente clicar no atalho aqui E eu vou desenhar um separador aqui. E para os pesos serão três linhas, três, e certifique-se de que a rotação aqui seja zero Pois a cor vai ser a mesma cor da formada que temos aqui. E também 50 serão 30 de opacidade. E o que precisamos aqui, desse separador, será como uma curva alinhada com o item selecionado aqui, que é a aqui, que Portanto, precisamos clicar em editar objetos e na ferramenta de fixação. E eu vou criar uma curva aqui, e eu vou subir. Precisamos que essa curva esteja alinhada com a galeria. Agora, precisamos fazer a altura de 37 anos. O espaço será em torno de 20, e vou nomear a camada como separada ou uma. Agora, duplique essa camada, nomeie-a como separadora E vamos criar mais estilo para esse separador. Vou criar um linear. Então, basta arrastá-lo aqui, certifique-se de selecionar o traçado separado ou ir para o traçado linear. E eu vou torná-lo vertical assim. Agora, vamos brincar com a opacidade aqui. Mas antes disso, precisamos mudar a cor. Portanto, precisamos mudar a cor aqui apenas para poder ver suas alterações. Então eu vou desfazer e a cor aqui para separar ou para a ferramenta será 087ef E. Agora vamos criar nosso gradiente linear e mudá-lo para vertical, então, criar outros três aqui para separar ou para a ferramenta será 087ef E. Agora vamos criar nosso gradiente linear e mudá-lo para vertical, então, criar outros três aqui. E vou começar a brincar com a opacidade aqui. Então eu vou fazer com que Augusti aqui seja zero. E o segundo seria apenas fazer no meio 1.120,0 E a capacidade do Hall será de 100 e chegará aqui como três. Agora temos nosso brilho aqui e vou adicionar um efeito. Então duplique esse separador. Vou mudar para, vou mudar para o separador de nomes para três aqui E vou adicionar um efeito como uma camada de piso e às oito agora, como você pode ver aqui, temos nossa curva alinhada com os itens selecionados que temos Vou agrupar todas as ferramentas separadas que temos aqui ou a camada e nomear o separador de camadas Agora temos nosso separador aqui. Vou agrupá-la com nossa categoria aqui, agrupar cada uma dessas categorias íntimas. E agora temos dentro dessa camada nosso separador e nossa categoria Agora já terminamos de criar nossa primeira parte aqui. Agora vamos criar nossa parte central, que é uma galeria cheia de curvas Precisamos criar aqui um layout de galeria curvilínea. Então, primeiro, precisamos do nosso retângulo. Vamos criar um retângulo aqui e, para o qual será 393,4, a altura será 260 Agora precisamos criar o lado curvo, superior e inferior aqui. Então, vou clicar nessa camada separada aqui. E eu preciso duplicar um dos separadores e trazê-lo aqui Agora, eu vou levá-lo aqui. Vou ampliar apenas para poder ver e alinhar. Vou fazer cem aqui em cima e vou duplicar esse separador movê-lo 180, movê-lo aqui para baixo e alinhá-lo com nosso retângulo aqui Agora, o que vou fazer é criar uma camada curvilínea. Basta clicar nesse retângulo aqui, editar o objeto e a ferramenta caneta Vou apenas arrastá-lo até aqui e ter o cuidado de alinhá-lo com nosso separador aqui e clicar em E vamos criar novamente a ferramenta de edição, fixar e movê-la para cá, certifique-se de alinhá-la com a nossa ferramenta separada, ou vou ampliar apenas para ver nossa camada curvilínea aqui, diminuir o zoom Agora, o que precisamos aqui é dividir cada lado. Então, como podemos fazer isso, vamos criar outro retângulo aqui Então, vou criar um retângulo. Esse retângulo, eu vou alinhá-lo aqui. Pois o tamanho desse retângulo será 207. E para o Hyatt 260, vou mudar a cor apenas para poder ver cada retângulo aqui que temos, e agora precisamos alinhá-lo com nosso primeiro retângulo aqui, como você pode ver, e certificar-se de alinhá-lo Agora, o que vamos fazer é esconder nosso separador aqui e agora para criar cada lado Como você pode ver aqui, não se esqueça de alinhar cada retângulo um com o outro Portanto, é muito importante obter o tamanho certo para cada tamanho. Então, vou clicar no retângulo dois. Vou clicar no retângulo inferior aqui e ir para o grupo Apollyon e subtrair para o grupo Apollyon E agora temos esses. Vou duplicar essa camada e girá-la em 180 Agora temos o outro lado da nossa galeria aqui. Agora temos cada tamanho curvilíneo aqui. Então, vou clicar em cada um e vibrar o ano. Agora eu tenho nosso layout mais justo aqui, nossa galeria, e agora precisamos criar outro Então, vou repetir os mesmos passos aqui. O que vou fazer aqui é criar um retângulo aqui na semana 3934, ocultar 260 Agora precisamos duplicar nosso separador. Vou mover isso para cá. Agora temos um separador, basta duplicar outro e movê-lo até esse retângulo aqui Vou movê-lo para cá, só quero fazer 100 para poder ver. Deixe-me ampliar o que vamos fazer é fazer uma rotação de 180 e também duplicar esse separador E eu vou mover um desses separados ou aqui para cima e arrastar nosso, alinhá-lo com nosso retângulo aqui, e mover este e movê-lo aqui para baixo e também alinhá-lo Agora temos nosso separador. Vou clicar no objeto de edição do retângulo e na ferramenta de fixação e criar nossa curva aqui e a mesma parte aqui embaixo Agora vou esconder nosso separador. E o que vamos fazer é criar nosso lado dividido, criar isso, criar nosso retângulo aqui Basta criar outro retângulo. Mude a cor apenas para ver na largura do retângulo para 07 e altura 260, e precisamos alinhar Isso garante que o primeiro retângulo tenha a mesma largura e altura Agora temos uma linha em cada lado, clique no retângulo em uma camada e duplique essa Vou arrastar isso até aqui, clicar em cada retângulo aqui, clicar em cada retângulo aqui, ir para o grupo booleano na seção de subtração Agora temos nossa diretoria mais justa. Agora precisamos criar nossos segundos sites. Agora vamos consultar a outra parte lateral. Então, o que eu vou fazer é criar outro retângulo aqui, até 07260, vai mudar Certifique-se de alinhá-lo muito bem com o retângulo. Agora clique no grupo Pauline, subtraia, e agora temos a outra parte Então, vamos pegar o outro lado aqui e começar a criar outro layout. Agora vou pegar esse aqui. E então, e mais niveladamente cada seção aqui criou essa camada aqui, e eu vou arrastá-la até aqui Agora temos nossa terceira seção, arraste-a para cá, e esta também alinha cada item aqui que temos, agora temos nossa parte medial com a qual está nossa Então, o que vamos fazer é clicar aqui e precisamos trazer nosso plugin Unsplash para arrastar aqui algumas imagens Agora, nosso plugin está aqui e pesquise ou digite aqui na barra de pesquisa sobre retrato. Ou vou clicar aqui em nosso retrato. Vou clicar em cada lado e trazer algumas imagens bonitas. Agora temos nossas imagens aqui. Precisamos criar nossa camada de grupo para toda essa peça e ID de grupo e nomeá-la como Galeria. E agora temos nossa categoria, nossa galeria. Agora precisamos começar a criar a parte inferior aqui, vou apenas remover nosso indicador aqui de cima. Agora precisamos criar aqui nossa última parte. Então, o que vamos fazer é criar no retângulo, e eu vou criar outro retângulo aqui embaixo. E o tamanho desse retângulo para ervas daninhas será 393,4, altura 111, e alinhe-o aqui, alinhe-o na alinhe-o E agora precisamos criar uma linear para que a cor na parte superior seja 79715, e essa será a cor na parte inferior aqui, 020, 51f, e clique na opacidade aqui, Agora vou arrastar isso um pouco para cima aqui no meio. Então, agora eu preciso criar um lado curvilíneo aqui. Então, basta ir até a camada de categoria aqui e duplicar nosso separador E eu vou usar este, arrastá-lo até aqui. E só para poder ver a cor aqui que temos, precisamos alinhá-la com nossa moldura aqui e clicar em nosso retângulo, seu objeto e a ferramenta de alfinete e arrastá-la Então agora temos nossa parte curvilínea. Agora precisamos aqui de dois botões aqui. Então, vou dar um zoom em uma serra e preciso de dois botões aqui. Então, só vou precisar da câmera e da outra parte inferior aqui, vou pegar essa parte inferior aqui e pegar a outra parte inferior aqui. Então, precisamos agora, agora temos nosso ícone aqui, o ícone de saída. Eu vou precisar desse piquete, com certeza, ícone aqui. Então, o que eu vou fazer é arrastá-lo aqui para o nosso fundo aqui. Vou clicar em cada lado ou em cada ícone aqui. E o espaçamento entre cada ícone aqui é 185. E também preciso criar aqui como um traço aqui nesta área. Então, o que vou fazer é clicar no retângulo, traçar aqui, e a cor será branca Mas precisamos criar nosso linear aqui. E vou arrastá-lo vertical e criar outros dois aqui. E vamos jogar com nossa velocidade. O primeiro vai ser 01100, também esse 1.100,0 para o último, vou pegar um pouco aqui E agora clique aqui, transforme-o em Overlay. Agora precisamos criar aqui nosso círculo para nossa câmera. Então, vou pegar a Ferramenta Ellipse aqui e criar um círculo O tamanho do círculo é de 74 a 74 para largura e altura. E vou diminuir o zoom e usar nosso primeiro botão aqui. Vou apenas copiar a propriedade aqui e mover para cá, ampliar e colar aqui. Agora temos nossa propriedade. Eu vou remover esse caminhão aqui. E agora vamos criar algum efeito aqui. Então, primeiro eu vou duplicar essa camada e vou adicionar efeitos e eles são plur, e transformá-la em um. Agora eu preciso criar nosso círculo menor aqui, um todo para a nossa câmera Então vá para a ferramenta de elipse e crie um círculo. E o tamanho desse círculo será 54,54. Vou alinhá-lo com o nosso círculo aqui. Agora, vamos amarrar nosso círculo aqui agora para estilizar nosso ícone aqui, basta ir em Preenchimento e selecionar Linear para que a cor na parte superior seja de 080d a a. E para a de baixo, a cor será 454377 e a opacidade estará aqui, 100, ou seja E agora adicione um efeito aqui e eles afetarão que o ano será sombra interna e mude aqui para menos dois e também aqui menos dois. E o folclore aqui serve e faça com que aqui a cor seja branca Agora eu vou criar um traço aqui também. Então, vou adicionar Para o primeiro círculo será 0,5 e a cor será branca. Agora, vamos adicionar nossa câmera aqui. Então, diminua o zoom e arraste para baixo para poder ver nosso ícone aqui, certifique-se de alinhá-lo E agora vou esconder nosso indicador residencial. Eu não preciso disso. Vou agrupar tudo aqui e nomear a camada como ícone de espaço. Vou reduzir o zoom no meio aqui e pegar nosso ícone aqui com nosso ícone de rosto e crescer com nossa camada base, assim. E agora temos nosso indicador doméstico aqui. Deixe-me arrastar isso para fora e também este. Agora temos nossa segunda tela como tal. Na próxima seção, serão nossos outros, Screen 5. Telas de modos de foto: Nesta seção, vamos criar essas telas. A primeira tela será o modo de foto, e a segunda, o modo retrato, como você pode ver aqui, eu tenho nosso design anterior aqui, eles estão integrando a tela e a tela inicial, apenas a esconderão um pouco e clicarão esconderão um pouco em F. E eu vou escolher a linha do nosso iPhone 14 aqui e criar um raio de canto E para a cor é 0205 em cinco. Vou apenas mudar o nome da moldura para tela do modo foto. E agora vamos precisar uma barra de status aqui e um indicador inicial aqui embaixo. Vamos criar uma navegação superior aqui. Então, vou até Ativos aqui e clicar na barra de status e no indicador inicial e trazê-los para dentro da minha página aqui. Vou arrastá-lo para fora da minha moldura. Vou apenas ampliar e selecionar cada um desses ícones aqui e trazê-los dentro da nossa moldura aqui e alinhá-los Precisamos alinhar o centro aqui. Agora vou arrastar esses indicadores iniciais até aqui. Agora preciso criar uma moldura. Só vou me livrar disso. Vá para Assets, o ícone FX aqui. Então traga-o para dentro da minha praia e clique em F e desenhe nossa moldura aqui. E a largura será 393,4 de altura, 44. Vou apenas alinhar o centro e movê-lo aqui, alinhá-lo e o espaço entre a barra de status e a navegação superior será zero Agora vou precisar desse ícone flush. Então, vou trazê-lo para dentro aqui e a Chevron no meio e a foto ao vivo aqui E o espaço entre cada ícone, a moldura é para Winnie que encontra Shake ou outro Agora vamos alinhar este. Agora vamos criar nosso layout intermediário aqui. Então, vou clicar em nosso desenho , nosso retângulo aqui E o tamanho do retângulo é de 3934 larguras. E para a altura 531, vou alinhá-la dentro do ano ascendente E o espaço entre nosso retângulo e nossa navegação superior é 16 E agora precisamos da nossa imagem dentro desses retângulos. Então, vou até Assets. Você vai precisar do Unsplash em qualquer imagem que quiser. Você pode baixar qualquer imagem e trazê-la para dentro desse retângulo Vou escolher essa imagem e arrastá-la aqui. Para o nosso retângulo, vou apenas mostrar essa imagem, o espaço, nosso retângulo aqui e alinhá-lo E vou agrupar o retângulo e a imagem aqui e nomeá-la como foto E eu vou precisar aqui apertar o retângulo, clicar com o botão direito do mouse e usar como máscara Agora precisamos criar um controlador aqui para ampliar. Então, vou criar outro retângulo aqui. E o tamanho do retângulo 393,4 de altura 200. E a cor vai ser a mesma cor do nosso tema, essa cor e alinhá-la Agora vou desenhar nosso círculo aqui como um controlador. Então clique em tudo e crie nosso círculo. O tamanho do círculo é de quatro a seis e, para a altura , de quatro a seis. Precisamos alinhar esse círculo aqui, agarrá-lo um pouco Vou nomeá-lo como base de um ano, e vou arrastá-lo para baixo do nosso retângulo aqui dessa forma E agora eu preciso mudar a cor. Então eu vou para Assets e trazer minha paleta de cores aqui, arrastá-la para fora da minha moldura A cor do círculo será, eu preciso da barra de desenho aqui, desta coluna, e clique em sobrepor E vou arrastar isso para baixo e para baixo no retângulo aqui. Agora precisamos criar um traçado, e o traçado será preto, opacidade E vamos criar um efeito. O grau do piso térreo é 40. Eu só vou precisar arrastar isso um pouco aqui. Agora, vamos criar outro círculo aqui. Então, vou duplicar essa camada e nomeá-la como espaço para, e vou copiar essa cor de preenchimento aqui, copiá-la e as necessidades de L e colá-la na área do traçado aqui E a diversidade é 100 e o tamanho da opacidade será de um, 6 s T. Vou ampliar e vou remover o efeito Vá para avançar um traço Clique nos traços aqui. A primeira, o tamanho do traço será igual à lacuna, é para Winnie Então, vou mudar o tamanho do círculo para quatro para zero, ou as larguras para quem Zere a altura e clique em construir proporções aqui. Agora precisamos criar outro círculo. Então, vou duplicar a base dois e nomeá-la como paga três Vou mudar a cor do traço para branco e o tamanho do traço é seis, e os traços serão um e o Gab Agora precisamos clicar aqui na base 3.2. Vou diminuir o zoom, movê-lo um pouco para baixo aqui. E então, e agora precisamos criar uma seta aqui. Então, precisamos usar a ferramenta de polígono aqui e criar um polígono E o tamanho é 6,4 ervas daninhas de 3514 cantos de raio e faça uma rotação na cor desse polígono que será dessa Vou ampliar novamente. E agora vou pegar esse polígono e clicar na camada Clique em flutter. E você vai notar que o tamanho, largura e a altura estão mudando. Então, vou escrever de novo , 6,4, a altura está em, e vou nomear a camada como R0 E aqui precisamos da ferramenta de cronometragem para escrever alguns graus. Vou clicar em T. Só vou amarrar um. O tamanho será 1302 larguras e alturas e negrito e a cor, a mesma cor da nossa seta aqui, mostra vou pegar essa e eu vou copiar, duplicar para outra essa e eu vou copiar, duplicar para E vou vincular estar aqui a seis e M. Então, precisamos aqui do nosso caso. Então, eu vou mantê-lo aqui embaixo. Vou apenas selecionar esses itens no layout automático com o espaço zero entre cada número aqui e nomeá-los como grau um. Vou movê-la até a seta aqui e duplicá-la para outra Mas aqui vou amarrar três, e aqui você terá 77 anos, mas a cor e o estilo serão regulares. Então, movendo aqui para regular e a cor da mesma cor, essa camada aqui, e também para esta e a cor com o mesmo nome, o grau da camada para movê-la um pouco para baixo. Vou duplicar este também e me mudar para cá e nomeá-lo como 0,513 de cinco anos e chamá-lo de Xolair grau E agora precisamos girar cada grau que temos aqui. Então, eu vou girar este. Vou girá-lo. Então este vai ser 30, a rotação do outro aqui, menos 48. E então o espaço entre o grau e a seta será quatro. Vou arrastá-lo aqui e trazer esses pedacinhos aqui e esse também aqui. E agora precisamos remover esses altos. Precisamos esconder essa parte. Então, vou agrupar os pagamentos da Zara que temos aqui. Então, vou pegar todos os P's que temos em um grupo aqui, clicar em cada um e agrupá-los como, nomeá-los como controlador. E eu vou pegar a ferramenta Retângulo e desenhar um retângulo E esse retângulo vai estar dentro do nosso controle aqui. E precisamos editar um objeto no alto, um pouco aqui, Roma, nossa imagem como tal. Agora precisamos mover o retângulo atrás da base e da BaseOne, basta clicar com o botão direito do mouse em usar como E agora esse esporte está escondido e eu vou agrupar a flecha e o grau aqui. E agora vou agrupar cada ícone que temos aqui e ranhurá-lo como um controlador de zoom E eu vou agrupá-los e com o controle abaixado em um grupo. Agora vamos consultar a parte inferior aqui. Então eu vou pegar o clique em T aqui, e eu vou amarrar aqui, tempo, lapso de tempo E o estilo da fonte não fará sentido. ON estará em negrito e maiúsculas E o tamanho da fonte , será 30, ou a largura e a altura, e a cor será da mesma cor desta. Então, eu vou pegar a gota aqui. E agora eu preciso de seis comprimidos desta. Vou apenas copiar a guia de receitas aqui. Agora vou mudar o nome de cada aba. Agora selecione todo o topo que temos aqui, layout automático e o espaço aqui será 24, eu vi, e vou alinhá-lo aqui e o espaço entre a barra de abas Nosso principal controlador aqui deveria ser para Winnie. Vou pegar Um espaço aqui é 20. Vou me mover aqui até a foto e alinhá-la com o grau aqui e a seta alinhá-la novamente E eu preciso que o todo chegue aqui. E vou mudar a foto para segurar. A cor será da mesma cor da seta aqui que um item selecionado aqui. E agora vou mudar o nome do quadro e nomeá-lo como guia Categoria. Agora precisamos criar aqui um ícone aqui, um ícone para o ícone do switch aqui. Então, vou diminuir o zoom. Preciso trazer o ícone aqui, este, vou arrastá-lo até aqui e agora vamos amarrá-lo ao nosso ícone. O tamanho do ícone é 44 para 44, e temos um raio de canto aqui Então, vou adicionar um preenchimento aqui. Ligado. O preenchimento será linear aqui, e a cor na parte superior será 7971, B5 e a cor na parte inferior será 020043 Então, vou movê-lo um pouco aqui. E agora vou criar um traço aqui. E o tamanho do traço será 0,5. O traço, eu vou criar um linear, a cor do aplicativo será branca na cor de baixo e a preta. E para assumir a sobreposição aqui. E também precisamos criar um ano de efeitos. E eu tenho um efeito de sombra interna : vai ser de zero a dois, branco, branco, e a opacidade vai ser 20 E agora vou mudar a cor do círculo e pegar essa unidade com a mesma cor aqui Agora temos nosso círculo. Preciso criar um botão do obturador aqui. Então, basta clicar em tudo, criar um círculo aqui. E esse tamanho de círculo será de 64 ervas daninhas e o mesmo para a altura E vou copiar a propriedade aqui para esta, aqui e assim por diante. Agora, vou nomear essa ferramenta de elipse como círculo um, e precisamos duplicar essa camada e nomeá-la como círculo. O tamanho da ferramenta circular será 74, 70 e eu vou alinhar Portanto, certifique-se de alinhá-lo. E eu vou pegar este e alinhá-lo da mesma forma. Agora temos que circular aqui. Agora vou remover o preenchimento do círculo maior aqui. Vou remover o preenchimento e vou criar um traçado aqui. Então, a cor vai ser uma cor sólida aqui, e a mesma cor desta. E o tamanho do traço será três aqui. E vá para Advanced stroke. Clique nos traços e no ano do traço 541504, Gab one. E eu vou sacudir aqui os derrames, precisamos do normal e assim por diante Agora vou criar um efeito e será uma sombra interna. Então, vou criar outra sombra interna aqui, o estilo aqui será 0,05 e o outro igual, 0,56 e a 0,56 e a E vamos duplicar esse círculo para o círculo maior Então, vou duplicar este e nomeá-lo como círculo três E vou adicionar um efeito aqui. E o efeito, vai ser o chão do mentiroso. Eu vou ter oito anos e vamos mudar a cor do traço aqui, 234898 Agora precisamos agrupar todo o ano do círculo, temos o nome de botão do obturador e o espaço entre deixe-me alinhar o ano, nosso círculo e o espaço entre o botão do obturador aqui no indicador inicial deve ser zero Então eu vou trazê-lo aqui. E então eu vou fazer o mesmo. E agora temos nosso primeiro quadro pronto para ser exibido no modo Câmera aqui. Agora precisamos criar outro cérebro. Então, vou movê-los para cá e vou reduzir o zoom aqui. E aqui precisamos criar outro quadro. Então, vou apenas duplicar esse quadro que temos aqui, e vou chamá-lo de modo retrato. E agora precisamos remover o diploma aqui. Só precisamos de uma terra circular. Então, vou até o controlador aqui e remover tudo isso. Vou remover este e remover também. Só preciso de um círculo. Não preciso de mais nada, então vou remover, esconder tudo o que temos e agora precisamos do modo retrato aqui Então, em meus ativos aqui, você pode criar nosso clima de retrato como quiser Vou pegá-lo aqui e fazer assim. Agora precisamos mudar aqui embaixo a foto para alinhar com os modos de retrato. Então, vou mudar a cor da foto aqui. E precisamos mover este. Então, clique no quadro e alinhe-o com o retrato como está. E eu vou mudar de cor aqui com a mesma cor, só vou diminuir o zoom. E agora temos nossas duas telas aqui. A primeira é a tela, temos o modo câmera fotográfica, e a segunda é verde, é o nosso modo de retrato Na próxima seção, criaremos as telas de corte e rotação 6. Telas de colheita e gerencio: Nesta seção, vamos criar uma tela. A tela será Rob and Rotate Screen. E a segunda tela vertical, como você pode ver aqui, eu tenho nosso design anterior Eu tenho a tela de integração, a tela inicial e, para edição, tenho tela de fotos, tela retrato e ainda precisamos de mais tela Então, nesta seção, vamos criar um recorte e girar e também o brilho da tela Então, para começar a criar nossa tela, vou apenas duplicar esse quadro assim Vou esconder essas telas anteriores por um momento. Vou remover tudo o que está dentro da sala, exceto a barra de status no painel de navegação superior e o indicador inicial Então, vou remover tudo o que está dentro da moldura aqui. E também vou mudar o nome do quadro para cortar e girar. Eu só vou ampliar. Aqui. Precisamos substituir esse ícone. Então, vou até a página de ativos aqui e pegar nosso ícone colado aqui Eu só vou arrastá-lo para fora da minha moldura aqui. Então, vou remover esse ícone da foto da vida e preciso pegar dois ícones aqui. O primeiro é o ícone do lápis e o segundo é mais um ícone. E o espaço entre cada ícone é zero. E também o espaço entre a moldura e o ícone é o vento Então, vou selecionar cada um. Precisamos de 20 espaços. Vou apenas me mover, remover esse ícone aqui e pegar uma seta para a esquerda aqui, então, o espaço entre o ícone e a moldura é 24 nesta divisa abaixo aqui. Eu só vou substituí-lo por um título. Então, vou pegar nossa ferramenta de digitação e digitar aqui recortar e girar, sugiro É hora de cortar e girar. E só vamos movê-lo para cá, precisamos alinhá-lo. O ano do tamanho da fonte é 20 e certifique-se de que a fonte seja do tipo Noto Sans Bold, alinhe à esquerda e toda a largura e Então, vou pegá-lo assim e alinhá-lo. Agora temos nossa camada para Top Nav, só vamos nomear a camada Top Nav Agora precisamos criar o layout intermediário aqui. Então, vou clicar em F e criar um quadro aqui. O tamanho da moldura 3934, trigo para altura é 504 E eu preciso alinhá-lo no espaço entre a moldura na parte superior da navegação é 60 Vou simplesmente deslizá-lo assim. Dentro desta moldura, precisaremos de uma foto para que você possa tirar qualquer foto que tenha do Unsplash Eu só vou usar essas fotos agora. Eu preciso pegá-lo dentro da moldura aqui. Então, vou colocá-lo dentro da moldura. Vou apenas selecionar a imagem aqui e clicar em Control E para fazer isso. Não se esqueça, você clica em Clipar conteúdo ou clica em Controlar a. E agora temos nossa imagem aqui, dentro do nosso retângulo aqui, nossa moldura Então, vou apenas nomear a camada da moldura como imagem. E eu vou duplicar essa camada e vou esconder uma segunda imagem Vou chamá-la de Ferramenta de Imagem. Vou esconder isso por um momento aqui. Deixe-me ampliar. E eu vou desenhar aqui um retângulo. Então, vou pegar a ferramenta Retangle. O tamanho do retângulo é 62634 larguras e 260 para ervas daninhas altas e dois a seis zero para 62634 larguras e 260 para ervas daninhas altas e dois a seis zero para altura, alinhe-o assim. Vou nomear esse retângulo como máscara 1 de Bayes. E vou duplicar esse retângulo e nomeá-lo como ferramenta de máscara básica, só vou pegar a foto aqui e a foto base da Mesquita aqui em cima aqui e a foto base da Mesquita aqui E essa camada vai estar aqui embaixo. E vou colocar toda a nossa imagem e retângulo aqui dentro de outra moldura aqui E vou nomear essa moldura como recorte. E a imagem principal T2 também será recortada. E vou clicar com o botão direito do mouse nessa mesquita USBs. E eu vou usar como mesquita aqui. Eu vou, como você pode ver, nossa foto está aqui e eu vou clicar na camada de corte aqui. E vou adicionar um preenchimento aqui. E o preenchimento será linear. E a cor vai ser a mesma cor da nossa costura aqui E eu vou adicionar outra cor no meio aqui, mas essa vai ser opacidade zero E para esta, a velocidade será 20, a do meio sobre a cidade 20. Agora temos nossa safra florestal aqui. Então, agora precisamos criar uma linha aqui. Então, vou clicar em L ou na ferramenta de alinhamento. Vou apenas traçar uma linha aqui. A largura da linha será 263. Portanto, precisamos ter certeza de que a rotação é 90 e a cor do traço é branca. E a certeza da opacidade. E você vai criar outros traços aqui. Então, vou adiantar um traço de AVC aqui. E precisamos criar aqui 64 traços para fazer isso. Agora vou duplicar essa linha quatro vezes. Então, vou escolher essa linha e replicá-la em outras três Vou agrupar todas as linhas em um quadro e o espaço entre cada linha é 87 e você precisa alinhá-lo E vou duplicar esse quadro. Precisamos fazer uma rotação negativa minha, e precisamos alinhá-la E agora precisamos desagrupar essas linhas. Então, vou desagrupá-lo aqui. Desagrupe-o aqui. E vou selecionar toda a linha aqui Clique na seleção de cebola aqui. E também precisamos criar uma seleção lisonjeira. Agora, ferramenta da mesquita, precisamos criar uma estrutura aqui. Então, nesta ferramenta de mesquita espacial, vou deletar o preenchimento O que? Eu vou criar um derrame. Por que vi que o tamanho do traço é três e está do lado de fora, então agora terminamos de criar nossa camada de corte aqui. Agora precisamos criar a parte inferior aqui. Então, primeiro, vou pegar a Ferramenta Retângulo e vou criar um retângulo Vou desenhar um retângulo aqui. Deixe-me pegá-lo fora dessa moldura para que o tamanho do retângulo seja 393,4, altura 258 e precisemos alinhá-lo E diz a mesma cor do nosso preenchimento aqui. E aqui precisamos criar uma curva. Então você se lembra de como podemos criar essas camadas curvas em nosso design anterior aqui, temos essas curvas Então, vou pegar um desses separadores que temos aqui. Então, vou copiar um desses e preciso pegá-lo fora dessa moldura Só vou usá-lo aqui, só vou ampliar. Vou pegar a moldura aqui fora e pegar também nosso separador Então, vou movê-los separadamente ou dentro do ano-quadro, certificando-me de que a camada seja a mesma. O retângulo está abaixo do separador. Alinhe isso. Vou apenas ampliar assim. Agora clique em Zara Tangle para objetar que, quando Tool, eu vou pegar esse retângulo Vi John diminuindo o zoom e vou pegar esse retângulo dentro da moldura aqui, alinhá-lo e precisaremos de um litro Portanto, certifique-se de tê-lo agora. Agora precisamos criar um controlador aqui para nossa foto. Então, vou diminuir o zoom e preciso desenhar nosso círculo de pico aqui. Então clique aqui e precisamos criar um Agora vou desenhar um grande círculo. Então, vou pegar esse ícone aqui no tamanho do círculo para ervas daninhas, 10694 esconde o mesmo 1069 e precisamos Eu só vou movê-lo para cá, assim como está. Vou apenas remover esse campo e criar um traçado aqui. Portanto, o traço será colorido a 0a9fc e o tamanho do traçado será dez E clique em traçado avançado aqui e clique em traços E os traços aqui serão 146. Vou apenas ampliar. Eu vi e deslizei um pouco para cima. E agora vamos nomear essa elipse como um traço, traço um Precisamos fazer isso por dentro, substituí-lo dentro de nossa moldura aqui. Não se esqueça disso. Agora, vou replicar essa camada aqui, vou apenas duplicá-la Um nome traçado para, e vamos mudar a cor do traço para 08 e5e, caso o traço esteja aqui Então, o tamanho do traço é clicar na van parada aqui e alterá-la para dois traços e 200 espaços. Agora deixe-me ampliar, basta ver o traço que temos aqui. Portanto, o tamanho do traço aqui não é, é 20. Agora temos nosso derrame aqui, e agora vou diminuir o zoom. Então eu vou até o traço, nosso traçado aqui, um segundo traço e clicar na cor para torná-la linear. Então, vou diminuir o zoom com, vou pegar e entrar aqui Só para poder, a cor deve ser mais óbvia. Alguns simplesmente vão substituí-lo por vertical aqui. Então eu preciso da cor. A maior parte da cor está aqui. Pois este está aqui. Agora precisamos alinhar cada caminhão aqui. Vamos chamá-lo de controlador aqui. Então pegue-o em uma moldura aqui e chame-o de controlador. Vou apenas agrupá-la aqui, em cada camada, e nomeá-la como controladora dessa forma. Agora vou reduzir o zoom aqui e temos aqui nossa camada de controladores. Então, eu vou deslizar para baixo assim. Deixe-me ampliar. E agora precisamos criar outro grau aqui, qual vou clicar e criar um zero aqui. Então, pegue a Ferramenta de Texto e verifique se o tamanho da fonte é de 13 anos. Eu só vou digitar aqui. 00 vai ter a mesma cor do nosso círculo aqui, nossos traços aqui Portanto, verifique se o tamanho zero é um e está em negrito. É deixado aqui, e a cor é a mesma cor aqui do nosso traçado aqui. Essa, essa cor aqui. Então, e agora vou pegá-lo fora da nossa camada aqui por enquanto. Precisamos criar outro círculo aqui, um pequeno círculo. Então clique em tudo e desenhe um círculo aqui. A cor do círculo. Remova o círculo, preencha aqui e clique em traçar nele. A mesma cor aqui para o nosso zero e a gravidade aqui no espaço entre o zero e o círculo é zero. Então, agora precisamos criar um. Agora vou mover esse zero no ciclo aqui agrupando cada ícone aqui e nomeando-o como grau. Portanto, certifique-se de alinhar cada ícone aqui e agora, só precisará ter um menu curvilíneo Então eu acho que nosso design anterior aqui, você já sabe como criar essa categoria curvilínea Então, vou embrulhar o meu aqui dentro dos meus ativos para não repetir as mesmas dicas aqui. Então, eu tenho aqui uma categoria. Vou pegá-lo na minha moldura aqui e colocá-lo online, e o espaço entre cada um será 60. E vou remover o preenchimento aqui e clicar nesse separador que temos aqui e adicioná-lo abaixo da categoria aqui, pois agora precisaremos criar nossas guias Darwin Então, aqui, para nossas guias, precisaremos da ICANN, precisaremos do ícone de ação aqui para Don e para excluir Só vou pegar que estão prontos. Ícone, este para excluir o ícone e verifique cada ícone aqui que temos. Eu só vou precisar amarrar , cortar e girar, pegar a ferramenta de digitação e digitar aqui E será 150 por 15 para o tamanho da fonte. Sou careca e não gosto muito do nosso tipo de telefone. E então clique no recorte aqui, desloque a, quatro, nossa camada aqui. Agora clicamos em Shift E para que todos coloquem nosso onclick, fixem a altura e ela será 44 Então, e a cor do corte vai ser a mesma cor do nosso zero aqui. E vou arrastá-lo até aqui. E vou duplicar esta safra e vou chamá-la de Rotate A cor aqui não será a mesma. Então, vai ser irregular para o próprio estilo aqui. E também a cor vai ser a mesma cor do nosso ícone aqui. Vou pegar cada um e clicar em cada ícone que temos aqui e me certificar de alinhá-lo assim, e clicar também no ícone aqui Agora, já terminamos esse quadro aqui. Só vou ver se alguma coisa não está. Bem, não é, vai ser errado. Está tudo certo. Então, para o quadro de brilho aqui, vou duplicar esse quadro, e agora vou chamá-lo de tela de brilho aqui Vou apenas mover esse título para substituí-lo como correto e alinhá-lo E também vamos remover essa safra ampliada aqui. Portanto, temos aqui o brilho da nossa camada. Clique nesta camada aqui, recorte e remova-a assim. Agora também precisaremos mudar a categoria aqui. Eu o removo e precisaremos de outros ativos aqui. Então, eu vou pegar isso aqui. Então, vou ampliar e pegar essa categoria e brilho aqui dentro dessa moldura e remover o preenchimento para alinhar Aqui, vamos remover esse Rotate and Crop e vamos substituí-lo por outro ícone Então você vai precisar aqui, mais três ícones, só vai precisar do ícone de filtro aqui. Então, vou pegá-lo e também o ícone de vertical e o ícone Girar Portanto, precisamos do ícone de retidão aqui . O ícone Girar aqui, selecione todos esses ícones e o espaço entre cada ícone é zero e alinhe Então, eu vou clicar nesse espiritual aqui. Temos um filme Little aqui embaixo. E agora já temos a hora, agora já temos nossa tela de brilho e também temos, deixe-me diminuir o zoom para poder ver cada tela. E agora já temos cada tela desenhada. Nós cortamos e giramos a tela para iluminar a tela. E para a próxima seção, criaremos nossas duas últimas telas 7. Editar e filtrar telas: Nesta seção, vamos criar uma tela. A primeira é que a tela será uma tela de filtro. E a segunda, tela de edição, como você pode ver aqui, eu tenho todo o nosso design anterior. Eu tenho a tela de integração e a tela inicial. E para edição, temos fotos e aves, e temos colheita e brilho Ainda precisamos de mais informações no Screen para finalizar nosso aplicativo aqui. Então, precisaremos criar o filtro e depois a tela de edição. Então, para armazenar nossa primeira tela, vou apenas duplicar essa tela de brilho aqui E vou mudar o nome do quadro para Tela de filtro. Então, agora vamos eliminar algum design aqui. Então, vou remover essa guia de categoria e separá-la. Temos um controlador aqui, não precisamos dele. E também o grau nesse quadro. Precisamos alterar o brilho do título para a tela vacilante. Então, vou substituí-lo por uma tela de filtros e precisamos alinhá-lo Então, agora também precisamos substituir essa imagem. Então, qualquer imagem que você tenha, basta substituí-la. Vou substituí-lo por este aqui. tenho uma. Também vou mudar a altura desta imagem para duas porque precisamos de mais espaço aqui embaixo para nossa moldura fotográfica com filtro. Agora está pronto para começar o design. Então, vou criar um retângulo aqui. E o tamanho do retângulo é 74. Ervas daninhas em 90 para altura. Alinhe isso. Agora precisamos preencher esse retângulo aqui com foto Então, vou clicar com o botão direito do mouse e escolher o plugin do Unsplash Eu vou escolher a mesma imagem. Eu tenho o aqui em cima. Então, vou clicar em retratar e escolher essa imagem que tenho aqui Agora precisamos duplicar essa imagem, mas vou criar um raio de canto para três Vai duplicar isso e nomear a primeira camada como um monstro Para o segundo, basta arrastá-lo, então precisamos alterar a largura e a altura. Então, com 54 e altura 68. E precisamos mudar o nome para imagem ou image1 para a camada da imagem E vou criar uma rotação para esses 10%. Precisamos substituí-la abaixo da imagem principal e arrastá-la 30% até a imagem do Monstro. Vou duplicar essa primeira camada que tenho aqui. Esta, duplique-a e nomeie-a como imagem dois. E vou adicionar isso abaixo da imagem e arrastá-lo. No momento. Precisamos duplicar imagem para imagem é três, vou nomeá-la aqui A imagem é três e substitua-a abaixo da imagem e arraste-a. Agora temos toda a nossa imagem aqui. Eu só vou clicar nessa imagem em uma camada e duplicá-la Um nome para o qual você imagina, pelo lado direito. E vou arrastá-lo até aqui. Mas vou mudar a rotação para menos dez e também alinhá-la com esta E precisamos que o espaço seja 30, então vou arrastá-lo aqui. E para esta imagem, para, duplique-a para a imagem cinco E precisamos dela abaixo da imagem para arrastá-la. As fianças foram enviadas aqui. E agora vou duplicar essa imagem cinco anos e chamá-la de imagens seis E precisamos arrastá-la para baixo na imagem de cinco anos. E essa peça tem 30, o mesmo. Agora vou clicar na imagem geral que temos aqui. Só vou remover o preenchimento, mas precisamos adicionar, precisamos adicionar um traçado aqui. Então, vou clicar no traçado, e a cor do traçado será da mesma cor do nosso ícone de filtro aqui que temos Agora vou adicionar um efeito aqui. Então, vou clicar em Effect drop. A sombra na cor é 087fe. A velocidade é 40 aqui. O que? Para X? Zero, para Y um e a pleura é dez. E vou clicar e criar outra sombra projetada aqui. Pois este vai ser menos 60 aqui é 20, a cor é preta. A opacidade é 20 aqui. E vou criar outra sombra projetada anterior, menos seis. Então esse vai ser apenas seis. Aqui vão ser quatro para Y. E o upload é para Winnie da mesma cor e a mesma cor é preto Mas aqui a opacidade é 50. Agora vou clicar com o botão direito do mouse e copiar as propriedades aqui E vou clicar aqui nesta imagem e colar a propriedade. Mas vou remover esse traço de cor aqui. A primeira sombra projetada , temos a cor aqui. Apenas deixe-o em preto, Drop Shadow. Copie a propriedade desta e cole-a em todas as outras imagens aqui que temos. Agora, vou criar aqui um preenchimento para essa imagem. Então, vou clicar nessa imagem e criar um preenchimento. Mas o preenchimento aqui terá uma cor diferente. A cor de preenchimento para esta imagem é zero, B tem sete, F E para opacidade é 25 , então desclique nesta E vamos adicionar um preenchimento aqui. Mas a cor de preenchimento aqui não será a mesma, outra cor. Então, clique em F f196e para a universidade, 25 . Para este. Além disso, vou adicionar um preenchimento aqui, remover essa cor. Eu vou ter 6573 e o mesmo para a opacidade Agora clique neste. Vamos criar outro cofre de barril, que será conectado em E essa também barra preta, a opacidade. Deixe-me criar a sensação de que nossa cidade é : esta tem 40, a primeira tem 60 e esta tem 20. Agora temos toda a nossa imagem de filtro. Clique em Todas as imagens. Temos uma largura aumentada em uma camada e a chamamos filtra e alinhamos o espaço entre a imagem que você E a parte inferior aqui deveria ser 60. Então, vou arrastá-lo até aqui. Quem tem 60 anos? Por mais recente que seja. Agora, aqui precisamos criar um padrão. Então, vou clicar em T aqui. Vou apenas digitar aqui. Vívido, legal. Então, o tamanho é 30 e é Paul Noto Sans para tipo de fonte. E para a cor é 080 pf7e. Então, a mesma cor da nossa foto selecionada. Basta arrastá-lo aqui para a foto selecionada, alinhe-o. Precisamos criar um retângulo. Então, vou clicar em R e criar um retângulo aqui. O que eu vou pegar fora desta moldura. Portanto, as larguras desse retângulo somadas à altura 35 e o raio do canto é E eu vou pegar esse retângulo aqui para nossa parte inferior aqui. E agora vou criar uma cor para esse retângulo. Vou até este ícone de categoria aqui que temos. Precisamos clicar nesse ícone, lábios. E eu vou copiar a propriedade aqui, e vou usar essa propriedade baseada em ícones aqui. Agora precisamos mudar a cor desse formulário para branco e alinhá-lo dessa forma Agora vou duplicar esse retângulo. Deixe-me nomear a camada abaixo aqui. Primeiro, vou apenas duplicá-lo de baixo para cá. Vou remover o preenchimento, mas vou adicionar um traçado aqui e o traçado ficará sólido. E a cor desse caminhão é zero, B, F, sete, eu tenho E assim. É normal aqui. Verifique se é normal aqui. Precisamos que ela chegue ao centro aqui. Clique aqui, mude para externo e o tamanho do traçado é um aqui. Agora vou criar nossa sombra interna para esse fundo aqui. Então, a sombra interna será, ou por quê? 0,2 para o chão? Também 0,25 e preto para a cor e 25 para obesidade. E eu vou criar outra sombra projetada aqui. Portanto, temos uma sombra interna. Vou criar uma sombra projetada aqui. E essa sombra projetada é para Y um aqui na cor será zero P de sete. Opacidade, 25 mais cinco aqui. Então, agora temos nosso botão para clicar nele, ranhá-lo na parte inferior aqui O espaço entre essa imagem. Já terminamos nossa tela de filtro aqui. E isso entre a parte inferior aqui na imagem é 60 e aqui embaixo é 50. Então, para a foto, está tudo bem. Tudo bem, então vou reduzir a duplicação desse quadro para criar nossa tela de edição e só vou mudar aqui o nome da tela a ser Essa etapa será mais fácil do que a anterior. Então, não vamos trabalhar muito aqui. Eu só vou remover esse título aqui. Eu não preciso dele, mas em vez disso vou movê-lo. Deixe-me ampliar, só vou remover esse ícone de ferramenta aqui. E vou pegar esse título e chamá-lo de edição. Mas precisamos ter certeza de que não é ousado. É normal aqui. Então, vou substituí-lo aqui assim. Vou me certificar de que são 20 no quadro. Agora vou substituir essa imagem. Então, eu vou para Assets aqui. Vou tirar essa foto que tenho aqui e vou copiá-la aqui. E vou substituir essa imagem aqui. E precisamos alterar o tamanho para 5517 linhas, então vou remover isso Eu não preciso dele ligado. Além disso, precisamos ver o espaço entre a navegação superior da imagem Então, aqui embaixo, vamos criar, vou remover esse fundo aqui. E aqui precisamos criar uma foto menor para o modo de edição. Vou apenas ampliar e clicar em R e criar nosso retângulo aqui retângulo aqui para ervas daninhas será irmandade, ou para altura será 50 , Precisamos alinhá-lo. Agora precisamos duplicar esse retângulo aqui para outros dez Então, vou arrastar cinco aqui e cinco para o outro lado. E nós precisamos aqui também. E outro para os dez. E agora vou clicar em todo esse retângulo, deslocar a para fazer o layout automático O espaço será quatro. Certifique-se de que está no centro aqui, alinhe-o assim. E agora temos nosso retângulo aqui. Vou apenas substituir o interior cada retângulo aqui pela imagem Então, basta clicar com o botão direito do mouse aqui nesta imagem. Então, deixe-me começar com o do meio. Então, vou clicar com o botão direito do mouse e clicar no plugin Unsplash aqui e precisaremos Agora, clique em retratar e escolha qualquer foto que você goste para cada retângulo Agora, para esse retângulo do meio aqui, vou torná-lo mais maior Então, vou mudar a largura para 44. A altura é 60. E precisamos ter certeza de que todo o quadro esquerdo aqui está no centro. Agora temos nossas imagens aqui, e agora vou criar aqui outro ícone. Então, vou ampliar. Eu vou reduzir o zoom aqui. Eu preciso do nosso ícone, então vou até Ativos aqui porque vamos mudar esse ícone. Então eu vou clicar nesse ícone aqui, em, arrastá-lo aqui. Deixe-me ampliar. Aqui. Precisamos gostar deste, trocá-lo por este. Vou remover isso e pegar um aqui. E também vou remover esse e esse ícone aqui. E vou escolher mais isso em quatro ícones Aqui. E também vou remover esse ícone. Ou vamos precisar deste artigo e este só precisa alinhar esse ícone aqui E esse. Além disso, precisamos alinhá-lo. Vou clicar no ícone Tudo aqui para fazer isso. Precisamos mudar a moldura aqui para imagens. Se você quiser criar mais imagens aqui. Por exemplo, você quer 5,5 aqui. Você pode fazer isso. Faça o que quiser. O que? O mesmo para, tudo com a mesma ideia. Agora, rei da retórica, terminamos nosso aplicativo aqui. Agora já temos toda a nossa tela aqui pois nosso aplicativo Câmera pode aumentar a iteração. Agora temos um aplicativo completo para edição de câmera. E siga-me para mais cursos sobre você é design em web design