Design gráfico no Adobe Animate

1. Introdução ao design gráfico no Adobe Animate: Olá, bem-vindo a esta aula sobre como usar o Adobe Animate como uma ferramenta de design. Meu nome é Yvonne, tenho quase 20 anos de experiência trabalhando como artista na indústria da animação, e sou apaixonado por ensinar as habilidades e os fluxos de trabalho para ajudá-lo a construir sua própria carreira como artista ou profissional de animação . Ao longo dos anos, trabalho principalmente no Adobe Photoshop para criar planos de fundo ou artes conceituais. Mas, de vez em quando, sou chamado a criar gráficos baseados em vetores, e para isso, meu programa preferido é o Adobe Animate. Embora o Animate tenha as mesmas ferramentas e recursos que algo como o Adobe Illustrator, os processos estão muito mais alinhados com o Photoshop. Ou seja, desenhar e pintar no Adobe Animate é muito direto e muito direto, então se você é um designer ou um artista digital procurando uma maneira rápida e fácil de criar arte vetorial, esta classe é para você. Nesta aula, você vai aprender tudo o que você precisa saber para criar gráficos impressionantes e complexos. Primeiro de tudo, vou dar a vocês uma visão geral do espaço de trabalho e das ferramentas e como configurar as coisas para projetar. Em seguida, vamos colocar em prática todas as ferramentas em quatro projetos divertidos. Você começará criando um conjunto super simples de ícones usando formas e linhas. Em seguida, você desenvolverá um trabalho um pouco mais complexo com dois gráficos para um design de logotipo. No terceiro projeto, você vai construir um gráfico ainda mais sofisticado e complexo, aprendendo a usar gradientes e máscaras. No projeto final, você poderá recriar um belo pôster de filme baseado em um design icônico. Este projeto vai ensinar como fazer um efeito de exposição dupla, bem como como como importar bitmaps, como usar efeitos dentro da animação, bem como modos de mesclagem. Finalmente, mostrarei os recursos que o Animate tem para lidar com o tipo e como personalizar suas próprias fontes exclusivas. As pessoas muitas vezes pensam que o Animate tem apenas dois lados, ou é uma ferramenta de desenvolvimento web ou é usado para animação. Mas há um terceiro e poderoso lado do Adobe Animate, que é sua capacidade como ferramenta de design gráfico. Estou muito animado para compartilhar isso com você e para dar-lhe a opção de criar gráficos vetoriais de forma rápida e fácil. Vamos começar. 2. Seu espaço de trabalho no Adobe Animate: Nesta lição, vou começar a turnê do Adobe Animate. Eu quero que você tenha uma idéia muito boa de todas as ferramentas e janelas que você vai precisar para o design. Para começar, vou mostrar-lhe como configurar o seu espaço de trabalho e como personalizá-lo para que você possa acompanhar facilmente comigo. Quando você abre o Adobe Animate, geralmente chegamos a essa tela de boas-vindas. Se você não está abrindo alguns de seus documentos anteriores ou seus projetos recentes, então você pode vir aqui e clicar em Criar novo. Isto é normalmente o que eu faria imediatamente. Você também pode pressionar “Command” ou Control N no teclado. De qualquer forma, ele irá mostrar outra pequena caixa de diálogo como esta, onde você pode escolher alguns parâmetros para o seu documento. No topo disso, você tem modelos diferentes dependendo do que sua saída vai ser, se você está trabalhando para a web ou você quer criar coisas de mídia social, ou você está trabalhando para jogos. Como eu geralmente estou vindo de um ponto de vista de animação, eu naturalmente padrão para esta guia, e abaixo eu escolho uma dessas predefinições. O que eu vou dizer é que não importa muito, você pode pensar neste 1920 por 1080 como um tamanho padrão Canvas em muitos projetos. Isso é fácil de começar. Vamos clicar nisso. Vou mencionar que se você quisesse fazer algo muito específico, se você tivesse um cliente que quisesse que você criasse uma imagem de retrato ou uma ilustração ou algo assim, você também poderia mudar seu tamanho de pixel aqui, trocar estes ao redor, e então você terá uma orientação diferente. Mas deixe assim por enquanto. Não precisamos nos preocupar com a taxa de quadros, não precisamos nos preocupar com o tipo de plataforma, estamos apenas desenhando, pintando e desenhando. Vamos em frente e clicar em “Criar”. A primeira coisa que eu vou fazer, e eu vou sugerir que você faça isso também, é vir até o canto superior direito aqui em cima onde diz Workspaces. Se você passar o mouse sobre esse pequeno ícone, ele dirá espaços de trabalho e uma vez que você clicar nele, um menu suspenso será exibido. Vamos nós dois escolhermos o Essentials logo de cara. Dessa forma, nós dois estamos começando exatamente na mesma página e quaisquer mudanças que eu fizer a partir daqui, você será capaz de acompanhar facilmente comigo. É isto. Este é o Adobe Animate. Se você já trabalhou com outros programas no Adobe Suite, você estará mais do que familiarizado com o conceito por trás do espaço de trabalho, ou seja, você pode arrastar o Windows para fora, mover as coisas e pode personalizá-lo com bastante facilidade. Digamos, por exemplo, que você tem as propriedades abertas e você fecha isso por acidente, tudo que você tem a fazer é subir para a janela e sob este menu drop-down, você pode facilmente encontrá-lo novamente. Você pode simplesmente clicar em Propriedades, mas você pode ver que há toneladas de outras janelas que estão disponíveis para você também, caso você precise delas. Vou clicar em Propriedades. Agora está florescendo, então está tudo bem. Vou arrastá-lo para cima e quando eu ver este destaque azul, eu solto e ele vai se aninhar lá dentro. Do outro lado das propriedades, há janelas diferentes novamente. Eu tenho cor, amostras, esta é a caixa de transformação, isto é alinhado, e eu não preciso me preocupar muito com eles agora. Está tudo bem. Posso deixar isso como está. A única coisa que eu vou fazer é, aninhado em propriedades é esta outra guia chamada Assets e eu definitivamente não preciso ter isso. Vou até este menu suspenso e apertar “Fechar”. Gosto de manter as coisas tão específicas para o projeto em que estou trabalhando quanto possível e não ter janelas extras que eu não preciso. Propriedades, eu vou manter aberto enquanto eu estou trabalhando porque mais e mais parece que animadores inclinando-se para um pouco de uma mentalidade ilustradora e em um monte desses objetos ou ferramentas que estamos trabalhando com, você pode ajustar as propriedades ou ajustar os parâmetros até certo ponto e, por isso, é útil tê-lo aberto. Aqui estão as ferramentas. Estas são todas as suas ferramentas de criação e edição. Na próxima lição, vou passar por eles e explicar também como você pode personalizar sua barra de ferramentas e tirar algumas dessas ferramentas se você não precisar delas. Aqui em baixo está a linha do tempo que vou explicar em breve. Mas só para que estejamos começando na mesma página, certifique-se de que você pode configurar sua tela animada para ser exatamente assim. Se tiveres algum problema, podes enviar-me uma mensagem e perguntar-me se perdeste uma janela, se não sabes como configurá-la. Se você estiver satisfeito com isso, você pode voltar aos Espaços de Trabalho e o que você pode fazer é salvar isso como um novo espaço de trabalho. Vamos chamá-lo de Design no Animate. Economize espaço de trabalho, ótimo. Estamos todos prontos, e encontre-me na próxima lição e vou rever algumas destas ferramentas de desenho e pintura. 3. A barra de ferramentas: Nesta lição, vou falar com vocês sobre algumas das ferramentas de desenho e pintura mais importantes aqui que você encontrará em sua barra de ferramentas. Eu também quero explicar brevemente como você pode editar esta barra de ferramentas para adicionar novas ferramentas a ela ou para tirar ferramentas. Para mim, é sempre muito importante ter acesso fácil a todas essas ferramentas. Eu poderia apenas arrastar o lado da minha tela para deixar minhas ferramentas um pouco mais proeminentes. Ou se eu quisesse, eu poderia arrastá-lo para que eles ficassem em uma longa fila. Mas qual é a minha preferência pessoal e eu não estou dizendo que esta é a maneira de fazê-lo, é apenas a maneira que eu estou acostumado a trabalhar, então eu vou arrastá-lo para que eles estão em duas fileiras. Para mim, é mais fácil vê-los. Se você olhar muito de perto, você verá uma pequena linha sob um grupo dessas ferramentas e isso apenas indica como elas são agrupadas. Por exemplo, a maneira que eu tenho isso configurado no momento é que este primeiro grupo é todas as minhas ferramentas de seleção, por baixo estão minhas ferramentas de desenho, por baixo que está a borracha e o balde de tinta, e por baixo aqui está a caneta ferramentas. Se você não tem exatamente os mesmos ícones que eu tenho, se você não vê-los do seu lado, basta descer para estes três pequenos pontos aqui em baixo. Se você passar o mouse sobre eles, ele irá aparecer e dizer editar barra de ferramentas. Vou clicar nisso. O que isso faz é abrir esta outra janela onde você pode realmente adicionar ou tirar ferramentas. Por exemplo, se eu quisesse a ferramenta de rotação 3D, então eu vou apenas clicar nela e arrastá-la para cá. Então, assim que eu ver um pequeno destaque azul, eu posso liberar e ele vai aparecer ali mesmo. Se você não tem, digamos, a ferramenta de seleção ou digamos, a ferramenta de caneta, então procure por ela aqui, encontre-a, clique nela e arraste-a. Se você tem escolha no lado que você não precisa, digamos que eu realmente não preciso da rotação 3D. Então eu vou apenas clicar nele e arrastá-lo de volta. Agora ele se foi de lá. Então, quando você terminar, tudo que você precisa fazer é clicar no menu suspenso e descer e fechá-lo. As principais ferramentas de desenho e pintura que eu uso são obviamente a ferramenta de pincel e lápis ou ferramenta de linha, bem como as ferramentas de forma. Se você clicar para baixo, você verá que existem outras opções como primitiva oval ou ferramenta primitiva retangular. Mas para os nossos propósitos, estamos apenas usando o simples polystar regular, quadrado e oval, bem como a linha. Então eu tenho balde e borracha aqui e eu tenho minha ferramenta de caneta. A caneta também é uma ferramenta muito útil para desenhar e projetar. Você pode, nesta fase, ir em frente e apenas começar a experimentar com algumas dessas ferramentas. Se você clicar na ferramenta de pincel clássico, por exemplo, verá que dois outros ícones aparecem. Se eu voltar para V, eles vão embora. Vou clicar nisso de novo e o atalho do teclado é B no seu teclado. Eu sempre tenho essa pressão de uso. Eu tenho isso ligado. Se eu não tiver ligado, o pincel vai parecer um traço. Eu vou clicar nisso e você verá que você pode obter uma bela linha afunilada. Está muito em sintonia com a pressão, a quantidade de pressão que você dá aos seus pesos. Então, se você pressionar muito forte, ele vai sair muito mais forte, e se você pressionar levemente, ele vai sair muito mais leve. A outra opção para que escovas usar tilt e eu geralmente nunca usar tilt. Mas você pode brincar com isso, um experimento. Para mim, só quero ter certeza de que tenho a sensibilidade à pressão. Isso é bom. Uma coisa a observar e explicarei um pouco mais sobre preenchimento e traçado mais tarde, ou preenchimento e linha, é que as ferramentas de pincel, geralmente falando, funcionam com sua cor de preenchimento, e a ferramenta lápis ou a ferramenta de linha trabalhar com a cor do traçado. Essa é a ferramenta de linha. Então, se eu apertar B no meu teclado, essa é a ferramenta de pincel. A ferramenta de linha é diferente da ferramenta de lápis. A linha lhe dará uma linha reta entre dois pontos. Ele só fará dois pontos vetoriais. Considerando que se você trabalhar com a ferramenta de lápis, que está aqui, ou Y no seu teclado, isso vai realmente ir um pouco mais fluidamente e você verá que ele pode criar alguns pontos vetoriais que você pode manipular e mudar se quiser. As próximas ferramentas de desenho que são muito úteis são o retângulo e oval. Basta clicar e arrastar para fora em sua tela. A coisa a observar sobre isso é que quando você faz isso, tanto o preenchimento quanto o traçado aparecem em seu objeto, a menos que você especifique que você não quer isso. Vou te mostrar como fazer isso em um minuto. Mas, essencialmente, sua cor de preenchimento está nesta amostra e sua linha ou cor de traçado está na amostra aqui embaixo. Você pode simplesmente clicar nele e escolher um diferente. Mas se você quiser tornar esse contorno muito mais grosso, tudo o que você precisa fazer é clicar duas vezes no contorno para que seja tudo selecionado. Venha para as propriedades agora e depois abaixo desta guia de objeto, você poderá ver suas propriedades de traçado para que você possa ver a cor, vamos alterá-la novamente e, em seguida, o tamanho do traçado. Você pode arrastar isso para cima para fazer a linha aumentar ou você pode realmente colocar em se você estiver trabalhando com um monte de linhas que todas têm que ser exatamente a mesma largura. Você pode colocar um número ali. Por baixo disso, você também tem estilo, largura e escala. Estilo significa basicamente que você precisa que ele seja sólido ou tracejado ou diferentes outros tipos de opções. Mais tarde, mostrarei como adicionar pincéis personalizados a este menu suspenso. Mas, por enquanto, deixo firme. É assim que você afetaria o derrame externo. Se você queria mudar a cor, bem, há duas maneiras de fazer isso. Você poderia fazer isso aqui na sua amostra principal. Clique neste quadrado da frente onde ele diz Cor de preenchimento e clique em qualquer uma dessas amostras padrão ou amostras personalizadas abaixo. Vamos com amarelo. Se você não estiver familiarizado com desenho e pintura em um programa vetorial, é muito diferente do Photoshop. O que você quer fazer é entender que esta linha é composta de quatro pontos vetoriais. Ao mover meu cursor ao longo da borda, quando eu chegar ao canto, você verá que ele muda. Agora tem uma linha curva. Assim que chegar à esquina, tem aquela linha quadrada. Isso basicamente significa que há um vetor que eu posso clicar e arrastar se eu quiser alterá-lo. Considerando que aqui entre os dois vetores, não há outros pontos e é por isso que eu posso fazer isso com minha linha. O mesmo pode ser dito para o preenchimento. O preenchimento terá quatro pontos vetoriais entre dois pontos vetoriais. Serei capaz de afetar a curvatura da linha. Se você tem um objeto e você quer ver rapidamente onde os pontos vetoriais estão, então o que eu faço é eu sempre apertar A no meu teclado ou chegar até a ferramenta de subseleção como essa, e clique na linha ou clique no preenchimento, e mostra todos os pontos vetoriais e linhas no meio. Então, se você quisesse, você poderia pegar um desses pontos vetoriais e mudá-lo e você poderia pegar uma das alças e mudar isso também. A idéia realmente é no Adobe Animate que é muito direto. É um software de edição muito direto em termos de imagens, você realmente não tem que fazer muito mais além de apenas clicar e arrastar seu caminho em torno de objetos e formas. Isso é o que eu amo tanto nisso. Eu amo que é um pouco mais intuitivo e um pouco mais imediato como eu disse e direto. Como você verá, isso se torna uma maneira realmente interessante de trabalhar. 4. Entendendo a guia de propriedades na recuperação do Adobe Animate: Nesta lição, eu vou passar um pouco a aba Propriedades, e apenas deixá-lo familiarizado, e atualizado com o que você precisa saber sobre o que está acontecendo neste lado. Já expliquei bastante em termos de formas muito simples. Isso é que se você quiser mudar, digamos, por exemplo, a largura do traçado, você faz isso aqui nas Propriedades, mas apenas esteja ciente de que, deixe-me escolher a ferramenta Caneta, você também pode escolher Propriedades relacionadas com a Ferramenta. Com a ferramenta Caneta selecionada e ligada, as propriedades para que aparece aberto e eu posso alterar novamente o tamanho do traçado. Deixe-me discar, com um estilo com coisas como traço. Quando você não tiver nenhuma ferramenta selecionada , as propriedades abertas serão para o próprio documento. Você pode mudar coisas aqui que podem ser muito úteis e muito úteis quando você está trabalhando. Por exemplo, o que eu acho que é mais útil para olhar é encaixar em objetos. Se eu desligar isso e começar a desenhar com uma linha, se eu estou tentando fazer uma forma e eu quero preenchê-lo com alguma coisa, bem, eu poderia apenas fazer algo, deixe-me fazer traço, deixe-me fazer traço, e eu vou usar a ferramenta Balde de Pintura, que é K no teclado. Mas eu não posso preencher essa forma da maneira eu posso preencher essa forma e isso é porque se você olhar aqui em baixo, este canto não está fechado. Eu vou ter que voltar, e tentar fechar isso, e realmente ver se está perto, e tentar novamente, e não funciona. Isso pode ser bastante frustrante quando você está desenhando, especialmente se você desenhar uma coisa complexa e você simplesmente não sabe onde está a articulação que não fechou. Como mesmo agora, eu acho que eu fechei completamente e ainda não está preenchendo. É aí que este botão é muito útil. Se você está desenhando com linhas, eu sempre tento ligá-lo para que eu possa simplesmente encaixar cantos juntos. Ao fazer isso, significa que sei que minhas formas serão facilmente preenchidas. No entanto, nem sempre é útil ter isso ligado. Às vezes, pode ser muito irritante. Se você queria mover esta linha, e tê-lo em algum lugar, e ele continua tentando se encaixar em outro lugar, isso é muito irritante. Se isso acontecer, você pode simplesmente desligá-lo. Mas saiba que esse botão pode ser muito útil quando você estiver usando linhas para desenhar. A única coisa que eu queria apontar, se eu pegar a ferramenta retângulo novamente, existem dois modos basicamente, você tem apenas o modo regular de desenho e então você tem algo chamado modo de desenho de objeto. Se eu ativar o modo de desenho do objeto e criar um círculo. Vou mostrar-lhe a diferença entre cada um. Essencialmente, se eu selecionar isso, você pode ver padrão pontilhado aparece. Isso significa que a coisa toda é selecionada, e também, isso significa que ela é diretamente editável, ela possa entrar e começar a fazer mudanças e fazer o que eu preciso fazer. Mas neste objeto aqui, não posso tornar editável. Eu realmente não posso editá-lo. Tudo o que posso fazer é movê-lo. Você vai notar que quando eu selecioná-lo, ele não tem esses pontos para me dizer que a coisa real em si está selecionada, ele só tem essa caixa delimitadora azul. Basicamente, um modo de desenho de objeto é o mesmo que agrupar as coisas. O que você tem que fazer é clicar duas vezes sobre isso para entrar naquele grupo. Aqui em cima, você verá que passamos de estar em nossa cena principal para dentro deste objeto de desenho. Agora, eu posso facilmente selecionar partes disso e começar a editar se eu precisar. Mas então para voltar para a cena, eu posso clicar neste botão aqui para voltar ou apenas clicar duas vezes em qualquer lugar neste espaço em branco, que me traz de volta. Por que precisaria de algo assim? Bem, é útil se você estiver desenhando coisas complexas com diferentes formas. Vou desligar o desenho de objetos para que você possa ver o que acontece. Se eu desenhar um retângulo e então eu desenhar um círculo, o que tende a acontecer é que objetos cortam um no outro e você não pode ter um em cima do outro porque eles criarão problemas. Enquanto se você ativar o modo de desenho de objeto, você não tem esse problema, você pode desenhar coisas umas sobre as outras, movê-las, e tudo bem. Isso é exatamente a mesma coisa que trabalhar com camadas. Em outras palavras, você pode trabalhar com o modo de desenho do objeto se isso ajudar você a manter as coisas separadas, ou você pode simplesmente fazer camadas separadas. Desativar o modo de desenho do objeto. Minha preferência pessoal é trabalhar com camadas em vez do modo de desenho de objeto porque eu posso editar rapidamente enquanto eu vou, eu não tenho que me preocupar muito em clicar duas vezes no item, fazer alterações, clicar duas vezes para ir Para trás. Para mim, é mais fácil e mais fácil trabalhar em camadas do que com o modo de desenho de objetos. Se você tinha uma forma que estava no modo de desenho de objetos e você queria que ela fosse apenas um objeto normal, tudo que você precisa fazer é pressionar Command ou Control plus B no teclado. O que isso faz é separá-lo. Ao separá-lo, isso simplesmente significa que ele o tira desse grupo ou fora do modo de desenho de objeto e em apenas ser um objeto regular no palco que agora você pode personalizar e alterar como você Quero. Essa é uma visão geral básica da guia Propriedades e como você pode usá-la para ajustar configurações e parâmetros da ferramenta que você está usando, do objeto que você está desenhando ou, de fato, do documento em que você está trabalhando. Lembre-se que encaixar no botão objetos é importante ter em mente, bem como o modo de desenho do objeto. Esse é outro importante para ter em mente. Ambos agora podem ser encontrados na guia Propriedades. Na próxima lição, vou falar com vocês sobre a peça final deste quebra-cabeça do espaço de trabalho e vou explicar tudo sobre a linha do tempo, sobre camadas e pastas. Vejo-te na próxima lição. 5. A linha do tempo e palco no Adobe Animate: Nesta lição, vou explicar a vocês tudo sobre a Linha do Tempo e o Palco no Adobe Animate. Como eu disse antes, eu amo a maneira como você pode desenhar e pintar em animação. É tão intuitivo, tão direto, e é uma maneira muito poderosa e expressiva de ser capaz de criar obras de arte. Mas o outro lado do Animate que é realmente poderoso em minha mente é obviamente a Linha do Tempo. Porque é aí que você pode animar as coisas e muito parecido com tudo no Adobe Animate, é muito, muito intuitivo e direto. Você simplesmente cria uma forma no seu Palco, avança no tempo e pode criar outra posição para o Palco e depois pode simplesmente animá-las e criou movimento. Mas nós realmente não estamos aqui para animar, no entanto, eu queria apontar algo para vocês, que eu acho que talvez o Adobe Animate seja ofensivo para muitos designers por causa dessa Linha do tempo e porque eles acham que não precisam se envolver na criação de movimento, eles só querem ser capazes de criar arte. Bem, se eu arrastar esta Linha do Tempo para fora e liberar e ainda estiver flutuando, e se eu arrastar tudo isso até aqui e arrastar isso um pouco para baixo, e eu vou fechar a Saída. Agora você pode começar a ver esta Linha do tempo como algo um pouco diferente ou talvez até um pouco mais familiar, especialmente se você é um usuário do Photoshop, você pode ver como isso é realmente muito parecido com o Photoshop. Você pode criar camadas, você pode criar pastas. Se eu criar esta pasta aqui, pegue essas camadas e aninhe-as arrastando-as para cima para que elas sejam recuadas por baixo da pasta, Liberar. Agora eu tenho uma pasta com um monte de camadas nele e este grande espaço aberto aqui para projetar e desenhar. Eu acho que isso é muito interessante agora como uma ferramenta de desenho, olhando muito diferente de algo como Adobe After Effects ou Premiere. Eu me livrei de toda essa linha do tempo que eu não vou usar enquanto eu estou desenhando, e eu me sinto muito mais confortável porque este é um layout e um espaço que eu estou muito familiarizado com. Se você é um designer que está acostumado a trabalhar no Adobe Photoshop, então, de repente, isso pode ser muito mais interessante como uma opção para criar arte vetorial. Claro, a pilha de camadas funciona exatamente como você esperaria com coisas ou objetos na primeira camada sendo abaixo de qualquer coisa que esteja na segunda ou camadas subsequentes acima dela. Tenho um personagem no meu palco. Este é um personagem que usei para a minha aula de animação. Esse cara tem um monte de camadas e todos eles são nomeados. O que você pode fazer é clicar duas vezes nesse nome e escrever o que quiser. É assim que você nomeia suas camadas, então você pode bloquear camadas conforme necessário, enquanto estiver trabalhando nelas. Você também pode ocultar e revelar camadas que você não deseja ver. Esta coluna aqui, essencialmente, a cor diz como é, como associado a essa camada, você também pode alterá-la em Propriedades, você pode alterar a cor do contorno para algo diferente. Ele vem a calhar quando você está trabalhando com uma ilustração complexa e você quer traçar coisas, você pode clicar sobre isso e ele transforma isso em um esboço, que às vezes é muito útil. Você verá uma aplicação disso mais tarde nesta classe. Eu vou ser capaz de mostrar como podemos trabalhar com isso. Se eu quisesse colocar todo esse cara em uma pasta, eu viria aqui clicava, “Nova pasta”. Não há nada nessa pasta no momento. Você pode ver que ele está aberto, então eu vou clicar na primeira camada, ir todo o caminho até a parte inferior, mantenha pressionada a tecla shift e clique na última camada, em seguida, voltar para cima e simplesmente arrastar toda a pilha de camadas até que eu veja esta pequena linha ir para um Recuo abaixo da pasta como que, em seguida, liberar. Agora posso fechar essa pasta e tudo o que está lá está nessa pasta. Agora eu posso fazer uma nova cena por baixo e colocá-los em um quadro e começar a criar um fundo atrás deles. A última coisa que explicarei para nosso espaço de trabalho à medida que começamos a nos mudar para o resto da classe, é toda essa área em si e como você trabalha com isso. Normalmente, esta área branca em nossa tela é chamada de Palco. O palco é um termo de animação, é simplesmente significa que é útil chamar isso de Palco porque podemos ter elementos fora da tela como esse. Quando exportamos nosso filme, eventualmente qualquer coisa que esteja fora desse espaço em branco não será exportada. Você poderia ter uma cena onde você animou esse personagem andando para o quadro, quando você exporta o filme, você não vê ele fora da tela, você só vai vê-lo entrando. É por isso que isso é chamado de Palco, mas para fins de ilustração e design, é a sua tela, isso é realmente o que é. Tudo bem, isso é praticamente todo o básico abordado para o Adobe Animate e para começar, criar arte, desenhar e pintar. Se você tiver alguma dúvida até este ponto, me avise, certifique-se de me enviar uma mensagem, eu não quero que nada fique claro ou confuso. Sinta-se à vontade para me enviar uma mensagem rápida se tiver alguma pergunta. Quando estiver pronto, junte-se a mim na próxima lição. 6. Criando um conjunto de ícones de agricultura: Até agora, eu expliquei como o Adobe Animate pode trabalhar para você como uma ferramenta de design. Mostrei as ferramentas mais relevantes, a guia Propriedades, e expliquei a pilha de camadas e a tela de desenho. À medida que passamos pelo resto da turma, cada uma das lições lhe dará a oportunidade de colocar tudo isso em uso prático em quatro projetos específicos, a melhor maneira de aprender qualquer programa é usá-lo. Eu escolhi o que eu acho que poderia ser os projetos mais aplicáveis para um designer. Vou começar com algo muito simples, como um conjunto de ícones. Imediatamente vou criar uma nova tela e não preciso fazer nenhum tamanho específico. Vou apenas usar o padrão e clicar em Criar. Então eu vou imediatamente vir e apenas escolher qualquer cor antiga. O que eu vou fazer antes de tudo, é esboçar minhas idéias. Com a ferramenta Pincel selecionada, vou certificar-me de que a Pressão de Uso está ativada. Você pode usar a inclinação também. Eu costumo não fazer isso. Nas propriedades, você encontrará exatamente os mesmos controles, até mesmo seus enchimentos aqui também. Então eu estou usando apenas um pincel redondo simples e eu vou manter o tamanho para cerca de, vamos ver, 10, parece bom. Você pode copiar essas configurações se quiser acompanhar comigo. Essa é uma das coisas que eu amo no Adobe Animate. Você não precisa desenhar suas ideias no papel e, em seguida, digitalizar a página e criar um JPEG, exportá-lo e depois importá-lo. Você literalmente esboça muito fluidamente aqui na sua tela. Para mim, eu vou em frente, eu quero desenhar um pequeno ícone de folha como este. Eu tenho cerca de quatro ou cinco ícones que eu vou fazer, que eu vou criar com você. Como eu disse, eles foram baseados em um breve de um cliente, então cada um deles precisa se relacionar de alguma forma os produtos que eles trabalham com em sua fazenda. Estou tentando ser o mais solto e áspero que puder com esses esboços para tirar minha ideia, sem me preocupar com detalhes ou proporções ou algo assim. Apenas esboçando o que eu acho que seria um bom visual para um ícone em um site. O outro item que eles queriam era um ícone para uma abelha indicar que eles fazem mel e colhem mel em sua fazenda. Fazemos uma abelha aqui. Então o quarto ícone que eu vou fazer é um padrão genérico de ferramentas agrícolas ou implementos agrícolas, eu vou apenas desenhar um forcado e uma pá aqui. Na verdade, mesmo com apenas como uma idéia muito áspera, esta parte provavelmente é boa o suficiente para eu começar a trabalhar. Eu realmente não preciso refinar esses desenhos ou fazer qualquer outra coisa. Estou imediatamente pronto para avançar para a próxima fase. Na próxima fase, usaremos as ferramentas de forma para criar elementos gráficos muito simples. Como um projeto de design, eu realmente não estabeleci quaisquer especificações ou limitações, ou parâmetros em torno de criar estes. O que eu vou fazer apenas para mantê-lo muito simples para este primeiro projeto é, eu acho que no máximo eu vou criar uma caixa retangular. Eu vou para o preenchimento e eu vou desligar o preenchimento porque eu só quero desenhar um esboço de uma caixa. Agora você pode manter a tecla Shift pressionada enquanto clica e arrasta para fora, e isso criará um quadrado perfeito. Isso parece certo para mim em termos de proporções, mas eu só quero algo que vai caber em cada um desses ícones. Porque eu quero ter certeza de que pelo menos, no mínimo, os ícones são os mesmos dentro da mesma proporção. Como você pode ver, eu tenho encaixado em objetos e encaixar uma linha sobre minhas propriedades. Isso vai me ajudar a criar um trabalho de linha consistente e combinar as coisas. É muito útil, se você quiser verificar se você tem esses, então eu vou clicar duas vezes na linha e eu vou apenas arrastá-lo através para ver que mais ou menos cada um desses vai se encaixar. Este vai ser o meu modelo se você gosta deste quadrado. Perfeito, então eu criei uma nova camada acima tudo e eu bloqueei as duas camadas anteriores. Vou voltar para o meu preenchimento e torná-lo verde, e vou desligar o meu derrame. Eu só quero criar formas que são cor de preenchimento e não têm nenhum contorno. Com a ferramenta oval selecionada, vou clicar e arrastar para fora na tela e criar uma classificação oval simples. Se você vai apertar A no seu teclado ou vir até este ícone aqui em cima que diz ferramenta de subseleção. Clique sobre isso e clique em torno de seus objetos, você verá todos os pontos vetoriais. Vou clicar no topo. Agora vou me livrar desses dois pontos de ancoragem laterais. Você pode fazer isso apenas selecionando-os e batendo no backspace. Praticamente eu vou manipular as bordas cada vez tão ligeiramente e movê-los ao redor porque eu não quero que estes sejam absolutamente genéricos. Quero que seja um pouco de caráter ou personalidade na forma. Eu acho que fazer pequenos ajustes incrementais na forma oval pode realmente fazer isso para você de forma eficaz. Não parece que tenha sido realmente padronizado. Isso é ótimo, é uma folha feita. Agora eu vou fazer o caule ou o caule e deixar isso verde, obviamente. Eu só vou vir aqui e mudar essas cores ao redor clicando naquela pequena seta. Agora o traço é verde e ver para o tamanho, Eu vou bater este até 20, que parece realmente um pouco grande demais. Talvez eu devesse tentar um pouco menor, eu vou tentar 14, e eu acho que parece perfeito. Essa é uma parte do caule e eu vou apenas desenhar outra em cerca de 45 graus ângulo para a segunda folha. Você pode mudar seu trabalho de linha se quiser torná-lo um pouco diferente e apenas fazer parecer que tem uma curva. Então eu vou fazer é clicar na minha primeira folha. Vou manter pressionado Option ou Alt no meu teclado, arrastá-lo para fora, depois vou modificar, transformar e virar esta horizontal para que fique na direção oposta. Pressione Q no meu teclado, e então você pode girá-lo para o ângulo que quiser. Eu gosto de mover este ponto de pivô para baixo e girá-lo, dá-lhe muito mais controle sobre o ângulo. Perfeito. Agora, para o último, estou novamente, vou clicar em Opção, arrastar e soltar e, em seguida, pressionar Q e girá-lo para o lugar e empurrá-lo para baixo. É um ícone feito, tão rápido, muito rápido e eficaz maneira de criar gráficos muito simples. Não há muito mais que você precise fazer. Isso é simplesmente linhas e preenchimento, e você pode deixá-lo como está. Porque provavelmente isso será exportado como um PNG. Por enquanto, vamos movê-lo aqui para dentro da caixa e ter certeza de que é um tamanho bom o suficiente. Agora, enquanto eu for, eu vou nomear minhas camadas, então eu vou clicar duas vezes lá e chamar este ícone de planta. Quando estiver pronto, junte-se a mim na próxima lição e eu vou voar através do resto desses ícones, vou criar a galinha e a abelha. 7. Criação da galinha e da abelha: Nesta lição, vamos avançar e continuar com este projeto. O que eu vou fazer primeiro é apenas voltar para a minha praça, porque novamente, este é o meu modelo de tipos, isso é o que eu estou criando tudo para caber, então certifique-se que eu tenho isso como uma referência. Criei uma nova camada, e aqui vou começar a trabalhar na minha galinha. Para a cor de preenchimento, eu quero uma cor vermelha de galo lá em cima é tal coisa, talvez seja como um vermelho alaranjado, ou laranja. Então vou começar com meus círculos. Vou clicar e arrastar uma forma de círculo. Agora você pode manter a tecla Shift pressionada, como eu continuo dizendo , para restringir as proporções, mas eu vou estar movendo isso um pouco de qualquer maneira. Essa é a cabeça, e esse é o corpo. Para o pescoço, eu vou apenas clicar em outra forma oval, e desta vez basta arrastar um lado dele para dentro e ver como isso funciona. Acho que podemos chegar lá. O que farei antes de cancelar a seleção é apenas incliná-lo e dimensioná-lo usando a fila ou a ferramenta Transformação Livre. O que eu vou fazer é subir para a minha pilha de camadas. Para esta camada, eu vou clicar neste ícone, e ele transforma meu trabalho artístico no meu palco ou tela em um contorno. Isto vai ajudar-me a alinhar com mais precisão as minhas formas como podem ver. Então você pode simplesmente voltar e clicar no traço para voltar à sua forma. Isso parece bem sem costura. Está tudo bem, parece muito bom. Agora eu vou pegar a linha externa e apenas arrastá-la um pouco para cima. Isto é tudo uma forma inteira. Agora tudo está unido e eu vou mover as coisas um pouco. Isso parece bom, na verdade. Quase lá em termos de forma de mão. Deixe-me voltar a esta ferramenta, e o que vou fazer é usá-la para criar o topo da cabeça dele. Vou copiar algumas destas formas um ao lado do outro. Um vai ser um pouco maior, então eu vou escalá-lo para cima. Vou empurrá-lo e juntar-me a este aqui, depois vou copiar essa. Agora eu tenho três dessas pequenas formas ovais, que eu posso juntar, e isso vai funcionar muito bem para o topo das mãos com a cabeça de frango. Escale um pouco, e isso é perfeito. Você pode até usar uma ferramenta Oval para fazer o bico. Basta clicar e arrastá-lo para fora, empurrar um lado do oval em si mesmo, e isso criou um bico quase perfeito. A última coisa são as penas da cauda. Novamente, você pode até fazer isso com a ferramenta Oval. Copie as formas e oriente-as usando a ferramenta Transformar, e agora isso é tudo uma forma. Arraste-o para a minha forma principal, e dimensione-o ou gire no lugar. Vou certificar-me de que vai caber na caixa delimitadora que escolhi para mim. Agora vou fazer as pernas. Vou trocar minhas cores para que o traçado seja laranja, e basta clicar e arrastar uma linha. Para os pés, eu vou voltar para a ferramenta Oval, eu vou desligar a linha, e arrastar para fora uma forma para manipulá-lo em uma forma interessante agradável para galinhas, e basicamente isso é apenas sobre isso. Como você pode ver, a perna está alinhada, é bastante dobrada, mas vai servir. Uma opção, arrastá-lo para duplicá-lo, e esse é o meu frango, ou ícone de galinha terminou. Isso parece incrível. Basta mover isso aqui, eu vou clicar duas vezes sobre essa camada e chamá-lo de ícone de galinha, e passar para a abelha. Para a abelha, está sob implementos agrícolas, será exatamente o mesmo processo, e agora, você provavelmente já entendeu a idéia. Muito intuitivo, muito simples maneira de desenhar, mas ainda há alguns truques que eu quero apontar para você especialmente para quando estamos criando a abelha. Eu vou passar rapidamente pelo mesmo processo, e mostrar-lhe como você pode realmente mudar alguma parte do seu preenchimento para ser outra cor. Deixe-me pegar uma cor de abelha para começar com algo marrom escuro. Se você receber um pequeno ícone como este, um lápis com um sinal de parada, ou não inserir símbolo, o que acontece é que, se você clicar e arrastar, ele irá dizer-lhe que a camada que você está tentando desenhar está bloqueada. Vou apenas clicar em “Não” nisso, e vou criar uma nova camada. Tudo precisa estar em camadas separadas. Se alguma vez conseguires aquele símbolo, aquele ícone, é isso que é. Novamente, desligando a linha e apenas usando uma forma simples e crie um círculo para a cabeça e um oval esmagado para o corpo da abelha. Já mostrei a você como você usa a ferramenta Subseleção para editar ou mover os pontos vetoriais ou o ponto de ancoragem de conversão para excluir a curvatura nele e, em seguida, basta arrastar este ponto vetorial para baixo para um ponto agradável. Se você quiser fazer algo como listras neste objeto ou nesta forma, há algumas maneiras de pegar outro retângulo, clicar e arrastá-lo para fora, e tentar combiná-lo. Mas o que eu gosto de fazer, é muito simples, rápido e eficaz, é usar a ferramenta Seleção, que é V no seu teclado, e simplesmente clicar e arrastar assim. O que isso faz é selecionar apenas a parte do preenchimento ou da tinta. Você pode ver que pela área que está em pontos, isso significa que está selecionado. Em seguida, vou manter pressionada a tecla Shift e clicar e arrastar novamente mais ou menos do mesmo tamanho, não precisa ser exato e, em seguida, clicar e arrastar novamente, mantendo pressionada a tecla Shift. Eu não deixei ir, ou eu não desmarquei. Vou mantê-los selecionados e escolher outra cor, mas se, por exemplo, você tiver sua seleção e clicar acidentalmente na tela dessa maneira, sua seleção desapareceria. Se isso acontecer com você, tudo que você tem que fazer é apertar Comando, ou Controle mais Z, e isso vai trazê-lo de volta, já que esta foi a última ação que você fez, então não se preocupe se isso acontecer. Você pode simplesmente clicar em “Desfazer”. Agora vá para a sua cor de preenchimento, e veja eu vou escolher um amarelo brilhante bonito para a listra da abelha. Lá vamos nós. Agora podemos desmarcar clicando em qualquer lugar na minha tela. Essa é uma maneira muito rápida e fácil de fazer diferentes áreas de cor no preenchimento. Só vou fazer a antena e as asas. Eu vou usar a ferramenta Linha para a antena, e então eu vou apertar V no meu teclado para dar um pouco de curva. Vou copiar isso, e depois ir para Modificar, Transformar, Virar Horizontal. Você não tem que desenhá-lo duas vezes, basta copiá-lo e virar ao redor, e então pegar a ferramenta Oval, trocar minhas cores, porque eu quero o marrom e eu quero desligar minha linha, e então clicar e arrastar para fora um pequeno Um pequeno círculo como esse. Novamente, para copiá-lo, basta clicar e manter a tecla Alt Shift e arrastá-lo. Agora as linhas são muito grandes, então eu vou selecioná-las e reduzi-las para talvez quatro ou seis talvez. A abelha está quase pronta. Para as asas, voltarei para a ferramenta Oval apenas para ficar na mesma zona de criação. Eu quero que a cor do traçado seja a mesma que a abelha, e eu posso realmente escolher uma cor de preenchimento, não importa. Para este exemplo, deixe-me apenas deixá-lo como uma cor aleatória. Então vou apagar a cor de preenchimento, e o que me resta são as duas linhas que espero que funcionem para as asas. Mas isto seria como asas para a abelha. 8. Finalização do conjunto de ícones: Nesta lição, vou mostrar-lhe como criar um ícone usando apenas a ferramenta de linha. Até agora criamos os outros ícones com forma, o que quer dizer essencialmente apenas trabalhou com cor de preenchimento. Mas esse ícone é uma boa oportunidade para praticar desenho com a ferramenta de linha. Assim, com a ferramenta de linha selecionada e o atalho para isso é N no seu teclado, basta clicar e arrastar para criar uma linha. Agora vou clicar duas vezes nesta linha para que ela seja selecionada e eu possa alterar suas propriedades aqui. Como, por exemplo, a largura vamos apenas com 10. Em seguida, volte para a ferramenta de linha novamente. Então N no seu teclado e eu vou desenhar uma forma de U com dois garfos dentro, linha simples como esta. Agora, como você pode ver, eles são todos diferentes alturas na parte superior é super fácil torná-los a mesma altura o tempo todo é simplesmente ir para a sua ferramenta de seleção, que é V no seu teclado e arrastar através da parte superior para que apenas o topo é selecionado. Então você é capaz de deletar isso apenas batendo no backspace e agora eles são todos da mesma altura. Então, se você quiser empurrar qualquer uma das linhas individuais, basta clicar duas vezes para selecionar a linha inteira e você pode usar suas teclas de seta para empurrá-las para a esquerda ou direita, ou para cima e para baixo. Então, para a pá, vou clicar duas vezes na minha linha e copiá-la. Vou arrastar e manter pressionada a tecla “Opção” ou “Alt” se você estiver em um PC que o copia. Então vamos voltar para preencher a parte principal da pá. Indo clicar e arrastar um oval sem um contorno. Em seguida, com a ferramenta de seleção, eu vou apenas arrastar sobre ele para que metade dele seja selecionado e, em seguida, pressione “Backspace” para excluir essa metade. Então isso é uma forma de pá ou pode ajustá-la ligeiramente para torná-la um pouco mais pontuda. Mas então eu quero que isso seja orientado para o outro lado, como de cabeça para baixo. Tudo que você tem que fazer é selecionar sua forma, subir para modificar, transformar, e desta vez, virar na vertical, então ele vai de cabeça para baixo e então eu vou colocá-lo aqui. Para a alça da pá, você pode voltar para a ferramenta de linha e novamente, basta criar uma forma muito simples. Eu queria mostrar que você criou sua forma um tanto complexa como esta, mas não é simétrica, então tudo que você precisa fazer é excluir metade desenhando mais de metade e excluindo-a. Em seguida, “Option” ou “Alt”, arraste a linha para duplicá-la e vire-a. Isso é perfeito. Eu vou alinhá-los e escalá-los para caber neste quadro para que eles coincidam com as proporções dos meus outros ícones. Agora, se eu arrastar esses caras de volta e revelar todas as outras camadas, podemos dar uma olhada em todos os ícones juntos. Parece incrível, estou feliz o suficiente com o Dash. Para o último passo neste processo, eu gostaria de colocar um quadrado arredondado em torno de cada um deles, porque é uma boa chance de mostrar outra ferramenta que está realmente aninhada dentro da ferramenta oval e retângulo. Se você vir para dizer a ferramenta retângulo e você clicar e “Hold-down”, você verá que há outra opção chamada ferramenta primitiva retangular. O mesmo também está aqui na ferramenta oval. Esta ferramenta primitiva oferece muito mais recursos de edição dentro da própria forma. Como, por exemplo, com um retângulo, você pode criar um retângulo com cantos arredondados. Vamos escolher isso e eu vou desligar o preenchimento e eu vou apenas clicar e arrastar para fora uma linha retangular como esta. A primeira coisa que você percebe são esses cantos. Na verdade, há dois pontos vetoriais em cada canto. Se você chegar às propriedades e rolar para baixo, é aqui que você pode ajustar os valores para esses dois pontos vetoriais. Na parte inferior, há opções de retângulo. Eu posso clicar aqui e colocar em um valor, digamos, de 25 e, em seguida, notar no palco como os cantos do meu quadrado em torno dele para esse valor. Agora apenas esteja ciente de que, por padrão, o retângulo primitivo ou oval está no modo objeto. Então, a fim de editá-lo, você tem que clicar duas vezes ir dentro do objeto. Agora, se você quiser, você pode editar seu trabalho de linha aqui. Voltando para fora, vamos ver se isso encaixa sobre meus ícones. A única coisa que eu vou fazer é talvez mudar a cor para combinar com cada um dos ícones. Meu último passo é, como você pode ver, meu ícone de planta está em uma camada separada, mas eu quero que eles estejam na mesma camada. O que eu vou fazer é selecionar a caixa ou o retângulo, usar “Command” ou “Control” e X para cauteloso a partir dessa camada. Em seguida, clique no conteúdo da minha camada de planta e pressione “Command” ou “Control” pressione “Shift” e “V” que irá colá-lo no lugar e agora eles estão ambos na mesma camada que é chamado ícone de planta. Isso realmente é tudo o que há para isso em termos de etapas, é uma questão agora de apenas copiar e colar a caixa ou o retângulo em cada das respectivas camadas de ícones para finalizar este documento ou este projeto. Vou mudar a cor de cada um para corresponder ao ícone. Muito simples, muito eficaz e muito fácil. Eu acho que talvez você deve ter uma chance agora em criar um conjunto rápido de ícones como este e verificar a ferramenta primitiva tanto no oval quanto no retângulo. Então, quando você estiver pronto, eu vou encontrá-lo na próxima lição e eu vou começar a mostrar-lhe como fazer gráficos um pouco mais complexos ou sofisticados. Quero mostrar-lhe como adicionar muito mais brilho artístico ou interesse ao trabalho de linha aplicando estilos de pincel. Vejo-te na próxima lição. 9. Criação de um gráfico de leão: Nesta lição, eu quero mostrar como você pode aplicar estilos de pincel ou larguras variáveis de linha, a fim de criar gráficos visualmente interessantes e para fazer seu trabalho de linha parecer muito melhor. Agora, para fazer isso, vou mostrar a vocês um exemplo de um gráfico muito simples que poderíamos desenvolver como parte de um resumo de design de logotipo. Você aprenderá como aplicar a diferentes perfis para linhas e como juntá-las e também como usar a ferramenta Caneta. Para o logotipo, eu quero desenhar o rosto de um leão para ir junto com a topografia. O meu primeiro passo é desenhar a minha ideia com a ferramenta de pincel. Vou em frente e desenhar um gráfico muito estilizado para o rosto de um leão. Este passo realmente pode ser tão criativo quanto você gosta, já que este é o esboço áspero, que vai ser a base para o seu logotipo. Agora, eu fiz uma nova camada acima do meu esboço e então eu vou pressionar “N” no meu teclado para a ferramenta de linha e simplesmente escolher um ponto de partida, clique e arraste a ferramenta para onde você deseja que o endpoint esteja, e sua linha estará lá. Agora, como isso cria dois pontos em cada extremidade, você pode então dobrar a luz no meio para cobrir isso agradável e uniformemente. Antes de ir mais longe, eu só quero mudar snap para objetos fora. Se estiver ligado, as linhas vão se encaixar assim, e se estiver desligado, eu realmente tenho muito mais controle sobre onde eu quero que os pontos finais das linhas estejam. Agora, eu só quero mostrar uma maneira rápida de dobrar uma linha em duas seções. Deixa-me desligar o desenho para que possas ver melhor. Eu só vou arrastar uma seleção em torno de uma parte da linha. Quando isso é selecionado, eu posso realmente dobrar a parte não-selecionada separadamente, e isso me dá duas seções distintas na linha. Isso é um truque útil. Eu vou continuar e trabalhar em torno deste desenho. Só estou fazendo um lado. Eu não preciso fazer a cara toda porque o que eu vou fazer é apenas copiar um lado para cima e virar ao redor. Assim que a primeira parte estiver completa, então eu vou selecionar tudo. Vou desligar o esboço para que você possa ver como isso vai correr. Observe que para a pupila do olho, eu acabei de fazer uma fala. Não me preocupei em fazer um círculo ou algo assim. Eu tenho tudo selecionado. Vou simplesmente copiar, colar. Então eu vou para Modificar, para baixo para Transformar e virar para cima e, em seguida, movê-lo para cima no lugar. Isso é muito perto. Vou voltar a ligar o estalo e depois fechar estas lacunas. Até agora, isso é tudo muito simples. O que vamos fazer agora é mudar a aparência dessas linhas e começar a torná-las muito mais interessantes. Selecione tudo novamente, venha para suas propriedades e desça para onde você pode ver a largura. Se você clicar neste menu suspenso, é muito parecido com o Illustrator, você verá que há uma grande quantidade de outras opções. Isso já parece muito melhor, mas o que eu vou fazer é aumentar o tamanho, e agora parece muito forte. Algumas coisas para anotar. Um deles é que para completar o resto do desenho e para fazer a juba do leão com todas essas curvas, você pode usar a ferramenta de linha. Você pode contorná-lo e apenas empurrar a linha para dobrá-lo no lugar para fazer essas curvas. Outra coisa a notar, porém, é apenas estar ciente de que o perfil desta linha que eu selecionei é definido entre o início e o ponto final. Então uma linha vai ter sua parte mais ampla, neste caso, no meio dos pontos. Se você anexar outra linha a ela, então o perfil se ajusta porque agora há um novo endpoint, se você sabe o que quero dizer. Esta é agora a parte mais ampla, esse é o começo, esse é o fim. Apenas mantenha isso em mente. Essa é a razão pela qual eu não me juntei às minhas linhas no início. Eu queria primeiro ver como eles ficariam individualmente. Se eu me juntar a alguns deles agora, é mais fácil ver o efeito. Eu não vou me juntar a todos eles. Acho que parece muito bom e vou deixar por isso. Como eu disse, você pode usar a ferramenta de linha para desenhar a juba, mas o que eu vou fazer, é usar a ferramenta de caneta. Pressione “P” no seu teclado ou você pode encontrá-lo aqui, e então tudo que você precisa fazer é clicar no seu ponto inicial e, em seguida, clicar e arrastar no seu ponto final. Ao arrastar, você verá imediatamente essas duas alças, e elas afetam o grau de cada metade da curva. Quanto mais você arrastá-los para fora, maior a curva vai ficar em ambos os lados. Se você clicar em outro ponto, observe que a curva vai ser assim. O que eu realmente quero fazer é tentar fazer um ponto de vista. Volte para o ponto final e passe o mouse sobre ele, então você verá um pequeno ícone v como este. Isso significa que você pode clicar de volta para esse ponto e ele vai colapsar a segunda metade da curva então agora você vai para a metade. Com isso, você pode simplesmente clicar e arrastar para o outro lado e criar um ponto afiado muito agradável. Vou trabalhar assim. Basta observar que quando eu quero criar novas linhas com a ferramenta caneta, eu sempre desseleciono a caneta pressionando “V” no meu teclado e, em seguida, voltarei para a ferramenta caneta novamente para criar linhas separadas. Caso contrário, as linhas são todas unidas. Assim como eu fiz com o rosto, o que eu vou fazer é apenas fazer metade da juba e copiá-lo. Se você pressionar “L” no seu teclado, você pode realmente usar a ferramenta de laço em vez de ter que clicar individualmente em cada uma das linhas. Esta ferramenta de laço irá selecionar tudo para mim, colá-lo, ir para Modificar, Transformar e virar, e então eu vou arrastá-lo para o outro lado. Usando minhas teclas de seta, vou ampliá-la um pouco. Isso parece muito bom. Meu último par de linhas vai ser no fundo aqui e no topo. Apenas dado, obviamente, como um leão, você deve ter um topo de coroa de sua juba, deve parecer um pouco como uma coroa. Vou colocá-lo em mais algumas formas de juba aqui em cima. Terminei com o leão e acho que está ótimo. A seguir, vou mostrar a vocês como personalizar isso um pouco mais. Quando estiver pronto, junte-se a mim na próxima lição. 10. Criação de gráfico para a Whale Coast: Para este projeto, você vai começar a trabalhar em um gráfico para design de logotipo usando preenchimento em vez de linha. Trabalharemos com seções de cor nesta lição. O resumo para este logotipo ou para este projeto é para uma organização de turismo fictícia chamada Whale Coast. Os três elementos gráficos principais que o nosso cliente imaginado precisa ser representado são, eles querem a baleia como mascote da organização. Então também algo sobre a paisagem. Algo como o mar e dizer montanhas e céu. Esse é o meu resumo para esboçar minhas idéias. Eu só vou anotar todas essas idéias para baixo. Desenho de uma baleia de desenho animado muito estilizada, sua cauda subindo. Talvez até dando um sorriso a ele. Então eu quero ter água, montanhas. Então algo muito, muito simples assim. Então eu acho que eu quero colocar tudo isso em um pouco de uma forma circular, redonda, o que nos dará espaço negativo agradável para o céu. Meu desenho está feito, e estou feliz agora com isso. O próximo passo para mim é que eu quero agora criar uma paleta de cores para começar como um ponto de partida para que eu esteja trabalhando dentro de um conjunto definido de cores em vez de apenas escolher cores à medida que eu vou. Por aqui, vou simplesmente desenhar algumas amostras. Isso é tudo que você precisa fazer. Só pegando cores de minhas amostras padrão e desenhando pequenos remendos aqui. Lindo blues, obviamente, um azul claro para o céu, talvez um azul esverdeado para a terra. Então também quero um azul escuro para a baleia. Tudo isso está feito. O meu trabalho de preparação e a minha fase de ideias. A próxima coisa que quero mostrar é como você pode criar uma grade para seu design usando guias e roteadores. Vamos começar com uma nova tela. Para isso, eu vou fazer um quadrado 800 por 800. Em seguida, em suas propriedades, se você clicar neste ícone, você pode ativar seus roteadores. Assim como no Photoshop ou Illustrator, ou você precisa fazer é arrastar guias para baixo a partir daqui. Estes vão ser os meus guias delimitadores. Então eu vou fazer uma marca de meio caminho no meio vertical e horizontalmente. Eu queria mostrar-lhe uma grande fraude rápida que eu costumo usar para criar guias. Se você não quer ter que contar todos os pixels ao longo das réguas, uma coisa muito útil a fazer, ou o que eu gosto de fazer é desenhar um quadrado em sua tela assim. Se você selecioná-lo e pressionar Q no seu teclado, a ferramenta de transformação, haverá automaticamente esses pontos intermediários, e o que você pode fazer é manter a caixa selecionada e simplesmente arrastar suas guias para cada um desses pontos. Essa é uma maneira muito rápida e eficaz de obter guias uniformemente espaçados. Eu tenho meu documento completamente configurado e pronto para ir. Agora tudo o que vou fazer é copiar minhas paletas de cores e meu esboço do meu documento anterior. Eu só vou levar a pastilha para o lado e colar o meu esboço para baixo. Então eu preciso apenas combiná-lo com o meu guia para que você possa transformar isso, dimensioná-lo e ajustá-lo o quanto quiser. Em seguida, vou criar uma nova camada e, em seguida, escolher a ferramenta oval. Do ponto central do seu Canvas, basta clicar e arrastar e manter a tecla Shift pressionada. Isso vai criar um círculo perfeito, e esta vai ser a minha base com a qual eu trabalho. Então eu vou virar essa camada para contornar. Eu também vou vert rapidamente nomear essa camada. Vou ligar para a base da camada. Vou criar uma nova camada acima dela. Agora vou desenhar ou rastrear a baleia. A única ferramenta com a qual trabalho é a ferramenta de caneta. Basta clicar e arrastar todo este desenho para fazer a forma. Se você está feliz o suficiente com isso, isso é ótimo. Eu preciso apenas ajustar minha forma um pouco. O que eu vou fazer é mudar para a ferramenta de sub-seleção, que é A no seu teclado, e eu vou apenas refinar algumas dessas curvas antes de ir mais longe. Agora vou ligar o encaixe e, em seguida, juntar-se as minhas linhas. Em seguida, para colorir, basta escolher sua cor de preenchimento, e com a ferramenta balde, que é K em seu teclado, toque no meio e preencha com cor. Em seguida, você pode excluir esse contorno. Vou chamar esta camada de baleia. Eu também vou transformá-lo para delinear apenas por um momento para que eu possa ver no que eu estou trabalhando. O próximo passo realmente é apenas adicionar um par de linhas para detalhar a baleia antes de ir mais longe. Mas para adicionar detalhes sobre esta baleia, eu vou fazê-lo em uma nova camada. Eu não quero desenhar ou adicionar nada a esta camada ainda. Em uma nova camada, vou escolher uma cor cinza, pegar minha ferramenta de caneta e traçar esta linha para o sorriso da baleia e esta outra linha para o lado de seu corpo. Uma vez feito isso, então eu vou selecionar os dois. Vou cortá-los dessa camada e escolher a camada de baleia e depois colá-los no lugar. Eu costumo fazer isso porque é mais fácil do que tentar editar tudo em uma camada. Isso parece bom, mas obviamente eu quero que a linha pareça um pouco mais interessante. Assim como eu mostrei a vocês com a última lição, eu vou até a guia de propriedades e mudar o estilo. Isso parece muito melhor. Isso parece incrível. Agora eu sinto que eu poderia até mesmo adicionar algumas linhas para a barriga da baleia. Farei isso assim. Está fabuloso. Eu adicionei em um pequeno círculo para o olho, apenas para dar-lhe um pouco de caráter. Acho que vou empurrar o fundo para cima assim, e parece que ele está sorrindo um pouco. O resto dos elementos, realmente tudo o que resta é apenas a água e as colinas. Mais uma vez, usando a ferramenta de caneta e o preenchimento, eu posso completar isso incrivelmente rapidamente. Poucos cliques e você está quase completamente terminado com a obra de arte. Lembre-se, nós criamos o céu no início onde fizemos nossa camada base. Neste último passo, vou mostrar a vocês como usar a camada base para arrumar essas camadas que acabei de criar a água nas montanhas. Na pilha de camadas, clique com o botão direito do mouse na camada base, escolha camada duplicada, e isso criará esta cópia base da camada. Clique nisso e, em seguida, arraste-o até o topo da sua pilha para que você possa ver o que está fazendo. Em seguida, se você chegar até onde a ferramenta balde de pintura está, clique para baixo e segure, você verá outra ferramenta aninhada dentro. Aquela chama-se garrafa de tinta. Quando o balde de tinta é usado para adicionar preenchimento, o frasco de tinta é usado para adicionar linhas ou traços para preencher. É uma ferramenta incrivelmente útil. Eu adoro e uso isso o tempo todo. Vou mostrar-vos agora como a uso mais. Selecione a ferramenta, em seguida, venha para o círculo, toque na borda e, em seguida, você pode excluir o preenchimento e você fica com apenas esta linha. Agora clique duas vezes para selecionar a linha, copiá-la ou cortá-la e, na camada terrestre, cole-a no lugar. Isso agora permite que você exclua os bits que estão fora. Você pode fazer o mesmo com a água. Então, quando você finalmente terminar, você pode excluir essa linha externa ou você pode mantê-la se quiser. É isso. Eu praticamente terminei e criei todo o meu gráfico para o meu logotipo. Agora que eu vejo isso completamente, estou começando a ver que minhas cores não eram exatamente o que eu queria e não são tão grandes. Isso é apenas uma questão de ajustar as cores e fazer ajustes finais. Como você pode ver, esta é realmente a última etapa, e espero que você tenha visto que o processo de chegar aqui é muito, muito simples, muito fácil de fazer. Eu encorajo você a ter um ir agora mesmo em criar este logotipo ou um logotipo semelhante usando apenas preencher e formas e mantê-lo muito estilizado. Na próxima lição, vou mostrar alguns recursos mais avançados de cor no Adobe Animate coisas como gradientes e a baleia de cores. Este é o chefe do próximo projeto que vamos trabalhar, que vai usar uma combinação de todas as habilidades que cobrimos até criar um emblema personalizado para um clube de canoa. Quando estiver pronto, junte-se a mim na próxima lição. 11. O círculo das cores no Adobe Animate: Até agora trabalhamos com formas básicas com um pouco com a ferramenta de pincel e com a ferramenta de linha para criar designs simples, ícones e logotipos. Nos próximos vídeos, quero guiá-lo por alguns aplicativos mais avançados de cor e quero mostrar como criar gradientes dentro do Adobe Animate. Até agora, eu escolhi a cor das amostras padrão aqui, mas para a cor de preenchimento, bem como para a cor do traçado. Mas eu também quero começar a usar uma janela diferente agora. Como você pode ver, as amostras padrão fornecem apenas um certo número de cores para escolher. Eu estou indo para vir aqui e eu vou clicar neste pequeno ícone aqui que diz cor e se você não tem isso visível, você pode vir até Janela e você vai encontrá-lo aqui em algum lugar sob esta seção, você vai ver cor. Clique sobre isso ou se você tê-lo sobre o lado direito, clique sobre ele ali. Eu só vou clicar no nome e arrastá-lo para que esteja flutuando e nós podemos dar uma olhada nele um pouco melhor. Infelizmente, ele não fica muito maior do que isso, mas isso ainda é, eu acho, muito melhor para trabalhar do que apenas as amostras padrão. Porque agora o que você pode fazer é realmente ajustar o grau de cor, o grau, devo dizer de saturação, ou matiz e brilho. Se o seu não estiver configurado assim, como o meu, seu pode ser definido para este tipo de layout e isso é porque esta pequena caixa está marcada aqui, que tem um H ao lado, que significa matiz. Ao arrastar o seletor de cores da direita para a direita através desta janela, você alterará a saturação. Ou, ao arrastá-lo de cima para baixo, você alterará o brilho para que ele passe de claro para escuro e a tonalidade seja alterada neste controle deslizante. Com a opção S desativada, você vê todas as cores no espectro para arrastar para cima e de cima para baixo para obter brilho, esquerda para a direita para a tonalidade e, em seguida, a saturação é alterada no controle deslizante aqui. Eu gosto de manter a mentalidade em saturação porque eu gosto de ver todas as cores que estão disponíveis. É bom apenas ter esta janela disponível quando você está construindo formas ou gráficos muito mais complexos e você quer realmente tentar e afetar a cor além do que as amostras padrão permitem que você faça. Apenas certifique-se de que você está na cor de preenchimento se você quiser mudar seu preenchimento para que o pequeno bolso aqui indica cor de preenchimento e o lápis indique sua cor de traçado. Simplesmente arrastando o controle deslizante, eu posso decidir, ok, eu quero azul para ser assim. Aperte K no meu teclado e mude-o. Tudo bem, eu vou arrastar esta janela para, deixe-me ver entre minha linha do tempo e minhas propriedades para que eu possa ter acesso fácil a ela, ou você pode mantê-la flutuando também, tudo bem. Na próxima lição, vou explicar como você pode criar e criar gradientes no Adobe Animate e usá-los em seus designs antes de passarmos para o projeto desta seção, que será projetar um lote. Vejo-te na próxima lição. 12. Como criar um gradiente no Adobe Animate: Para ser capaz de criar uma cor de preenchimento que é realmente um gradiente, é muito, muito simples, e se você já usou o Photoshop antes, você pode estar bastante familiarizado com isso. É uma ferramenta específica chamada ferramenta de gradiente. Nesta lição, vou mostrar a vocês como trabalhar com isso. A primeira coisa que vou fazer é clicar e arrastar uma cor para que tenhamos algo para trabalhar, e eu vou demonstrar como o gradiente funciona. Vou me livrar dessa linha. Selecione esta cor. Verifique se você está na cor de preenchimento. Ao lado de lá, diz cor sólida com um menu suspenso. Com certeza, se você clicar no menu suspenso, você verá que há opções para adicionar como um gradiente linear ou gradiente radial. Basta clicar em linear para o momento. Normalmente, o gradiente linear padrão é preto e branco. Se você não usou anteriormente um gradiente, às vezes o último gradiente que você usou ainda aparecerá se você clicar nele. Mas se o seu vai para preto e branco, a maneira de mudar as cores é apenas clicando em um desses pequenos marcadores aqui em baixo. Se eu clicar duas vezes sobre isso e escolher, digamos, uma cor roxa, e, em seguida, clique duas vezes sobre isso e escolha cor pêssego. Você verá que o gradiente foi adicionado e que é um gradiente suave o suficiente indo da esquerda para a direita. No entanto, essa não é a cor que começamos. Começamos com aquela cor azul. Vou selecionar isso novamente e voltar à cor sólida. O que eu sugeriria fazer na solução alternativa é apenas fazer duas pequenas amostras das cores gradientes que você deseja desde o início. Digamos que eu quero que minha cor comece em azul e termine um azul muito mais claro. Basta ter aqueles prontos para o lado. Em seguida, selecione sua cor e aplique o gradiente linear. Agora ele vai, obviamente, fazer o último que eu usei, clique duas vezes na primeira pequena amostra e, em seguida, usando sua ferramenta conta-gotas, você pode selecionar o azul ali. Clique duas vezes neste e, em seguida, você pode selecionar a turquesa. Eu posso me livrar deles porque eu apliquei o gradiente linear. Mas para mim, digamos que eu quisesse ir de cima para baixo. Obviamente, a orientação não é certa para mim lá. Se você quiser você pode pensar, eu vou selecioná-lo, e eu vou apertar Q no meu teclado e simplesmente usar a ferramenta de transformação para girá-lo ao redor. Você pode, obviamente, fazer isso. Mas dentro da ferramenta de transformação há uma transformação de gradiente dedicada real. Se você chegar à barra de menus e clicar em sua Ferramenta de Transformação Livre, você verá por baixo dela uma outra ferramenta chamada Ferramenta Gradiente Transformada. Se isso não estiver na barra de ferramentas , certifique-se de que ele não está dentro dessas ferramentas de backup. Se você clicar nesses três pequenos pontos, você pode encontrá-lo lá. Deveria estar nesta área, mas se você tem para entregar, isso é perfeito também. Nós selecionamos isso, e você pode ver que as alças ou as coisas de controle são totalmente diferentes da ferramenta normal de transformação livre. Estes permitem que você faça um grande número de coisas com o gradiente. Você pode girar seu gradiente. A forma real não muda necessariamente, mas a orientação do gradiente irá. Você também pode fazer o efeito onde deseja que o gradiente comece. Se você queria começar muito bruscamente no meio ou tê-lo movido em direção às bordas. Então você também pode pegar esta peça central e movê-la para cima. Se você decidiu que você tinha muito do azul escuro, basta mover sua linha central para cima. Ou, inversamente, você pode movê-lo todo o caminho para baixo bem e ter apenas uma dica muito sutil de um gradiente na parte inferior. Mas essa é a ferramenta de transformação de gradiente e é incrivelmente útil. Vamos ver se podemos aplicar um gradiente radial. Eu vou voltar para lá. Uma coisa a notar é que se você tentar mudar as cores do seu gradiente e não está mudando em sua Tela, isso significa simplesmente que você precisa selecionar sua cor primeiro e então você será capaz de mudar a cor do seu amostras lá. Vamos ver o que acontece se aplicarmos um gradiente radial. Vou desmarcar. Você pode ver que começa no centro e se move de forma circular e radial. Se eu passar para a transformação livre ou a transformação de gradiente, em seguida, os controles são mais ou menos os mesmos. Você pode ajustar como quiser. Você pode torná-lo mais oval. Você também pode fazer uma escala dentro e fora muito mais se você quiser girá-lo dessa maneira. Então você pode pegar o centro e mover o centro para o lado para diferentes efeitos. No caso de você não querer que o azul escuro estivesse no centro, você queria que o azul claro estivesse no centro, você poderia simplesmente clicar e arrastar esses controles deslizantes e trocá-los. Clique naquele ali, e clique naquele até o fim. Agora parece um pouco mais natural, como se houvesse um destaque ou algo assim. A última coisa que eu queria apontar, porque isso é muitas vezes bastante útil. Você também pode afetar a transparência de qualquer um desses gradientes. Se eu clicar nesta última coisa aqui, e eu sei que ela está selecionada porque o triângulo no topo ficou preto, eu só vou arrastar isso 100 por cento todo o caminho até zero e isso deve afetar. Você vai ver lá, ele vai fazer isso transparente em direção às bordas. Isso pode ser muito útil para coisas diferentes, especialmente quando você começa a fazer desenhos e ilustrações muito mais complexos. Mas espero que eu seja capaz de mostrar alguns desses aplicativos nos próximos vídeos. Porque de agora em diante, quero mostrar a vocês como construir um design ilustrado bastante complexo para algo como um distintivo. Quando estiver pronto, junte-se a mim na próxima lição. 13. Criação do design de um emblema: O projeto nas próximas lições vamos colocar para usar todas as ferramentas e as técnicas que temos abordado até agora. Além disso, vou apresentá-los a uma ou duas técnicas de criação mais avançadas. Um recurso exclusivo dos termos de desenho de animação da Adobe é como você pode usar a ferramenta Laço para desenhar literalmente na cor de preenchimento diretamente com o Laço. Isso soa um pouco estranho, eu sei, mas vou te mostrar como fazer isso neste projeto. O resumo para este projeto é criar um logotipo complexo ou um design de crachá. Você pode escolher sua própria idéia ou trabalhar ao meu lado com a minha própria, Eu decidi criar um emblema ou um clube de canoa então, para esse conceito, eu sei que eu quero ser capaz de criar montanhas, uma floresta, um rio, e também importante, um lindo céu gradiente. Vamos escolher uma tela e eu vou mudar as dimensões aqui. Vou com a largura sendo 40 e a altura sendo 600. Algo retrato, para variar. Em seguida, aperte “Criação”. Vamos começar este projeto um pouco diferente dos anteriores. Porque eu quero mostrar a vocês como você pode realmente importar um esboço de referência. Você pode, é claro, desenhar seu esboço inicial bem aqui na tela como eu mostrei em projetos anteriores. Mas desta vez eu queria mostrar-lhe como você poderia importar sua imagem. Talvez se você desenhou no papel ou se você desenhou em outro programa. Por exemplo, desenhei meu esboço no Photoshop. O que eu vou fazer agora, então, é ir até “Arquivo” e descer para “Importar”. Você verá que há duas opções. Importar para o palco ou importante para a biblioteca. Nós realmente não precisamos nos preocupar com a opção da biblioteca agora , já que estamos apenas trabalhando com um esboço. Podemos ir em frente e apenas importado diretamente para o palco ou para o Canvas. Se eu fizer isso, poderei escolher o esboço da minha pasta se você não vê-lo ou se você não puder importá-lo, basta certificar-se de que todos os arquivos estão clicados aqui e clicar em “Abrir”. Se ele vem em massa como este, basta pressionar Q no seu teclado e dimensioná-lo para baixo no lugar. Aqui vamos nós. Eu até mesmo fiz algumas amostras de cores já para que eu saiba com o que trabalhar para idéias de cores e eu desenhei uma idéia muito áspera. A primeira coisa é que eu vou nomear este esboço de camada e eu vou bloqueá-lo e de agora em diante, é apenas uma questão de construir isso progressivamente através de camadas. Eu vou direto para a ferramenta de forma, eu acho que o retângulo selecionado e escolher minha cor base, e agora para centralizar isso em sua tela, basta selecioná-lo, ir para a janela de alinhamento e, em seguida, apenas certifique-se de que align to stage está marcada. Você pode clicar no alinhamento vertical e horizontal aqui e aqui e agora ele está perfeitamente centrado no palco. Agora, que eu sei que isso está perfeitamente centrado, eu posso ir em frente e ligar minhas réguas e pegar e arrastar meus guias para que ele corresponda. Perfeito. Estou pronto para começar a construir e criar. Como você pode ver, se eu passar o mouse sobre a borda do meu retângulo, eu posso arredondar as bordas assim e o mesmo nos lados. Mas na parte inferior, o que eu quero fazer é manter pressionado “Opção” ou “Alt” no meu teclado enquanto meu cursor passa sobre ele. Então, se você clicar e arrastar para baixo esta opção enquanto ainda mantém pressionada, o que isso faz é que ele realmente cria outro ponto vetorial nessa parte da borda. Isso cria um bom ponto e, em seguida, eu vou apenas arrastar essas bordas para fora aleatoriamente como um pouco bem. Eu vou ir em frente e nomear esta base de camada. Agora, esta é uma camada importante porque vai ser o limite ou a caixa delimitadora de todo o meu projeto, e precisamos voltar a isso mais tarde. Só estou destacando agora, só para que você saiba. Porque esta forma realmente é a base para o resto do design. Eu sei desde o início que eu quero ter um pouco de um quadro em torno de tudo, então primeiro, eu estou realmente indo para duplicar a camada base. Então eu vou transformar e dimensioná-lo ligeiramente para dentro assim, enquanto ele ainda está selecionado, eu vou mudar a cor para uma das minhas cores mais claras e assim você pode ver imediatamente o efeito que isso tem dá-lhe a aparência de ter um contorno ou traço ao redor da borda. A seguir, são as montanhas. Em uma nova camada, eu vou pegar a ferramenta caneta e eu vou mantê-lo muito gráfico e simples e apenas criar uma silhueta de montanha estilizada, muito agradável e angular. Em seguida, preencha essa forma com cor. Se você está feliz o suficiente com isso, vá em frente e exclua o contorno. Este é o lugar onde eu vou apresentar a ferramenta Laço como uma opção incrível para usar como uma ferramenta de desenho. Laço é L no seu teclado, e a ferramenta está aqui em cima na sua barra de ferramentas. Se você clicar e manter pressionado, verá que há realmente um polígono e um laço. Polígono e laço regular. Ambos fazem exatamente a mesma coisa em que são normalmente usados como seleções. No entanto, o laço regular é mais fluido, enquanto o polígono lhe dá linhas retas e bordas. Por enquanto, vou escolher isso. Em seguida, bem na minha cor de preenchimento, eu vou selecionar uma área ou forma como esta. Agora eu sei que é muito difícil ver esta eleição, mas para fechar sua seleção, basta clicar duas vezes. Em seguida, mantenha pressionada a tecla Shift no teclado e você poderá fazer outro e ele ainda permanecerá selecionado. Vou continuar e garantir que mantenho a tecla Shift pressionada sempre que comecei a nova seleção para que todos fiquem ativos. Agora, venha e simplesmente clique na cor de preenchimento. Quando eu escolher uma cor mais clara, você verá instantaneamente o efeito que isso tem. Se você quisesse, você poderia ajustar as formas um pouco mais, obtê-las mais do jeito que você quer. Mas estou feliz o suficiente com isso. Eu vou em frente e vou nomear esta camada de montanhas e depois trancá-la. Então, muito simples, é um grande processo para desenhar e eu vou usá-lo novamente para criar as árvores. O que eu vou fazer é que desta vez eu vou apenas desenhar uma caixa simples e eu vou usar, digamos, o laço regular para que você possa ver como é isso. Essencialmente, eu estou apenas desenhando silhuetas das minhas árvores, e então eu vou apagar a área que eu não quero. Eu vou dizer que ele precisa de um pouco de controle com a ferramenta Laço porque você está segurando para baixo por todo o tempo. Mas definitivamente com a prática, você pode ficar bom nisso, além de você sempre pode simplesmente excluir o que você não quer. Copiar, o que funciona, e criar uma floresta inteira assim. Agora, meu último passo para a floresta é simplesmente que eu vou selecionar a camada inteira novamente. Vou copiá-lo. Vou colá-lo no lugar e agora no seletor de cores, vou clarear a cor até um pouco. Em seguida, arraste a camada abaixo do original, suba para modificar , transformar, virar horizontal e agora parece que temos camadas de árvores ali. Isso é realmente um efeito muito agradável. Na pilha de camadas, vou nomear essas florestas de camada dois. Está parecendo bom. Tudo o que vou fazer agora é fazer o meu plano terrestre da mesma cor que as árvores. Eu vou apenas criar um retângulo, escolher a mesma cor e eu vou chamar essa camada de chão. Realmente, eu estou até o passo final nesta seção, que é desenhar meu rio. Vou fazer uma nova camada, mudar para a ferramenta de caneta e, em seguida, escolher esta cor azul nas minhas amostras. Mas quero ser capaz de ver o meu esboço. O que vamos fazer é ir até este ícone, mostrar todas as camadas como contornos. Eu posso clicar nele no topo lá, que afetará cada camada. Isso significa que cada camada vai agora para um contorno e então eu vou apenas desfazer a camada individual que eu quero ver, que é a camada de esboço na parte inferior. Então, na camada superior, eu posso desenhar meu rio, uma vez feito, eu vou apenas terminar, adicionar, excluir o contorno. Isso está parecendo incrível. Podemos ajustar as coisas à medida que avançamos, mas estou muito feliz com isso agora. Na próxima lição, vou em frente e adicionar a pessoa na canoa nesta ilustração, e então adicionaremos nosso gradiente e mascararemos a arte e finalizaremos as coisas. Vejo-te na próxima lição. 14. Desenho da canoa: Nesta lição, vou adicionar a canoa ao rio. O que eu preciso fazer é ter certeza de quanto do rio será visível. Como eu também quero ter textos colocados acima disso, apenas como um passo preliminar, eu vou descobrir por colocação em primeiro lugar. O que vou fazer é voltar àquela camada base. Lembre-se, eu disse que isso vai ser usado eventualmente para ser o limite para todo o projeto e que vamos usá-lo como uma máscara para tudo. O que eu vou fazer agora em preparação para isso e como uma forma de me ajudar a ver o meu esboço, é duplicá-lo. Darei o nome de guia só por um momento. Essencialmente, isso vai me mostrar a extensão do meu projeto. Eu só vou arrastá-lo até o topo da pilha e, em seguida, clique em mostra contorno. Imediatamente, posso ver perfeitamente o contorno das bordas do meu trabalho. Vou esboçar em uma canoa, uma pessoa e onde mais ou menos eu quero que meu texto vá. Quero uma faixa aqui com o texto que vai dizer Canoe Club. Sim, está parecendo bem. O que eu vou fazer agora é apenas adicionar uma nova camada e eu vou simplesmente traçar sobre o esboço. Vou virar esta camada para contornar, e pegar minha ferramenta oval, desligar o traçado, e simplesmente começar a arrastar algumas formas muito básicas. Vou moldar isso em uma silhueta simples de uma pessoa arrastando as bordas ao redor. Não quero nada detalhado, só uma cabeça, costas e braços e obviamente essa pessoa sentada em uma canoa. Para essa parte, usarei a ferramenta de caneta. Eu basicamente moldei e puxei essa cor de preenchimento para um tipo vagamente de forma humana. Uma pessoa sentada em um barco. Novamente, apenas para enfatizar que este é um elemento tão pequeno no design, ele precisa ser muito gráfico, muito simplificado para que ele possa ler, então eu não quero nenhum detalhe ou coisas como traço. Para o remo, eu vou usar uma ferramenta retangular e arrastar para fora um retângulo longo e magro como este e simplesmente usar o oval para as pás. Acho que este aqui seria bom tê-lo mergulhando na água. Vou cortar a parte inferior do que usando minha ferramenta de seleção para clicar ao longo da parte inferior e, em seguida, excluir. Se você quisesse, você poderia ser um pouco criativo nesta fase e adicionar um reflexo. O que fiz foi usar a ferramenta de caneta. Eu fiz alguma forma de aparência orgânica e apenas empurrou e puxou os lados em um pouco para dar o efeito da água. Muito fácil, muito simples. Eu vou deixar o texto e o banner por enquanto porque o que eu vou fazer é voltar mais tarde e mostrar a vocês como trabalhar com topografia na seção final desta classe. Por enquanto, o próximo passo é apenas adicionar o céu gradiente e mascarar completamente o trabalho artístico. Encontre-me na próxima lição e finalizaremos este distintivo. 15. Adição de um gradiente e de uma máscara ao seu design: O próximo passo neste processo é adicionar o céu gradiente e seguida, mascarar de tudo para que ele se encaixe dentro de nosso design. O que vou fazer é criar uma nova camada debaixo da montanha. Clique e arraste para fora um retângulo e, nesta fase, realmente não importa a cor que ele é. Exclua a linha de traçado ao redor da borda se houver uma. Em seguida, certifique-se de selecionar a cor e, em seguida, vir para a janela de cores, soltar este menu e escolher gradiente linear. Você pode ver que a cor muda e isso é totalmente bom. partir daqui, podemos apenas clicar nessas pequenas abas e escolher cores da nossa amostra e, em seguida, aqui no espectro, se você precisar ajustar a tonalidade da cor ou a saturação para que você tenha um gradiente muito agradável como esse. Então suba para se transformar. Aqui, clique e segure na ferramenta para que você possa acessar a ferramenta de transformação de gradiente. Com isso selecionado então, você pode usar a alça de rotação para girar o gradiente para que ele vá de cima para baixo em vez da esquerda para a direita. partir daqui, você também pode alterar a posição do gradiente para se adequar ao seu posicionamento ou até mesmo arrastá-lo para outro ponto de cor ou você pode até adicionar outro ponto de cor aqui no controle deslizante, se você quiser, apenas clicando no controle deslizante e, em seguida, escolhendo uma cor diferente. A seguir, vou mascarar tudo. Eu vou arrastar meu esboço para fora de baixo e, na verdade, eu não preciso mais dele, então eu vou excluí-lo, manter minha pilha de camadas arrumada. Lembre-se que fizemos esta camada superior, este guia aqui, vou renomear esta camada agora para Máscara e, em seguida, clique com o botão direito sobre ela e desça todo o caminho e escolha a opção Máscara. Você pode ver que o ícone da camada agora é alterado para uma máscara e a camada que está diretamente abaixo dela é mascarada automaticamente, se você quiser, e tem esse pequeno ícone. Essa é a camada de canoa. Agora, só para ressaltar, nós realmente não precisamos que essa camada seja mascarada porque ela está bem dentro do limite [inaudível] do design. Queremos que tudo o que está fora deste limite seja mascarado, mas eu vou salientar que, como todas as camadas estão em uma ordem muito específica, temos que ficar dentro dessa ordem o tempo todo. O que você precisa fazer é mascarar todas essas camadas, independentemente de elas estarem dentro ou fora do guia. Eu vou pegar a camada River, então mantenha pressionada Shift no meu teclado e selecione a camada base e agora cada camada selecionada, eu vou arrastar toda a pilha para baixo da canoa, então quando ela estiver recuada, Você pode apenas liberar. Agora, como você pode ver, nada realmente aconteceu exceto que todos os ícones de camada mudaram. Isso nos diz que eles estão mascarados, mas basta notar que você não vê o efeito da máscara até que você bloqueie as camadas. Para fazer isso, basta clicar no cadeado no topo, o que afetará todas as camadas em sua pilha de uma só vez. Aí está você. Agora, se você desbloquear as camadas, isso acontece e, como você pode ver, isso é um pouco impraticável. Se você quiser basicamente editar seu trabalho artístico ou descer até uma camada abaixo, o que você precisa fazer é lembrar de definir sua camada de máscara para contornar se você desbloquear as camadas, e então você pode facilmente trabalhar no camadas desbloqueadas porque você pode ver o que você está fazendo. Agora o que eu vou fazer é pegar minhas duas camadas de base que eu fiz logo no início. Eu quero fazer esses caras ir um pouco maior, você vai ver o porquê em um minuto. Eu vou arrastá-los para fora de debaixo da máscara e, em seguida, com a base selecionada, eu vou apertar “Q” no meu teclado para aumentar a escala. Deixe-me apenas bloquear rapidamente tudo para que possamos ver o que estou fazendo, mas eu vou desbloquear a camada base. Eu quero escalar isso e como você pode ver, ele está agora fora de todas essas camadas de máscara, então ele vai ser visível. Isso é ótimo, isso é exatamente o que eu quero, e então eu vou pegar minha segunda camada base e escalar isso para cima e nós temos nossa bela borda de volta em torno de tudo. O passo final é adicionar o banner. Vou fazer isso em cima de todas as minhas camadas. Vou usar a ferramenta de retângulo, clique e arraste para fora. É para aqui que a minha mensagem vai ser enviada. A bandeira parece ótima, mas eu realmente não gosto de como o rio continua por baixo dela. Prefiro que seja tudo de uma cor. Para fazer isso, vou criar uma camada dentro da máscara. Basta desenhar um retângulo verde escuro, ligar o cadeado, e lá vai você. Agora parece muito legal. Agora, se você quiser fazer com que pareça que está envolvendo seu crachá, maneira rápida e fácil de fazer isso é simplesmente adicionar um par de formas na parte inferior de sua pilha de camadas. O que eu vou fazer é adicionar uma camada debaixo de tudo e com a ferramenta de caneta, eu vou clicar do canto como este aqui, apenas um pequeno triângulo. Preencha com a mesma cor. Em seguida, basta selecioná-lo e copiá-lo e virá-lo e empurrá-lo para o lugar. Isso é realmente eficaz. Dá-lhe um acabamento muito agradável. Nesta fase, eu poderia ajustar minhas cores. Se você quiser ajustar seu paladar ou suas cores, você pode ir em frente e fazer as alterações que quiser. Eu realmente ajustar as cores do céu e do rio. O último toque, se você quiser ficar chique, é que você pode adicionar alguns reflexos na água para que ela não pareça tão plana e desinteressante. O que eu fiz foi usar a ferramenta de caneta e apenas desenhei algumas formas triangulares muito alongadas para dar o efeito de talvez reflexos das árvores e, em seguida, torná-las da mesma cor que o chão. Tudo o que eu fiz foi apenas duplicá-los, tentar parecer que eles poderiam ser como um reflexo e então copiar toda a seleção, virá-lo, e trazê-lo para o outro lado. Você pode fazer alguns pequenos ajustes para que eles não se espelhem exatamente um ao outro. Randomize-os um pouco para cima, e você pode até selecionar a forma inteira e Option ou Alt arrastá-la para copiar. Outra coisa que você pode fazer é usar a ferramenta de transformação para reduzir as formas ou até mesmo incliná-las arrastando a alça superior horizontalmente. Essa é a arte final final para o design do banner ou para o design do crachá. Estou feliz o suficiente por isso. Não vou trabalhar mais nisso. Experimente criar um design de crachá como este, se você puder e colocando algumas das técnicas para usar que cobrimos, como usar a ferramenta Laço para fazer desenhos ou seleções, e a ferramenta de gradiente. Quando você estiver pronto então, eu vou encontrá-lo na próxima seção, vamos olhar para recriar um design de cartaz icônico. 16. Configuração do projeto de pôster: Para configurar o nosso Canvas para este projeto, eu quero ter uma orientação retrato, então eu vou mudar a largura e a altura e, em seguida, clicar em “Criar”. Mas agora, se eu diminuir o zoom, você pode ver que é um pouco longo demais. Eu queria mostrar como você pode alterar suas configurações de documentos depois que você realmente criou um Canvas. Para fazer isso, vá para cima para modificar o documento e a partir daqui, você pode realmente alterar o tamanho e a largura. Se esta pequena corrente estiver quebrada ou desmarcada, então você pode mudar uma variável e a outra permanecerá a mesma. Vamos ver. Vou colocar 1.100 por 1.650, acertar “Ok”, e sim, isso parece perfeito. Para este projeto, vamos recriar um cartaz icônico do filme Star Wars. É um dos meus pôsteres favoritos. É de um artista chamado Ali Moss. Se você pesquisar imagens do Google Star Wars cartazes, ele geralmente aparece. É muito impressionante. É também um que tem influenciado muitos designs desde que foi criado pela primeira vez. Espero que Ali se importe se nos inspirarmos no seu trabalho e usarmos isto como uma oportunidade para recriar a aparência no nosso cartaz. Especificamente, eu quero ser capaz de mostrar como você pode usar técnicas de mascaramento e tentar recriar essa idéia de dupla exposição. O que eu fiz foi ir ao unsplash.com e fiz uma pesquisa por imagens livres de royalties para Star Wars. Na verdade, há uma tonelada de imagens incríveis para trabalhar aqui, e estas são todas completamente livres para usar. Encontrei esta grande foto do C3PO que vai funcionar muito bem. Também encontrei esta bela foto de Casey Horner, então também é livre de royalties. Podemos usar isso em nosso projeto. O que vou fazer é trabalhar com estes para recriar aquele cartaz. primeira coisa que eu fiz na imagem C3PO foi que eu obviamente queria ajustar ligeiramente a pose, porque eu queria que sua cabeça estivesse inclinada e seus ombros para ser ligeiramente inclinado, e realmente isso era apenas uma questão de Aprimeira coisa que eu fiz na imagem C3PO foi que eu obviamente queria ajustar ligeiramentea pose, porque eu queria que sua cabeça estivesse inclinada e seus ombros para ser ligeiramente inclinado, e realmente isso era apenas uma questão de trabalho muito áspero corte e colar com a ferramenta Lasso no photoshop. Não tem que ser perfeito, porque só estou rastreando. Mas eu só precisava de uma referência básica, então eu não me importava se a imagem real não parecesse acinzentada. Em seguida, no animate, agora vou importar isso. Vou mostrar-lhe como importar para a sua biblioteca. Em vez de escolher Importar para o Palco, escolha Importar para a Biblioteca, clique em “Ok” e, em seguida, o que acontece é que você não o vê na tela de desenho. O que você precisa fazer é encontrá-lo em sua biblioteca. Se a sua biblioteca não estiver aqui à direita, basta ir até o Windows ou a Janela e selecioná-la neste menu suspenso. Aqui está a minha biblioteca. Eu vou arrastá-lo para cima e se eu clicar na minha imagem, você pode ver que este é o que eu acabei de importar, então eu vou arrastá-lo para o palco ou Canvas e dimensioná-lo para baixo no lugar. Perfeito. Essa é a minha fase de configuração, e na próxima lição, eu vou mostrar a vocês como começar a recriar e rastrear essa imagem. 17. Contorno da imagem: Nesta lição, vou delinear a imagem e agora terminar com cor. É um processo muito, muito simples. Vou simplesmente pegar a ferramenta Caneta e começar a clicar em torno da tela e traçar minha foto. Estou sendo cuidadoso com o esboço. Mas fique ciente de que eu também vou voltar depois eu fiz a passagem inicial e realmente começar a refinar os pontos vetoriais. Nesta fase, não importa se você comete erros com esse processo de rastreamento. Só queria que soubesse que pode consertar ou ajustar a linha mais tarde. Eu trabalhei todo o caminho, agora eu vou desligar a camada de fotos e você pode realmente ver o contorno. Parece bem. O que vou fazer agora é ampliar e arrumar a forma. Se for difícil ver o que você rastreou porque a linha está no caminho, o que você pode fazer é ir para a pilha de camadas novamente e apenas definir essa camada para contornar. O que isso vai fazer é apenas dar-lhe uma melhor chance de ver sua referência de foto muito claramente, então você pode entrar, você ainda pode editar a linha mesmo que esteja no modo de esboço. Eu uso uma combinação de apenas mover a linha em si e usar a ferramenta de subseleção se eu quiser ajustar qualquer ponto vetorial específico individualmente. Acredite ou não, não demora muito para fazer isso. Agora que está finalizado, estou muito feliz com isso como uma silhueta e posso me livrar dessa camada de fotos por enquanto e começar a adicionar cor. Vou clicar na minha cor de preenchimento e, a partir das amostras padrão, eu queria vermelho brilhante ou rosa, já que isso corresponde à referência para a qual estou trabalhando. Se você quiser, você também pode ajustar a cor aqui na janela de cores, refinar sua seleção se você acha que ela precisa e, em seguida, clicar na linha. Em seguida, clique duas vezes no contorno e livre-se disso. Agora está parecendo muito bom. O próximo passo será desenhar o contorno da paisagem. Lembre-se que isso é como um efeito de dupla exposição acontecendo e há uma paisagem de tatuagem dentro da silhueta do C-3PO. Eu realmente vou aproximar isso o melhor que eu puder. Novamente, você também pode ir em super perto e você pode mover sua linha ao redor e apenas tentar fazer com que pareça um contorno de estruturas e edifícios e coisas assim. Então eu vou preencher isso com uma cor vermelha mais escura, novamente fazendo quaisquer ajustes, bem como para o preenchimento e mover a linha ao redor. Essa é a melhor coisa sobre o trabalho vetorial, você pode simplesmente mover suas bordas e fazer com que pareça como quiser. Agora o que eu faço, eu quero mais uma camada aqui, mas em vez de redesenhar qualquer coisa, eu simplesmente vou selecionar esta camada aqui na pilha de camadas e como eu fiz em muitos outros projetos, eu vou duplicar a camada e agora selecionar a camada abaixo e mudar a cor dela aqui na janela de cores. Você não pode ver isso ainda na tela porque está embaixo, mas se eu usar as teclas de seta no meu teclado e apenas empurrá-lo para a vista, então você verá o efeito que isso tem. Em seguida, entre, faça os ajustes que você deseja para que as duas camadas não sejam exatamente as mesmas. Há uma ligeira variação. Eu poderia até adicionar a isso com a ferramenta de forma e ajustá-lo. Por enquanto, isso parece muito bom. Ainda há um pouco mais a percorrer em termos desta paisagem. O que farei é, na próxima lição, guiarei você pela próxima fase. 18. Criação da paisagem com formas: Na lição anterior, fizemos caminhos básicos na paisagem e parece bem. Mas se você quiser adicionar mais detalhes, então você sempre pode apenas adicionar pedaços e pedaços como você vê isso, assim como eu estou fazendo. Uma vez que eu estou feliz, embora eu vou começar na seção preta principal que cria a silhueta muito marcante na paisagem de primeiro plano. Novamente, eu vou usar a ferramenta Caneta e desenhar essa forma, e depois preenchê-lo com preto, e, em seguida, excluir o contorno assim que eu terminar. O próximo passo é criar algum tipo de estruturas de estilo de nave espacial ou edifícios que são muito mais definidos do que as formas orgânicas de fundo. Estes vão ter que contrastar com aquelas formas de solo macio que são vistas no fundo em camadas. O que eu vou fazer é usar a ferramenta Forma, e começar apenas a desenhar formas quadradas angulares como esta. Eu queria salientar que quando se trata de adicionar detalhes, você vai ver que eu sou realmente apenas classificar formas abstratas para caber na cena, e eu acho que é importante notar que, porque de forma alguma eu estou tentando aproximar um edifício ou um paisagem, eu estou pensando em vez de apenas formas composicionais. Se você fizer isso, é muito mais fácil e muito mais rápido fazer um projeto como este. Eu acho que também torna melhor em geral porque a composição , em seguida, acaba por ser muito mais simples e, portanto, muito mais visualmente clara. Estou usando uma combinação de adicionar formas com o retângulo e, em seguida, também usando a ferramenta Seleção para excluir a forma simplesmente arrastando através do preenchimento e, em seguida, pressionando backspace para excluir, e essa é, na verdade, uma maneira muito eficaz de moldar um objeto. Você pode obter super detalhado aqui, e eu provavelmente estou ficando um pouco empolgado, eu continuo dizendo mantê-lo simples, mas você pode ver como é fácil adicionar detalhes em cima de detalhes. Pelo menos esta é uma silhueta, por isso não é muito ruim, ainda vai ler como uma imagem muito gráfica e forte. A próxima fase será apenas uma máscara de todas essas camadas, para que elas se encaixem na silhueta C-3PO, e depois adicione a textura para o céu. São os dois últimos passos que restam neste processo. Vejo-te na próxima lição. 19. Criação da máscara: A camada de máscara é realmente incrivelmente fácil de fazer, e na verdade, eu diria que todo o trabalho detalhado muito tedioso e complicado é feito neste projeto. Isto é realmente muito perto de ser terminado trabalho artístico. Você verá que ao adicionar uma máscara, faz com que tudo isso se junte, e realmente, faz com que o pôster pareça completo em apenas um clique. Nesta lição, vamos fazer exatamente isso. A primeira coisa que vou fazer é organizar minhas camadas. Na camada inferior, vou clicar duas vezes e renomear essa BASE. Então esta camada, eu vou chamar BG_3, este é BG_2, e este principal é BG_1. A camada superior não tem nada nele. O que eu vou fazer é copiar todo o conteúdo da minha camada BASE, em seguida, clicar na parte superior, e usar o atalho de teclado Command ou Control mais Shift e V para colá-lo no lugar. Isso irá colá-lo exatamente no mesmo lugar que a camada BASE. Então eu vou renomear esta camada MASK_LAYER. Agora tudo que você precisa fazer é simplesmente clicar com o botão direito do mouse e escolher Máscara. Como você pode ver, eu só preciso arrastar as outras camadas para cima daquela máscara e, em seguida, bloquear tudo, e você verá o efeito em simplesmente. Se você quiser voltar e fazer mais edições ou ajustes em seu trabalho artístico, certifique-se de transformar seu MASK_LAYER em um contorno para que, se você desbloquear camadas específicas, você possa realmente ver seu trabalho artístico. Isso tudo parece muito bom. A única coisa que esqueci de fazer é fazer as dobradiças para os braços do C-3PO, então vou fazer isso rapidamente. Eu vou fazê-lo exatamente da mesma maneira que eu fiz alguns desses edifícios e naves espaciais tipos de estruturas. Vou simplesmente usar um retângulo, a ferramenta de seleção, e criar formas genéricas. Não sei como lhes chamam, coisas hidráulicas para os braços dele. Uma coisa a notar é que eu vou ter que adicionar isso em uma camada acima do MASK_LAYER, porque se eu adicioná-los abaixo, eles desapareceriam. A fase final será adicionar aquela foto do céu que baixei do Unsplash. Vou repassar isso com você na próxima lição, e explicar como você pode transformar qualquer imagem em um símbolo, a fim de adicionar efeitos nela. 20. Adição de um bitmap como um textura no Adobe Animate: A última etapa neste projeto será adicionar a textura de bitmap e colocar alguns efeitos para que ela realmente funcione para esta imagem. O que eu vou fazer para começar é criar uma nova camada no topo da pilha. Então vou até Arquivo, Importar para Biblioteca, Importar para Biblioteca, e escolherei a imagem do céu que obtive do unsplash.com. Em seguida, abra a biblioteca e você vai encontrar a imagem lá. Agora, quando eu arrastá-lo para o palco ou para o Canvas, vai ser muito grande. Se isso acontecer, basta reduzi-lo e colocá-lo sobre a arte como quiser, algo assim. Você poderia usar isso obviamente como um fundo, mas o que eu quero fazer é realmente mascará-lo fora dentro da obra de arte para que ele pareça ou dê esse efeito da dupla exposição. Vou arrastá-lo para baixo da máscara e dar uma olhada lá. Parece bom, mas não consigo ver todas as paisagens de fundo que fiz. Se você quiser usar a imagem assim e depois misturá-la com as camadas abaixo dela, mostrarei algumas opções que você pode fazer aqui no Animate com algo assim. Como esta é uma foto dentro do Animate, você realmente não pode editá-la em grande medida, como você não pode alterá-la da maneira que pode no Photoshop, mas pode aplicar alguns efeitos. Para fazer isso, você vai precisar converter esta foto ou esta imagem em um símbolo. Um símbolo no Adobe Animate é simplesmente um ativo que pode ser animado, pode ter efeitos ou pode ser reutilizado várias vezes como uma instância de si mesmo, em vez de se duplicar. Não precisamos nos preocupar com instâncias porque estamos usando apenas uma vez, e também não estamos animando. Então você não tem que se preocupar com isso. Mas vamos aplicar alguns efeitos como opacidade e matiz. Para torná-lo em símbolo, vá para Modificar, Converter em Símbolo. Aqui, você pode dar um nome a ele. O tipo deve ser gráfico, e então você pode clicar em “Ok”. Agora, se você for até o painel Propriedades, eu vou arrastá-lo para que você possa realmente vê-lo um pouco melhor. Você verá que, como este é um símbolo, há mais algumas opções disponíveis. Se eu clicar neste menu suspenso, ele será definido como nenhum. Os efeitos são definidos como nenhum, mas você pode escolher uma dessas opções. Você tem matiz. Se você escolher matiz, você pode escolher uma cor como vermelho. Você pode afetar a força dessa tonalidade. Se você entrar em Alpha, você pode ver que isso é algo agora que começa a parecer muito interessante e está se aproximando muito do efeito de dupla exposição que queremos. Você também pode usar a camada em si como seu modo de mesclagem de opacidade. Para fazer isso, basta clicar com o botão direito do mouse na “Camada” e baixar a opacidade. Ao fazer isso, você verá um pequeno ícone na camada real para indicar que há transparência. Outra opção é voltar para Efeitos e escolher Avançado. Aqui, você pode realmente mudar o Alfa, bem como a cor. Meu último passo, vou adicionar uma cor de fundo. Para isso, tudo o que vou fazer é criar uma camada na parte inferior da pilha, fora das camadas mascaradas, e depois arrastar um retângulo. Quase me esqueci de um último detalhe. Para finalizá-lo, tenho que dar C-3PO nos olhos dele. Esqueci-me completamente de os pôr. Isso é muito fácil. São dois círculos, mas o que eu vou fazer é fazer cada olho em uma camada separada para que possamos ter um sendo ligeiramente diferente do outro. Vou copiar isto para uma nova camada, arrastá-lo para debaixo da camada do céu. Já tem um pouco de efeito, mas eu poderia até diminuir a opacidade dessa camada. Isso é perfeito. Essa é a nossa arte para o cartaz, completamente acabada. Nós só precisamos adicionar texto a este cartaz, mas vamos abordar isso na próxima seção, onde mostrarei como trabalhar com texto dentro do Adobe Animate. 21. Introdução à tipografia no Adobe Animate: Trabalhar com o tipo no Adobe Animate é muito simples. Nesta lição, vou mostrar o básico de como aplicar o tipo ao seu trabalho artístico. Para fazer isso, vamos voltar ao design do logotipo em que trabalhamos em uma das lições anteriores. O que eu vou fazer é colocar toda a minha arte em uma pasta e eu vou clicar duas vezes sobre isso para nomeá-lo, e eu vou chamá-lo de gráfico. Então eu vou pegar todas essas camadas e colocá-las lá dentro. Agora posso fechar isso. Eu posso até selecionar a pasta em si, pegar a coisa toda, e dimensioná-la para baixo. Se eu apertar “Command” ou “Control” mais o ponto-e-vírgula, então eu posso ver minhas réguas e guias e escalá-lo e encaixá-lo exatamente como eu quero. Quero que o texto passe por baixo desta imagem. Vou criar uma nova camada e, em seguida, simplesmente pegar a ferramenta Tipo ou pressionar “T” no teclado. Quando você clica na tela, você pode digitar o texto. Então aqui, em Propriedades, como sempre, é aqui que você pode alterar os parâmetros deste texto. Você pode escolher fontes no menu suspenso como faria em qualquer outro programa de design. Aqui você pode alterar o tamanho. Você também pode inserir valores manualmente se quiser que sua fonte seja muito grande. Para alterar a cor, basta selecionar aqui, escolher a cor que quiser com o seletor de cores. Como você pode ver, é realmente fácil mudar a fonte, adicionar novas camadas, e digitar acima da primeira camada assim. Isto é tudo muito simples. Vamos olhar para realmente personalizar este tipo um pouco. Para mudá-lo, eu vou saltar para este projeto, o do leão, eu vou digitar um pouco de texto para fora, digamos, isso é simplesmente marca leão. Vou movê-lo para cá. Vou apenas criar uma linha usando as mesmas sessões de perfil que o desenho. Como eu disse, você pode mudar sua cor. Vamos deixar laranja por enquanto. Agora, isso é tudo um campo de texto editável. Mas se você quiser editar as letras individualmente, o que você pode fazer é usar um comando muito útil que irá dividir tudo isso em letras individuais. Esse é o Comando ou Controle, além disso, B. Esse é o comando de separação. Como você pode ver, agora eu tenho cada um desses que eu posso mover e meio que eficaz a colocação se eu quiser, enquanto mantê-los todos ainda editáveis, se eu realmente quisesse mudar uma dessas cartas. Você pode então separá-los ainda mais. Isso vai convertê-los de tipo editável em peças reais de cor de preenchimento. Aqui você pode realmente alterá-los e personalizar cada letra para fazer uma marca muito única. Você também pode clicar e arrastar uma seleção, excluir parte da marca completamente. Há muito que você pode fazer, há muito potencial e flexibilidade com isso. Outra coisa que vou te mostrar é se você quiser mascarar as letras, vamos por exemplo, trazer uma imagem de um fogo, algo assim, só para mostrar, eu vou colocá-lo embaixo das letras. Então, na camada de letras, eu transformo isso em uma máscara e você pode ver esse efeito. Além disso, se você queria colocar contornos em suas cartas, então o que você pode fazer é, eu mostrei a você antes, pegar a “Ferramenta de garrafa de tinta”, e adicionar um traço a cada um deles. Isso pode realmente personalizar a aparência do texto. Mas lembre-se de fazer esta parte, você teria que separá-los para que seu preenchimento e não texto editável. Enquanto animate realmente dá toneladas de espaço para criar e projetar imagens em um espaço vetorial que eu acho que é apenas um fluxo de trabalho muito simples e intuitivo, existem algumas limitações para o texto. Para isso, convém trazer seus gráficos para um programa como o Illustrator e trabalhar com tipos e fontes lá. Nos próximos vídeos, vou mostrar como você pode exportar seus arquivos se quiser entregá-los como JPEGs e, principalmente, como exportar seus arquivos e enviá-los para o Adobe Illustrator. 22. Como exportar imagens do Adobe Animate: Ao chegarmos ao fim da aula, quero mostrar algumas maneiras de exportar sua arte. Uma das primeiras maneiras seria simplesmente exportar uma imagem flash e, para fazer isso, você vai para Arquivo e escolha “Exportar”. Mas agora você pode ver que existem, na verdade, algumas opções. Existem algumas opções para exportar e, na verdade, há duas opções de imagem diferentes. Vou explicar a diferença aqui. Legado refere-se à maneira antiga quando este programa costumava ser chamado flash e então o que isso faz se você escolher o “Export legacy” é apenas que ele lhe dá a opção de exportar de forma simples e rápida um padrão formatos de arquivo comuns como JPEG ou PNG Você pode escolher isso aqui neste menu suspenso. Vamos escolher JPEG e, em seguida, aqui você pode verificar suas dimensões e verificar se elas são iguais ao seu documento. Você também pode decidir se você quer que a resolução seja alta para impressão, talvez algo como 300, e como sempre, eu vou apontar apenas para garantir que a qualidade é sempre definido para 100 se esta é a sua exportação final para entrega. Se você quiser enviar uma imagem para o cliente, certifique-se de que está em 100. Se você quiser exportar uma versão de teste rápida para si mesmo e você não precisa de um arquivo grande, você pode defini-lo mais baixo, mas eu tendem a apenas definir isso para 100. Vamos olhar para a outra opção então. A outra opção é simplesmente exportar imagem. Isso vai lhe dar toda essa tela de aparência complicada e , essencialmente, isso só lhe dá a mesma saída que você pode escolher JPEG ou PNG. Vamos agora exportar os ícones que criamos. Digamos que você queira exportar individualmente estes, mas você quer um arquivo que será limitado às proporções exatas do trabalho artístico. Vou copiar este ícone em um novo documento para mostrar uma maneira de fazê-lo. Uma vez que esteja lá no meu palco ou no meu Canvas, vou até ao documento “Modificar” e, em seguida, vou verificar ou clicar neste “Match content”. Agora eu tenho um documento que se encaixa exatamente no meu trabalho artístico. Se eu for para “Exportar imagem”, escolherei “PNG” para isso. Vou certificar-me de que esta transparência está ligada. Tudo o resto é bom e posso exportar cada um. Na próxima lição, mostrarei como agora você pode enviar arte vetorial criada no Adobe Animate para o Adobe Illustrator de uma forma que ainda seja editável diretamente. Você ainda pode alterar as cores ou alterar o texto ou qualquer coisa assim e isso é realmente útil se você precisar entregar sua arte final para o seu cliente como um arquivo de ilustração real. Digamos, por exemplo, que você recebe um resumo e foi muito mais rápido e fácil criar a arte no Adobe Animate. Mas o cliente queria receber um arquivo do Illustrator que é o que você pode fazer. É um processo muito, muito simples de copiar ou exportar seu arquivo para que ele possa ser aberto no Illustrator e em outras edições. 23. Envio de arquivos do Adobe Animate para o Adobe Illustrator: Nesta última lição, vou mostrar-lhe como enviar seus arquivos animados para ilustração. Como eu disse, isso é muito útil para saber em situações em que você criou uma arte complexa no Adobe Animate, mas seu cliente quer receber o arquivo final como um arquivo de ilustração. Vou mostrar esse processo usando meu design de pôster e adicionei algum tipo ao vivo aqui para que possamos ver que quando ele chegar no Illustrator, você ainda poderá editá-lo. Se você for até Arquivo e escolher Exportar imagem, esta opção só lhe dará a capacidade de exportar como PNG ou JPEG neste menu suspenso. Tanto quanto eu posso dizer, isso não vai funcionar para nós porque o que isso faz é basicamente nivelar a arte e quando você abre no Illustrator, você não pode mudar nada. O que queremos são blocos editáveis e coisas assim. Vamos cancelar isso e fazer uma nota para não escolher essa. Em vez disso, volte para Opções de exportação e, desta vez, basta escolher Legado. Nesta caixa de diálogo simples, o menu suspenso lhe dará a opção de escolher SVG aqui mesmo. SVG, como você provavelmente sabe, significa gráfico vetorial escalável, e esse é o que queremos. Esta opção vai manter todas as nossas partes e vetores como ao vivo e editável. Faça isso, clique em “Salvar”. Em seguida, nas sessões, você pode optar por ter suas imagens incorporadas ou vinculadas a uma pasta. A imagem, por exemplo, desse cara. Eu só vou com embutido por enquanto. Basta clicar em “Ok”. Agora aqui está o meu cartaz, 1.svg. Mas posso dizer pelas notas que não está funcionando muito bem. Mas vamos abrir o Illustrator e ver o que temos. Aqui está, está tudo aqui, a foto aqui. Mas, como você pode ver, a questão é que a transparência que usamos na foto dentro do Animate está faltando. De alguma forma, não traduziu. Mas você pode ver que todas as minhas camadas estão aqui como grupos e se eu arrastá-las em torno de tudo o que eu trabalhei está lá. Na verdade, é realmente incrível corrigir a transparência. É apenas uma coisa muito simples. Você só precisa voltar para fora do painel Camadas e ir para o painel Propriedades e escrever aqui, basta arrastar a opacidade dessa camada ou desse grupo para o que tínhamos antes, que eu acho que era cerca de 50% e ta-da, É exatamente a mesma obra de arte. Agora você pode alterar seu texto, você pode mudar as cores. Você pode fazer qualquer coisa que o ilustrador é que você quer fazer a fim entregar o seu arquivo para o seu cliente ou trabalhar nisso ainda mais. Mas para mim, de qualquer maneira, o ponto é que eu não tive que trabalhar através processos de ilustração difíceis e embaraçosos para criar isso. Desculpe, mas esse é o meu ponto de vista vindo aqui sobre o Illustrator, não sou fã do Illustrator. Mas espero ter demonstrado ao longo desta classe que você pode, pelo menos criar uma arte vetorial fabulosa no Adobe Animate. É tão fácil e você ainda pode trazê-lo para o Illustrator se precisar. Como estamos no final da aula, tudo o que me resta dizer é que eu realmente espero que você tenha sido capaz de ver a utilidade deste aplicativo do Adobe Animate como uma ferramenta de design. Se você é como eu e você é completamente avesso a usar o Illustrator, agora você tem uma opção maravilhosa para arte vetorial e espero que você tenha um monte de diversão criando a partir daqui [inaudível]. Muito obrigado por passar um tempo comigo durante esta aula e durante as lições. Espero que tenha aprendido muito. Por favor, me envie uma mensagem se tiver alguma dúvida. Eu estou ansioso para ouvir de você, e eu estou ansioso para ver seu trabalho. Obrigado novamente por estar aqui e te vejo na próxima aula.