Noções básicas de esboço: crie um perfil de usuário

1. Introdução: Ei, bem-vindo. Antes de começarmos, quero lhe dar uma visão geral de quem eu sou, que será essa aula e do que você deve esperar para o seu projeto final. Meu nome é Alexandra Moran. Sou designer visual da Red Shift, uma agência de design digital aqui em São Francisco. Como estúdio, mudamos recentemente para esboçar horários completos. Ao longo dos últimos meses, eu realmente comecei a conhecer com programas capazes de e alguns atalhos de teclado super impressionantes para usá-lo de forma eficiente. Então, nesta aula, o que quero fazer é compartilhar tudo o que aprendi até agora com vocês. E para fazer isso, vamos fazer uma tela de perfil de usuário de um aplicativo imaginário. Eu fornecerei a armação do fio o que parece. E então vocês vão preencher o design e o conteúdo baseado em torno de uma celebridade de sua escolha. Esta aula é mais do que o seu desenho final. Agora eu realmente quero que vocês façam projetos dos quais vocês se orgulhem e que sejam incríveis. Mas, mais importante do que isso, quero que voltem a esboçar com confiança e entusiasmo, porque as aulas dele focavam mais nos fundamentos do esboço do que nos fundamentos do design. Você pode querer ter algum tipo de design, treinamento ou experiência com a Adobe Creative Suite, ou foi um esboço antes de começar. De qualquer forma, estou super animado para ver vocês na aula, e estou ansioso para começar. Foi a primeira lição. 2. Projeto: crie um perfil de usuário para sua celebridades favoritas: Está bem, deixa-me dar-te mais informações sobre o projecto. O primeiro passo é escolher a celebridade para a qual você gostaria de projetar. Para o meu exemplo, escolhi Alan muito generoso porque acho que ela é hilária e uma mulher incrível. Então aqueles que você escolhe quem será sua musa. Então você pode começar a reunir alguma inspiração visual sobre eles. Fotos dessas fotos. Exceto que gostam de fotos de coisas que fizeram com armas. Um pouco de informação sobre a celebridade. Em seguida, usando o creme de arame que todos fornecem é um modelo vai fazer nossos projetos. E, ao fazer isso, passará pelos conceitos básicos de menus de esboço, muitos atalhos de teclado e algumas práticas recomendadas sobre gerenciamento de camadas e como criar seu arquivo. 3. Como baixar o esboço: então o primeiro passo absoluto deste projeto será baixar o esboço. Se você ainda não tem, você pode ir para esboçar ponto com e comprá-lo por US $99 ou baixar um teste gratuito. 4. Como navegar em esboço: Ok, então vamos começar abrindo o sketch. Você pode ver que serve seus documentos recentes, mas vamos começar abrindo novos documentos, e isso é o que parece por dentro. Você pode ver que serve seus documentos recentes, mas vamos começar abrindo novos documentos, Assim, você pode ver no lado esquerdo que é aqui que sua paleta de camadas baixa existe. Há também páginas que explicarei um pouco mais tarde. E do lado direito, você tem seu inspetor. Esta pequena seção aqui é algo que eu instalei recentemente, que é chamado de ofício, que é algo que imaginou colocar para fora para se integrar com esboço. Então vocês não vão ver que não vamos mergulhar nisso durante esta aula. Mas eu só quero que você saiba o que isso acontece. Esta grande e bela área no meio é a sua camisa. É aí que vamos fazer todo o nosso trabalho e onde os seus quadros de arte vão aparecer. Quando começamos a adicionar esses aqui, você tem alguns atalhos rápidos para ferramentas comumente usadas. Você pode editar isso uma vez que você se sentir confortável e você pode ter as coisas que você quer lá dentro e tirar algumas das coisas que você não usa tanto. Mas, claro, tudo é bem sucedido aparece no menu do seu arquivo. Algumas das coisas que estaremos olhando são a ferramenta vetorial e algumas ferramentas de forma. Você pode ver que os atalhos de teclado estão listados no lado direito de alguns dos itens aqui. Qualquer um que não tem, um, a menos que ele para fora você pode realmente adicionar em seu próprio, mas aqueles ar super útil para ficar confortável com todas as ferramentas. Há também este plug INS seção, que nós não vamos entrar nesta classe também. Mas plugins são uma maneira incrível de reforçar o esboço para fazer coisas ainda mais incríveis que você quer que ele didio Um, então espero que, uma vez que você está confortável no esboço, você vai voltar a ele e aprender um pouco mais sobre plugins. Ok, então o que vamos começar fazendo é adicionar um quadro de arte. Podemos inserir quadro de arte. Você pode ver que o meu cursor e se transformou em cruzes aqui, e eu posso clicar em arrastar para criar jogos de qualquer tamanho que eu quero e meu quadro de arte aparece. Você pode ver isso na minha paleta de camadas. Está listado. Ele e também me deu a oportunidade de nomear imediatamente meu conselho, o que é fantástico e algo que você deve absolutamente entrar no hábito de fazê-lo. Vou chamar este exemplo um ao outro. Tudo sobre adicionar suas placas de arte é que se você apenas apertar um atalho, você verá no inspetor que há uma tonelada de tamanhos pré-preenchidos. Hum, então podemos dizer, OK, estamos fazendo uma página de carta ou estamos fazendo uma simulação para um iPhone 6. Na verdade, vamos usar o iPhone de tamanho 5. Então eu vou clicar nesse, uh, e então você já está pronto para ir exatamente. Dis de volta. Outra coisa incrível quando você está trabalhando é se você tem uma forma e eu vou apenas adicionar um aqui rapidamente e você bater um novamente. Você pode escolher uma seleção redonda e irá fornecer-lhe uma porta de braço. Esse é o tamanho exato do item ou itens que você escolheu. Ok, então essa é a essência rápida de como é o esboço sob isso 5. Configurando o arquivo: Ok, então agora nós vamos realmente preparar um arquivo para começar a trabalhar. Eu vou para aqui para as minhas páginas, e eu vou clicar com o botão direito e excluir esta página porque eles realmente não precisam dela. E eu quero manter o meu tiki final porque eu usei o tamanho predeterminado para fazer este quadro de arte . É nomeado com esse tamanho, mas vou renomeá-lo por comando oculto. É que você pode fazer para qualquer pasta de camada ou placa de arte e renomeá-lo instantaneamente, então eu vou chamar este um exemplo de design. Agora, eu vou salvar meu arquivo porque eu não quero perder nenhum trabalho que eu vou fazer . Se você é uma pessoa adobe, você pode ser tentado a usar o teclado Turquia para salvar como Mas isso vai. Na verdade, como podem ver, podemos duplicar a cópia. Então feche esse atraso a cópia porque eles realmente não querem que ele e apenas pressione o comando. Pedido para salvar, eu vou enviá-lo para a minha área de trabalho, e eu vou chamá-lo de exemplo Design. Ok. Incrível. Então o que vou fazer a seguir é abrir meu quadro de humor que eu trabalho feito. Quero dizer, rodando um arquivo de desenho. Então o que eu vou fazer é clicar em arrastar para selecionar tudo. Bem, downshift e clique. O nome do quadro de arte deixou isso também. Ele comanda C para copiá-lo. Então eu vou clicar na janela aqui e escolher design de exemplo porque esse é o meu outro documento aberto, e eu vou adicionar uma página e chamá-lo de humor nascido. E agora, nessa página, eu vou pressionar o comando para colá-lo, e eu tenho todos os meus documentos. Obter um zoom out aqui usando o meu track pad, mas você pode ampliar e reduzir usando o comando mais e o comando menos também. Então eu tenho meu quadro de humor aqui, o que é incrível. Eu posso clicar para trás e para a frente para ele entre a paleta de páginas em vez de ter que alternar para frente e para trás entre janelas reais. E eu vou fechar isso para termos tudo totalmente em um frasco. Então eu vou pegar minha armação e isso está disponível para vocês durante a aula. O recurso é que vou clicar, arrastá-lo do Finder, mudar para o esboço e simplesmente deixá-lo direto no aeroporto. Você vê que é o dobro do tamanho do meu quadro de arte, e então em vez de redimensioná-lo, eu realmente vou fazer o meu quadro um pouco maior para que possamos trabalhar com um pouco de fidelidade maior . Algo que eu realmente amo no Sketch é que você conduz fazer matemática para que você possa evitar fazer matemática. Basicamente, eu tenho o meu quadro selecionado, e eu posso ir para o tamanho da pelota aqui, e eu posso realmente escrever Iniciar para multiplicar o com por dois para que eu não tenha que fazer os cálculos na minha cabeça, e eu poderia apenas obter medidas muito precisas no meu documento. É realmente mais útil para um número um pouco mais estranho ou se você não estava fazendo algo tão simples como uma base para multiplicação. Mas é um excelente futuro, na minha opinião. A outra coisa legal que você pode fazer no Inspetor com matemática é que você pode ver que a posição da minha imagem de arame está fora do quadro de arte. Em vez de tentar clicar arrastar e fazer exatamente o certo, tudo que eu posso ver esse esboço é realmente até mesmo me ajudar com o tipo de guias automáticos . Digamos que isso não estava acontecendo. Eu posso entrar aqui e Aiken acertar 00 para o X e Y, e ele automaticamente enviará minha imagem para estar no canto superior esquerdo. Hum, isso é realmente ótimo. Se você está tentando tocar algo e você sabe que você quer que ele seja a meio caminho através de um cruzamento de seu quadro de arte ou se você sempre ao ar tentando qualquer coisa no canto superior esquerdo, você pode ver que o meu quadro de arte aqui é mostrado basicamente como uma pasta ou uma alternância no lista de camadas. Se eu acertar esse pequeno Aiken torcido, ver meu quadro de arame , imagem na lista e o que eu vou fazer é clicar com o botão direito nele, e eu vou trancar a camada que vamos fazer dentro. A próxima lição é construir todas as nossas formas para esta armação de arame em cima dela. Então, se ele rir, vai ficar fora do nosso caminho e podemos fazer o trabalho. Espero que estejam entusiasmados para entrar lá e começar a fazer isto e depois começar aficar mais bonita. Espero que estejam entusiasmados para entrar lá e começar a fazer isto e depois começar a Então, durante o próximo perdido 6. Como coletar seu conteúdo: Já que vamos focar este projeto em torno da sua celebridade favorita. Há algumas coisas que você deve reunir antes de começar seu design para que as coisas funcionem bem e você pode simplesmente bater no chão correndo. Ah, esses são o aniversário e o local de nascimento de sua celebridade, bem como uma foto de perfil da primeira foto post e uma foto de capa. O do pode se parecer com qualquer coisa, e você pode alterar esse conteúdo como quiser em seu próprio design. Mas se você quiser seguir junto com o modelo que eu configurou, seu perfil, foto deve ser apenas uma imagem padrão tipo headshot. Sua primeira foto post pode realmente ser absolutamente qualquer coisa, e então sua foto de capa foi algo como sua foto de capa do Facebook, onde é um talvez mais como uma manter Linse ou um padrão ou algo que vai apenas fazer esse perfil. Foto pop 7. Iniciando seu design: Muito bem, vamos começar com o nosso design. Então agora em aeroportos bem distantes, o que eu posso fazer é passar o mouse sobre o novo movimento e clicar para selecionar toda a arte nascida. E então de lá eu posso bater entrar e o que isso faz. Isso é apenas um zoom para a seleção. Então, qualquer coisa que eu tivesse selecionado naquele ponto, aumentaria a minha área visível. Então estamos bem e perto do que estamos trabalhando. Então vamos bloquear todas as nossas formas, basicamente, basicamente, e para fazer isso, podemos inserir forma, retângulo ou oval. Mas eu vou usar o atalho r e O então eu vou bater no nosso hum você pode ver que minha equipe de cursor apenas mira e você pode ver que se houver um pequeno ícone de retângulo então eu vou apenas clicar em arrastar para soltar um desses e então apertar Oh, e Eu pego a mira de novo, mas uma forma oval circular por um pouco e estou segurando turno para restringir minhas proporções para este oval para torná-lo um círculo perfeito. Então aqui para esta imagem de perfil, eu realmente vou começar com um retângulo. Isso é com todo o meu quadro de arte, porque eu queria ser 1/3 disso. E na palete inspetor aqui, eu posso fazer um corte para dividir e três para dividir isso em terços. E então eu posso copiar isso com e colá-lo na altura para que eu tenha um quadrado perfeito vai bloquear minhas proporções para que este permaneça X Claire. E então eu posso arrastar até aqui, hum, e esboços me ajudando com guias inteligentes. Mas eu também posso usar a paleta de alinhamento na parte superior do dedo do inspetor sozinho, direita na linha ou linha central para o aeroporto. Está bem. E logo, vou bloquear o resto das formas. Agora aqui. Vou segurar a opção. E você pode ver esse esboço na verdade, então mostra a medida desses objetos. Tipo de quatro direções cardinais são, ou quatro lados da caixa delimitadora para o quadro de arte. E então, se eu passar o mouse sobre outro objeto, ele me diz as medidas entre os dois. Realmente? Vou manter pressionada a opção aqui porque mantendo pressionada a opção e clique arrastando e obter uma duplicata da forma que eu já tinha selecionado. Então minha última forma aqui, hum, na verdade não quero que ela esteja no topo da minha lista de camadas. Eu queria estar na parte de trás, então eu vou manter pressionada a opção de controle seta para baixo, e isso envia para a parte inferior da lista de camadas. Vou movê-lo uma camada acima do arame, mas está atrás de todas essas outras formas. Não posso dizer porque tudo é da mesma cor. Então eu vou até aqui para o inspetor novamente para esta seção Phil, e eu posso clicar nisso e então isso puxa este seletor de cores para cima. Ou você pode usar o RGB ou tocar em para alterá-lo para matiz, saturação e brilho. então eu Eentão euposso ajustar a cor aqui, então eu vou fazer algo mais escuro para que você possa ver isso. Sim, de fato. Meu para ficar em, hum, ícones estão aqui em cima. Isso traz à tona outra coisa que eu quero falar com vocês. Então, se você eu ainda não notei, talvez você possa dar uma olhada agora em seu próprio esboço. Quando você desenha uma forma, provavelmente não parece quando eu desenho forma E isso é porque há uma configuração e esboço chamado Definir como padrão, e você pode personalizar o seu estilo padrão. Então vamos dizer que eu quero que todos os meus tenham automaticamente uma borda vermelha de 11 pixels no interior de todas as minhas formas e vamos dizer, um Phil amarelo brilhante. Eu posso ir peer para editar e, em seguida, dizer, definir como padrão. Agora, quando eu desenho outro oval ou retângulo ou qualquer outra forma, ele tem exatamente esse pau. Então, entrar e ou puxar meu quadro de arame que está disponível para caras e recursos é ou configurar seu próprio layout e, em seguida, bloquear todas as formas que você precisa. E vamos começar na próxima lição, criando um pouco mais de cor. Provavelmente não vermelhos e amarelos como este, mas obtê-lo é para fora para parecer mais como o seu design de celebridade será. 8. Trabalho com cores: Então estamos aqui no meu quadro de humor. Como você pode ver, eu possuí generoso e o que eu vou fazer é ampliar aqui na minha paleta de cores e eu vou selecionar este quadrado para que saibamos que temos nossas cores aqui em nossos arquivos. Mas o que não falamos é sobre este Global cores e documentos, cores, negócios pouco mais ícone aqui e eu posso clicar nele Teoh, adicionar o código daí ou alguns fora qualquer objeto que eu selecionei. Então eu vou fazer isso rapidamente para todas as minhas cores. Aqui. Este é o poder que juntei para o que acho que o perfil da Ellen deve ser. E agora, quando eu voltar para o meu exemplo e eu escolher um dos meus objetos, vamos escolher o mas aqui eu posso entrar e todas essas cores estão disponíveis para mim. Se eu tivesse cores globais, que eu tenho para um projeto de cliente, eu estou trabalhando naquelas mantidas em qualquer arquivo que você tem aberto e suas cores de documento são específicas do documento, então eles só aparecerão quando eu tiver este arquivo. Então eu vou escolher esta cor azul aqui, que vai ser minha cor interativa e não, com confiança. Essa é a cor exata que eu queria ser a trabalhar em uma borda em nossa foto de perfil aqui, ela vai ser branca, e eu quero tê-lo do lado de fora da minha imagem, mas eu não posso ver que o fundo aqui. Então o que vou fazer rapidamente é fazer um retângulo do tamanho do campus. E eu vou usar o atalho do comando de opção de controle seta para baixo. E isso vai enviá-lo para a parte de trás absoluta do quadro de arte ou para o final da lista de camadas. Na verdade, vou movê-lo para cima uma camada acima do meu arame e eu vou fazê-lo. Isso é muito bom, como cinza do meu paladar. E agora você pode ver minha foto de perfil, e é borda um pouco melhor, mas eu quero deixar isso super claro. Então eu vou e uma sombra. E para fazer isso, eu vou clicar nisso, mas aqui na taxa para adicionar uma sombra e eu vou mudar a distância que você pode vê-lo enquanto eu subir aqui. Está mesmo a sair. Uh, e eu vou sentá-lo também. parece muito bom e não vai estender o borrão um pouco e realmente torná-lo um pouco mais curto. Então, em sua pequena sombra para definir minha foto de perfil fora da página. Então, por enquanto, para a minha imagem de herói, acho que o que eu gostaria de fazer é adicionar uma tia-avó. Você pode ver quando eu clico nele. É selecionar o grupo, algo que você pode fazer para se locomover que é segurar a opção. E você pode ver quando eu pairo sobre qualquer uma das formas que eles ficam delineados em azul. E isso é basicamente dizer que eu estou selecionando diretamente um objeto, mesmo que seja parte de um grupo, modo que quando eu clicar, eu tenho que camadas exatas selecionadas. Então eu vou entrar no meu trabalho aqui, e eu não quero perder este grande ainda. Então eu vou adicionar um plus aqui, e então você pode ver que ele realmente é padrão para a seleção int ganancioso. O que é bom sobre isso é que eu tenho este grande aqui e agora eu posso verificá-lo dentro e fora e ver a diferença de todas as cores que podem estar tentando ou se eu só quero ter certeza de que eu manter versões do design ou versões das cores. Vamos colocar o radiante de volta e, em seguida, clicar nele e selecionar algumas cores diferentes . Então aqui em baixo você pode ver que eu não tenho mais minhas cores de documento. Tenho um documento radiante. E desde que eu quero fazer meus INTs gananciosos fora de minhas cores de documento ou minhas cores de marca, realmente só vou rapidamente fazer algumas formas aqui em cima que eu posso facilmente colorir escolhê-los a partir do meu ingrediente. Outra maneira de entrar em seus grupos é clicar duas vezes para selecionar uma imagem. Então, quando você voltar para este Grady int aqui e eu vou definir meus alphas em ambas as extremidades 200% que eu possa ter toda a cor e então eu vou usar o motorista I para escolher esta luz roxa, e então eu vou selecionar a outra extremidade de meu int ganancioso e cor escolher novamente para o meu azul. Então agora eu tenho esta nota muito agradável luz pálida e isso é super na marca para Ellen. Vou apagar isto. Então o que eu estou sentindo aqui é que eu realmente estou gostando deste estilo de foto perfil e eu quero aplicá-lo ao meu primeiro post. Realmente, muito fácil e incrível quando você considera que no esboço é selecionar o objeto que você quer e você pode ir para editar aqui e dizer copiar, estilo. Ou, claro, você desenhou o atalho do comando de opção. Consulte e, em seguida, selecione o objeto desejado. Aplique essa venda aqui. Vou usar meu atalho mantendo o comando muito direto. Selecione no meu grupo. E então eu sou o objeto de sua escolha Hit opção comando V ou clique direito para estilo ritmo . E você pode ver que tudo o que eu tinha configurado para aquele outro objeto agora está neste o preenchimento da borda e a sombra tudo exatamente para especificação. Então eu vou fazer aqui é apenas usar o seletor de cores, que é o controle C para ter a espera para o meu espaço reservado coração. E agora isso está começando a se juntar um pouco estilisticamente. Então termine de bloquear um pouco de cor e brincar com Grady ins e sombras. E na próxima lição irá bloquear no nosso tipo, que está escondido debaixo da nossa camada base aqui. Então, se eu ainda não disse para vocês mostrarem que vocês podem passar o mouse sobre qualquer camada e clicar neste globo ocular para esconder ou mostrar. Certo, vejo vocês na próxima aula. 9. Como trabalhar com tipos: Tudo bem. Então vamos adicionar algum texto, você pode ir até o menu de texto. Para todos os tipos de formas de editar o texto. Depois de tê-lo, você pode ir para inserir texto. Vamos, claro, claro, usar nosso circuito de guardiões a thi uh, que no cursor do deserto, e então podemos clicar e digitar são nomes de celebridades, Ellen, generosos. O estilo padrão agora é minúsculo. Eu vou apertar escape, o que vai me tirar do formato de cabeçalho de texto e não perder nenhuma das mudanças que eu fiz. Ele o salva aqui no esboço. E então eu vou até aqui e você pode clicar no tipo de letra para escolher qualquer tipo de letra. Eu vou ficar com a proximidade dele e eu vou mudar meu peso para me enviar negrito e meu tamanho eu posso clicar aqui vamos tentar 32 em e então eu vou clicar em arrastar apenas para centralizar isso na página Vou adicionar meu fundo em um pouco, mas mudar a opacidade, então é um pouco mais fácil ver como estou trabalhando. E depois vou mudar a cor para ser uma das cores do meu documento. Aqui. Vou duplicar este texto só porque é uma maneira fácil de seguir. Começa na paleta de camadas que está nomeando minhas camadas com o texto que escrevi. Desativei a configuração e o esboço para criar novos nomes para todos os meus arquivos duplicados. Você pode fazer isso ou não fazer isso. Se você quiser. Basta entrar nas preferências de esboço renomeadas Camadas Duplicadas ou marcá-las. Eu vou deixar o meu marcado porque se eu entrar neste segundo texto e eu apertar Enter e I e na minha biografia sobre Ellen, que é quando eu bater em fuga, você pode ver que o que sai do quadro de arte está escondido, mas eu tenho minha caixa delimitadora aqui e com o Rick. Agora meu texto está definido como automático, o que significa que ele vai continuar adicionando sobre e sobre e sobre enquanto eu digito. Mas se eles mudá-lo para fixo, ele vai fazer isso um tamanho específico. E eu posso mudar o meu com aqui em cima. Teoh 100 ou eu posso clicar e arrastar para tamanho como eu quero de auto. Você também pode clicar e arrastar animal automaticamente alterá-lo para corrigido tão rapidamente. Vou deixar o texto que quero aqui para a minha biografia sobre a Ellen. E eu vou mudar um pouco da cor, você sabe, iluminar isso um pouco. E eu vou configurá-lo para regular para alguma diferenciação do meu cabeçalho. Torná-lo um pouco menor. Talvez seja muito pequeno, e vamos ao centro. Ok, agora eu vou duplicar isso também, mas eu vou manter o mesmo tamanho, e eu vou escrever no local de nascimento, que para Ellen é uma cidade em Louisiana, e eu vou colocar aqui o meu próprio linemen à esquerda alinhado em vez de centrado também poderia justificar ou escrever uma linha. Eu vou mudar o meu com dedo do pé auto e apenas tipo de arrastou-nos até aqui onde eu quero que ele também pode ajustar com as teclas de seta, e eu vou definir a cor para ser a minha cor interativa que eu selecionei antes de outro. Então, se você poderia fazer com texto, mesmo que eu não preciso dele aqui agora é adicionar sublinhados para decoração ou adicionar uma lista com marcadores ou numerados. O horário geralmente esconde um monte de detalhes aqui. Então você vê um botão de configurações como este não ignorar. Geralmente tem coisas boas nele. Vou duplicar isso aqui e na minha data de nascimento, que é 26 de janeiro para Ellen. E agora vou organizar isso um pouco. Ok, então na minha bunda e eu vou copiar este e colá-lo. Então eu vou selecionar os dois e usar minha paleta de alinhamento para configurar isso, certo? Vou apertar o comando G para agrupar estes e, em seguida, comando são novamente para renomeá-los. Vou ligar para eles, mas dentro. E então eu vou manter pressionado o comando e clique nele para selecionar este pedaço de texto. E eu só vou mudar a cor do dedo branco para que você possa vê-lo no botão. Aqui. Além disso, essa volta de 200 porcento ou texto está um pouco limpo, e na próxima lição, vamos começar a colocar algumas de nossas fotos. E depois disso, trabalhando no ANC dela corre. Então eu vou ver vocês em seguida naqueles 10. Trabalhando com imagens: Ok, então eu vou começar colocando a imagem que eu quero usar para o primeiro post da Ellen. Vou usar esta foto dela, , enquanto ela fala Dori em “Procurando Nemo”. Vou descer aqui para o meu posto. Uh, se eu comando clique em para que eu esteja no próximo post eu vou, Teoh ritmo lá. Você pode ver que ele cola-o logo acima da camada que eu selecionei. Então o que eu vou fazer a seguir é eu vou clicar com o botão direito no primeiro post esta camada abaixo que eu quero anexá-lo a, e eu vou selecionar usar como máscara. Agora você pode ver que as duas camadas acima da minha máscara, como ele foi renomeado, têm esses ícones que mostram que eles são afetados por ele pára aqui no post porque esses itens Aaron um grupo. Se eu movi minha máscara para fora deste grupo acima dele, você pode ver que tudo o resto no meu arquivo fica afetado pela máscara. Então vou colocar isso de volta no meu grupo. Você pode arrastar coisas para o seu grupo ou você pode passar o mouse sobre a camada de pasta se você fizer isso, ele vai colocar a camada que você está soltando no topo do seu grupo. Hum, então eu vou arrastar isso para baixo. Ok, então agora eu vou entrar e basicamente fazer exatamente a mesma coisa para minha foto de perfil para Ellen na Dhere. Você pode ver que eu não tenho isso em um grupo. Vou colá-lo de qualquer maneira. Não está estragando todo o meu projeto agora porque eles não têm nada acima dele. Mas vou agrupar isto e mudar o nome da imagem de perfil para que, caso mude alguma coisa, não estrague o meu design. E mantenho minhas máscaras contidas. Então, quando você usar a máscara dele e então eu vou selecionar a imagem e a palete da Ellen, e eu vou passar o mouse sobre o canto superior direito para que eu possa obter um deslocamento bem feito para manter a mesma proporção. Mas eu também vou manter pressionada a opção para que eu redimensione, uh, de um ponto de ancoragem central em vez de do canto oposto que eu selecionei. Então segurando turno uma opção para obter algo que se parece com isso. E agora nós temos algumas fotos bonitas estão chegando juntos, mas eu acho que eu quero ter uma foto para o meu herói. Imagens. Bem, então eu vou entrar e pegar apenas uma bela imagem de estoque que eu coletei anteriormente e aplicar isso como um mascote. Bem, então eu vou fazer o meu grupo chover esta imagem de herói. Clique nele pressionando. Digite o dedo do pé, abra um grupo que esteja em sua palete de camada. E então eu vou clicar com o botão direito do mouse aqui usa imagem, mascarar e redimensionar e realinhar minha imagem da maneira que queremos. Ok, então nosso design está se unindo, e a última fase sobre a qual vamos falar em termos de design é ícones e usar a ferramenta vetorial, bem como um estilo de forma que ainda não discutimos. Então, vamos ver vocês na próxima lição para fazer isso. 11. Ícones e trabalhando com a ferramenta vetorial: Ok, então eu vou mudar meu fundo novamente aqui para ser um pouco transparente, porque é aqui que nós queremos criar um ícone para o local. Vou fazer um novo círculo usando o atalho O, vou desligar meu preenchimento, e vou fazer uma borda com minha cor interativa. Então, agora que temos a forma, o que podemos fazer é bater, entrar, e agora vocês podem ver que estamos olhando para os pontos de raiva de como a forma é Bill e podemos transformá-los e manipulá-los. Uma das coisas que eu amo sobre esboço é thes quatro tipos de pontos diferentes e seus mapeados para manter controles Então você pode escolher um para dois reta para espelhado três para desconectado ou quatro para assimétrica deve, é claro, o que significa que não há alças que saem dele. E você está ficando reto. Os ângulos espelhados manterão seu comprimento exatamente o mesmo em ambos os lados do ponto de ancoragem. Além de espelhar o ângulo em que essas alças estão desconectadas permite que você altere separadamente o ângulo e o comprimento da sua alça, e, em seguida, assimétrica mantém o ângulo o mesmo, mas permite que você tenha uma lança diferente do seu alça. Então o que eu vou fazer por este vai acertar um para fazer esta rua. Eu só vou fazer um pequeno ícone rápido aqui para um local, vou fazer outro pequeno círculo aqui e online. Eu vou usar meu atalho de teclado para opção de comando, veja, copiou o estilo e baseá-lo para este outro círculo. E então eu vou torná-lo um pouco maior aqui, e isso parece muito bom, mas eu só quero entrar e mudar a forma desta borda. Então eu vou usar vai bater quatro para usar o meu assimétrico, e eu vou puxar isso para baixo um pouco. Ainda não ouvi vocês regras. Podemos ativá-los pressionando Controle são o que é diferente sobre esboço é que você passa o mouse sobre este acesso e você está fazendo uma linha sobre este acesso, enquanto que em adobe iria clicar aqui e puxar para fora um guia vertical. Então, para fazer um guia vertical aqui no topo e para fazer um guia horizontal, você está do lado esquerdo. Então o que eu vou fazer é bater, entrar e voltar para os meus pontos de ancoragem aqui e selecionar este. Vou preparar um guia para onde está a minha alça. Para que neste ponto de ancoragem quando eu tinha quatro para obter uma visão assimétrica, eu possa puxá-lo para baixo e tê-lo exatamente coincidir. E você pode ver lá que ele se encaixa naquele guia para me ajudar a ter o estilo perfeito. É um museu aqui fora e faça um grupo desses dois e eu vou chamá-los de Ícone de Localização e nós vamos fazer uma estrela. Eu vim para este para que eu pudesse fazê-lo batendo V, que é a ferramenta vetorial muito semelhante ao lápis e desenhar a estrela. Mas como você pode ver, movendo-se rapidamente, não é muito uniforme. Então eu vou inserir uma imagem aqui, e eu vou usar a forma de estrela que é fornecido com o meu cursor alterado para os anos transversais . Poderia ver que eu só vou clicar, arrastar e fazer a minha forma. Eu ainda tenho meu estilo selecionado a partir dos últimos ícones. Eu estou indo para colar de comando opção e ter que lá e, em seguida, eu quero dar uma olhada na paleta inspetor para um par das variáveis que estrangulam para este ícone de torre ou forma de estrela , mas também aparecem para um monte de outras formas. Para que eu possa afetar o raio da aparência da minha estrela. E eu posso ajustar aqui quantos pontos ele tem fazer um bom 10 e então eu também posso bater, entrar e entrar nessa forma e ajustar qualquer um desses pontos de raiva como eu quiser. Então, bem, esta é uma estrela bem radical. Vou controlar o Z para desfazer isso e deixar como está. Então, entrando na minha praça aqui, eu também posso ajustar meu raio e arredondar os cantos do meu quadrado muito bem e muito facilmente. O que eu acho que é demais também não vai dar fronteira com Adam. Então eu vou adicionar uma sombra sobre isso, e eu não vou fazer um tipo de aparência tradicional que vai fazer uma borda sólida tão fora disso e levar meu borrão para baixo para zero. E o que é realmente legal é que se eu ajustar o raio do meu canto, ele também está ajustando minha sombra para estar perfeitamente alinhada. Certo, então descendo a página. Vou substituir este espaço reservado para o coração. Eu já tenho um design para o ícone do coração de uma noite que eu não ilustrei. Então eu vou abrir isso. E embora eu não possa abrir um arquivo ilustrativo no esboço, o que eu posso fazer é selecionar o espectro, copiá-lo e depois colá-lo diretamente no meu arquivo de esboço, ir Teoh por um momento, movê-lo para fora deste grupo para que não seja afetado pela máscara e ele tem em um grupo como página um. Então eu vou desarrumado pit, e então ele tem este arquivo clipe player. Isso nem sempre acontece. Eu não tenho certeza de como ele funciona entre arquivos, mas você também pode copiar e colar vetores sem todo esse excesso de coisas acontecendo. Mas, por enquanto, vamos apagar essa camada de clipe, vil. E agora temos esta vila. Eu vou ler o coração da camada em um hit Enter e eu sou capaz de ajustar os pontos de raiva, Justus eles poderiam, com qualquer vetor que eu criei aqui no esboço, redimensionar isso e movê-lo para cá. Copie a cor. Livre-se do meu espaço reservado. Largue isto na minha pasta. E agora eu tenho um ícone agradável do coração. No meu primeiro post, os últimos ícones que não receberíamos estão aqui no topo. Uh, o que eu vou fazer é usar a ferramenta de linha aqui para fazer o meu ícone de hambúrguer. Então eu apenas apertei L para a ferramenta de linha e eu clicar e arrastar para criar minha forma. E então eu vou fazer desta uma cor escura para o momento, e nós vamos aumentar a espessura. E o que está um pouco escondido no esboço é que as propriedades da borda. Você pode clicar nessas configurações e você pode ver que eu posso mudar o fim da minha linha para ser arredondado ou como as juntas podem funcionar em qualquer forma ou vetor. E então eu vou ampliar aqui um pouco e eu vou segurar, opção e arrastar minha linha. Você pode ver que o esboço está me dando as medidas da distância entre eles. Vamos com seis. E um bom truque que você pode usar é o comando D. Você pode duplicar a forma que você fez na distância exata em que você o moveu. Então, se eu manter pressionada essa camada do meio e usar minha tecla de opção para ver minhas medidas. Você pode ver que são exatamente seis em ambas as direções. Agora que tenho estes três, vou agrupá-los e mudar o nome de Ícone de Hamburger. E isso me alertou aqui enquanto eu estou olhando para ele, um que eu soletrei errado em dois. Que eu administrei mal as minhas camadas um pouco. Então talvez vocês sejam melhores do que eu. Eu, hum, constantemente organizando e limpando meus arquivos o mais diligente que você pode tentar e ser na minha experiência pessoal, é sempre um pouco complicado manter as coisas organizadas, mas ter um bom sistema que você pode voltar. Teoh é a chave para mim. Então eu vou limpar rapidamente aqui e groupies, renomeá-los e chamá-los data de nascimento. Certo, então vamos falar de regras um pouco de novo aqui. Eu sei que eu tenho outro ícone que eu quero fazer na outra extremidade da minha tela aqui, e eu quero que eles sejam relativamente a mesma altura ou pelo menos relacionados. Então este objeto que eu selecionei, eu posso colocar meu cursor aqui na régua e é mapeado para o topo ou para baixo desse grupo . E então eu vou clicar apenas para criar duas regras. Eles vão apagar o meu espaço reservado aqui. E depois quero dizer “bater”. Para criar um círculo e manter o turno. Hum, rápido. Só vou voltar aqui e copiar meu estilo usando o comando de opção. Vês? E então opção comunidade v aqui para colá-lo. E então eu vou usar minha ferramenta de linha, que é l clicar e arrastar a parte inferior do meu pequeno ícone de pesquisa. E eu vou colar o estilo que eu selecionei bem e, em seguida, agrupar esses dois e renomeá-los . E agora eu tenho uma busca que eu tenho. Então, se eu estiver olhando para este grupo de cabeçalho e eu quiser ajustar algo sobre o meu hambúrguer, eu posso ter que tipo de manter pressionado o comando e selecionar um objeto nele. Mas isso vai muito fundo. Então isso é muito específico. Não quero a linha do ícone do hambúrguer. Eu só queria o hambúrguer. Eu venho uma das maneiras de se locomover que é vir aqui para o seu inspetor dor e marcar esta caixa que diz “clique através de um”. Selecioná-lo basicamente faz com que este grupo em sua lista de camadas apenas para a organização e sua lista de camadas, lista de camadas,e não está afetando nada a bordo. Então, agora, quando eu clicar nele, eu posso selecionar imediatamente o ícone de hambúrguer sem ter que manter pressionada a tecla de comando e obter o que eu quero de forma rápida e fácil, enquanto ainda tenho a organização visual na minha lista de camadas. Tudo bem, é isso. Eu só vou fazer uma limpeza final, mas meu projeto está praticamente feito. Espero que o seu tenha vindo muito bem também. Estou super animado para ver todos eles. Então não se esqueçam de compartilhar o projeto da turma, e vejo vocês no final. 12. Atalhos de teclado: Fiz um pdf para vocês. É uma lista de todos os atalhos que eu passei em todas as bênçãos. Você pode conferir isso na aula. 13. Considerações finais: Ei, parabéns por terminar sua aula. Ou, pelo menos, tomar um experimentar um novo pedaço de software. Espero que tenham gostado das lições, e espero que tenham aprendido alguma coisa. Na verdade, aprendi algumas coisas sobre “Juntar isto”. E estou muito animada para ver seus projetos. Então, se você ainda não colocou seu progresso em um projeto de classe agora e fizer qualquer pergunta que você possa ter, eu vou estar verificando esta aula o tempo todo para responder essas perguntas e espero aprender junto com vocês. Obrigado por se juntar a mim nesta aula. Foi uma explosão absoluta e o meu fim, e eu realmente espero que você tenha gostado. E depois vejo-vos em breve.