Curso de Sketch para design de UI

1. Introdução: Ei, tenho o prazer de convidá-lo para um curso de oito horas completo. Conhecimento prático e Secrets Off Interface Design Sketch já ganhou o coração você, eu e designers de UX, mesmo que qualquer um possa aprender. Realmente. O up foi saudado por uma coisa, Onley extremamente eficiente você um design gráfico fora do curso. Ele pode ser usado para diferentes tarefas. Mas então você percebe que o número fora de projetos de interface criados no esboço no ano passado superou mesmo cheio de lojas. Graças ao seu foco singular e design do site, Sketch ganhou uma vantagem distinta sobre as aplicações menos deficientes sobrecarregadas com várias funções. Sanchez Photo Shop e ilustrador, Assim como um cirurgião que está no seu melhor usando um único par preciso em vez de uma faca de snipe doce com uma variedade confusa de ferramentas, operações mais rápidas, arquivos menores, melhor eficiência dedicada seus sinais vitais e centenas de plugins criados pela comunidade útil vai fazer você definitivamente cair para esboço. O curso foi projetado para mostrar a funcionalidade fora do esboço para ensiná-lo a fazer melhor uso de seu potencial. Vamos começar com um conjunto de pequenos exemplos sobre como encontrar o seu caminho em torno da UPS, interface e ferramentas. E então passamos para um projeto prático onde as ferramentas serão usadas criativamente. Dividi o curso em duas partes. O 1º 1 é um compêndio muito comprimido de centenas de técnicas importantes, íngremes de cartão curto chave, intrigas e outras coisas. O outro irá levá-lo através de um projeto de design muitas vezes até interface fora de uma casa inteligente a partir do zero. Você vai experimentar todo o potencial fora do esboço e aprender a trabalhar com símbolos reutilizáveis . Como usar captura para projetar layouts, que podem ser facilmente dimensionados para vários dispositivos e resoluções. Como criativamente ferramentas de ator USV e projetar seus próprios ícones, entre outras coisas, também irá discutir a tipografia, ícones e extradições para ajudá-lo em seu trabalho. Até o final do curso, vai telas de maçã para se maravilhar, a fim de criar um protótipo interativo. Adicionando animações e transições nos permite apresentar nossa composição como espetacular, mas também clara . Este curso é essencialmente uma nova abordagem para projetar interfaces de usuário mãe. Mal consigo conter a minha excitação pela direção dita por tudo o que preparei para você. Existem dezenas de técnicas e materiais adicionais adicionados ao curso. E confie em mim, é divertido fazer tudo isso até perceberes que é só o começo. Uma aventura maravilhosa no mundo fora Mãe sabia que eu e UX ferramentas de design. Em seguida, você será cativado pela funcionalidade fora das ferramentas para criar prototipagem de micro interações e, finalmente, exportar seu design para o desenvolvimento. Quão rápido pode chegar ao outro lado do espelho depende inteiramente de você. Você vai aceitar o desafio ansioso para ver na primeira lição? 2. Arquivos de de curso e de fonte: Ei aí! E bem-vindos à próxima lição. Estou super animado que você decidiu fazer meu curso de camisa de habilidade. Obrigado mais uma vez por isso. E nesta lição, vou falar sobre o projeto do curso. Portanto, é muito importante que você tome medidas para recriar o que criamos no curso. É muito útil que você faça seus próprios projetos no esboço e envie o projeto. Assim, o projeto e a atribuição do curso está fazendo um mobile up. Nós vamos estar focando e mobile up que eu criei aqui e você pode ver o estudo de caso em ser mãos é muito arrumado com, ah, alguns recursos legais e também animações que você pode aprender com os outros cursos que eu ter em habilidades. Claro, mas basicamente vamos desenhar um belo lugar. E eu quero que você crie isso sozinho também e envie isso como o projeto do curso para que você possa seguir as lições e você possa fazer exatamente o que eu faço. Teoh cumpra esta tarefa. Mas também eu encorajo você a dar alguns outros passos e talvez ajustá-lo um pouco. Talvez você, algumas outras cores, talvez use algumas fotos diferentes. Ou talvez você decida criar a versão completamente diferente fora do up. Não precisa ser a casa inteligente que eu criei, mas é muito importante que você treine e envie o projeto. Agora. Outra coisa que eu quero mencionar aqui são os arquivos fonte. Assim, os arquivos fonte deste curso estão nos comentários desta lição. Se você der uma olhada na linha do tempo da lição, você pode ver um pequeno avatar aqui. Essa é a minha outra mão, basicamente um comentário com o link para soltar livros que você pode usar para baixar todos fora do dispositivo que eu concordei com este curso agora. Nem todas as lições têm seus arquivos iniciais e arquivos acabados, e também nem todos os ativos que eu uso metade arquivos nos arquivos fonte, mas eu encorajo você a usar os links que eu forneci. Alguns recursos são apenas sob algumas licenças, então eu não poderia fechá-los aqui. E para alguns exemplos, eu sinto que é melhor que você comece do zero e crie esses recursos junto com o curso. Então desejo-lhe tudo de bom e ah boa sorte para criar este projeto de curso. Como eu disse, esta tarefa é muito importante. Portanto, certifique-se de criar sua própria versão do up e você submeteu na discussão para discurso. Muito obrigado, então. Vejo você na próxima lição. 3. Navegação por meio do documento: esta lição é tudo sobre navegar em seus documentos de programação. Então, cada vez que você lam esboço, você vê esta tela de boas-vindas com algum uso, e também você pode acessar os documentos recentes, bem como os modelos que são criados para você usar. Por exemplo, para IOS você eu projeto ou design de material. Você também pode criar seus próprios modelos. Você pode desativar a tela de boas-vindas, mas eu acho que é muito útil, então deixamos por enquanto, e criamos nosso primeiro documento com esquema de design de material. Então, quando você trabalha a partir de documento pronto, você pode ver que você tem todos os guias de estilo prontos, acasalar em camadas de esboço grupos e também símbolos, e você pode facilmente reutilizá-los. Então esta é uma maneira muito eficiente. Se você estiver criando algum material, crie os sites ou aplicativos para o Google Play. Se você tiver alguns outros arquivos com pontos catch, você pode abri-los clicando duas vezes. Mas o que você recebe isso em vez de abrir os incêndios na mesma janela que você começa em seguir loja ou ilustrador. Você tem outra janela fora do esboço, e é muito útil porque agora você pode obter os componentes de um arquivo e, por exemplo, apenas arrastá-los para outro arquivo. Ou você pode vir e ver. Venha na TV apenas co p e colá-los também. Outra janela fora do curso. Você sempre pode trabalhar com os tops também. Você tem tops que você pode aqui, e você pode raramente reorganizar os tops. Você pode fechar os topos daqui, e você pode, ah, apenas pegar o topo de uma janela e, em seguida, apenas fazê-lo preso a outra janela para que você tenha que tops em uma janela. Certo, vamos fechar essa janela que não precisamos. Podemos pressionar o comando W e então vamos fazer essa janela maior. Nós não queremos entrar em tela cheia, por isso apresentamos saúde segurar no teclado e mudanças de tela cheia para Plus Eu venho para que possamos inserir este molde que vai assustar nossa janela. Então, agora a janela de esboço é maximizada, e você pode navegar por todas as páginas do nosso aplicativo móvel e quadros de arte com alguns atalhos de teclado úteis. Então, se você quiser ampliar algum objeto ou alguma camada ou o motor de popa, basta clicar no nome do artigo e pressionar o primeiro atalho. É um comentário para quando você pressiona o comando para você. Obtenha a visualização em tela cheia do que você selecionou recentemente. O segundo atalho é um comentário e comentário. Um permite que você veja tudo o que você tem em seu projeto, por isso assusta até agora até 14% para lidar com entrevista que você tem tudo o que você tem no projeto. Em seguida, você pode selecionar algum outro item, e você pode pressionar o comando para ampliar. É outra vez. E como você vê isso não tem que ser no quadro de arte. Você pode selecionar qualquer item, e ele amplia tanto quanto possível. Assim, o próximo atalho é livre de comandos e comum. Congele o atalho de atalho usado para trazer o objeto selecionado, por exemplo, este para o centro da porta de exibição. Então a razão pela qual fazemos isso ISS porque quando selecionamos algum outro item e apenas pressionamos vindo, além de mineiros de comando, ele não funciona porque não está no centro, então você tem que pressionar o comando livre, e então você pode usar a família lá atalhos fora plantas comuns e milhas comuns porque eles zoom exatamente para o centro fora da vista para que o fluxo de trabalho mais rápido é selecionar um elemento, e, em seguida, pressione o comando para ele amplia e você pode usar os sinais de mais e menos aqui no em cima. Ou você pode usar mais comum e comentários comuns menos. Em seguida, você pode pressionar zero comum para ampliar para 100%. E também você pode dobrar rápido neste ícone de zoom para trazer para o 100% de você. Então, essas são duas maneiras de conseguir isso. Ao anoitecer. Ok, mais uma coisa que eu gosto de mostrar a vocês é quando você seleciona um item e você está certo nível de zoom . Você sempre pode pressionar e segurar a barra de espaço, o que permitirá que você altere a exibição. Então você apresenta segurar barra de espaço do que você pressionar o botão esquerdo do mouse e você simplesmente droga e você pode ver alguns outros objetos no outro barco. Então esta é uma ferramenta carregada por mola. Então isso significa que quando você pressiona, você tem que segurá-la. Você tem que segurar a rebarba espacial, e quando você liberá-la, você não pode mais usar essa ferramenta. Então você volta para a ferramenta que você tem usado e s O que você tem essas técnicas muito comuns para navegar. Para esboço, você tem comando livre, além de menos comum. Vamos lá, um comando para e venha em zero e tudo o que você tem neste dinheiro vista também. Ok. E há mais uma coisa que gosto de mostrar nesta lição. E isso é chamado de exibição de apresentação. Não é o modo de tela cheia, mas esconde todo o barulho do lado esquerdo e direito, bem como a barra de ferramentas, e você acessá-lo pressionando o ponto de comando no teclado. Então agora você tem uma parte que sente tela inteira, e você tem você pode trabalhar no esboço. Se você conhece os atalhos de teclado, você pode usar todos os atalhos para acessar as ferramentas e também todos os atalhos que discutimos nesta lição. Você poderia fazer uma apresentação ou, por exemplo, se você tem uma pequena tela imobiliária, você pode trabalhar desta forma no esboço. Então você pressiona o comandante para voltar ao molde de esboço normal com todos os painéis, e basicamente é isso. Agora é pressione comando e para criar uma nova instância fora do esboço e o que eu gosto de mostrar a vocês e esta é a parte que eu gravei mais tarde. Depois de gravar este curso após a nova versão do flagelo foi lançado, eu gostaria de mostrar-lhe as diferenças em termos fora da interface do usuário do esboço porque ele mudou ligeiramente porque o cronograma atualizar sua interface no cronograma. Versão 52 Eu estava gravando no anterior. Mas honestamente, não há necessidade de re gravar quase nada, e você vai encontrar as lições atualizadas em todo o curso. Mas eu quero que você dê uma olhada nos novos recursos fora do esboço e a nova interface e como ele é organizado. Então, basicamente, essas são apenas pequenas mudanças com todo o estilo e bordas, e tudo é um pouco melhor e um pouco melhor olhando do que na versão que você pode ver no curso. Mas o que é realmente legal é que agora você pode ir para as preferências do sistema e alterar o modo em seu sistema para que você possa aplicar aparência clara ou escura para dispersar. Se você mudar da luz para a escuridão, você imediatamente muda para a versão escura fora do esboço e deixe-me mostrar-lhe como você pode alternar entre luz e escuro. Esta é uma opção do sistema para que você possa facilmente selecionar o que se adequa a você. Por outro lado, você tem um layout diferente um pouco diferente fora dos painéis e ferramentas. Basicamente, eles melhoraram a clareza dos ícones e a clareza fora da interface geral. Mas para ser honesto, você encontrará quase todas as opções no mesmo lugar. Então, se você está trabalhando com o esboço de desvio U. S com este curso de vez em quando, você vai saber essas pequenas diferenças nos ícones que você tem no painel e talvez alguns cantos arredondados e provavelmente colocando fora o dados aqui. Mas você vai descobrir rapidamente, e não deve haver grandes diferenças e como as coisas se comportam. E isso explicará no curso? Se há apenas me avise e eu vou corrigi-lo, eu vou continuar atualizando este curso com cada nova atualização fora esboço que traz algo fresco e algo novo. Portanto, tenha a certeza de que você conhece todas as ferramentas e técnicas modernas que você pode aplicar ao esboço. E continuarei fazendo isso até perceber que não faz mais sentido dessa forma , e então começo de novo e gravamos esse curso do zero. Então acho que está em boas mãos. Vejo na próxima lição 4. Como fazer seleções: Olá e bem-vindo a esta próxima lição em que eu vou mostrar-lhe como selecionar as coisas no esboço e isso é conhecimento bastante básico. Mas se você já trabalhou especialmente com o pai loja ou outro projeto de lei um straight antes, você pode encontrá-lo bastante surpreendente porque ele não funciona da mesma maneira. Então, basicamente, e isso será para a loja ou ilustrador. Você pressiona o wiki para entrar neste dedo de seleção, e se você apresentar Vicky no esboço, você basicamente vai para um dedo vetorial. Então, são ferramentas diferentes. Então, pressionamos escape e mesmo se você estiver desenhando retângulos ou sobre, você simplesmente pressiona escape e então você está neste dedo eleitoral para que você possa saber passar o mouse sobre a camada. Como você pode ver, ele é destacado tanto no painel de camadas quanto na tela, e você pode clicar no grupo. Você pode expandir o grupo, você pode ir para dentro, e como você vê todas as camadas estão sendo ah, destacadas. E se você quiser selecionar qualquer camada, você pode clicar, e se você clicar quer selecionar o grupo primeiro, Então, para entrar no grupo, você tem que clicar duas vezes, então você clicar duas vezes em um grupo para entrar e lá vai você. Há outro grupo lá dentro. Então agora este segundo grupo foi selecionado e ainda assim. Filho, eu tenho que DoubleClick DoubleClick dentro desses grupos e agora estou neste campo. Então eu selecionei o campo, então eu tive que clicar seis ou sete vezes para selecionar esta camada. E você pode basicamente fazer é você pode alterar o comportamento selecionando este rápido através ao selecionar no grupo para que você não tem que dobrar rápido. Basta clicar uma vez para entrar neste grupo. Então, quando eu fiz isso no meu grupo principal, eu cliquei uma vez. Agora o segundo grupo tem que ter essa fruta de clique ao selecionar, habilitado também e o primeiro grupo. Na verdade, se eu entrar no grupo para o grupo Sun também, eu preciso clicar nele também. E agora, se eu voltar para o grupo Golden Gate Bridge, eu posso clicar em Lee uma vez para selecionar o sol. OK, então você pode ter isso habilitado para todos os grupos por padrão. É muito fácil. Você tem que ir para preferências, então pressione comentário vírgula. E agora, na seção de camada, basta clicar em ativar frutas rápidas para novos grupos. E cada vez que você cria um novo grupo, você tem esse comportamento para que você não precise clicar duas vezes. Você apenas riacho uma vez e para entrar nesta camada há uma segunda maneira, embora você vai ter que habilitar esta opção em preferências para entrar em qualquer grupo e selecionar qualquer camada com um clique. O que você faz é pressionar e segurar o comando enquanto faz isso. E se eu pressionar e segurar o comando como você vê todas as camadas dentro, esses grupos são realçados, e quando eu clicar, esta camada Castell é selecionada. Então é basicamente assim que eu faço. I comando Clique para selecionar qualquer camada, mas você também pode passar o mouse sobre algumas camadas e, em seguida, clique com o botão direito ou contra, clique e, em seguida, camada de pico, e você tem o mínimo fora de todas as camadas que se sentam logo abaixo do mouse, e você pode selecionar qualquer camada como então sim, então é assim que você faz. Basta pressionar comando e selecionar qualquer lugar, mesmo que esteja aninhado dentro de um grupo. Então, há também outra maneira, Teoh selecionar uma camada e editá-la. Então, se você tem uma camada vetorial, você vem e clica na camada para selecioná-la, e então você pode fazer algumas operações simples. Uma escala tão grande. Você também pode pressionar comentário e sobre um dos cantos para girar. Mas se você quiser entrar no modo de edição, basta pressionar Return. Se você pressionar Return no teclado, como você vê, agora você pode entrar e acessar todos os pontos vetoriais e alterar um ponto vetorial em conformidade com o que você deseja alcançar. Então este é um modo de edição Eddie, e você vai para este modo tudo pressionando Return. Agora eu pressiono escape, e se você pressionar escape algumas vezes, você volta para você. Volte sempre para esta ferramenta de seleção para que você possa selecionar algumas outras camadas no esboço. Então vamos fazer um resumo rápido. Você pode riacho no grupo para acessar as camadas. Você pode clicar duas vezes sobre os grupos, e você clicar duas vezes se houver grupo aninhado, e você também pode ativar este clique através da opção nos grupos, ou você pode simplesmente coman clique em qualquer camada para selecioná-lo. E há também mais uma técnica que eu gosto de mostrar a vocês que é selecionar várias camadas ao mesmo tempo. Vamos mudar para esta próxima imagem, eo que eu vou fazer é que eu vou selecionar esta primeira camada com comando e agora eu pressionar comando e também botão shift para selecionar mais de uma camada. E se eu comando shift, clique na segunda camada. Como você pode ver, ambos os incêndios estão selecionados agora, então eu posso selecionar as camadas com deslocamento no painel camadas, bem como você vê todas as camadas selecionadas entre as camadas que eu cliquei e eu posso co mês clique nas camadas em o painel também para selecionar algumas camadas múltiplas. Além disso, havia outra técnica que permite que você apenas riacho e droga para selecionar qualquer grupo. Como você vê, o grupo é selecionado. Mas se você pressionar comando enquanto faz isso, você pode selecionar qualquer camada que esteja nessa seleção. Então você pode simplesmente droga para selecionar o grupo ou você pode comandar droga para selecionar cada camada. Deixe-me copiar esta moto mentirosos por enquanto. Então vamos, C, vamos na TV e eu vou movê-lo para lá e vamos eleger essas camadas arrastando. E como você vê todas as camadas dentro da moto são selecionados quando ele está fora fora de qualquer grupo, Dessa forma, eu posso selecionar todas as camadas. E se desejar, Teoh selecione todas as camadas. Exceto, por exemplo, este você pode clicar com o botão direito sobre esta camada e vendedor e bloqueá-lo para que você também possa mudar de peito comando l para olhar a camada e que enquanto drogging você não vai selecionar este campo 30 mais tarde. Então isso é basicamente na medida em que selecionar jogadores e grupo em esboços diz respeito. Então, obrigado pela sua atenção e vejo você na próxima lição. 5. Páginas e pranchetas: Ok, agora vamos nos concentrar na estrutura fora de seus documentos de esboço, então a principal coisa na estrutura é a página, para que você possa ter muitas páginas em seu documento e em cada página. Você pode ter, por exemplo, uma seção do seu aplicativo, ou você pode ter uma versão móvel. E as páginas também são boas para a velocidade porque você parabéns a muitas placas de arte em páginas, e você pode otimizar a velocidade fora esboço dessa forma. Então, como você pode ver, você pode recolher ou você pode mostrar as páginas. Pelo menos você pode clicar neste pequeno ícone ao lado do nome da página para alternar as páginas também. E as páginas contêm quadros de peças. Você pode ver todos os outros barcos pressionando o comando um. Você pode mudar a segunda página que temos aqui. Estes são os símbolos da página, e lá temos um símbolo também. Fale sobre os símbolos da próxima vez. Agora que mudar de volta para este duPage e você pode ter muitas placas de arte em uma página. Então agora eu estou rangendo através dos quadros de arte e dentro dos artigos temos os grupos e dentro dos grupos temos outros grupos ou camadas então o que acontece se você selecionar o grupo ou uma camada e ele tentar movê-lo para o lado do quadro de arte como você vê o grupo Clips Audible para que você não possa mais ver o conteúdo que está fora do Archibald. Mas se você pegar o grupo e colocá-lo fora da arte, mas como você vê agora, não está no tronco do nosso barco. É só sentar sozinho nessa cadela para que você possa transformá-la em um parafuso de arte . Se você selecionar qualquer grupo que está na página, você pode pressionar A e A é ferramenta inaudível. E se você pressionar A, você pode ir para o esboço do lado direito e você pode basicamente criar o Archibald em torno seleção. Então você tem esta primeira opção aqui em torno da seleção, e enquanto o seu grupo de marcas está selecionado, você pode simplesmente clicar nisso. E aí você tem uma nova arte. Mas esse é o tamanho desse grupo, então você pode voltar para este artigo. Ele também permite pressionar um novamente, e você pode acessar diferentes tamanhos e diferentes predefinições. Então eu tenho dispositivos IOS aqui, um design de material de web design responsivo bem e se eu acessar, eu era dispositivos lá você tem iPhone 7. Você tem iPods e outras coisas para que possamos criar uma placa de arte para iPhone 7. Assim, tudo o que você pode simplesmente me deixar voltar a esta uma ferramenta, e você pode simplesmente clicar nos dispositivos do Iowa para criar toda a arte. Mas a partir desta seção eso você tem agora todos os iPods, você tem todos os iPhones, e você pode liderar as nossas placas pressionando backspace no teclado. Então vamos voltar a isto. Encontrei um quadro de arte. E se você quiser duplicar a placa de arte agora você tem reboque selecionar este papelão e você simplesmente clicar no nome das placas de arte e comando, o para duplicar. E agora temos uma cópia deste quadro de arte, e este está realmente vazio. Podemos mudar os Morgans. Podemos comandar o novamente para fazer outra cópia, mas também você pode duplicar placas de cartão existentes com conteúdo para que você possa duplicar todo o conteúdo dentro do quadro de arte. Basta selecionar a arte a bordo da mercadoria de imprensa e lá está. Há uma duplicata dessa arte muito dita, mas com todo o conteúdo, agora você pode mudar o tamanho do quadro de arte. Você pode fazer algumas alterações. Por exemplo, se você quiser alterar e comparar duas exibições diferentes de sua página, você pode fazer a cópia, e você pode trabalhar nessa cópia facilmente se quiser se livrar do artigo. Mas você quer manter o conteúdo, você pressionar Shift comando G e agora na arte a bordo Scone e você tem apenas o conteúdo dos grupos e as camadas. Você pode selecionar o grupo e, em seguida, você pode voltar para este artigo, ferramentas para cima. Basta pressionar um e criar a arte. Mas, novamente, selecionando em torno da opção de seleção. E aí você tem, você tem um novo quadro de arte, e também podemos fazer isso quando você tem algum conteúdo dentro do quadro de arte. Por exemplo, vamos criar um retângulo simples aqui, e você quer fazer marcha. Os suspiros audíveis para este conteúdo. Basta clicar na opção de redimensionar para caber, e primeiro você tem que selecionar a arte sobre. Em seguida, você clica em recita dois pés e re tamanhos dedo do pé Seja qual for o conteúdo que está dentro. Ok, vamos explorar algumas outras opções que são como o quadro de arte, e o que você pode fazer é você pode alterar a propriedade de cor de fundo, então isso significa que seu quadro de arte pode ter avermelhado, por exemplo, cor de fundo, e você também pode incluir essa cor na exportação. Então isso significa que se você quiser salvar esta arte a bordo como um ativo gráfico, você pode selecioná-lo e você pode apenas fazer exportável selecionar o sinal de mais, e você não pode exportar isso como um gráfico. E se você d selecionar, incluindo exportação, ele irá exportar com fundo transparente. Então, vamos tentar exportar esta camada, e eu vou exportar iPhone sete cópia agora. E como você vê, você pode salvá-lo como um arquivo PNG, e agora ele conterá esse fundo vermelho. Isso é pressione escape para sair desta função, e eu vou mostrar-lhe como selecionar vários quadros de arte. Então aperte Shift e Shift. Clique em cada uma das camadas fora dos nomes de Alborz, e aí você tem. Você pode selecioná-los. Você pode definir várias cores de fundo e também pode exportar várias imagens também. Neste momento, você pode exportar barcos de arte gratuitos para que imagens livres imagens PNG livres serão salvas, e também há recurso legal no menu de arquivos, e isso é exportar nossas placas para pdf, e você pode realmente exportar todos das placas de arte para um arquivo PDF e a ordem fora. As placas de arte podem ser definidas nas propriedades, bem como, para que você possa acessar as propriedades pressionando coma de comando. E aí está. Você pode acessar a banheira geral, em seguida, ir para a nossa exportação de bordo e selecionar como as palavras são aparecerão no fogo de mídia para que você tenha da esquerda para a direita, direita para a esquerda do fundo. Você pode selecionar diferentes opções, e você também pode reorganizar as placas de arte. Você pode fazer o seu próprio pedido apenas rangendo no nosso tabuleiro, mesmo e drogando para o lugar que você deseja que ele apareça. Então eu mostrei a vocês como exportar as placas de arte para ativos PNG para lutas BNG, e você pode realmente fazê-lo simplesmente rangendo nos outros barcos. Nome. Então isso é como, por exemplo, isso são comprados e você pode tornar este nosso barco exportável. Você pode mudar clique em muitos são barcos para exportá-los como livre, diferentes arquivos PNG. Mas se você quiser mostrar a alguém todos os quadros de arte em uma imagem, você pode fazê-lo simplesmente criando outro quadro de arte em cima deles. Então eu aperto um e eu tento colocar todo esse barco de arte em um quadro de coração extra que vai em cima. E como você vê, ele não os agrupa, mas você pode e ir para as opções de exportação. E lá você tem uma imagem com para artigos. Então isso era necessidade. Foi um belo truque, e vejo vocês na próxima lição. 6. Organização de camadas: no lado esquerdo da interface de esboço. Existe uma camada espinhal na qual você pode organizar as camadas. Você pode filtrar as camadas, apenas digitou o nome fora da camada ou grupo, e lá você tem os resultados. Você também pode acessar os grupos. Você pode acessar as placas de arte, e também temos as camadas que você pode selecionar grupo ou selecionar várias camadas com a tecla Shift. E se você quiser criar um grupo fora, selecione as camadas, você pressiona o comando G. Então, quando você o agrupa, você pode também agrupá-lo. Você pode pressionar a mudança de comando G dedo do pé no grupo das camadas, e se você clicar no grupo blogado, eu posso mudar o Comando Jichuan Group. Uma vez que o comandante de turno no grupo todos os grupos dentro e ela está vindo G dedo no grupo ainda mais, e agora você tem todas as camadas que são simplesmente colocadas no topo desta arma. Elementos não são quadros sem nenhum grupo, então conosco você pode ocultar camadas com este pequeno ícone ao lado do nome, ou você pode mudar a idade do comando para ocultá-los, ou você pode deslocar o comando para bloquear as camadas para que você não possa mais editar nem selecione. Esta camada parecia. E há também um pequeno triângulo ao lado do grupo, bem como ao lado deste do pseudo grupo. Este é um grupo de itens que são, na verdade, camadas vetoriais para que você possa selecionar camadas vetoriais, e você pode colocar essas camadas em outra camada para criar uma forma combinada. Esta é uma forma vetorial combinada, e este não é, ah, um grupo apropriado. Este é um grupo de vetores, que você pode, por exemplo, usar Teoh. Combine essas formas com operações booleanas. Você pode clicar neste pequeno ícone e você pode fazer operações booleanas como sindicatos subtrair. Você pode cruzar a diferença, e eu mostro-lhe as opressões nas próximas lições. Mas basicamente nas camadas. É assim que você pode criar um conjunto de vetores moldados fora com a gente que você tem aqui. Este pequeno ícone é um símbolo, ícone e símbolo. É ótimo conceito e esboço que você pode notar em seus símbolos diretamente neste quadro de arte, você tem que clicar duas vezes no símbolo, e então você vai para esta página de símbolos especiais e todos os seus símbolos pousam no símbolo. Fale especial sobre isso mais tarde, Mas basicamente, neste espaço de símbolo, você pode editar o símbolo. E quando você retornar à página Elementos da Web, você terá as alterações feitas neste símbolo . Então lembre-se disso. Eu venho no painel de camadas A funcionalidade seguinte está a alterar os nomes das camadas. Você pode clicar duas vezes sobre o nome para alterá-lo, mas você também pode pressionar o comando são, que é um bom trabalho para Deus em você também pode clicar com o botão direito e selecionar renomear a partir deste menu, mas é sempre melhor usar. O comando está agora. Você está no modo de edição. Você pode alterar o nome fora desta camada, e ele também irá pressionar tab para ir para a próxima camada. E você ainda está nesta edição mais para que você possa editar os nomes de várias camadas ao mesmo tempo. Além disso, você pode oprimir o stub shift para subir o painel de camadas para que você possa descer com o topo. Você pode subir com o top do turno. Também camadas. Hierarquia é bastante óbvia. Se você tem um mentiroso que está por cima. Ele cobre tudo o que está abaixo, e se você quiser alterar a posição das camadas no painel de camadas, você pressionou o comando de opção e, em seguida, você pressiona a seta no teclado para compactar o comando de opção para cima para movê-lo em o comando de resposta tardia ou opção e seta para baixo para mover a sua para baixo. Você também pode pressionar o controle. Por que manter este comentário e opção para movê-lo para o topo ou para a parte inferior do painel de camadas. Então, isso é o mesmo que usar os ícones dos dedos para trás e para frente que você pode usar para mover a camada no painel de camadas. E também você pode pressionar e segurar a opção enquanto faz isso para mover seus dois frente ou para movê-lo para trás. Então, para o topo, fora do painel de camadas ou para o fundo fora da camada espinhal. E basicamente esta camada pobre está agora no final da lista, então ninguém concebeu. Então isso é tudo o que eu disse ao Teoh sobre o painel Camadas no esboço. Vejo vocês na próxima lição 7. Operações de boolean em formas: Vamos agora falar sobre operações lógicas ou, em outras palavras, em outras palavras, booleanas no esboço. Então você precisa de duas ou mais formas que são formas vetoriais no esboço e, em seguida, você pode usar união , subtrair, interseção ou diferença uma operações lógicas. Você tem que selecionar todas as camadas. Então eu seleciono tanto sobre 5/5 cópia eo primeiro 1 é união. Então, como você pode ver, eu tenho agora uma forma combinada e todas essas operações são reversíveis. Então, posso sempre voltar atrás. Eu posso clicar neste pequeno retângulo e eu posso mudar esta operação booleana. E uma coisa muito importante a notar é que esta forma é mesclada de modo que a camada superior para que este mais de cinco cópias herde todos os estilos da camada na parte inferior. Alguns eso a mais de cinco presentes curso ou a cor de combustível frio para a camada no topo. Enquanto você usou esta união uma operação lógica. Próxima 1.000.000.000 operação está subtraindo para que você possa subtrair e mesclar duas camadas em uma, e agora você tem uma forma combinada para que a camada que está no topo para que este geral poderia ser livre, corta tudo fora de as camadas inferiores. Assim cópia geral para, neste caso, prevalece é sempre a camada superior. Então você tem que lembrar que isso não é um mascote. Você pode ver que há um derrame aqui também. Então esta é uma operação booleana. E então geralmente eu mantenho as maiores formas na parte inferior para que eu possa cortar com as formas que estão no topo. Então, por favor, tenha em mente que tanto em subtrair como em camadas de união. A ordem é muito importante porque na união tivemos esta forma superior que herda todas as propriedades, cores e traços dessa forma abaixo. Agora temos o Intersect. E se selecionarmos ambas as formas, usaremos essa opção de interseção e deixaremos palavras comuns nessas duas camadas. E, na verdade, diferença é bem o oposto, porque tudo o que está em comum para essas camadas será cortado. Então, aí está. União subtrair, cruzar e a diferença Operações lógicas. E lembre-se que você sempre pode voltar e você pode realmente reverter o que você fez com operações de ouro. E agora eu vou mostrar a vocês como criar ícones simples usando essas operações de barras e vamos usar formas simples, bem como um dedo de operações lógicas. Criar esboços de ícones. Então primeiro isso é criar o ícone da nuvem e vamos usar a ferramenta oval. Então eu pressiono Oh, isso com o turno. Eu mantenho as proporções fora de cima e lá eu tenho esta primeira forma, então a segunda forma será a segunda mais. Eu apresento mantém deslocamento para manter proporções de modo que é círculo perfeito novamente, e lá temos esta forma superior. Agora vamos criar o último, e eu pressiono o deslocamento geral para proporções e também ao criar formas no esboço. Você pode pressionar e segurar a barra de espaço sem soltar a parte inferior mais esquerda e mover a forma ao redor para que eu possa mudar a posição e eu ainda posso desenhar a forma. Agora você pode ver a linha vermelha que sugere que ela está perfeitamente alinhada com as outras formas para que eu possa terminar esta forma de nuvem com retângulo então eu pressionar estão no teclado e vamos desenhar um retângulo aqui para que tenhamos toda a forma fora da nuvem. Então isso é apenas operações básicas, desenho básico de forma. Você também pode pressionar a opção enquanto desenha uma forma, também. Dirigi por dentro e agora seleciono todas as formas e posso mudar a borda. Posso mudar o campo. Como você pode ver, eu posso mudar propriedades antigas fora das formas completamente. Se eu selecionar camadas agora, podemos usar a operação de barras para mesclar todas essas formas. Então vamos selecionar todas as formas e vamos usar operações de barras de união. E como você pode ver, agora combinamos forma no painel de mentirosos e podemos torná-lo maior para que o zoom com mais comum e vamos para o modo de edição para vetores para refinar essa forma. Então eu pressiono retorno no teclado e como você pode ver, eu posso agora uma droga em torno de alguns pontos vetoriais. Posso ajustar as alças para que o meu ícone fique perfeito. Preciso ajustar esse cara e movê-lo para a esquerda. Como você pode ver, eu tenho esses caras inteligentes também para os pontos vetoriais para que possamos basicamente brincar. Você pode selecionar os pontos vetoriais e movê-los com a boca. Você também pode clicar nos pontos vetoriais e usar as setas no teclado para ajustar a posição, você pode ajustar alças. E, basicamente, isso está quase pronto para o nosso eu fui. E o melhor é que essa forma combinada ainda é credível e você pode editar cada camada separadamente. Agora, mais uma coisa que eu gostaria de acessar são as propriedades da fronteira. Então eu vou para o lado direito da fronteira e eu clicar neste pequeno ícone e que nós podemos mudar as formigas, bem como a articulação. Então deixe-me clicar sobre estas juntas arredondadas, e agora este ícone parece ainda melhor. Então agora você tem este pequeno ícone de nuvem bonito que foi feito no esboço usando as operações booleanas . Certo, bem, aqueles que temos aqui, talvez seja chuva ou neve. Sim, neve, provavelmente. Então vamos fazer neve e usar um mais. Vou segurar o turno por proporções. Vou desenhar um segundo lá dentro. Vou segurar a barra de espaço para ajustar a posição. Mas, para ser honesto, é muito melhor ajustar a posição com as opções de alinhamento no topo. Então você os tem no topo, certo? E vamos alinhar horizontalmente e verticalmente também. Então, se você selecionável flares, é muito, muito fácil centralizá-los usando as opções de alinhamento. Agora, posso usar operações booleanas e preciso de alguns rastreados. E porque minha ordem de empilhamento fora camadas estava correta de modo que o total sete, que é a camada com um círculo menor, estava no topo. Consegui cortar isto por sete de mais de seis. A camada que estava abaixo de sete. Então agora precisamos mudar a cor que seleciona mais de sete. Vamos selecionar cor preta. Então, uma última coisa que precisamos é duplicar essa camada. E basicamente, eu te disse que você pode fazer isso com o comando da opção. Você também pode selecionar a forma combinada e você pode movê-la para o lugar certo. E depois você pode usar a tecla de opção para duplicar as camadas. Então eu não vou soltar o botão esquerdo do mouse. Estou segurando a tecla de opção, e agora tenho a duplicata para que você possa refazer essa ação duplicada simplesmente pressionando Comandante D agora. E como podem ver, todas as formas estão agora no lugar. Eu tenho o ícone da nuvem, bem como a neve, e eu uso operações booleanas para criar formas combinadas e sua cópia. Então isso é tudo por enquanto. Vejo vocês mais tarde. 8. Trabalhando com formas: na lição anterior. Criamos um ícone de nuvem que consiste em formas combinadas, bem como ovais. Há formas dentro de tantas formas lá e se você selecionar as camadas dentro combinado forma da nuvem Você pode ver que quando eu vou para um modo de edição e eu pressionar voltar aqui para entrar nos pontos vetoriais. Há muitos usuários pontos vetoriais aqui e forma que eu não necessariamente preciso tão bem, você pode dio Você pode achatar todas essas camadas e eu recomendo que você faça isso antes de exportar para, por exemplo, arquivo SPG e você pode ir para ah menu camada e, em seguida, a partir dos banhos que você selecionar opção achatada. Agora dê uma olhada na estrutura de forma combinada. Temos um retângulo e ovais livres lá. Então, se selecionarmos caminhos e depois achatarmos e tentarmos acessar os pontos vetoriais com o retorno em nosso teclado, como você pode ver que eles foram otimizados e não temos mais pontos vetoriais eso dinheiro, mas também não temos mais este formas dentro. Então eu não posso acessar este retângulo ou mais, ou eu não posso mudar as operações booleanas dentro dessa forma combinada. Então, é melhor manter algum tipo de backup fora dessa forma combinada antes de achatar. E engorda é realmente a opção que você gostaria de fazer no final do seu trabalho antes exportar esses isqueiros vetoriais como, por exemplo, como arquivos VG para um aplicativo ou site, porque ele terá um desempenho muito melhor se otimizado. Mas como eu disse, você perde essas opções elegíveis. E também, se você já trabalhou com o traidor dos Beatles, você pode estar disposto a achatar todos os seus vetores e todas as suas formas no esboço. Mas não é que bom esboço praticando ao contrário de outro ilustrador quando você está achatando muito, então no esboço, basicamente, você gostaria de manter as camadas auditáveis o maior tempo possível, que você gostaria de manter essas formas combinadas. E é muito fácil trabalhar com esses jogadores de forma combinada. E, por outro lado, algumas formas simplesmente não se achatam tão facilmente. Então, se você tem uma forma como esta, se eu for para camada e eu vou para puffs do que achatar, nós recebemos a mensagem de que nós não podemos plana nessas camadas. E por que isso aconteceu? Bem, isso é só porque essas camadas estão apenas dentro uma da outra, então você não pode achatar as camadas quando uma camada está contendo inteiramente a outra camada. Por outro lado, você não pode fazer isso se eles não tiverem nenhuma porta correspondente também. E mais uma operação que eu gosto de mostrar é ir para este menu de camadas e ir para caminhos e, em seguida, dividir a forma combinada. Então, se você quiser reverter esta operação e você quiser voltar para as camadas originais, você pode usar esta opção e então você pode subtrair novamente para ter esta forma. Há também mais um problema que eu gosto de abordar neste ponto quando você tenta combinar formas , especialmente quando você tenta achatar formas. Às vezes você em vez desse resultado pretendido você obtém algo assim. Então você começa esta questão sobreposição vontade. Esses pontos vetoriais só ficaram confusos, e às vezes você simplesmente tem esse problema porque fora da natureza fora das formas vetoriais que você cria no esboço. Então, se você tentar criar uma forma, por exemplo, são retângulo, eu pressiono são e eu crio um retângulo. Então eu pressiono voltar para entrar nos pontos vetoriais no modo de edição, você tem este pequeno ponto que está no canto superior esquerdo, e não é uma coincidência que este ponto é selecionado por padrão. Este é, na verdade, o ponto de partida fora do seu vetor, e agora você é placa gráfica foram montes vetor. A partir deste ponto, em alguma direção, ele pode ir para a esquerda, ou pode ir para a direita. Então, para verificar, se ele vai para a esquerda ou para a direita, você pode pressionar a tecla tab no seu teclado e esboço. E como você vê, ele vai direto para o próximo ponto, em seguida, de cima para o próximo ponto e de cima para o último. E esta questão sobreposta está ligada à direção para onde o seu lucro está indo. Então, às vezes, você boa as formas, que são invertidas para que eles vão da esquerda para a direita ou da direita para a esquerda. E se você tentar combinar essas formas, você terá problemas sobrepostos. Então você pode basicamente corrigir esse problema indo caminhos do pé e, em seguida, indo para opção de ordem inversa se reverter a ordem fora do caminho que criamos. Então vamos como essa opção, e entramos nessa forma em um modo de namoro com retorno. Como você pode ver, eu tenho este ponto certo selecionado por padrão, e se eu pressionar o topo do teclado, eu vou para a esquerda em vez de ir chorar. Então este é apenas um pequeno hin. Mas às vezes, quando você tem esse problema sobreposto, quando você vê que os pontos vetoriais vão ser confusos. Depois de combinar algumas camadas, você simplesmente vai para a camada e você inverte a ordem fora vetores. OK, então agora vamos nos concentrar neste segundo ícone e vamos tentar recriar este ícone. Você pode pressionar O no teclado, mas você também pode ir para este menu de inserção na parte superior. Deixe e lá você tem todas as formas fora esboço e todas as ferramentas de esboço para que você possa selecionar ovais, retângulos, linhas, linhas, retângulos arredondados e tese. Lembre-se de atalhos também. Este retângulo arredondado. Eu não uso muito porque eu sempre uso retângulo simples. E então eu disse que os rais usam à direita. Então acho que é mais conveniente. Caminho fora Fazendo isso porque você nunca colar um valor fora do dedo ao redor das bordas, você precisa ajustá-lo um pouco, então se você deseja copiar os estilos especialmente sentir e bordas entre diferentes formas, você pode desenhar algumas outras formas e vamos tentar copiar estas propriedades a partir desta forma que você possa clicar com o botão direito na forma e, em seguida, selecionar estilos de cópia deste menu, e você pode depois, como ambas as formas com shift e clique direito ou controle. Clique na seleção e basta colar collants, e ele funciona em Lee para campos e bordas. Como você pode ver, o Raio da Borda não foi copiado. Você também pode usar ah, atalho de teclado prático. Por isso. Você pode pressionar comentários de opção, veja, então venha e veja para copiar, mas também você pressiona a opção. E ao colar Que também pressione opções, Então opção Command V. E se você encontrar-se usando os mesmos estilos de forma mais e mais, você pode selecionar a forma e você pode ir para o menu de edição no esboço. E aqui você tem a opção de definir este tempo como padrão para que ele irá predefinir todas as ferramentas. Então, mesmo se eu desenhar mais agora, eu tenho a mesma fronteira e o mesmo campo que foi dito padrão EUA. Então agora isso é fazer isso fora um pouco maior. Isso tem uma sensação de branco nesta forma, e nós vamos criar esta pequena forma de nave que temos aqui com abrasão de barras. Então vamos desenhar outro de todos sem turnos agora, então não sei quais são as proporções. E agora vamos selecionar as formas e escolher o Intersect. Então, como você pode ver, teremos essa forma superior usando operações booleanas. Vamos fazer outra forma com Oh, e lembre-se que você sempre pode pressionar a barra de espaço para posicionar a forma. Por quê? Desenhar a forma eso sem soltar o botão esquerdo do mouse. E então vamos posicionar isso corretamente e vamos mover isso sobre quatro sob a forma combinada. E como você pode ver, temos nesta forma combinada que temos sensação de branco para que ele cobre as camadas abaixo e agora podemos entalhar esta forma para que possamos usar incrementos de um pixel com setas do teclado pode pressionar para baixo ou para cima para mover a forma por um pixel. Se quiser se mudar, meus 10 nos escolhem, aperte Shift. Então mude para baixo ou seta para cima. E você também pode encaixar com um fora das opções de retenção de incrementos de 10 pixels. Então opção para baixo seta para cima vai 0.10 ponto dois bigs para cima. Ok, então o que vamos fazer agora é pressionar L para o dedo do pé da linha e vamos criar nossa linha simples. Precisamos combinar esta forma, a posição correta e, em seguida, precisamos selecionar a forma e a mercadoria de imprensa para duplicar esta linha. Então, queremos usar a mesma forma, mas eles vão clicar com o botão direito na forma e selecionar a transformação que você tem. Rotações fogem sendo curso inteiramente ou verticalmente. Então vamos inverter isso horizontalmente. E vamos entalhar esta forma a posição corretamente sob a espaçonave A. E vamos usar outra linha para a última forma. Ok, então agora está quase pronto. Só precisamos de algumas formas emprestadas do nosso anterior. Eu vou entrar naquelas formas e eu vou imaginar para que eles pisem debaixo da nave espacial e lá você está. Então agora precisamos posicionar os elementos corretamente, e essas são basicamente todas as operações que você precisa lembrar. Em ordem. Teoh criar formas no esboço também para gerenciar as formas e criar operações booleanas. Às vezes é muito mais fácil e muito mais gratificante criar seus próprios ícones no esboço. Em vez de procurar ícones prontos na Internet. Ou às vezes você só tem um, Nikon disse. Mas você não tem esse ícone em particular que você quer usar em algum caso, e essa é a razão pela qual você pode recriar os ícones e usar essas formas, operações de barras e todas as coisas que eu mostrei no esboço. É muito, muito fácil agora. Mais uma coisa que quero te mostrar. Posso ir para este menu de exibição e selecionar mostrar réguas. Você também pode pressionar o controle, estão no teclado para acessar as réguas, e você tem réguas à esquerda e à direita. Você pode clicar na régua para outro cara inteligente, mas às vezes é apenas mais fácil dedo do pé sobre e ver se as formas estão alinhadas corretamente. Então isso se molda dentro do nosso OVNI. Você pode criá-los entre as lições. Encorajo-te a fazê-lo, e isso é tudo por enquanto. Obrigado por assistir Vejo você na próxima lição. 9. Ferramentas de vetores: Nesta lição, eu vou mostrar a vocês como usar um esboço vetorial do dedo do pé. É um dedo muito poderoso, mas precisa de alguma prática para ser dominado. Então você pressiona V no teclado para chegar ao dedo do vetor, e agora você pode clicar quer criar seu primeiro ponto vetorial. Estes pontos vetoriais podem ser retos. E, como você pode ver, quando eu criar o próximo ponto, eu vou desenhar uma linha reta. Então isso é criar uma linha reta aqui também. E se você quiser criar o ponto de curva, você clicar e segurar o fundo esquerdo do mouse e eles precisam de drogas para a esquerda ou para conduzir para criar que alças. E como podem ver, tenho duas alças. Há uma alça direita que determina o caminho que foi realmente criado, mas eu também tenho essa alça esquerda, e isso determina a posição fora dos próximos pontos vetoriais do caminho que será criado pelos próximos pontos vetoriais. Então deixe-me riacho e segurar lá, e eu vou usar maçanetas segunda vez. Além disso, dê uma olhada que as alças mais longas você tem, mais do cuidado. Se você criar isso agora, eu vou criar o próximo ponto e este sopro está correto. Mas o próximo bônus vai direto para a parte inferior da letra, e é por isso que eu preciso mudar o comportamento dos pontos vetoriais. Então agora eu tenho essas alças de espelho, e o que isso significa é que eles estão no mesmo caminho e eles são simétricos agora, de modo que eles estão na mesma linha. Mas eu também posso selecionar isso conectado ou um simétrico e onde opressor desconectado. Eu posso mover cada alça separadamente para que agora eu possa mover a alça direita para que ele defina a direção para o próximo caminho. E como você vê agora, eu posso criar esse caminho suave para o fundo da minha carta. Então eu trouxe este ponto vetorial com alças vencedoras desconectadas. Preciso que essa alça seja um pouco maior, e agora posso clicar e segurar para criar as próximas alças. E o comportamento padrão é que as alças são espelhadas e isso é basicamente o melhor , porque você pode criar formas que são extremamente suaves e têm essas lindas linhas que você não pode nem dizer que os pontos vetoriais estão lá . Mas muitas vezes não é o caso, e às vezes você só precisa desconectar os pontos ou criar pontos simétricos. E também outra dica profissional é que você pode segurar o shift enquanto arrasta essas alças. E agora, como você pode ver, você obtém resultados muito suaves também para que você possa arrastar com o dedo do pé, segurar a linha, e é por isso que você gera muito pequeno Fine. Então ele basicamente precisa de alguma prática e o que nós você pode fazer. Você pode clicar duas vezes sobre o ponto vetorial Teoh alterar esses períodos de espelho para reto, e se você for reto você não tem qualquer cuidado para que você não tem quaisquer alças, e você pode clicar duas vezes novamente para mudar de volta para uma opção espelhada. Então agora você pode selecionar, por exemplo, desconectado para que você possa modificar o ângulo de uma alça sem modificar o ângulo fora do 2º 1 E você pode mudar a posição fora das alças como para que seja muito o direção fora da curva que precisamos. Eu vou criar mais um ponto vetorial aqui, e eu vou fechar o caminho agora, e eles podem fechar acima clicando nos primeiros pontos vetoriais para que você tenha, e a melhor coisa sobre isso é que agora você tem um caminho no e você sempre pode acessar esse caminho pressionando Return, e você pode alterar quaisquer pontos vetoriais dentro. Então, se você decidir que este ponto vetorial é não, é perfeito e você não vai ajustar as alças que você pode fazer para que possamos clicar no ponto reitor e então você pode mover as alças em conformidade. Se você mover as alças para que elas estejam em uma linha, possivelmente você terá a melhor curva. Então, voltando para as opções que você tem em linha reta sem quaisquer alças que você tenha espelhado quando as alças estão na mesma distância e o mesmo ângulo dos pontos vetoriais, você também desconectou onde cada alça se move separadamente, e você tem esta uma opção simétrica quando eles estão no mesmo ângulo. Mas cada um pode estar em uma distância diferente dos pontos vetoriais, e também lhe dá resultados muito suaves. Você também pode excluir ambos os pontos vetoriais, e você pode clicar no identificador até mesmo um identificador, e você pode excluir mesmo enquanto manipulado. Se você pressionar backspace nos pontos vetoriais, o caminho ainda será fechado e o segundo vetor transportado se tornará o primeiro. Então, para abrir o catalisador, você clica nos pontos vetoriais. Você seleciona caminho aberto e agora você pode pressionar Return. Ou você pode simplesmente terminar a edição para escapar sem fechar o caminho. Então, às vezes você precisa apenas de uma forma sem o caminho mais próximo, e se você decidir mais tarde que você quer fechar este caminho, você pode pressionar return. Entrar para acessar este qualquer coisa, moldar qualquer concreto no primeiro ponto para fechar o caminho. Você também pode ter os pontos vetoriais para os caminhos. Então, quando você passar o mouse sobre este caminho, você tem este ponto azul e ele permite que você clique no caminho para outro ponto vetorial. E também uma grande profundidade é manter o comando enquanto passa o mouse sobre esta linha para obter os pontos vetoriais diretamente no meio desta linha. Então, ele está diretamente centrado entre dois outros pontos vetoriais, e agora podemos combiná-lo com shift com setas no teclado e posicioná-lo onde quiser . Você também pode mover essas alças. Como você pode ver, eles são um simétrico por padrão para que você possa movê-los e By the way, se você quiser posicionar o vetor manipulado na posição X e Y exata, você pode fazê-lo. Então você tem coordenadas X e Y para cada ponto vetorial, mas também para cada vetor manipulado. Então você pode decidir que isso pode ser 830 para o punho e para o ponto. Você tem uma posição diferente. Você pode pressionar o backspace para excluir esses pontos vetoriais. Você pode selecionar ambos os pontos vetoriais. Por que o turno de espera em casa? Você também pode arrastar e soltar esses pontos como muitos pontos vetoriais, ou até mesmo usar esta pequena ferramenta à direita para selecionar muitos pontos vetoriais ao mesmo tempo. Então vamos em frente e nem um pouco. Este vetor aponta usando as teclas de seta no teclado e vamos para o interior do nosso copo e criar mais alguns pontos vetoriais para criar a forma interna da letra A. E vamos terminar esta forma. Eu vou usar isso conectado aqui e vou terminar isso. Mas como você pode ver, não há alças, então só há uma alça aqui, então eu tenho que clicar duas vezes nesta parte vetorial, e agora eu tenho duas alças. Eu posso desconectar as alças, e agora eu posso facilmente desenhar uma curva e a segunda curva assim, a propósito, há um atalho útil para usar espelho reto, desconectado e um simétrico. Você pode pressionar 123 ou quatro ou no teclado para acessar qualquer modo para que você possa pressionar dois para espelhos. E agora podemos selecionar qualquer ponto. Você pode empurrá-lo com a boca, e às vezes você obtém este guia inteligente que permite posicionar um ponto de acordo com o outro, e às vezes ajuda. Às vezes, não. E então quando não acontece, quando você quer desligá-lo temporariamente, você pode pressionar e segurar o comando, e agora você pode entalhar meu pixel. Você não vai ter esses Guias inteligentes que às vezes apenas às vezes são irritantes. Ótima. Vamos fazer isso com a maçaneta. E como você pode ver com alça, você também tem este guia inteligente e Teoh se livrar dele. Basta pressionar e segurar os comandos, e agora você pode usar o dedo do pé livremente para posicionar o seu manipulado. Então, como você pode ver, este vetor para é extremamente poderoso, mas também é bastante difícil, então você tem que praticar um pouco. E lembre-se, nas fitas profissionais e também nos atalhos de teclado que eu te dei, eles são muito importantes. Então você pode pressionar. Quer ir direto para espelhado, livre, desconectado. E para um simétrico, é muito mais fácil. E também quando você escolhe qualquer modo, por exemplo, espelhado ou um simétrico, e você move um fora das alças e você decide que deseja mover este identificador separadamente do outro, e você deseja desconectá-lo. Basta pressionar e segurar o comando para não ter que ir para desconectado. Ele vai lá automaticamente quando você pressiona o comando enquanto move um fora das alças para que você possa experimentar e dar uma olhada no botão shift. Nem sempre funciona 45 graus, mas será útil criar formas suaves. Além disso, você pode definir a posição fora dos pontos vetoriais, bem como as alças separadamente. Como você pode ver, essas coordenadas estão sempre em células de pico total, mas às vezes você precisa de extrema precisão, e é por isso que você quer definir esta opção para não chegar a pizzas mais próximas. Eu costumo ficar com as bordas de pizza surround padrão de tofu, e é uma espécie de útil quando você quer exportá-lo como um mapa bit e você não tem muito bordas. Mas se você está criando um ícone muito sofisticado, por exemplo, às vezes você quer imaginar de modo que você tem essa precisão extrema e, em seguida, você seleciona esta opção. Agora, deixe-me fazer uma linha mais grossa no dia. Eu também vou selecionar ambos fora da forma. Então eu vou definir um caminho para dentro e fora para e clique em alguma operação booleana trilha que eu possa ser lido fora deles fora desta forma e eu posso usar um campo para sentir letra inteira. Vamos usar uma cor esverdeada e vamos sair menos deísmo. Vou definir o fundo para a nossa carta. Então vamos criar um retângulo simples. É mudança de uso e opção para dimensionar proporcionalmente e também a partir do centro. Agora eu vou vender assim, centralizá-lo com uma letra e usar a sensação mais legal. Deixe-me mudar para uma cor rosada e emais uma coisa que vou fazer. Vou me livrar da fronteira, e a propósito, você pode arrastar a borda para fora deste painel e liberá-la para se livrar da fronteira. E a série também funciona para sentir em suas sombras, gás e borrões e outras coisas que você tem abaixo sentir neste direito. Ligue para eles. Então nossa carta está pronta. Encorajo-o a praticar e, por exemplo, a criar a primeira letra do seu nome. E vejo vocês na próxima lição. 10. Como transformar formas: nesta lição, vamos dar uma olhada em formas mais sofisticadas e também vamos usar a ferramenta tesoura . Mas primeiro, vamos dar uma olhada na barra de cima do esboço. Isto é uma barra de ferramentas. Na verdade, temos algumas ferramentas lá, mas podemos personalizar esta barra de ferramentas e podemos acessar suas opções. Então, se você clicar com o botão direito em qualquer esporte vazio na barra de ferramentas e selecione este botão personalizar barra de ferramentas agora você pode selecionar qualquer droga icônico jeez -lo dentro e um arrastá-lo para fora da barra de ferramentas. Então, se você se encontrar usando carros muito, você pode simplesmente arrastar essas cores na barra de ferramentas. Além disso, você pode mover esses divisores. Este é um espaço vazio, e você pode mover as ferramentas de, Mesmo se eles são grandes para fora, você pode movê-los para fora da barra de ferramentas e se livrar deles da mesma forma. Então você também pode se livrar dos divisórias. Você tem, ah, espaço simples, e você também tem este espaço flexível que você pode usar para ajustar o espaçamento entre os ícones. E se você quiser apenas redefinir para um ícone padrão e espaçamento, você pode arrastar o conjunto padrão para a barra de ferramentas. E este padrão disse, está na parte inferior, você pode pegar o conjunto padrão e simplesmente colocá-lo na barra de ferramentas para redefini-lo. Teoh o quê? Foi originalmente quando você inicia o esboço pela primeira vez, então você tem uma opção para selecionar. Eu só posso ou apenas texto, ou texto e ícones que eu costumo usar nos ícones. Mas para este curso eu vou usar Eu tenho um texto para que você possa descobrir os nomes fora das funções também. E vamos mover este César ainda aqui, porque vamos usar a tesoura nesta lição. Então vamos mudar para uma forma de desenho como esta, e você vai encontrar-se fazendo isso muito, muito frequentemente, e você precisa usar a porta geral. Então, isso é a imprensa. Oh, e vamos segurar o turno. Mantenha proporções. Mas às vezes você não vai criar uma forma simétrica e mudança. Não é suficiente que você queira tirar diretamente do centro. Em vez disso, a partir da borda superior esquerda fora da forma e dirigiu a partir do centro. Você vai pressionar a opção enquanto arrasta para que você possa prosseguir toda a proporção. E se você quiser desenhar do centro, você pressiona a opção. E, claro, você pode começar com a opção e, em seguida, mantenha o deslocamento para criar uma forma que é tanto jogado do centro e que é proporcional e é um círculo perfeito. Agora entrou. Os governantes com controle são que você sempre pode mudar os governantes com você humano também. E às vezes quando você quer criar um círculo como este, você está precisa de algumas réguas e você precisa clicar sobre a régua para, disse o guia. E esse cara está exatamente no centro, fora do nosso topo, e agora eu tenho régua horizontal também, e eu posso ir com os pés. Eu posso colocar o cursor do curso diretamente no meio, e eu posso pressionar a opção enquanto arrasta para desenhar a partir do centro. Às vezes você quer uma forma simétrica como esta, e é muito fácil desenhá-la com as réguas habilitadas. Então eu pressiono vir. Controle são muito esconder tanto as réguas e as guias, e se você quiser se livrar das guias horizontais ou verticais, você direito, clique ou controle, clique sobre as réguas e selecione remover todas as guias verticais. Você também pode selecionar em um guia e unidade, assumir este guia e selecionar remover guia. Então, outra maneira é apenas arrastá-lo para fora da régua para que eu possa fazê-lo com guia horizontal e vertical, ou eu posso remover todos os caras que eu tenho no meu documento. Então, agora o que vou fazer que aumentou a espessura disto, vou selecionar seis. E eu vou selecionar a cor verde para a borda e que o que precisamos é que vamos dificar em outro círculo que será uma duplicata fora do anterior. Então eu pressiono os comandos D e mudei a cor. Então isso é meio que combina com a cor daqueles overs em cima. E agora eu preciso me livrar de uma parte dessa fronteira em mais de cinco cópias para que você possa pressionar Returns”. Esta é uma maneira de fazer isso. Você não pressionaria Return, e você pode selecionar qualquer ponto vetorial e pressionar backspace ou delete para excluir esse ponto vetorial . E agora você pode simplesmente abrir o caminho para que você tenha, por exemplo, metade fora desta fronteira. A segunda abordagem seria criar, por exemplo, por exemplo, um retângulo ou qualquer forma que fosse uma forma de 1/4 ou 1/2 hora e, em seguida, selecionar ambas as formas e selecionar subtrair. Mas há um problema que temos essa fronteira acontecendo no centro. Então a melhor maneira de abordar este tipo de exercício é usar as ferramentas de tesoura que você exclui esses segmentos entre pontos vetoriais. Isso significa que se você selecionar o sobre e você sobre o dedo da tesoura sobre qualquer caminho, você pode excluir o caminho entre quaisquer pontos vetoriais. Então, neste mais por padrão você tem quatro pontos vetoriais, então você pode pelo menos quatro segmentos e fazer um dos trimestres fora disso sobre. Mas também você pode adicionar pontos vetoriais e o cinco, talvez, ou 1/4. Agora podemos ir para a fronteira, e você também pode mudar a borda e para que eles são arredondados e esta forma parece ainda melhor, é como a tesoura funciona. Mas há muito mais no banco, eu posso criar formas e ícones muito mais sofisticados usando a tesoura. Então deixe-me criar algo mais avançado. Vou usar uma ferramenta geral para criar um ícone WiFi simples. Deixe-me Dragon em primeira forma. Agora eu vou comandar o duplicado e eu vou fazer muitas duplicatas. Vou escalá-los usando a tecla de opção para escalar a partir do centro, bem como a tecla shift para dimensionar proporcionalmente. Você também pode opção de drogas e, em seguida, usar o dedo do pé commodities tem várias formas também. Então vamos selecionar todas as formas e você pode drogar Se você não pode arrastar porque você tem este retângulo livre no fundo, você simplesmente pressionar Shift comando l para olhar este retângulo. E agora você pode selecionar todas as formas que centralizam as formas usando a barra de espaço para ajustar a exibição. E o que eu preciso é de mais formas. Vou usar falas. Por favor, lembrem-se dos atalhos para a linha. Sou eu , então vou usá-la para fazer isso. Mas preciso que o Teoh tenha o centro exato do meu ícone. Então vamos usar as réguas e vamos dizer os guias. Vou definir o guia vertical e também o guia horizontal para que eu tenha o centro exato . Agora vamos colocar o cursor no centro e desenhar a primeira linha. Talvez assim. Ok, agora isso é duplicar esta linha, então eu vou usar o Comando D. E agora eu tenho a cópia fora da linha no painel de camadas para que eu possa usar o sono aqui para virar horizontal ou verticalmente. E eu mostrei mais uma maneira de fazê-lo, para acessar este direito como dinheiro, e disse a transformação. Mas as garrafas são muito e mais eficientes. Então agora vamos mover as camadas para o topo. E o nosso próximo desafio é fundir toda esta camada. Então, se eu selecionar uma e duas linhas, eu vou usar um sindicato de 1.000.000.000 Operação Off. E como você pode ver, isso funciona como esperado. Então eu tenho uma boa forma. E agora este comando de imprensa z para desfazê-lo e selecionar todas as ovais. E agora vamos tentar a operação sindical. E agora não funciona. Por quê? Não funciona semana porque, como eu disse há pouco, eles não têm nenhum ponto em comum. E neste caso, você realmente não pode usar a operação sindical porque você obtém um resultado que é inaceitável para isso. Então eu vou desfazer isso, e em vez disso, fora do sindicato, vou usar diferentes operações booleanas que às vezes você só precisa experimentar. Vamos usar a operação de barras de diferença. E agora dê uma olhada na forma combinada. Isso é exatamente o que queremos. Então temos todas as linhas e temos todos os caminhos conectados para que possamos usar a tesoura para excluir os segmentos que não precisamos aqui. Ok, eu vou Cathcart bonés e acelerar o filme para que o ícone do WiFi esteja quase pronto. Então, como você pode ver com grande no ícone, usando as operações de barras em formas, bem como usando a tesoura dedo do pé e agora podemos fazer esta borda mais espessa. Podemos mudar a cor e acessar as propriedades ao redor das formigas fora da fronteira. E o ícone está pronto. Então, obrigado por assistir. E vejo-te no próximo filme. 11. Transformações avançadas: nesta lição, vou falar sobre as opções de transformação, bem como sobre o alinhamento de itens. Então vamos ampliar este artigo e vamos criar nossa primeira forma será um retângulo. Vamos fazer o lado direito. Temos posição aqui ciência, transformação e todos os rótulos têm os campos de entrada. Você pode inserir os campos de entrada, bem como você pode pressionar as setas para alterar a posição acordo. Então, se você clicar na entrada, agora você pode usar as teclas de seta nos teclados da tecla de seta para cima e do dedo do pé da tecla de seta para baixo , não os valores por um pixel. Se você pressionar e segurar deslocamento para que tenhamos uma seta de deslocamento você não pode valores por 10 incrementos. E também por que segurando opção. Você pode ter este dolt um incrementos. Então é assim que você altera os valores em todos os campos de entrada. Você também pode sobre o rótulo fora do campo de entrada, então passe o mouse sobre. Por que rotular. Então você rija com o botão esquerdo do mouse e você pode usar drogas para a esquerda ou para a direita com o grampo inferior , e então você muda os valores de qualquer campo de entrada no esboço. Então, se você quiser Teoh selecione o campo capaz à direita, e você atualmente tem este de selecionado. Basta selecionar a camada e você pode usar o atalho de teclado, que é a opção tub. E quando você pressiona a opção tub, você selecionou o primeiro campo, que é nesta posição caso, você possa pressionar o topo novamente para acessar qualquer outro campo, e você pode digitar os números. Você pode usar as setas no teclado. Você também pode pressionar Shift Tab para sair do campo para que você possa pressionar Tab ou deslocar até o excesso de qualquer campo sem sequer ranger com as bocas. A próxima opção que você tem aqui é este pequeno ícone de cadeado, e isso está entre os rótulos de largura e altura. E como você vê isso, olha que eu tenho permite que você registre as proporções do objeto. E se você disse que o trigo, a altura vai mudar de acordo. Quando você pressiona Return, as mesmas coisas acontecem se você tentar modificar a largura ou a altura da forma usando as alças. Então, se você arrastar sobre o que qualquer uma das alças, você vai ver que o trigo e esconder muda de acordo. E isso porque temos esse pequeno ícone de cadeado que impede que você altere as proporções dessa camada. E se você não precisar, basta clicar no ícone de olhar. Como vê agora, está desbloqueado, então posso mudar o trigo e esconder-me separadamente para mudar a proporção da camada. Então agora você não precisa acessar nenhum modo de transformação especial ou algo assim. Você apenas grego na camada, e você tem as alças que você pode ajustar em conformidade, e você também pode acessar este banco girar a partir do topo, e agora, se você passar o mouse fora da camada, você pode ver muda, e você pode alterar o raio. Você também pode acessá-lo a partir do dinheiro da mão direita, e você tem esta opção de rotação aqui para que possamos digitar 40 graus e ele gira, e você também pode acessar o dedo de rotação flutuante com uma chave comum. Então, quando você passar o mouse sobre o canto e pressione o comando para entrar temporariamente neste dedo do pé de rotação e coisa é quando você gira como então você também pode pressionar deslocamento para ter rotação ah com incrementos de 15 graus, e é assim que você faz isso. Na verdade, há uma vantagem em usar um dedo de rotação em vez de pressionar o comando, porque quando eu clico na rotação, você pode acessar este pequeno ponto de rotação no meio, e você pode mudar a posição de pontos de rotação. Então, se você for para fora da rotação, dedo do pé e pressionar o comando, você não tem este pequeno ícone. E se você for girar, você pode alterar a posição fora da origem da rotação, e agora você girar de acordo com a posição fora deste ponto. Então, uma última coisa que temos em termos de transformações é a ferramenta de transformação que está no topo. Portanto, é basicamente bastante diferente dos manipuladores de transformação padrão, e você também pode acessar para transformar com o menu do botão direito. E darei a este povo opções ressentidas e verticais. Mas você tem uma rotação aqui, bem como transformar que podemos acessar a partir daí ou do ícone no topo. Então vamos para o modo de transformação e este modo. Vamos mudar a posição de cada um dos pontos. Como você vê, os pontos agora são arredondados e você pode fazer algumas transformações pseudo-Freedy 2.5 a transformação para que você possa distorcer o objeto. Você pode transformá-lo de uma maneira diferente, modo que é transformação. Agora eu gostaria de mostrar-lhe alguma outra opção para alterar as camadas de trigo e amarrado, e isso está usando o teclado para que você possa mudar qualquer camada e você simplesmente pressionar o comando opção e, em seguida, você não com as setas para que você possa pressionar a seta esquerda para fazer o trigo menor em um pixel ou a seta para a direita para aumentar em um pixel. Você também pode impressionado comando shift, seta para a esquerda ou para a direita para ter incrementos de 10 pixels. E esses atalhos. É muito útil. Por exemplo, quando você tem muitos objetos e é bastante difícil selecionar camada individual em seu artigo, você pode selecionar a camada a partir das camadas menos e, em seguida, você pode usar o dedo de atalhos. Ajuste a altura ou o trigo ou para ajustar a posição. Agora este dedão de couve. É uma das minhas ferramentas favoritas no esboço porque ele permite que você dimensione qualquer objeto, ar ou grupo ou um set off camadas, e em vez disso fora dessa escala tradicional, que não escala, por exemplo, e borda para que você possa ver que se eu escalado mesmo com opção e mudar toda a proporção e escala do centro na espessura fora da borda ainda é 15 pixels, e na verdade, todos os efeitos que você tem aqui para bordas em suas sombras. Ghassan desfoca, e também as sombras permanecerão as mesmas. Então, se eu outra sombra e você tem alguns valores rasos lá. Então eu tenho essa Blair, por exemplo, que são quatro pixels, e se eu tentar dimensionar a camada, ela sempre permanece por pixel. Neste comportamento, você provavelmente não quer, eu não sei 80% do seu tempo, porque você quer escalar seus ícones com todos os efeitos. Tem tanto medo. As fronteiras escalam as sombras. Vamos nos livrar da sombra. E vamos nos concentrar nessa propriedade fronteiriça, que é 15% acho que sim. Quando eles patinaram, isso não muda. Mas se eu acessar a ferramenta de escala e este é provavelmente um dos atalhos de teclado mais importantes , esse é o comando K, então você pode agora redimensionar a camada e você pode dar o valor adequado em porcentagem para que eu possa patinar 50%. Eu também posso dar peça exata de valores para largura e altura, bem, mas geralmente eu uso porcentagem e dar uma olhada na borda agora, por isso era 15 e agora é 7,5 pizzas. Por isso funciona também para as fronteiras e esta função de pequena escala. Você vai usá-lo o tempo todo. É especialmente útil quando você, por exemplo, importar alguns ícones no esboço e você quer assustar as bordas proporcionalmente toe os ícones que eu usei o tempo todo, realmente, Então você também pode visualizar os valores e você pode assustar do centro da esquerda para baixo para que ele possa escolher qualquer posição de escala. E é super útil. Então a boa notícia é que isso é provavelmente tudo o que você precisa saber sobre escalabilidade e transformação no esboço. Então deixe-me aceitar essas mudanças e redimensionar essa camada e passar para a próxima lição. Vejo vocês aí. 12. Alagem de elementos: Olá e bem-vindo na próxima lição em que eu vou mostrar-lhe muito simples, mas muito poderosos recursos fora esboço, que são opções de alinhamento. Então, temos as opções de diamante no canto superior direito da interface, e você pode usá-las para alinhar grupos, camadas, camadas, quadros de arte. Você simplesmente seleciona qualquer coisa, e como você vê alguns fora do alinhamento, as opções estão agora disponíveis. Então eu selecionei este grupo de planeta e há um pequeno quadro novas opções de alinhamento, e isso significa que você vai se alinhar de acordo com um mundo da arte. Então, se você tiver um elemento selecionado e ele não estiver dentro de um grupo, você pode alinhar de acordo com esses ícones de espaço espião. Copiar, também, são sobre. Então deixe-me aliar neste para a esquerda, para a direita para o fundo superior, e você também pode enviar sua vertical e horizontalmente no artigo. Então, é muito fácil, e você também pode alinhado usando esses caras inteligentes. Como você vê, se eu for para o centro, Eu tenho guia vertical, bem como guia horizontal que vai me deixar colocá-lo diretamente no centro fora do artigo, e se por acaso, você quer posicioná-lo. Não sei, talvez conhecia o centro, mas não no centro. E você quer pular um estalo. Você mantém o comando enquanto arrasta, e é isso. Ok, vamos mudar para alguns outros quadros de arte que eu tenho. Então agora eu tenho alguns grupos. Eu tenho quatro ícones, e se você tem mais de um elemento na arte sobre, como você pode ver, você tem mais sorriso, pessoal. Então você tem guias inteligentes para a placa de arte aparecendo no corpo central também tem guias inteligentes para as bordas de cada grupo que temos aqui, e também podemos desativar os caras inteligentes enquanto arrasta. Você só precisa pressionar e segurar a parte inferior do comando no teclado. Mas aqueles caras inteligentes que podem se tornar muito úteis, especialmente quando você quer posicionar os grupos dentro do outro e quando você quer marchar as margens entre diferentes camadas ou grupos diferentes. Então, como você vê, eu tenho as medidas agora, e se eu chegar perto de 91 eu tenho snapping e isso me permite posicionar seu grupo corretamente que você também possa medir essas distâncias entre diferentes camadas e diferentes grupos. Pressionando a parte inferior da opção. Portanto, o primeiro caso de uso é quando você apresenta tecla de opção de espera e você passa o mouse sobre este grupo selecionado . Agora você mediu as distâncias entre as bordas da arte abortar. O que você pode fazer é você também pode passar o mouse sobre a próxima camada ou um grupo, e agora você mediu a distância entre este grupo e o segundo grupo. Assim, você pode facilmente medir diferentes distâncias entre as tábuas de arte ou entre os próprios mentirosos ou agrupar-se. Então lembrem-se do atalho de teclado e a próxima coisa que eu gosto de mostrar a vocês é alinhar esses ícones com nove opções. Então, vamos selecionar todos os itens. Então vamos eleger todos os grupos. E agora, como você pode ver, temos todas as opções disponíveis aqui porque temos vários objetos para que possamos distribuir o espaçamento também. Então, agora, se você selecionar qualquer fora das opções de alinhamento, ele não está posicionando dentro do cartão. Está se posicionando entre esses objetos, então se eu os alinhou como você pode ver, eles se alinharam na borda esquerda do primeiro grupo, e agora eu posso centrá-los na arte. Mas assim, e se eu quiser que Teoh distribua dentro da arte, mas eu preciso ter um grupo diferente para todos esses objetos. Então eu pressiono o Comandante G enquanto tenho esses objetos selecionados para criar outro grupo. E agora só tenho este grupo selecionado. E no painel Alinhar, eu tenho essas pequenas bordas ao lado do detestável. Então isso significa que eu vou trabalhar agora com todo o grupo e posicioná-lo dentro do parafuso de arte . Então, vamos pressionar o comando Shift, G dedo no grupo os elementos. E agora eu tenho mais de um elemento selecionado, então as opções da companhia aérea são diferentes. Então vamos mudar para este primeiro nosso conselho. E como você pode ver, há muitos grupos e cada grupo é um ícone diferente. Então deixe-me selecionar a primeira linha fora ícones eso 1º 7 ícones e eu vou usar o alinhamento faz corretamente no alinhar esses ícones. Então agora vamos usar esta primeira opção alinhada verticalmente. Teoh tê-los em uma linha, e então eu preciso distribuir as margens entre o ícone. Então eu vou clicar em distribuir horizontalmente, e isso é pegar está dizendo que basicamente ele não pode movê-lo para seus picos completos nós. E ele pergunta se eu quero movê-los para sub picos nós algumas fotos de posições no eixo X, ou eu quero distribuí-los uniformemente? E para ser honesto, eu não me importo de distribuí-los uniformemente porque você nem vai notar a diferença. Enquanto você tem todos os ícones no completo escolhe-nos sobre os picos são grandes, que é bastante importante. Então eu clico em distribuir até mesmo a opção. E lá vamos nós. Temos até distribuição desses ícones, até margens entre os grupos. Então, mesmo que haja negativo, você pode fazê-lo assim E agora o que eu vou fazer, eu vou selecionar o último ícone porque eu quero que Teoh distribua a tosse I para que eles sintam todo o espaço fora do nosso quadro. Então eu vou selecionar o último ícone. Vou apresentar o turno de espera para manter a linha. E agora eu vou selecionar todos os ícones enquanto este ícone lista para a direita e novamente eu vou distribuir de forma desigual para que eu tenha a primeira linha fora dos ícones e agora eu posso ah agrupar este ícone. Então pressiono o comando G para agrupá-los. Agora eu pressionar o controle são para as réguas e eu disse que o guia para que eu tenha os guias para a esquerda e para a direita fora meus ícones em. Deixe-me pegar os próximos ícones do primeiro na próxima linha e disse aqui. E eu também vou posicionar este último ícone neste segundo arremesso. E como você vê, é muito melhor posicioná-lo opticamente do que matematicamente. Então eu vou agitá-lo com seta para a direita no teclado. E agora está perfeito. Eu vou selecionar sobre os ícones e antes de agrupar eu preciso definir a distribuição como Então agora eu posso agrupar esses ícones para que eu pressione. Vamos lá, G e eu podemos pegar os outros ícones e fazer o mesmo pelo federal. Precisamos do Teoh não só um pouquinho com o teclado. Vou selecionar todas as camadas com a tecla shift no teclado e distribuir o espaçamento, então posicioná-los no eixo vertical, bem como distribuir as marcações entre os ícones . Então o que eu preciso fazer agora é dizer a última linha fora ícones, Eu vou selecioná-los todos e distribuir o espaçamento, bem como a posição. Agora eu posso comandar o G, Eu disse que o próximo grupo e este federal também precisa ser um grupo fora ícones. Agora, se eu tiver todos esses grupos, eu posso selecionar os grupos, e agora eu posso trabalhar com os grupos para distribuir o espaçamento verticalmente. Então deixe-me clicar neste ícone que eu vou usar de forma desigual e eu tenho todos os ícones para falar e estender posições incorretas. Nunca usamos a ferramenta de texto, mas é muito fácil. Vou vender como o chá no teclado e desenhar um campo de texto simples. Eu vou dizer ícones de espaço como um título do meu quadro de arte, e nós vamos falar muito mais sobre propriedades de texto mais tarde. Agora, como você pode ver, temos esse quadro de texto longo e podemos alinhar o texto dentro deste amigo de texto. Assim, os grandes atalhos de teclado são shift comando mais direita ou esquerda colchetes chave para alinhá-los para a esquerda ou para a direita. Ou você pode usar a barra de deslocamento comum para alinhá-la ao centro. Então você tem todo o tempo e opções para os grupos para o texto, e também você pode acessar as mesmas opções de alinhamento no menu organizar. Você pode selecionar uma opção de objetos de linha e tem todos os ícones que estão neste painel marcados no menu. E isso é muito importante porque agora eu gostaria de mostrar como criar seus próprios atalhos de teclado para esboço, e você pode aplicar atalhos de teclado a qualquer item que apareça no menu de esboços. Então, se tivermos opções de alinhamento que temos, podemos ir direto para as preferências do sistema e das preferências. Vamos para o teclado e há um talho de atalho. Então, a partir da parada de atalho, você vai pisar atalhos, e agora você pode adicionar novos atalhos. Você seleciona o aplicativo, e isso é basicamente esboço. Então, isso é pressione como no teclado e selecione o agendado para cima. E agora temos que reescrever o título do menu. Então temos que colocar exatamente o mundo deles. É esse o nome da função no menu? Então vamos nos certificar de que sabemos o nome correto. Então vamos para organizar objetos de linha, e temos horizontalmente, bem como vertical. Então vamos definir os dois atalhos. Ambas as opções. E vamos como ambas as opções Toe disse que os atalhos nas preferências. Então eu vou colocar horizontalmente como um primeiro Deus curto e no atalho do teclado, você apenas puxou o atalho que você quer usar. Então eu vou colocar coma e suporte esquerdo. Eu estou indo. Vamos, colchete esquerdo para centralizar horizontalmente. E, claro, você pode usar qualquer atalho que quiser. Por exemplo, use Come on, quatro para horizontal e comando cinco para alinhamento vertical. E eu vou colocar vertical aqui, então precisa ser uma ortografia correta. Precisa ser escrito da mesma forma que em um esboço. E vou pressionar o comando do colchete direito. E depois deste atalho, Então agora eu posso fechar as preferências e eu nem sequer tenho que reiniciar o aplicativo de esboço. Eu posso facilmente usar este comentário colchete esquerda colchete seco para disse distribuição adequada e deixe-me fazê-lo na outra arte a bordo e habitual, Um cenário é que você use quaisquer duas formas, então eu vou ritmo lá um ícone e eu tenho estes duas formas e eu quero centralizar este ícone dentro do retângulo. Então eu mudo o grupo selecionado e o ICOM, e agora eu posso usar as opções de alinhamento para fazer isso. Mas, em vez de opções de alinhamento, agora posso usar meu atalho. Então vamos como ambos os jogadores e pressione o comando colchete esquerdo e comando colchete direito para centralizar o ícone horizontalmente e verticalmente. E também, se você estiver usando as versões mais recentes do Sketch, há um bom Adam nisso. Deixe-me colar, talvez livre ou para ícones alienígenas, e agora você pode selecionar esses objetos, sejam eles camadas ou grupos, e o que você pode fazer é rápido nesta pequena batalha arrumada. Ele vai arrumá-los assim, e também você não pode passar o mouse sobre as marcações entre esses elementos, e você pode ver pequenos ícones que indicarão que você pode clicar e alterar as marcações como este. E isso é muito legal, então você pode fazer isso para alinhamento vertical. Você pode fazer isso para alinhamento horizontal como este, e isso está ficando muito inteligente se você selecionar vários elementos ao mesmo tempo. Então você pode gostar disso, e ele até sabe que você tem que subir lá dentro. Você nem precisa ter outro grupo. É inteligente o suficiente para dizer. Então é basicamente isso. Este é o fundo arrumado e também os alinhamentos inteligentes. Além disso, nas versões mais recentes do Sketch, eles melhoraram o encaixe muito e aqueles guias inteligentes que permitem distribuir itens um ao lado do outro um pouco melhor. Mas isso não precisa de uma vitrine. Então, basicamente, é isso. Nesta lição, vejo-te na próxima. 13. Como Resizing as opções no esboço: Ei, antes que eu comece essa lição. Só um aviso de isenção de responsabilidade. Esta é a versão mais recente fora esboço e re opções de dimensionamento que eu vou falar sobre mudança ligeiramente no layout. Basicamente, é a mesma coisa. Então Pinto é do mesmo tamanho e fixo. Você tinha duas garrafas, uma para este acesso e outra para aquela. Agora é um “S O.” É basicamente isso. Eu não vou re gravar esta lição, então aproveite o resto no layout mais antigo, mas ainda assim o mesmo investir. Ouça, vamos falar sobre opções de dimensionamento no esboço. Então basicamente tudo o que você cria no esboço, seja um grupo montado ou uma camada que você pode acessar, é redimensionar opções à direita. E você tem diferentes opções de Redimensionar Inc, que são responsáveis por como esse objeto será dimensionado dentro de seu pai e, na verdade, para cima e para retângulo. Seu pai é esse grupo para o grupo. Seu pai é o quadro de arte. Mas vamos nos concentrar no grupo agora, e vamos nos concentrar nas propriedades desativadas, redimensionando para cima e retângulo. Então, se selecionarmos este grupo e tentarmos alterar minhas menções fora do grupo como uma nota geral , você deve lembrar que tudo escala em porcentagem. Então, se tentarmos escalar o grupo doce como você vê as escamas mais doces em conformidade. Então, se você tem 50% de desconto no grupo doce, você tem 50% de desconto no oval. Doce. E se você tiver 50% de desconto na altura do grupo, você também tem 50% de desconto na supervisão. Então é por isso que isso acabou está sendo deformado agora. Mas quando você tenta alterar o padrão para re opções de dimensionamento, então quando definimos algumas dessas opções são Very Size Inc, podemos, por exemplo, decidir que isso acabou será, eu não sei, Talvez peões no canto superior direito. Então vamos tentar movê-lo para o canto superior direito primeiro. E depois eu vou usar essas opções de exercício padrão, e nós vamos nos concentrar nessas pequenas alças. Então, dentro desta alças, podemos definir o alinhamento para percorrer qualquer elemento para a parte superior esquerda, direita ou para a parte inferior. Então, se eu quiser dedo do pé estar no canto superior direito, Eu seleciono ambos Olá, parar e direita. E agora, como podem ver, o oval está sendo escalado. Então ele muda de acordo com a porcentagem fora do grupo. Mas também é pinos dedo do pé do topo e feijão para a direita, modo que a margem entre o topo e a direita é fixa. Então, uma parte dessas funções. Eu também posso corrigir a largura e altura dos meus objetos. Então eu vou clicar, consertar trigo e consertar apertado dentro do over. Agora eu vou selecionar o grupo para que seu pai e eu vamos assustar o grupo. E, como você vê, o geral não está dimensionando. E, além disso, também é fixado na borda superior e direita para que as marcações permaneçam sempre as mesmas. Então nós temos as margens fixas, OK, e agora vamos imaginar algumas outras situações. Então talvez você queira colocar o objeto no centro direto de seu pai. Então agora o “over “está no centro do grupo. Mas quando tentamos assustar o grupo, como você pode ver, não fica no centro. E por que está acontecendo fora do curso? Isso está acontecendo porque definimos as opções Resize Inc e puxamos essa opção e decidimos que ela deve ser fixada à direita, e se foi à direita. Tem sempre a mesma Margon na fronteira direita dos pais. Então o que temos que fazer, temos que liderar esses pinos. Então temos que ampliá-lo, especialmente a partir da direita. Então agora nós temos trigo fixo e corrigir couro e nós não definir quaisquer opções aqui no redimensionamento Nós não podemos realmente dizer o significado esquerda e direita porque ele iria esticar o objeto. E temos o conjunto de trigo e couro fixo. Então é impossível. Então deixamos em branco e selecionamos o grupo. Vamos tentar redimensionar o grupo agora mesmo. E como podem ver, isto permanece no centro. Então, basicamente, esboço cuida deste objeto ainda estar no centro. Por que re dimensionando para que possamos colocá-lo no centro tanto vertical como horizontalmente e tentar Agora você pode redimensionar e você pode ter este objeto no centro exato fora de seu pai. Enquanto ainda as opções de redimensionamento estão desativadas e corrigir trigo e corrigir altura estão ativados . Então é assim que se faz. Ok, então agora que mudar para algum outro exemplo e eu vou desenhar o nosso retângulo aqui suprimir nosso eu vou desenhar um retângulo clique direito e copiar STAIs de cima para o retângulo. Lembre-se, você também tem esse atalho, que é turno comum See e Contrave. Agora vou esconder o “over “e vou mudar para o meu grupo. E eu tentei redimensionar o departamento como você pode ver, o objeto três tamanhos e também a esquerda e a direita Margon todos os tamanhos também. Então, se você quiser Margon corrigido, você pode definir a opção de recitação para que você possa fixá-lo para a esquerda e fixá-lo para a direita . Obviamente você não pode dizer a correção com essa opção. Mas agora, quando você tenta recitar o grupo, você tem belamente dimensionado objeto com margens fixas da esquerda e da direita. Então agora o que podemos fazer é esticar este objeto para que ele não seja apenas dor, mas também toque as bordas do nosso grupo. E agora se você tentar redimensionar um grupo, você tem comportamento muito bom, que é como, eu não sei, talvez rodapé fixo ou o menu em seu aplicativo móvel E mais uma coisa que podemos pedir que isto seja perfeito. Competimos para o fundo, e também podemos dizer que as alturas a serem fixadas para que a altura não muda com a altura fora do pirata. E agora você tem ah, componente bem projetado que você pode usar, por exemplo, em diferentes tamanhos de tela. E mais uma coisa que eu gosto de mostrar é que você pode desligar a altura de correção, e você pode realmente fixar este objeto em cada canto desse grupo para cada lado de seu pai. E para fazer isso, você tem que clicar no centro desse ícone. Então, se você ribeirinha no centro, você pode saber a escala, e lá você tem. Há o efeito Se você tem retângulo que é tinta para a esquerda, direita, direita, inferior e parada e por que não está se comportando assim. Então vamos mudar por um segundo para este modo que eu tinha. Então vamos entupir de cima que tentou redimensionar. Agora é margem zero da esquerda, zero da parte inferior e zero da direita. Mas quando você bebe para cima, bem, você tem a marcação fixa de cima. Então nós temos a marcação sobre, eu não sei, talvez 500 pixels do topo. E é por isso que esta forma se comporta assim. Então agora todo o texto está experimentando. Então, uma polícia tenta experimentar um pouco com as opções de redimensionamento e tentar, por exemplo, definir esse cara para ser paeanos no topo, no fundo e à direita. Então agora, obviamente, a altura fixa não está disponível. Isso é porque é feijão para o topo para o fundo para que ele se estica com o recipiente . Então você obviamente não pode ter a altura fixa, e talvez você possa ter o trigo fixo e vamos selecionar a correção doce por enquanto. E vamos tentar escalar esse grupo. Então vamos assustar os pais. E como vê, agora é 18. Mas não muda o trigo. E se você desligar esta função, então desligue o trigo fixo, você tem as ervas daninhas variáveis, e o com irá mudar de acordo com a mudança percentual de seu pai. Então é muito fácil contra. Então a última coisa que eu gosto de mostrar a vocês é como o conteúdo dos quadros de arte pode ser redimensionado com os quadros de arte dentro do Exército. Então, como você pode ver com o novo cronograma é e você é capaz de minhas notícias para que você possa mudar através de design de material, ele pode mudar para Responsive e, por exemplo, dispositivos Apple, e você pode selecionar o nosso barco. Então é muito parecido com o que eu mostrei a você. E agora você pode decidir que este nosso barco deve ser de tamanho diferente, então enfraquecer. Você pode acessar a arte sobre e você pode clicar no nome do iPhone Sevens, e você pode escolher o tamanho diferente da obra de arte. Então é bem semelhante, e agora você tem essa opção adicional aqui, que é um conteúdo justo sobre as recitas. Então, aqui está. Não vamos ligá-lo por enquanto. E vamos criar uma forma de sombra simples dentro deste quadro de arte. Então eu vou desenhar, e eu vou colocá-lo no centro do nosso barco. E agora, quando eu tentei redimensionar o quadro de arte, como você pode ver, o geral permanece no lugar para que ele não mude sua posição. Mas se eu disse que o conteúdo de ajuste na opção precisa e disse, selecione o nosso barco e agora tentar redimensionar esta placa de arte para que eles possam olhar para isso sobre o que vai acontecer. E agora temos esse comportamento padrão. Então, temos esse comportamento onde porcentagem fora das dimensões objetos é igual à porcentagem fora dos artigos. As massas agora que se afastam da disfunção, ajustam o redimensionamento do continente e vamos como o oval. Dê uma olhada na estrutura. Então, na arte a bordo é exatamente o pai fora do oval agora. E se eu disse que o trigo fixo ou excitar ou alterar qualquer coisa nas opções Resize Inc, por favor, note que o conteúdo de ajuste na opção precisa liga automaticamente. Agora, pelo menos, você não vai se surpreender, e eles podem olhar para este quadro de arte agora. Ele re tamanhos, mas o oval permanece o mesmo porque tem altura fixa e fixa com isso, dissemos, enfatizando opções. E também o Archbold é pai direto sobre isso. Então, todas essas opções de dimensionamento re são bastante importantes, mas também a sua opcional. Assim, você não precisa definir a opção Redimensionar Inc no início, e você pode lidar com eles mais tarde. Mas, para ser honesto, é melhor ter o hábito de definir as opções de redimensionamento enquanto você está criando alguns elementos, especialmente se você estiver criando, por exemplo, site First móvel que você está indo para um para algumas outras resoluções para um tablet e, por exemplo, para desktop. Então, se você trabalhar com as opções de redimensionamento enquanto cria governos, será muito mais fácil criar diferentes versões responsivas fora de sua interface. Então isso é tudo por enquanto. Obrigado por assistir e vê-lo no próximo vídeo. 14. Como usar máscaras: nesta lição, vamos falar sobre máscaras nas mesquitas são técnicas muito populares e muito poderosas no esboço, então podemos usar máscara para esconder ou revelar algumas partes das imagens. Você também pode usá-los para a forma. Então, basicamente, você pode usar deve em quase qualquer coisa no esboço. Então camadas, grupos, formas, imagens. Mas a abordagem mais comum é usar a forma simples para mesquita parte da imagem. Então vamos fazer isso neste quadro de arte, e eu vou selecionar um dedo retangular e desenhar um retângulo para a primeira foto. Vou ter fotos grátis. Preciso de mais um retângulo e desse cara que vou duplicar. Então o comando D vai manter o turno, Teoh. Coloque-o lá, e eu vou mudar clique para selecionar ambos os retângulos e mudar este lado. Então agora eu tenho três espaços reservados e eu quero usar as imagens dentro deste lugar titulares. Então eu tenho Paksas ponto com onde você pode encontrar fotos. Eu também tenho algumas segue de pixels no localizador. E se você quiser usar uma imagem no esboço, basta selecionar a imagem e arrastá-la e soltá-la em seu parafuso de arte e que você tem essa foto de pixel e eu posso agora com a segunda camada de seleção comum, que é retângulo, e este retângulo irá mascarar esta foto. Então eu vou a uma garrafa de mesquita em cima e eu clico mesquita. E aí você tem um grupo. E dentro deste grupo, você tem mais com a gente Pequena Flecha. E esta seta significa que esta foto está realmente sendo mascarada pela camada que está embaixo, e basicamente a ordem da camada inicial não defende para fazer a diferença. Então, se eu tiver este pacote de células foto sob ângulo direto e agora eu vi que ir formas e forma nos esboços de fotos inteligente o suficiente para mascarar a foto com o retângulo. Então lá você tem um grupo, e dentro do grupo você tem duas camadas, e você pode editar essas camadas separadamente. Então, o que significa que você pode ir para a mesquita e ir para a foto. Você pode ajustar as configurações da mesquita e da foto para revelar ou ocultar algumas árias desta foto. Então, a próxima foto que vou usar aqui, vou arrastar e soltar. E como você vê, eu tenho a segunda camada no mesmo grupo para que eu possa ter duas camadas sendo mesquita com uma forma. E como você vê esta pequena flecha, isso significa que isso está realmente sendo mesquita. Agora. Posso clicar com o botão direito e selecionar. Ignore a máscara subjacente para esta imagem. Não a incluir nos procedimentos de mascaramento. Certo, então é assim que se cria uma mesquita. E é assim que você decide se quer usar a mesquita para este conteúdo do grupo ou não . Então agora vamos mover algumas imagens e eu vou fechar este grupo e eu vou mover outra foto. E desta vez eu vou usar o Pai das células traseiras e você pode arrastar e soltar para aqueles diretamente do navegador para o seu. Pegar janelas. Então eu vou arrastar e soltar do navegador para esboçar. E como você vê, eu tenho essa camada. Eu tinha especificações, esta foto também, então eu posso vir e clicar para selecionar as camadas. E agora posso usar a mesquita, e em vez de usar esta batalha, vou pressionar o comando de controle M, que é o atalho para a mesquita. E como podem ver, tenho a mesquita agora. A diferença 11 entre o frasco e o atalho de teclado é que Agora eu tenho que ignorar máscara subjacente neste retângulo para copiar, porque o atalho não cria o grupo automaticamente. Então, se você clicar na mesquita, mas em você tem um grupo, e se você usar o atalho, você não terá um grupo. Então vamos encontrar algum outro pai e em pixels, você pode encontrar muito para fora grandes fotos e recurso é que você pode usar em seu projeto. Vou usar esta foto para a última mesquita, e vou selecionar a foto e o retângulo para copiar com Comando no teclado. E agora vou usar o comando, controlá-los para usá-la como mesquita. Assim eu tenho máscaras grátis para minhas fotos. Mas o 1º 1 foi criado com a batalha da mesquita, e outros dois foram criados com o atalho de teclado. E a diferença é que, por exemplo, se eu criar qualquer outra forma agora, então eu pressionar são e criar um retângulo. Como podem ver, tenho este retângulo sendo mesquita pela última máscara que usei. Isso é porque o atalho de teclado não criou um grupo para essas camadas, então você tem que gostar dos grupos como as camadas e criar um grupo com o comando G. Então eu pressiono. Vamos, G. E agora eu tenho um grupo para e essas duas camadas. E agora temos o grupo para todas as coisas livres que criamos. Agora vou mostrar-vos alguma outra técnica porque esta era uma mesquita simples, e nós também podemos criar nossas mesquitas agrícolas no esboço. E vamos usar outra foto que eu vou posicionar bem ali. Eu vou atraído. Esta será a minha foto de avatar. Então eu vou pressionar e segurar a barra de espaço para posicionar isso. E agora vamos usar a máscara. Então eu mudo clique nas fotos para selecionar ambas as camadas, e eu uso mesquita para criá-lo. Então é muito, muito fácil. E lembre-se que é sempre destrutivo, então eu sempre posso voltar. Eu posso ajustar a foto, ajustar o tamanho da mesquita, e eu também posso revelar um pouco mais. Minha foto. Então a mesquita é basicamente uma forma simples com sensação amarela. Realmente não importa, mas a opacidade é 100. Se você vai para ah, camada e molde mesquita. Esta é uma mesquita delineada, e você também pode mudar para uma hora de nós. E agora, como você pode ver, você não pode ver a camada, o jogador de mascaramento. Mas você ainda tem esse comportamento de mascaramento como antes. Mas o que você pode fazer agora é selecionar a mesquita e mudar o campo. Você pode mudar, realmente mudar a capacidade de combustível, que está lá. E se você mudar a capacidade de combustível, você também altera a opacidade do objeto. E, obviamente, você pode selecionar o grupo. Ou você pode selecionar a foto e alterar a opacidade da foto. Mas ter uma mesquita suficiente permite que você use, por exemplo, Grady INTs também, ter essa transição bonita e suave na mesquita. Então eu vou criar Grady int e vamos fazer um rádio, Grady, e eu vou falar mais sobre brilho mais tarde. Mas agora vamos mudar a posição e as mudanças do tamanho deste radiante, como você pode ver que há uma cor preta aqui. E se eu mudar a opacidade desta cor preta, como você pode ver, a cor branca revisa as coisas e as cores pretas escondem algumas dessa camada porque é alfa foi ajustado. Então isso só funciona com a Mesquita Alfa. Então, se eu for mascarar, moldar e mudar para fora como mesquita, como você pode ver, nós temos um Grady int sobre isso. Grady está se desvanecendo lentamente porque eu mudo a opacidade desta cor. Então, fora dessa cor preta e sem a máscara dela, você pode usar a opacidade para manipular a opacidade dos prêmios que estão sendo mascarados por essa camada. Então vamos mudar esse molde novamente. Vou usar um modo de mesquita e aí está você. Então, às vezes, você pode estar disposto a usar as mesquitas Alfa para alcançar este tipo de resultados . Certo, como podem ver, mesquitas são muito poderosas. Caracterize fora do esboço e você vai encontrar-se usando-os mais e mais projetos da Inglaterra. Mas às vezes você não precisa de mesquitas. Você simplesmente quer sentir alguma camada, sentir alguma forma com uma imagem. E esta é outra técnica que eu quero mostrar nesta lição. Então, em vez de ter uma mesquita, vou desenhar forma simples. Então vamos trocar essa façanha dura. E agora vamos desenhar são retângulo simples. Eu vou pressionar, são e desenhar retângulo que sente este cartão e eu vou usar em vez de mascarar, Eu vou usar sentimentos. Então eu vou clicar no campo e lá você tem este pequeno ícone de imagem para que você possa sentir esta camada com uma imagem. Você pode escolher a imagem do seu disco rígido, mas você também pode simplesmente arrastar e soltar a imagem em sua forma para que você possa usar o finder ou um site para selecionar a imagem arrastando e soltando ali sobre este quadro-negro. E aí você tem a imagem que sente sua forma e você pode criar formas ainda mais sofisticadas e complicadas e senti-las com as imagens. E agora temos essa opção de campo habilitada. Isso significa que quando você dimensiona a forma e a imagem será dimensionada com a forma e ela não mudará suas proporções, mas será dimensionada para sentir as formas inteiras de algumas vezes você tem partes da foto escondidas , mas ele sempre vai sentir todo o shapewear. Quando você seleciona a opção pés, ele vai redimensionar de modo que sempre você vai ver toda a imagem. E se a imagem não é as mesmas proporções que uma forma, você tem esses mercados. A terceira opção é esticada e quando você usa alongamento, provavelmente perde as proporções da foto, mas você pode ver toda a foto e sente a forma. Então o último é revestido de azulejos. E quando você usa estilo, você também pode alterar esse máximo da foto assim. E como você pode ver, estamos gerando algum tipo de, ah padrão aqui e sim, é assim que funciona. Então, basicamente, você vai usar sentir quase o tempo todo porque ele se sente perfeitamente com a forma que você tem, e ele também escala perfeitamente para diferentes resoluções. Mais uma coisa para te mostrar. Vamos para os sites de pixels, e você pode usar o navegador e diretamente do navegador você pode arrastar e soltar o dedo do pé da imagem neste mesmo campo no menu de campo para que você tenha para esta imagem sentindo suas camadas para que você possa usar o navegador que você pode usar. Encontre lá com suas fotos para anexar aqueles para aqueles, e tê-los mascarado pela forma e também você sabe como dedo do pé usar a função mesquita no esboço. Então eu vejo vocês no próximo filme 15. Como exportar os ativos: Bem-vinda. Na próxima lição desta lição, vamos nos concentrar em exportar ativos de imagem do esboço. Vamos exportar gráficos vetoriais, bem como gráficos de grande máfia. Como podem ver, temos os grupos. Temos imagens lá dentro. Temos coisas do Victor. Temos nossas pranchas, então tudo pode ser exportável com este pequeno ícone na parte inferior. Então, se você clicar no sinal de mais e você selecionou placa de arte lá, você tem a placa de arte , que é feita exportável, e você pode até mesmo deslocar clique nas placas de arte para vê-los no painel de exportação. Torná-los exportáveis também. E como você pode ver, nós vamos exportar gráficos diferentes grátis. Você pode incluir ou excluir o fundo das placas de arte na exportação, e você também pode, para algumas opções. Então primeiro você tem esse tamanho e o X basicamente significa que ele irá exportar no mesmo tamanho a mesma resolução que você esboçou. Então, neste caso, nós vamos exportar em 7 50 por 13 34 pixels porque é um X. Nós também temos seu prefixo e sufixo aqui e por padrão. O nome fora aqui se eu vou ser o nome fora da camada ou o comestível, mas você pode ter algo no início ou no final, e ele também tem a forma dos padrões para PNG. Se você clicar neste pequeno ícone, você pode aplicar uma predefinição de fatia. Isso significa que você pode usar uma predefinição, por exemplo, para Android ou para IOS. E se você selecionar IOS, eu tenho escalas para IOS. Então 12 e X livre e de acordo com este escasso. Eu tenho o sul do Texas e vamos exportar desafio agora e eu vou te mostrar o localizador. Como você pode ver, essas imagens estão sendo geradas, e eu tenho fogo livre para cada artigo. Então deixe-me ir para essas opções de exibição e vamos mostrar informações do item para que você possa ver os tamanhos . Então um tamanho é este X. O 2º 1 é o dobro do seu tamanho e o Fred é três vezes o seu tamanho. Então, por que precisamos de tantas imagens para IOS? Bem, isso está conectado à tela e à densidade de pixels na rotina deste lugar, que é muito, muito alto, então você tem muitos pixels na tela, o que o torna extremamente nítido. Mas, por outro lado, você tem seu dispositivo, que é muito pequeno, então é como talvez quatro ou cinco polegadas para uma tela no telefone. Então, se você servir uma imagem que este X para o usuário, seria muito, muito pequeno neste dispositivo. É por isso que precisamos de imagens de melhor resolução para diferentes dispositivos. E se você ver este material io dispositivo métricas site, você pode ver diferentes dispositivos, por exemplo, iPhones e no frio à direita, você tem densidades, e isso é basicamente o fator de escala. Então o iPhone 4 tem o fator de escala off para o iPhone 6 Plus tem o fator de escala off livre, e isso significa que temos que entregar imagens que serão tempos livres maiores do que a escala um X E para Android, ele fica louco e louco porque você tem escasso depois das quatro. Mas vamos esquecer isso porque o esboço cuida de todos os tamanhos. Então a única decisão que você tem que tomar é decidir o tamanho inicial de sua arte, entediado e decidido escala inicial. Se você for para a turnê do artigo. Você tem tamanhos mais antigos em uma escala X, e eu sugiro que você trabalhe sempre em um X. Isso é porque você pode então exportar para um x dois x ou X livre. E se você começar, por exemplo, a partir de dois ovos, você tem que exportar para eu não sei, 1.5, então metade para que ele não vai funcionar assim. Eu acho que a melhor decisão que você pode tomar é começar com esta escala um X, mas também uma desvantagem potencial de que poderia ser que mais tarde tem que exportar os ativos em depois livre ou quatro vezes maior. Portanto, realmente não importa se você usa o cronograma nativo, como ferramentas fiscais ou eficazes, porque eles serão dimensionados perfeitamente. Mas se você usar imagens, lembre-se de importar para esboçar ativos de alta qualidade, porque caso contrário, se você criar em uma extensão exportando 300% você verá que as imagens ficarão borradas. Mas se você importar para esboçar a imagem que tem uma resolução nativa desativada, por exemplo, eu não sei para OK ou cinco K, então você escala para baixo e então você exporta. Ele terá uma resolução perfeita porque o esboço sempre carrega essa resolução nativa, e quando você exporta, ele olha para a resolução nativa e que exporta em sua melhor qualidade. Então você logo descobre que pensar em todos esses diferentes fatores de escala e resoluções chega a uma batida porque em um caso fora de vetores, você sempre terá a escala perfeita de um vetor. E você nem precisa exportar os arquivos PNG, que são, é claro, imagens batidas. Então agora isso é X, essas resoluções extras. E vamos nos concentrar nos quatro meses. Então, se eu clicar no nome anterior, eu tenho 54 meses diferentes que eu posso escolher e no topo você bateu 54 meses, e na parte inferior, você tem vector livre quatro meses. Isso é pdf EBS e SVG. Portanto, a regra geral é usar vetores o máximo possível. Então, se você criar qualquer coisa dentro do esboço e usar agendamentos nativos, você sempre cria vetores. Dessa forma, você nunca precisa se preocupar com a resolução, e sempre exportou ativos fatoriais também. Mas você sabe, as câmeras ainda não tiram fotos no Vector, então você sempre tem mapas batidos no que diz respeito às fotos, então você tem que exportar os batidos, e então você exporta PNG ou Jay Peak fogo. Então J. Beck é um pouco melhor para exportar para dispositivos de armas porque em J volta quatro meses você pode selecionar a qualidade. Então, se eu selecionar Jay Escolhido e eu selecionar exportação, você pode ajustar o controle deslizante de qualidade para que você tenha um tamanho de arquivo menor e este arquivo será carregado mais rápido. Mas se você tem transparência em seu arquivo, você tem que selecionar P e G porque apenas o formato BNG tem esse financiamento total para ser transparência . Então lá você tem que quatro meses. Você sempre usa P e G ou J pick para seus arquivos, desde que você esteja lidando com mapas de batida. Então a segunda coisa são vetores, e você sempre tenta ter como diretores Marge o máximo possível no esboço. Portanto, sempre use essas agendas nativas ou importe do ilustrador ou de outro aplicativo que exporte vetores. Então, você usa PDF para dispositivos IOS porque no X frio, você pode usar PDF como um vetor quatro meses para outros aplicativos. E para layouts da Web, você sempre usa arquivos SPG, e nos últimos quatro meses, o último formato vetorial é E. P s e você usa E. B s Onley no caso de você querer adicionar mais tarde esses cinco que você está exportação de esboço em outras aplicações, como ilustrador Coral ou talvez loja pai. Então você pode exportar GPS e é bastante universal quatro meses que você pode abrir em qualquer aplicativo. Então eu vou selecionar SPG. E como você pode ver, nós não temos mais que lidar com essa escala porque como B j é vetor, então ele vai escalar perfeitamente para qualquer resolução. E isso é muito mais fácil ter vetores. Então, por favor, tome cuidado com esses ativos para que eles são de alta qualidade e exportar tantos fatores quanto possível. Então agora, como você pode ver, eu posso exportar, por exemplo, um grupo e sobre o nosso grupo. E quando eu voltar para este grupo de avatar, eu tenho um pequeno ícone de faca ao lado da pasta. Assim, todas essas configurações de exportação são lembradas no esboço, e você não precisa fazer isso repetidamente. Quando você voltar para um ativo que anteriormente tinha algumas configurações de exportações, eles permanecerão os mesmos se você tiver muitos ativos configurados para serem exportáveis no esboço. Você pode ir para este menu de exportação de fogo, e você pode ver todos os ativos fora, modo que a opção anterior que você exportar ativos individuais. Enquanto este pode exportar todos os ativos que estão configurados para ser exportável e você tem escalas , você também tem os 54 meses aqui você pode selecionar ou de selecionar o ácido que você deseja, ou você não quer incluir em sua exportação, e você pode clicar em Exportar para exportar tudo fora da imagem desta luta de esboços. Então, desta forma, você pode selecionar um grupo de camadas de exportação ou quadros de arte. E se você quiser exportar algo que não seja um grupo de camadas ou inaudível? Você vai para o dedo do pé de inserção e você seleciona esse estilo de vida, que é como no teclado, e não enfraquece ho sobre algumas camadas. Você tem essas linhas azuis que permitem que você apenas riacho e ter as configurações de fatia o mesmo que o objeto sob esta seleção, mas basicamente você também pode pegar um dedo do pé e criar uma seleção arrastando. Então agora eu tenho uma seleção off, não necessariamente uma camada ou grupo, e ele irá exportar em conformidade. Então eu posso dizer as opções de exportação, patinação e outras coisas. E no painel de camadas você tem isso como uma coisa separada. Então isso não é um grupo ou uma camada. Esta é apenas uma fatia que você pode ajustar mais tarde para que possamos alterar o tamanho desta fatia. Ou você pode, por exemplo, movê-lo para outro lugar, e ele meio que tira uma captura de tela do que você selecionar para que você possa ver essa visualização à direita , e você pode selecionar muitas coisas com essa fatia e é exibida no painel de camadas. Então isso significa que você pode alterar o nome dos slides que você pode. Eles precisam. A fatia poderia reorganizá-la, e é muito útil. Mas às vezes você tem muitas fatias em seu projeto, e você não pode selecionar nenhuma camada que está por baixo para que você possa ficar tão bonito. Você pode torná-lo invisível, mas você também pode usar esta pequena função que irá esconder todas as fatias. Então eu tenho 47 fatias aqui, e clicando neste pequeno ícone de faca, eu posso escondê-las todas. E se eu estiver pronto para exportar, eu posso revelá-los clicando neste ícone novamente. Então agora, quando você pressiona o comando Shift E, que é um atalho para esta janela de fatias de exportação, você pode acessar essa fatia recém-criada também. Então agora eu vou mostrar mais uma proteína bônus que você pode usar para exportar ativos diretamente do esboço e colocá-los, por exemplo, para encontrar a janela ou, por exemplo, para sua área de trabalho. Você pode facilmente selecionar qualquer coisa, como um grupo ou uma camada, e, em seguida, você vai para o painel de camadas e você simplesmente arrastá-lo para lá e você colocá-lo no finder e seu arquivo agora é exportado. Então, o que está neste grupo está sendo salvo como um arquivo PNG. Você também pode fazê-lo com uma placa de arte para que você possa facilmente arrastar e soltar coisas ao redor. E se você precisar rapidamente usar alguns PNG cinco de suas camadas do esboço, você pode fazê-lo como para que você não precise exportar. E fica ainda melhor porque se você usar folga, por exemplo, por exemplo, você pode selecionar qualquer coisa da coluna vertebral do avaliador, e você pode arrastá-lo e soltá-lo em slog. E então você tem esse ativo exportado e ele é carregado para sua conta de folga e, por exemplo, enviado para seu companheiro de equipe. E espere. Porque há mais. Você também pode selecionar os ativos exportados a serem enviados, por exemplo, para o Facebook ou diretamente com um e-mail como anexo com este pequeno ícone de compartilhamento. Então você clica neste ícone de compartilhamento e você tem todos os aplicativos em sua marca que suporta treinamento, por exemplo, masculino up Facebook, cintilação ou Twitter. Então é assim que funciona. Agora você pode facilmente exportar ativos do esboço e salvá-los em diferentes formatos. Vejo a próxima lição. 16. Operações de Mathmatical: aqui estamos na próxima lição, e como os anos podemos usar operações matemáticas em cada campo de entrada no esboço. E isso é realmente enorme, porque se você selecionar qualquer camada, você pode ir com a opção superior para o primeiro campo capaz de posição. E em cada campo de entrada você pode usar operações como, por exemplo, dividir ou adicionar ou multiplicar. Ou você também pode subtrair. Então vamos adicionar 45 vamos subtrair e extra para pedaços. E aí você tem. Você tem 48 pixels, você pode dividir por dois, e você tem 24. Você também pode, por exemplo, multiplicar pelo resultado da operação off para menos dois, e lá você tem 48 novamente para que possamos pressionar tab para ir para o próximo campo de entrada Oregon Press tab para ir para a entrada anterior e podemos usar o teclado Teoh conduzir essas operações matemáticas. Como você pode suspeitar. Vai ainda mais longe, porque neste sentimento de importação de trigo, o que podemos fazer é se tivermos estes 563 pixels, podemos derrubá-lo e você pode dizer, por exemplo, por exemplo, 10% por favor e aí está. Então é cerca de 55 pixels. É 10% deste valor. Agora, se adicionarmos algo subtrair, você pode ver que o trigo e o campo Hyde mudam de acordo porque o pequeno ícone de cadeado está ativado. Então, agora, se eu deslizar, se eu mudar o tamanho esta pequena imagem vai em proporções tanto quanto podemos esconder está em causa. Então agora o que eu vou fazer é na verdade eu vou mostrar a vocês uma maneira inteligente de escalar qualquer camada de um lado. Então vamos colocar 500 lá. E se eu colocar 500 eu quero, por exemplo, deste 500 fazer 600 para torná-lo 100 pixels maior, eu posso realmente dizer esboço para dimensioná-lo de um lado para que eu possa dimensionar a partir do lado esquerdo , e assim ele vai colocar este 100 pixels extra para a direita fora da minha imagem. Então, quando eu pressionar Return, aí você tem, 100 pixels para a direita, e eu posso voltar para 500, em seguida, colocar 600 colocar são para o fim deste campo de entrada e agora eu vou escapar da direita, modo que significa que irá adicionar 100 pixels à esquerda. E como você poderia esperar, você pode usá-lo em altura também. Então, em altura esquerda e direita, realmente não faz sentido. Mas você pode usar o topo e o fundo, então eu vou dizer 50 grátis. E agora eu vou expandir por 100 pixels e eu vou adicionar T no final, então T significa topo. Então é por isso que eu vou me assustar desde o início. Então eu estou adicionando estes 100 pixels para a parte inferior e para o oposto. Eu também posso escalar para o fundo. Então eu estou começando de baixo e eu vou adicionar 100 pixels para o topo, e é assim que ele funciona. Você pode colocar esquerda, direita, superior ou inferior no final dos campos de entrada para escapar de cada lado. Então vamos mudar para algum outro campo de entrada pode ser transformado lá. Temos diplomas, mas não importa. Se você colocar passado 10 ele fará 10 graus de rotação, então é sobre isso. Então é assim que você pode conduzir operações matemáticas em campos de entrada fora do esboço agora , eu vou mostrar a vocês a próxima íngreme. A última lição foi sobre exportar imagens. Então, vamos agora para, por exemplo, nosso logotipo. Vamos selecionar o logotipo e torná-lo exportável. E como você sabe, você pode selecionar assustadores aqui para que eu possa selecionar um novamente. Por exemplo, coloque 1.4 para ter escala 140%. Eu tenho agora 160%. Mas também, posso dizer 100 pixels, por exemplo. E agora, quando eu exportar este logotipo, dê uma olhada no arquivo e eu vou pressionar o comando I para ver as propriedades e o painel Informações . Você pode ver que a semana fora este logotipo agora é de 100 pixels e a altura é definida de acordo com as proporções desta imagem, então ele nunca, nunca perderá proporções. Mas você pode configurá-lo para qualquer exercício que desejar. E agora vamos ter 500 pixels. Então, quando eu verifiquei o painel de informações, nós vamos ter 500 pixels de largura e 500 pixels 5 48 pixels de altura para que ele mantenha as proporções. E isso não é bom. Porque em vez de pixels, você pode usar letras. Por exemplo, você pode colocar a letra W para ordem de trigo sua idade para altura. Então, se eu dissesse que é livre 100 altura, não será superior a 300 pixels. Então vamos exportá-lo como local, também, e você pode ver que ele ainda está em proporções. Tem 300 pixels de altura e, consequentemente, 274 nos fala. Espere, então você não precisa igualar a necessidade de abastecer este segundo número. Você simplesmente disse uma resolução, por exemplo, 300 pixels de largura. E vamos dar um nome fora do pouco livre. E sempre temos essa altura proporcionalmente dimensionada nesta luta. Então isso é precisa lembrar essas letras, w e idade, e também lembrar as letras para esquerda, direita, direita, superior ou inferior ao lado, e a última profundidade nesta lição é definir os rádios de borda para o seu forma para que possamos definir os rádios aqui e vamos selecionar o retângulo e vamos mudar o raio da borda. Como você pode ver estes rádios fronteiriços, qualquer que seja o valor, ele muda para todos os cantos. Então, e se quisermos alterar os valores separadamente para cada canto? Podemos fazê-lo neste campo de entrada. Começamos a partir do canto superior esquerdo e depois vamos no sentido horário. Então o primeiro valor é para o canto superior esquerdo. E eu coloco zero isso como separador, uso ponto-e-vírgula. E então você coloca 20 pixels para o orgulho do dedo do pé. Zero pixels para a parte inferior, direita e 20 pixels para a parte inferior esquerda e pressione Return. Lá você tem um raio diferente para cada um dos cantos. OK, é isso. Por enquanto, vamos mudar para a próxima lição. 17. Grade de pixel: como mencionei em uma das lições anteriores. Sketch é um ambiente vetorial. Isso significa que tudo o que você cria dentro do esboço com essas ferramentas nativas é um vetor. Então, se você selecionar o ícone e pressionar os comandos K para dimensioná-lo para, por exemplo, 48 sobre 48 comentários para ampliar e eu tiver 1000 zoom nunca, eu posso ampliar ainda mais para, por exemplo, 13.000. E como você pode ver, tudo é extremamente nítido e claro, e esta é a beleza dos vetores. No entanto, às vezes você precisa exportar esses ativos vetoriais como um arquivo PNG ou como um arquivo J pic. Então, por exemplo, uma solicitação de desenvolvedor é que você entregue incêndios PNG e você tem que exportar. Bata nele. Neste caso, você vai ter que pensar em algo que é ir picos concordado, e basicamente grande. Tão grande é a propriedade fora de sua tela, e como você sabe, você tem um grande para que a cidade em seu monitor, bem como a resolução. Então, se você tem uma tela Full HD, você tem 1920 pixels brancos, e você tem 10 80 bicos nós alta. Então isso cria acordado e Quando você vai para as configurações de exibição em um esboço e você entra tela, você pode habilitar mostrar fotos da opção de leitura, eo atalho de teclado é controle X. Então agora você pode ver individuais nos escolhe em desengordurado no meu Iconix 48 por 48. E se você der uma olhada nas coordenadas deste retângulo, as posições X e Y estão na verdade em escolhas completas. Nós. Então agora o que acontecerá se eu imaginar esse retângulo e colocá-lo em alguns valores decimais? Então eu tenho esta Posição X e por que com este mais valores no final, e isso significa que ele não está na força para picos nós. Agora. Se eu for ver e mostrar células fracas, posso imitar como isso funcionaria e como isso ficaria nos picos. Concordou com o monitor enquanto exportado como um espancado. Então, se você olhar de perto, você pode ver que essas bordas estão realmente borradas agora, e isso é porque essas bordas não estão nas semanas completas de valores. Então, para mudar isso, podemos ir para as propriedades de posição novamente, e podemos apagar tudo depois de um coma. Então eu tenho agora valores horizontais que são perfeitos, e também eu preciso de valores verticais perfeitos também. E como você pode procurar, essas bordas borradas desapareceram, e agora o retângulo está perfeitamente alinhado dentro do pixel. Concordou. Então, como um take away, lembre-se que é melhor para manter os picos de valores em torno dele para picos completos nós o tempo todo para que você possa garantir que o monitor exibi-los corretamente. Agora vamos pressionar o Comando Coma novamente e vamos para as preferências de esboço. E na seção Geral, você tem essa opção de alimentação de pixel, e você pode alimentar camadas e aponta para limites de pixel ao redimensionar jogadores, e também ao alinhar jogadores. Então eu recomendo fortemente que você selecione ambas as opções. E agora, se você usar um dedo de opções de linha incorretamente, posições, camadas, bem como mover a camada ao redor, você sempre encaixar duas semanas inteiras de valores. Então vamos selecionar essas opções e deixe-me mostrar o que quero dizer com isso. Eu vou ampliar para mudar a posição deste retângulo novamente, e vou manter os picos acordados ativados, que você possa ver que ele sempre se encaixa no dedo do pé cheio, fala para cima, então eu não posso realmente deixá-lo na metade pizza. Mas o que eu posso fazer é que eu posso fazer para o campo de entrada, e eu posso digitar o valor decimal para que você ainda pode tê-lo em meio pixels, por exemplo. Mas é mais importante que quando você move as camadas, eles sempre se encaixam um quatro semanas sobre. Então isso é como este diamante agora. E vamos falar sobre talvez uma exceção a esta regra. Então, se você tem uma forma que você deseja transformar com a rotação para aplicar convite off, por exemplo, 20%. Como você pode ver, você obtém automaticamente esses valores decimais nas coordenadas X e Y, e basicamente você quer mantê-lo dessa maneira. Isso é porque, de outra forma, você vai ser. Mova a posição fora das coordenadas X e Y, e ele saberá que Logan está mais centrado dentro deste retângulo no esboço para cada camada individual que você selecionou, você pode ir para o menu de camada e selecionar em torno de duas capturas para cima, e é assim que você pode pagar esta camada para estar em valores de pixel total para co-ordenadas. Por isso eu não poderia, embora isso realmente não funciona neste fim, trabalho. Isso é porque ele agora é movido dentro do seu grande tão concordado e não está perfeitamente alinhado com o centro fora do retângulo. Então isso é porque eu pressiono o comando Z. E se você usar valores de rotação, por exemplo , 20 graus, você não precisa se preocupar em ser apenas, por exemplo, meia semana nós ou decimal valores fora pizzas. Você ainda está bem. Então vamos como este ícone e vamos como, fazer opções exportáveis. E como eu disse, você não pode exportar com segurança fazer A P e G ou um arquivo J pic, que é um arquivo espancado arquivado. Mas você tem essas coordenadas definidas para pixels completos de modo que ele vai olhar para o seu melhor, e por que motivo que eu tenho é selecionar uma caixa de seleção segura ou Web enquanto você está exportando caxumba de carne porque foi manter perfis de cor e também alguns meta mais tarde para que você têm um arquivo menor que carrega mais rápido, e é isso por enquanto. Vejo-te na próxima lição 18. Trabalhando com os símbolos: nesta lição, vou mostrar-vos uma das melhores características fora do esboço e a que vos vai poupar muito tempo. E esse recurso é símbolos. Então você vai usar símbolos em seu projeto para que você tenha muitas ocorrências fora de um símbolo que é definido no espaço do símbolo. Eu vou mostrar a vocês em um segundo, e se você quiser fazer uma mudança em todas as instâncias, você pode fazê-lo de uma só vez por qualquer coisa. O símbolo mestre. Então agora vou recriar isso no processo de embarque para um pagamento, e vamos selecionar as camadas que não precisamos sobre elas. E agora eu tenho apenas uma estrada que eu poderia recriar como montado. Então, para criar um símbolo fora de um grupo ou fora de uma camada, basta selecionar este grupo e clicar em criar símbolo inferior. Agora você pode inserir um nome para o seu símbolo e por padrão. É o nome da camada, e você também pode criar um espaço de símbolo separado que o esboço irá usar para todo o seu símbolo. Então eu recomendo que você selecione esta opção e eu selecionar Ok, Agora eu tenho na minha estrutura de páginas, símbolos, página. E nesta página, vou ter todos os símbolos. Por quê? Na página um, você só tem as ocorrências fora do símbolo. Então não agora. Vamos criar ainda mais símbolos. Eu vou usar todos os grupos com ícones para criar símbolos, então eu vou ter tick como um símbolo, também alerta. E eu vou transformar pontos em símbolos também. Então agora todos esses ícones estão na página de símbolos, e eu posso editar esses símbolos de monstro bem ali. E se eu voltar para a página um e tentar copiar as instâncias, então eu estou selecionando esses ícones e eu vou opção movê-lo para o próximo cartão para que você tenha duas instâncias fora de cada montagem individual que eu criei. Eu não posso mais editá-los na página um, mas eu posso clicar duas vezes neste pequeno ícone para ir para a página de símbolos. E se eu clicar duas vezes e fazer alguns ajustes aqui, eu posso, por exemplo, mudar a cor do ícone da vara, e eu posso selecionar a forma e ir para cor e talvez mudar para alguma cor avermelhada e ir de volta para a instância como você pode ver todas as instâncias fora do meu símbolo mudar de acordo. Então eu li varas agora, e é assim que você atualiza o símbolo no espaço do símbolo para que ele mude em seu layout . Então vamos imaginar que você tem o guia de estilo com o logotipo e todos os ativos que você pode atualizar uma vez, e eles mudam em todos os seus layouts fora das páginas. Então, vamos agora selecionar o número do cartão. Vamos alterar este nome para algum nome mais genérico, por exemplo Item. E eu vou mudar os nomes desses ícones também. Vou adicionar prefixo para eles, e será barra de ícone. Então agora eu vou selecionar este ícone barra e copiar e enfrentá-lo em todos os nomes do meu ícone. Então eu vou ter ícone, ícone, outros e, em seguida, pressionado, tem que ir para o próximo nome e colocar ícones tick usando esta convenção de nomeação particular para os nomes de símbolos vai permitir que você organizá-los no menu de inserção. Então eu vou para um menu de inserção no esboço. E como você pode ver, eu posso inserir símbolo a partir daqui, e o item é um símbolo autônomo. Mas todos os ícones estão agrupados no grupo de ícones, então eu tenho este ícone. Depois coloquei o Slash e tirei o nome. Outros pensamentos antigos. E esta estrutura está bem organizada neste menu de inserção. Então lembre-se que você pode usar esta convenção para agrupar seus símbolos e é muito necessário para manter seus arquivos organizados porque como você trabalha junto com esboço, vai ter milhares ou centenas de símbolos e você quer mantê-los agradáveis e limpos . Então agora vamos duplicar esses mentirosos. Vou optar por arrastá-lo e depois vir para duplicar. Agora mude, clique em todos os itens e vá para as opções de alinhamento. Vou distribuir deslocamentos verticalmente. Então agora eu tenho itens perfeitamente alinhados. Ok, vamos fazer algumas pequenas alterações no símbolo em si. Então eu vou selecionar o símbolo do item e o grego duplo para entrar no modo de edição no discurso do símbolo e eu vou pressionar comandos que me permitirão fazer esse campo de texto pedregulho e o que eu gostaria de fazer agora é mudar o texto de acordo em cada off no instante. Então agora você pode ver todo o potencial off símbolos porque você pode realmente fazer algo que é chamado de substituição e você tem configurações de substituição no parceiro certo quando você seleciona o símbolo e lá você tem todo o campo de texto que você pode alterar. Então eu tenho campo de entrada e também campo de rótulo, e eu vou colocar data no rótulo em vez do número do cartão neste primeiro símbolo, e eu também posso excluí-lo para voltar para a frase original original original que estava lá. Então, no segundo campo, eu vou colocar mês e ano em adiado. Eu estou indo sobre tinha o rótulo para ter este casaco CVV, e no terceiro 1 eu vou substituir o rótulo para que eu tenha frio postal. Como você pode ver, a convenção de nomenclatura para quatro camadas também é importante porque, dizendo rótulo em vez fora, Por exemplo, veículos CV é muito melhor para símbolos para ser mais genérico. Às vezes, em seus símbolos você tem muitos fora dos campos de texto e você não precisa necessariamente desses campos de texto. Teoh aparece no painel de sobregravação, então toe exclua-os de ser sobre retorno. Você pode pressionar o comando shift l toe, olhar a camada ou simplesmente olhar a camada na coluna vertebral, e como você pode ver ela agora não aparece no exagero. Portanto, se você quiser excluir o sofrimento de substituições, basta bloquear a camada no painel de camadas. A segunda coisa que eu tenho aqui em substituições por padrão é um logotipo Visa, modo que é basicamente uma batida meu jogador que eu posso substituir com algum outro batido para que eu possa selecionar o logotipo MasterCard, por exemplo. E aí está. Troquei o local. Então meu padrão em todos os seus símbolos você pode substituir bater meus jogadores, bem como você pode substituir os campos de texto. Então, o segundo cenário pode ser que você não queira que essa imagem de visto ou qualquer imagem apareça no lado direito do item. Então você basicamente quer excluir este logotipo Visa, e você pode escolher uma imagem de banco, por exemplo. Mas não é a melhor maneira de o fazer. O que você pode fazer é a primeira coisa que você pode separar isso de um símbolo. Então, quando você desanexá-lo de um símbolo, você não tem mais essa conexão entre a página de símbolos e este número de cartão. Como você pode ver, esta é uma pasta separada agora. E você pode, por exemplo, excluir ou ocultar esse logotipo do visto, então essa pode ser a primeira abordagem. No entanto, não é idéia, porque se você fez são algo de símbolo, ele não pode mais atualizar com o símbolo das mudanças símbolo de reunião. Então tem que ser uma maneira melhor de fazer isso. E é claro que é. E o que vamos fazer para conseguir isso é que vamos criar uma estrutura ainda mais complexa a partir de símbolos, que significa que vamos aninhar símbolos um dentro do outro. Então eu vou selecionar este logotipo Visa agora, e eu estou dentro do símbolo do item e fora o logotipo do visto dele. Vou fazer outro símbolo. Portanto, certifique-se de que você selecionou a camada local de visto e agora crie um símbolo fora dela. Vamos dar um nome de um logotipo, ou talvez algo mais genérico, como uma imagem, e eu vou selecionar. Ok, agora eu tenho um simples dentro do outro símbolo, e é assim que você faz este outro símbolo para aparecer nas substituições. E agora você pode selecionar non nas substituições para ocultar o símbolo nesta instância específica . Então é assim que você faz um símbolos aninhados que podem ter sobregravação. E vamos fazer isso para todos os ícones também, porque podemos esfregar os ícones em cada linha. Então eu vou mover para uma página de símbolos, e eu vou criar símbolos aninhados fora desses ícones novamente. Então eu vou mover os ícones primeiro para a posição correta no símbolo do item também, e eu vou ter certeza de que todos os ícones estão dentro deste símbolo do item. Então vamos mover o alerta também. E esta é até agora a melhor maneira de fazer isso. E eu vou mover os cães também. Portanto, não podemos destruir todos os símbolos restantes. Vamos selecionar os ícones e apenas pressionado backspace para excluí-los. E agora vamos fazer símbolos fora dos ícones que temos aqui. Então eu vou criar um símbolo e apenas ter certeza de que você colocar ícones barra antes de cada nome que seja bem organizado, e nós vamos fazer isso para os outros também. E também ícones Putin aqui, e vamos definir o nome para um novo símbolo pontos. E agora podemos trocar essas imagens. Isso é porque eles são símbolos investidos dentro do nosso item. Então eu não vou colocar nenhum para Dolce e outros aqui no segundo troll. Vou colocar as docas de Nantou outras e levar também esconder todos os itens. E aqui vou eu aparecer na teca. E no último, só vou mostrar o outro. Então eu vou colocar os outros para os outros. E os adultos não tão bem quanto a teca. Então estamos quase prontos agora, mais uma coisa que eu vou criar é essa pequena linha vermelha que aparecerá sob o campo que, por exemplo, por exemplo, alguém escreveu errado ou eu apenas coloquei um número de cartão incorreto ou algo assim. Então, por favor, tenha em mente que você tem que projetar todos os estados fora, por exemplo, um formulário ou uma garrafa, para que quando você lida com desenvolvedores, eles saibam exatamente como isso afirma, por exemplo, estado vazio, estado inativo ou estado de erro iria olhar Então eu vou ter uma duplicata desta linha e eu estou indo dedo do pé, ter um nome fora da linha e também criar símbolo para a dúvida. E vamos colocar ícones aqui e eu tenho alerta de linha também. Vou criar um símbolo para isso, e isso mudou primeiro a cor vermelha do dedo do pé. E vamos mudar a espessura para fazer e discretar um símbolo. By the way, alerta de linha é um bom nome porque é mais genérico do que, por exemplo, linha vermelha. E se você decidir mais tarde que você quer ter uma linha laranja, você terá que mudar os nomes de acordo, então é melhor mantê-los genéricos. E agora eu vou selecionar todos os itens com shifty, e você também pode executar operações em vários itens selecionados. Como você pode ver, eu desliguei a linha para cada item e para a última linha, eu vou apenas ligar esta linha vermelha que eu criei. Agora, se você está usando as versões dos EUA do Sketch, você teve sorte porque símbolos têm atualizações muito boas, que eu vou mostrar a vocês agora. E um fora do grande público que você tem que levar em conta para as próximas lições também é que anteriormente você teria que bloquear a camada para excluir essa camada de substituição. Então, se eu amo a camada de entrada no mestre de símbolos, então se eu ir para a página, isso será muito de substituir, então entrada eu não estarei aqui e eu estou usando isso na lição futura. Então, por favor, tenha em mente que esta é a maneira que não funciona necessariamente nas versões mais recentes do Sketch. Você realmente não tem que olhar nada. Basicamente, se você olhar alguma coisa, ele não terá qualquer efeito, seja visível nas substituições ou não. Mas você pode simplesmente desacreditar que algo é de substituições no próprio símbolo. Basta ir para o símbolo e selecionar o símbolo em si. Então eu clico neste item, e no lado direito, há uma dor de substituição gerenciada que você pode usar para permitir, e isso permite substituições tanto para tudo no símbolo ou você pode selecionar elementos individuais . Além disso, se você tiver, por exemplo, texto, texto, poderá desabilitar o valor de texto Onley para que não possa substituir esse valor de número de cartão. Mas você pode deixar estilos de texto habilitados para que você possa alterar a cor ou algo assim . Se eu voltar para a página e selecionar isso, você verá que para este rótulo, eu tenho apenas estilos de texto que podem ser substituídos e aplicados a ela, e eu não tenho esse valor de entrada, então não posso alterar esse texto de número de cartão em Aqui. Então é assim que você pode decidir e 40 se substituem. Você pode usar os valores aqui para que você possa alterá-lo assim. Mas para os campos de texto, também é muito fácil selecionar a sensação de texto que você pode vir e clicar no campo individual e, em seguida, clicar duas vezes. E agora você pode viver adicionado esta entrada substitui aqui também simplesmente clicando duas vezes porque você também tem todas as coisas individuais que podem ser mais escrito sob este símbolo . Assim, nas versões mais recentes do Sketch, você pode clicar neste pequeno triângulo ao lado do símbolo