Como fazer um logotipo animado divertido usando o Procreate 5X

1. Introdução: Não seria legal ter um logotipo animado divertido para o seu site pessoal ou negócio? Se você acha que sim, esta é a classe para você. Alerta de spoiler. É mais fácil do que pensa. Oi. Meu nome é Chris Piascik. Sou ilustrador e, por vezes, animador com formação em design gráfico. Criei ilustrações e animações para marcas como Nickelodeon, Google, Adidas e até mesmo Cartoon Network. Nesta classe, vamos ilustrar e projetar um logotipo divertido, vamos configurar um arquivo para animação no Procreate, vamos fazer seu logotipo balançar, ou vibrar, vamos criar um loop animado de morphing, e então vamos exportar seu logotipo para usos diferentes. Esta como uma classe de nível iniciante que deve ser acessível a um amplo espectro de pessoas. Você nem precisa ser bom em desenhar para fazer essa aula. Você não precisa de nenhuma experiência de animação anterior ou qualquer coisa assim. Pode ser útil se você tiver passado algum tempo brincando com o Procreate. Mas mesmo que não tenha, tudo bem. Tudo o que você precisa para este curso é um iPad, um lápis Apple e o app Procreate. Isso é certo. Você nem precisa de um computador para criar uma animação incrível. Mostrarei várias técnicas para criar um tipo de logotipo personalizado, mesmo que você não tenha nenhuma experiência prévia de topografia ou lettering. Se o fizeres, melhor ainda. Aprender a animar um logotipo nesta aula, ensinará as habilidades básicas de animação no processo quadro a quadro. Isso proporcionará um ótimo ponto de partida se você decidir que gostaria de explorar ainda mais a animação. No final desta aula, você poderá criar suas próprias animações simples usando o Procreate no iPad. 2. O projeto: O projeto para esta classe é criar um logotipo ilustrativo divertido e , em seguida, dar-lhe vida através de alguma animação simples usando Procreate no iPad. Em primeiro lugar, ideias de brainstorm e pesquisa. Em seguida, vamos esboçar idéias diferentes. Em seguida, vamos reduzir nossos esboços, apertar e refinar um deles para usar como nosso logotipo final. Finalmente, vamos exportar nossa animação e compartilhá-la. Por favor, compartilhe seus projetos finais na galeria do projeto para que todos possamos verificá-los. Como sempre, fornecerei feedback para cada um deles. Além disso, sinta-se livre para compartilhar seus logotipos criados antes de começar a animá-los também. Será divertido ver de onde você está começando. 3. Brainstorm e pesquisa: O primeiro passo na criação de algo sempre requer alguma pesquisa e brainstorming. Fazer um logotipo para si mesmo não é diferente. Você precisa considerar o que você quer que o logotipo expresse. Deve ser sério ou deve ser bobagem? Deveria estar em algum lugar no meio? Se você está criando um logotipo para você mesmo, você quer ter uma marca que expresse a vibração que você emite ou seu trabalho emite para que ele se sinta coeso com o resto do seu trabalho. Como ilustrador, quero que meu logotipo reflicta o tipo de trabalho que faço. Meu trabalho é feito à mão, meio pateta, um pouco idiota, ou um pouco estranho. então eu não gostaria de ter um logotipo muito sério. Eu também provavelmente não iria querer um logotipo que foi feito de uma fonte específica ou algo parecido, uma vez que um monte de letras mão é uma grande parte do que eu faço. Um bom primeiro passo seria olhar para um monte de logotipos diferentes e salvar aqueles que você gosta ou ressoa com você em um quadro do Pinterest, ou até mesmo apenas uma pasta no seu desktop, ou uma pasta no seu telefone. Eu não me importo qual é a pasta, isso depende de você. Confira as pessoas que fazem coisas semelhantes às que você faz. ver o que eles estão usando para um logotipo. Se você estiver criando um logotipo para usar em um site de portfólio, lembre-se de que o simples geralmente é melhor. Você não quer que seu logotipo prejudique qualquer trabalho em seu site. Afinal, é por isso que você tem o site. Você quer mostrar o seu trabalho. Outra coisa a ter em mente é que seu logotipo precisa funcionar e ser legível em um tamanho pequeno. esse respeito, bem como, simples geralmente é melhor. Apesar de estarmos desenhando nosso logotipo final e animando-o manualmente no Procreate, você pode começar com um tipo de letra existente se quiser. Rastrear sobre uma fonte existente pode adicionar muita energia a algo que de outra forma pode vir a ser contundente, especialmente, quando adicionamos algum movimento a ele, vamos mexer esse corte direto para fora dele. 4. Exercício 1: animar com fontes: Eu não sei quanto a você, mas para mim, fazer um logotipo para mim é esmagador, e você pode pensar, bem, você só vai fazer algo simples. Bem, isso também é difícil, então em vez de mergulhar nisso, vamos nos soltar e entrar e animar algo. Que melhor maneira de se divertir do que apenas fazer uma pequena animação rápida. Quero dizer, acho que há outras maneiras de se divertir, mas isso também é muito divertido. Para este primeiro exercício, não vamos nem desenhar nada, vamos apenas usar alguns tipos de letra no Procreate e apenas fazer uma pequena animação de três quadros, e você vai se surpreender como é legal, Ou talvez não. Eu acho que você vai embora. Acho que você pode se surpreender. Depois de fazermos isso, escolheremos uma fonte existente, e então faremos uma animação desenhada à mão baseada nesse tipo de letra. Pode parecer um pouco confuso, mas siga e fará sentido. Depois de fazermos estes pequenos exercícios, então podemos mergulhar no trabalho duro real de fazer um logotipo que funcione para nós mesmos. Para começar, vamos apenas fazer um novo documento. Nós acertamos a vantagem no topo no Procreate. Você pode simplesmente escolher a primeira opção, o quadrado, 2048 por 2048. É um tamanho muito bom para criar uma animação simples. Ele oferece pixels suficientes para que você tenha flexibilidade suficiente quando estiver desenhando, mas também não seja tão grande que o arquivo se torne complicado enquanto você está trabalhando. O que vamos fazer é clicar na chave inglesa no topo e vamos para Canvas e depois selecionar “Animation Assist”. Quando ligar isso, verá que essa pequena linha do tempo aparece no fundo. Em seguida, vamos clicar em “Adicionar”, e então podemos escolher Adicionar texto. Agora nós temos esta pequena caixa de texto aqui e você pode ir em frente e colocar seu nome ou qualquer outra coisa que você quiser fazer. Vou fazer meu nome, Chris Piascik, e agora podemos destacá-lo tocando duas vezes e podemos escolher algumas fontes. Não pense muito nisso, só estamos brincando, mas você pode escolher sua fonte aqui, você pode ajustar o tamanho com esta pequena barra legal, você pode ajustar o espaçamento entre as letras, e se você quiser que ele ocupe mais espaço, você pode ampliar a caixa. Você pode esticar a caixa de texto e assim se ela ficar maior, você pode ocupar mais espaço. Vou espalhar essas cartas um pouco e agora vou clicar em “Adicionar um Quadro” na linha do tempo. Agora que temos este novo quadro, vamos em frente e clicar na chave inglesa e adicionar texto novamente. Vamos digitar o mesmo nome que você fez antes, ou uma palavra ou qualquer outra coisa, e vamos escolher uma fonte diferente desta vez. Eu vou apenas fazer a versão ousada do futuro, e fazer minha caixa de texto maior para que eu possa tentar combinar o tamanho. Para fazer isso o que estamos fazendo funcionar, você quer tentar fazer com que suas cartas alinhem tão bem quanto você pode, para que você possa ajustar isso com o tamanho, ou o rastreamento das letras. Não precisa ser perfeito, mas ajudará a tornar a animação um pouco mais suave se eles se alinharem muito bem. Está bem, fixe. Vamos adicionar outro quadro e você verá que podemos ver ambos os nossos quadros anteriores. Isso pode ser um pouco confuso, então se formos para Configurações, você pode arrastar esses quadros de pele de cebola para baixo para um e isso vai mostrar a você o anterior ou o próximo quadro, e se você quiser que essa opacidade seja um pouco mais tarde, você pode arrastar isso para baixo. Vamos entrar e adicionar texto, e vamos fazer a mesma coisa novamente. Vamos digitar a mesma palavra. Estou dando as minhas maiúsculas, mas você não tem que fazer isso. Estou percebendo agora nesta linha do tempo que toda vez que adicionamos texto, ele cria um novo quadro e não é isso que queremos. Deixe-me mostrar-lhe como consertar isso. Acho que, às vezes, ao fazer essas demonstrações, quando há erros, gosto de deixá-los lá porque, caso isso aconteça com você, você pode ficar confuso. Toda vez que eu adiciono um quadro, ele está fazendo uma nova camada e eles aparecem aqui em baixo, mas cada vez que eu adiciono texto, ele também faz uma nova camada, então tudo o que temos que fazer é apenas nos livrar daqueles que não são os textos. Agora você verá que temos cada um dos nossos quadros. Este é o nosso novo tipo. Agora queremos fazer a mesma coisa também queremos alinhá-lo com o outro tipo e queremos realçá-lo, toque duas vezes nele, e vamos escolher uma fonte diferente desta vez. Vamos ver. Eu vou usar uma das minhas próprias fontes que eu fiz, então eu vou alinhar isso e, em seguida, apertar “Concluído”. É um pouco mais fácil de ver aqui, e depois ajusto isso um pouco mais. Vamos ajustar o espaçamento um pouco mais. Está bem, fixe. Isso é melhor. Agora temos os três. Agora, se formos até a nossa linha do tempo e pudermos clicar em “Play”, e você pode ver ciclos entre eles muito rapidamente, para que possamos ajustar essa velocidade aqui. Podemos derrubar isso. Uma taxa de quadros de animação típica é de 12 quadros por segundo. Isso é chamado de animação em dois, porque vídeo tradicional tem 24 quadros por segundo, então vamos tentar 12. Isso é uma sensação muito agradável para ele. Vamos experimentar um pouco mais devagar. Diminua para oito para ver o que parece. Acho que gosto disso para este propósito. Cabe a você qual velocidade ou estilo você quer que ele se pareça. Outra coisa que podemos fazer é adicionar um pouco de cor se você quiser. Clique nesta primeira camada, destaque o tipo, e então podemos clicar na coisa de cor em cima. Eu quero fazer isso um vermelho, e então eu vou para o segundo, toque duas vezes e eu quero fazer aquele laranja. É quase como uma gradação e, em seguida, para este último, vamos fazer esta cor rosa. Isso é muito divertido. Agora temos um simples e legal tipo de tratamento animado e não tivemos que desenhar nada. Se você quisesse usar isso como está, você poderia ir em frente e ir para Compartilhar, e então você poderia apenas fazer GIF Animado, e lá vai você. Se você quisesse sem um plano de fundo, você poderia apenas ativar Fundo Transparente e você simplesmente escolheria onde você salvá-lo. 5. Exercício 2: começando com uma fonte: Assim como da última vez que vamos começar clicando na pequena barra de ferramentas no topo. Um pequeno ícone de chave inglesa. Vamos para Adicionar à primeira seleção e, em seguida, Adicionar texto. Então vamos digitar nossa palavra ou nome. Vou usar meu nome de novo. Eu vou lutar com ele querendo capitalizá-lo automaticamente porque eu quero mantê-lo em minúsculas para isso. Então, uma vez que você digitou, você pode tocar duas vezes nele para realçá-lo. Então podemos mudar nossa fonte. Vou escolher uma fonte que eu mesmo criei. Vou mostrar-lhe como importar isso. Importe o tipo de letra se quiser usar algo que ainda não esteja disponível no Procreate. Se você clicar aqui no lado direito desta janela de opções, você verá a fonte de importação. Nós clicamos nisso. Você pode clicar neste pequeno ícone superior e escolher locais onde você tem sua fonte salva. Isto está no seu computador. Você só vai querer ter certeza de salvá-lo no seu iCloud Drive, Dropbox ou Creative Cloud, seja lá o que tiver sincronizado. Então, uma vez que você fizesse isso, você iria lá e encontraria. Eu já tenho o meu selecionado aqui. Você só aperta importar e quando eu escolher fontes eu vou ser capaz de entrar aqui e encontrar o tipo de letra que eu importei. Lá está ele. Eu vou fazer isso um pouco maior para esticar a caixa para que eu possa torná-la maior sem quebrar em duas linhas. Acho que isso parece bom. Agora vou centrá-lo no meu documento. Limpe algumas porcarias da minha tela. Agora estamos prontos para começar. Para esta versão, vamos rastrear isso duas vezes para criar aquela animação tradicional, vibração ou movimento. Vamos clicar nessa barra de ferramentas novamente. Vamos ao Canvas e depois ao Animation Assist. Agora que temos isso ligado, podemos descer aqui. Você verá que temos uma camada em branco no início, então podemos simplesmente arrastar isso para cima. Agora, quando selecionarmos esse quadro em branco, você verá que nosso nome ficou cinza para nos mostrar que está em um quadro separado, e agora podemos rastrear isso. Vou pegar meu pincel e começar a rastrear isso. Algumas dicas rápidas que podem ser úteis quando você está fazendo esse tipo de coisa. Como queremos manter isso bem preciso, gosto de trabalhar em linhas semelhantes de uma só vez para acertar o movimento. Também não fazer isso de manhã como eu estou agora geralmente é útil porque eu tenho mãos de café trêmulas. Quando você está rastreando isso, o que você quer ter em mente é que você quer tentar fazer um bom trabalho e tentar rastreá-lo com bastante precisão, que balançar e vibração será um resultado natural do processo de desenho. Quando você notou que a vibração na animação tradicional da velha escola, não é porque os animadores estavam tentando torná-la imperfeita, eles estavam realmente tentando torná-la o mais próximo possível, mas apenas a ação de desenhar algo uma e outra vez, há apenas variações sutis que você não pode realmente corrigir. Especialmente quando você está trabalhando com papel e lápis como as animações da velha escola. Preocupe-se em localizá-lo. Não tente torná-lo imperfeito. Você tenta torná-lo imperfeito, provavelmente vai ser uma diferença bastante dramática e isso vai fazer com que não pareça natural. Em vez de parecer um ritmo, vai parecer uma repetição que está a reflectir para frente e para trás. Eu vou apenas rastrear essas cartas tentando chegar o mais perto que eu puder e isso vai acelerar isso para que você não tenha que passar por todo esse processo. Depois de delinear tudo, você pode ir em frente e clicar e segurar a cor no canto superior direito e arrastá-la para suas letras para preenchê-las. Se você continuar segurando e não soltar, você notará que há um limiar de ColorDrop no topo. Isso permite que você encontre o quão bem ele preenche as letras. Eu gosto de levá-lo apenas para montar logo antes de ir longe demais e depois deixá-lo lá. Dessa forma, você garante que você obtenha um bom preenchimento limpo sem quaisquer bordas estranhas. Às vezes, você verá que você terá que ajustar essa configuração para letras diferentes por causa de como suas linhas são. Quando isso acontece, basta clicar e arrastar e ajustar esse limite um pouco. Agora vamos clicar em Adicionar um quadro e fazer isso mais uma vez. Agora que você rastreou três vezes, podemos ir e conferir nossa pequena animação. A primeira coisa que você quer fazer é clicar em Configurações e queremos reduzir nossa taxa de quadros para 12 quadros por segundo. É um bom lugar para começar, porque essa é a taxa de quadros tradicional para animação. Agora podemos acertar o jogo. Você vai ver que temos uma vibração agradável acontecendo. Verá que tudo parece normal. Eu acho que há uma coisa que se destaca para mim que está no A, projeta para a direita um pouco mais do que as outras letras. Se isso é algo que você quer ajustar, é fácil o suficiente. Basta pausar isto e percorrer os nossos quadros e podemos ver onde está o problema. O cinza é o próximo quadro e você pode ver que quadro ele salta um pouco para fora. Clique nesse e apague um pouco. Você vai notar agora que não podemos realmente ver o que está acontecendo, você vai ajustar nossas configurações aqui para tentar corrigir isso um pouco. Se você escolher essa opção Mesclar quadro principal, ela mostrará essa sobreposição. Faz com que seja agradável e fácil ver se queremos apagar isso. Vou pegar minha borracha e tirar um pouco disso. Agora, quando batemos em jogo, tem mais da mesma vibração que as outras letras têm. Olha, eu acho que parece muito bom. Eu quero experimentar agora com fazer uma taxa de quadros um pouco mais lenta, talvez 10, eu acho que seria bom. Acho que isso parece muito bom. Estou muito feliz com isso. Acho que isso é muito bom. Se você quiser usar isso como está, basta ir para o pequeno ícone de chave de ferramentas na parte superior e, em seguida, ir para Compartilhar e escolher GIF animado ou MP4 animado. Se você quiser sem um plano de fundo, basta clicar na opção Plano de fundo transparente e, em seguida, Exportar e você salvá-lo onde quiser e ele está pronto para ir. 6. Esboço com inspiração: Eu reuni alguma inspiração aqui para alguns outros logotipos que eu gostei. Estão em linha com o que eu estou indo para. Como mencionei, quero manter as coisas simples para mim. Eu só quero um simples tratamento de letras que tem a mesma vibe do meu trabalho. É muito solto e mais uma vez, o mais importante, simples. Estes são um monte de que eu gosto e eu guardo eles e apenas jogá-los juntos em um documento. Vou falar sobre eles rapidamente um pouco. Eu realmente gosto da simplicidade ousada deste logotipo Corey Danks. Gosto que pareça um tipo de letra, mas parece que é desenhado à mão. Eu acho que é apenas ousado e simples, eu gosto disso. Gosto da ideia de algum tipo de ícone. Não sei se isso vai funcionar para mim, mas é algo que estou considerando. Acho que esse Brandon Land é super divertido. Adoro esse retrato. Eu acho que este aqui é um pouco específico demais para Brandon. Eu só gosto disso. Acho que um retrato meu pode não funcionar. O logotipo do Killer Acid, eu acho incrível. Gosto do ícone ilustrado. Eu gosto dessa coisinha de cérebro com o tipo de embrulho em torno dele. Isso parece alinhado com as coisas que eu faço. Mas, novamente, acho que não quero um elemento ilustrado no meu. Mas quando você está coletando coisas que você gosta, pode não ser perfeitamente aplicável para o logotipo que você está fazendo, mas às vezes é apenas sobre inspiração e ficar animado. Para mim, acho que essa é a maior parte deste processo. Geralmente coleciono essas coisas e não trabalho muito com elas. Gosto de olhar para um monte de coisas e depois fico entusiasmado com as possibilidades, e depois saio daí. Vou mostrar-te mais concretamente como posso usar isto, mas não é tão directo como pensas. Mais uma vez, eu realmente amo a simplicidade ousada do logotipo de Kelsey e essas pequenas linhas gráficas no logotipo de Lisa Congdon. A incorporação desse lápis, acho divertido. Mary Kate McDevitt e Andy J. Pizza, esses estilos de letras, apenas muito simples, mas claramente feito à mão ou definitivamente em linha com o que eu estou indo para. Eles se parecem com o que tenho usado nos últimos 10 anos. Mas estou farto disso. Gosto deste guião feito à mão que o Jesse LeDoux tem aqui. Tanto no ícone L quanto no M em Mary Kate McDevitt, acho que são pequenos toques agradáveis. Acho que ter uma pequena marca L seria divertido. Mas, de novo, não sei. Necessariamente isso funcionará bem para mim. Então Christopher Delorenzo, Eu amo a simplicidade ousada e, em seguida, apenas como os pequenos pedaços de caráter, a ligadura HE, a linha no Z, apenas muito simples, mas muito elegante. Às vezes vou começar a desenhar numa página como esta. Talvez olhar para coisas específicas e ver como elas podem funcionar para mim. Eu poderia olhar para o logotipo do Andy e ver, como seria se eu tivesse algo parecido? Eu vou fazer uma nova camada e círculo, tendo meu nome, trabalhar através de letras simples e negrito como essa. Vou tirar alguma inspiração sem copiar. Talvez tentar outras coisas. Prestando atenção ao que eu gosto sobre este logotipo. É apenas a frouxidão e simplicidade, mas também as linhas de base em movimento onde não é perfeito, então talvez eu tente algumas coisas disso. Só não tentando copiar muito de perto, mas apenas vendo como meu nome será com algumas das coisas que se destacam para mim dentro do dele. Talvez essa coisa de roteiro solto. Pergunto-me se algo assim pode funcionar para mim. Apenas um roteiro solto e brincalhão onde você não está sendo muito perfeito. Sempre tenho dificuldade com o roteiro em meu nome. Senti que as cartas não funcionam muito bem. Talvez algo um pouco mais estático como Mary Kate McDevitt, apesar de ter muito caráter individual. Como o Boxy, então eu não sei, talvez ver como algo assim pode funcionar para mim. Novamente, não estou tentando ser cuidadoso, só estou brincando tentando algumas coisas. Às vezes, talvez nem termine. Gosto da forma o Ácido Assassino e a Kelsey Dake brincam um com o outro e depois se movem um pouco. Então talvez eu possa tentar algo ou ele está se movendo. Vou fazer o meu primeiro nome, solto assim e depois ver se consigo embrulhar o meu apelido na forma que sobrou. Apenas diversão. Se eu fizer algo assim ou eu acho que talvez tenha potencial, eu vou em frente e diminuir a opacidade e então talvez desenhar em cima dela, ver se eu posso trabalhar nisso e torná-lo um pouco melhor. Talvez trabalhando em como este R fica aqui, veja, usamos esse S para entrar naquele espaço e exagerar como eles brincam um com o outro. Você pode pensar sobre o espaço negativo e como eles podem trabalhar juntos. Então o H tem uma abertura larga na parte inferior e o A pode deslizar para dentro, talvez. Acho que está parecendo legal. Às vezes, continuo a fazer isto e a mudar um pouco à medida que vou. Tentando tentar coisas diferentes contaminadas como, talvez e se eu usar letras mais angulares. Como você vai notar, eu nem estou olhando para o logotipo que inicialmente me inspirou. Acho que isso é importante. Você pode ter alguma inspiração inicial, mas você definitivamente não quer copiar o que outra pessoa fez. Você quer que isso seja único para você. Normalmente eu não vou ficar nesta página muito tempo onde eu tenho os outros logotipos para cima, Eu só às vezes vamos usá-lo como alguma inspiração inicial. Acho que isso é muito legal por enquanto. Eu não vou ficar obcecada com isso em detalhes ainda. Talvez eu possa tentar, gosto dos objetivos do pateta, gosto de desenhá-los bobos. Eu não sei. Gosto da ideia de um crânio, porque é fodão, mas depois torná-lo pateta. Faz com que seja engraçado. Talvez isso possa ser alguma coisa. Talvez eu pudesse desenhar um crânio pateta e tentar enrolar o meu nome. Meio legal. Mais uma vez, abaixe a opacidade e tente de novo. Ver se consigo encaixar um pouco melhor. Deixe-me desenhar o crânio um pouco melhor. Pense em como as letras interagem com o espaço. Mais uma vez, eu gosto de ficar solto neste momento. Não quero me concentrar muito tempo em nenhum desses. Então, às vezes, você pode apenas ser pego em macarrão com um, um que irá impedi-lo de apenas fazer muitas acelerações. Vou manter isso em mente. 7. Mais esboço: Neste ponto, eu vou começar com um novo documento e eu vou começar a desenhar todo o grupo, apenas tentando brincar e descobrir alguma coisa. Às vezes vou começar o mais simples possível. Vou escrever meu nome em letras maiúsculas simples, e então talvez eu tente as letras minúsculas. Uma vez que você faz isso, você pode olhar para eles, ver se há algo que você percebe, qualquer tipo de combinação, onde eles poderiam se encaixar. Às vezes não há nada. Às vezes você nem sabe por onde começar. Às vezes, tento juntá-los de forma a que se tranquem um no outro. Vamos começar com o C, abrir assim e então talvez colocar o H lá dentro, e talvez nós podemos enrolar esta perna do R como um pequeno assento para o I e, em seguida, puxar o S para dentro, então ele meio que faz com que ele em uma forma como em oposição à letra individual, então eles estão interagindo uns com os outros. Você pode fazer o contador do P um pouco mais curto e depois enfiar o I abaixo dele. Exagerem o S para que ele volte para o espaço. Faça o mesmo com o C e coloque o I dentro, e então eu vou e torná-lo menor para não olhar para ele. Você pode criar uma nova camada se quiser ter mais flexibilidade. Você poderia tentar algumas letras gordas ou algo assim. Às vezes, nem sequer desenho a palavra toda. Só estou brincando com maneiras diferentes de escrever a palavra. Talvez algumas letras grosseiras estilo punk ou algo assim. Parece um logotipo desajustado ou algo assim. Experimente algumas variações de script. Talvez como uma dramática como essa, ou como uma mais tradicional em ângulo de script. Você poderia brincar com torná-lo mais decorativo, como talvez girar aquela parte do S sobre e usá-lo para pontuar o I. Eu acho que é tudo muito exigente e chique para mim, mas é uma coisa divertida de tentar. Às vezes, apenas fazer uma forma em torno das palavras faz com que pareça um logotipo. É como dar uma casinha para viver. Outra coisa a lembrar é, o que fará um logotipo parecer um logotipo é usá-lo como um logotipo. Pegue qualquer coisa, qualquer um desses e aperte e coloque no seu site ou algo assim. Vai parecer um logótipo. Você poderia colocar uma casinha nele e colocar algumas decorações. Se você está lutando com letras e isso é algo complicado para você, às vezes você pode se inspirar na fonte existente, ou você pode usá-los completamente. Você pode ir para Adicionar textos como fizemos no exercício, ver se há algo que se destaca para você. Talvez você possa entrar e encontrar algo que pareça que você quer, mas talvez você queira que ele se sinta um pouco mais solto. Eu sei que eu quero algo simples e ousado, então talvez eu vou colocá-lo em um futuro ousado, e então eu poderia ir e rastrear isso e ver se eu posso adicionar um pouco de caráter a ele para dar aquele olhar desenhado à mão que eu estou procurando. Vou baixar a opacidade dessa camada e fazer uma nova, rastreá-la, mas deixá-la mais solta. Adicionando um pouco de agitação para dar um pouco de grão. Rastreando vagamente na fonte existente pode ter um efeito divertido porque ele terá a estrutura, e proporções do tipo. Mas ele só vai ter um monte de caráter apenas introduzindo essa mão on-line. Mesmo que você tente rastreá-lo mais apertado, ele ainda terá aquele olhar. Eu definitivamente estou ficando mais solto e tentando fazer parecer mais, eu não sei, angustiado ou espancado. Se arrastarmos isto para cima, podemos voltar a ligar o original, o de cima. Apenas um rastreamento rápido, mas definitivamente se sente mais em linha com o que eu gostaria de fazer. Alguns caracteres mais do que apenas esse tipo reto não coincidem com o meu estilo de ilustração. 8. Esboço com formas: Outra coisa com a qual você pode brincar é começar com uma forma, então talvez você possa apenas rabiscar como uma forma de logotipo, e então usar isso como uma estrutura e tentar encaixar seu tipo nele. Coloque uma linha para dividir os dois, meu primeiro e sobrenome. Vou usar isso como uma grade. Estou diminuindo a opacidade e vou fazer uma nova camada. Então eu vou desenhar o meu tipo aqui. O primeiro passo será mapeá-lo para fora e fazer uma grade solta, então eu vou apenas manter letras muito simples. Basta colocá-los aqui para ver quanto espaço eles vão ocupar. Às vezes você não vai entender isso imediatamente, mas é por isso que estamos mantendo isso simples. Neste ponto eu vou diminuir a opacidade, e então usar isso como um guia para torná-lo um pouco melhor. Tínhamos espaço extra aqui. Vou afrouxar isso um pouco para obter um espaçamento mais consistente. Aumente o primeiro e reduza a opacidade deste. Agora, uma vez que temos este guia para trabalhar, eu vou tentar fazer as letras, ter um pouco mais de caráter e encaixar o espaço um no outro um pouco mais, tentando seguir essa forma externa. Então talvez eu use isso como o lado do mar. Tenta desenhar essa letra para caber nas bordas. Você poderia fazer o mesmo com o H. Traga-o para aquelas linhas. Talvez com o R, eu vou usar esta perna e puxá-la baixo apenas para fazer com que se sinta mais como uma peça trancada em vez de letras individuais, então ele preenche o espaço um pouco mais. Teremos um espaço vazio na parte inferior do P, então coloque o I aqui como fizemos antes. Mas agora estamos começando a ver que nós vamos ter um pouco de espaço extra para explicar, então eu vou fazer isso um pouco maior, e eu vou curvar isso assim para vir para corrigir esta forma aqui onde precisávamos de mais desta curva para preenchê-la. O S prepara-nos muito bem para isso. Portanto, prestar atenção ao que virá a seguir irá ajudá-lo a decidir o que você pode fazer para trabalhar as letras para torná-las ainda legíveis. Então talvez façamos o que fizemos com o R onde ele se curva sob o olho. Podemos fazer isso com o C aqui, e talvez pudéssemos puxar o topo do C para baixo para preencher o espaço um pouco. Agora, o que eu faria é derrubar a opacidade mais uma vez e ver se podemos fazer com que ela se encaixe ainda melhor e torná-la um pouco mais interessante. Acho que começar com um A assim pode ser uma boa maneira de fazer isso. Como estamos fazendo essa curva no A, às vezes é bom fazer a mesma coisa com outras letras que pareça um pouco mais consistente. Talvez curvemos este R e talvez derrubemos a perna. Talvez possamos curvar como o topo do S. Novamente, eu não estou tentando ficar apertado aqui porque eu estou querendo apenas brincar e explorar como as letras funcionam juntas, e se você está indo muito devagar e desenhando muito apertado, você não será capaz de experimentar tanto. Você pode fazer como muitos destes como você quiser e apenas continuar evoluindo até que ele chegue onde você quer que ele esteja. Então nós temos essa forma interessante, que é meio divertido, e você pode experimentar, talvez ver o que parece se você colocar uma borda em torno dela, apenas divertido. Talvez alguns círculos concêntricos. Outra coisa que você poderia tentar é apenas usar uma forma existente. Digamos que queremos tentar o círculo. Poderíamos ir em frente e usar a ferramenta de seleção e escolher elipse. Faça uma nova camada, rastreie em torno dela. Na verdade, basta encher isso. Às vezes, começando com um bloco sólido de forma, há uma boa maneira de fazer isso. Desligue essa seleção. Em vez de desenhar diretamente nesta camada, eu vou fazer uma nova camada, e eu vou mudar meu pincel para branco e eu vou desenhar em cima disso. Você pode fazer o mesmo que fizemos com aquela forma abstrata, mas podemos fazê-lo dentro do círculo. Então desenhe uma linha através do meio e divida-a para nossas letras; C, H, R, I, S, P, I, A, S, C, I, K. Novamente, vamos trazer essa opacidade para baixo, para que possamos vê-la. Então vamos desenhar em cima dele e ver se podemos torná-lo um pouco mais divertido e interessante. Primeiro, eu vou apenas fazer uma versão simples com letras que apenas usam o espaço sem tentar torná-lo muito complicado. Estamos pensando nas letras que desenhamos como uma espécie de esqueleto, e podemos desenhar nossa carta carne em cima dela. Às vezes vou começar com a letra do meio porque isso vai me ajudar a determinar quanto espaço eu preciso economizar ou contabilizar enquanto eu estou desenhando os outros. Como você pode ver, aquele corte S, muito grande e agora essas letras externas estão ficando pequenas, que lhe dá um efeito divertido, faz parecer que é mais abaulamento no centro. Outra coisa que você pode fazer é, em vez de apenas dividi-lo em linha reta, fazer uma linha de base diferente. Então talvez comecemos como uma onda e mais dramática para que uma das palavras seja maior que a outra. Novamente, faremos a mesma coisa, usaremos letras simples para descobrir quanto espaço cada um vai ocupar. Abaixe a opacidade e vamos brincar com isso. Logo no bastão, estou percebendo que a perna do R nesta curva já está fluindo um para o outro. Talvez possamos fazer a mesma coisa com o C. Então podemos exagerar o fundo do S para usar esse espaço. Acho que vou colocar o I debaixo daquele P de novo. Abaixe esse “A”. Empurre o S para cima assim para usar esse espaço. Curve o C para imitar os outros. Você colocou o “I” aí. Gosto do que está acontecendo com Chris, mas acho que meu sobrenome está ficando um pouco estranho aqui. Mas, novamente, estamos apenas afinando enquanto vamos. Vou desligar essa pequena linha de onda porque está distraindo agora, e vamos colocar uma nova camada. Vamos ver o que podemos fazer para que isto funcione melhor. Vamos puxar este R para baixo um pouco mais. Às vezes, vou me concentrar nas áreas onde há problemas primeiro. Esta combinação de I e C é um pouco estranha, e eles estão fazendo o K um pouco pequeno, então talvez nós vamos empurrar para fora a linha K inferior. Acho que isso é divertido. Outra maneira que você pode fazer isso é como o método knockout, onde você corta suas letras fora dessa forma. Podemos fazer da mesma maneira trabalhando com branco nesta camada superior. Vamos voltar o nosso primeiro guia aqui. Vamos fazer este um pouco diferente. O que faremos aqui é dividir nosso círculo em espaços para cada letra. Estou apenas desenhando linhas em torno de cada um dos formulários de carta. Agora que fizemos isso, deixe-me fazer uma nova camada para que eu não tenha que refazer isso novamente se eu não quiser. Agora podemos cortar para fazer nossas cartas com essas formas. Para o C, por exemplo, poderíamos cortar uma parte dessa letra para fazer o C. Poderíamos cortar espaços médios para o H. Para este R nós cortamos essa parte fora, e então precisamos dessa parte inferior. Um pontinho. S é um pouco complicado. Podemos fazer um pequeno slot lá. Vamos deixar isso assim. Poderíamos considerar fazer algo assim também, o que é legal. Talvez eu goste mais disso. O P, podemos cortar isso. O I já é um I. O A, nós apenas fazemos o que fizemos com o H, mas não rompa o caminho todo no topo. O espaço para o S pode ser um pouco magro demais, mas novamente, podemos voltar e fazer outra versão depois disso. Poderíamos fazer um C ligeiramente diferente desta vez. A letra K. Esta é uma aparência totalmente diferente, mas é muito legal. Esta é a técnica de letras de bloco, e minha amiga Mary Kate McDevitt tem alguns grandes tutoriais sobre fazer letras de bloco. Se você está resolvendo essa vibração, eu sugiro fortemente verificar o que ela está fazendo e lições sobre essas coisas. 9. Reduzindo seus esboços: Neste ponto, você deve ter um monte de esboços e idéias ásperos. Vamos reduzir isso para dois ou três. Vamos então pegar esses dois ou três, apertar isso, talvez fazer algumas revisões, fazer algumas variações em cada um, e ver onde isso nos leva. Aqui estão alguns dos meus esboços que eu gostei mais do que outros. Eu apertei estes um pouco só para obter uma melhor sensação para eles, mas este é o agrupamento final. Agora vou reduzir isto para dois ou três. Eu só vou entrar aqui e vamos apenas fazer uma nova camada, e eu vou circular algumas dessas. Eu gosto deste, e eu gosto deste, e eu acho que este. Sim, acho que são as minhas favoritas. Prefiro aqueles em vez destes, então neste momento eu vou apenas tirar estes daqui e colocá-los em sua própria página para que eu possa apenas focar neles sem todas essas distrações. Como eu tenho tudo isso como um grupo, eu vou apenas usar a ferramenta de seleção, e então apenas copiar e colar os que eu gosto. Então corte este, copie e cole. Eu coloquei em sua própria camada. Estes são os meus três finalistas. Estou muito feliz com a aparência dos dois de baixo agora. Eu acho que eu iria apertar este meio um pouco mais, e então este top eu gosto, mas o ângulo é um pouco estranho. Mas quando eu rodar, eu não sei, eu sinto que não funciona tão bem. Então acho que vou tomar a decisão difícil e dizer que não é tão forte para mim como os outros dois. Eu vou apenas ir em frente e remover isso. Agora estamos reduzidos a estes dois. Eu definitivamente estou inclinado para este aqui em baixo. Ele se sente agradável e simples, mas tem algum caráter para ele. Gosto da forma como as letras se encaixam, gosto do tipo que elas fazem. Eu acho que para ter certeza, eu só vou fazer um pouco mais apertado versão deste top um, e então voltar e ver qual deles eu gosto mais. Para fazer isso eu só vou torná-lo um pouco maior para que eu tenha muita flexibilidade, e nós podemos desenhá-lo bem e apertado. Eu vou derrubar a opacidade, e então apenas fazer uma nova camada, e rastrear sobre ela. Eu vou ficar preto, eu vou usar este Ryan Hamrick tinta sólida racionalizar pincel, que é um bom pincel para obter algumas belas linhas nítidas. Basicamente, o que eu estou fazendo é apenas tentando refinar algumas dessas formas e pesos de linha, e apenas limpá-lo completamente. Então, desde que eu tenho toda essa coisa 3D preto, eu posso apenas desenhar uma linha reta através do topo para fazer isso agradável e nítido. Vou tornar este pouco mais amplo aqui. Às vezes, quando há formas como esta onde há uma barra transversal na borda, eu vou desenhar todo o caminho para que eu possa obter essa linha agradável e reta, e então apenas entrar e apagar o que eu preciso para a parte do meio. Agora eu tenho minha versão apertada disso [inaudível], e eu não sei, é uma decisão difícil. Eu acho que você vai ter que sintonizar para a próxima lição para descobrir qual destes eu escolher. Sinta-se livre para compartilhar seus esboços estreitados ou até mesmo o grupo de seus esboços. Talvez você possa obter algum feedback do grupo e mim sobre qual deles parece estar trabalhando melhor. Às vezes, é útil ter um par extra de olhos, ou um monte de olhos, ajudá-lo a reduzi-lo. 10. Fazendo seu loop de logotipo: Agora vamos reduzi-lo para o melhor. O melhor logotipo mais perfeito. Eu só estou brincando. Você nunca vai se sentir assim, ou você pode, mas para mim, especialmente fazendo um logotipo para mim, às vezes você só precisa se comprometer com um deles. Se for você, você pode fazê-lo, ou apenas se comprometer com isso, e lembre-se que vai ficar ainda mais frio quando a animarmos. Assim que você estiver satisfeito com seu logotipo final, tudo o que vamos fazer agora é rastrear esse logotipo mais duas vezes. Então, teremos três desenhos do mesmo logotipo, e nós vamos apenas fazer um loop exatamente como fizemos no exercício anterior, e agora teremos um loop vibratório legal do seu logotipo. Isso pode ser tudo o que você quer. Este loop vibratório simples é perfeito para um site, mas vamos um pouco mais longe. Este loop de três quadros será o ponto de partida para o que faremos a seguir. Agora temos três desenhos do nosso tipo de tratamento. Temos tudo o que precisamos para o nosso wiggelyogo. Entraremos em nossas configurações, reduzimos isso para 12 para um ponto de partida e, em seguida, apertamos “Play”. Legal. Eu acho que isso está parecendo muito divertido. Na verdade, vejo duas áreas problemáticas. O contador no R e, em seguida, o lado do P que salta um pouco agressivo demais, eu acho. Vou tentar limpá-los. Vou mostrar-te uma dica rápida de como tornar isto mais fácil. Se você entrar em suas configurações na linha do tempo, podemos fazer quadros secundários de cor, e o que isso faz é tornar os quadros cores diferentes, para que você possa ver onde eles se sobrepõem. Você pode ver aqui por que esse salto tanto, mesmo com o R. Outra opção é a Mesclar quadros primários com uma cor secundária desativada. Se clicarmos no meio, você pode ver que as áreas escuras é onde há sobreposição. Isso não é tão dramático, então parece que é a nossa área problemática. Vamos voltar aos quadros secundários de cores, acho que esta é a nossa melhor solução para corrigir isso. Como podem ver, o verde é o nosso próximo quadro, então quando formos lá, entra. O que eu acho que nós vamos fazer é simplesmente entrar e apagar o contador em dois deles, e então usar um como ponto de partida. Agora, conserte essa linha, e eu só vou cobrir o vermelho e o verde ali naquele, e então eu vou cobrir o vermelho neste aqui, e isso deve nos darresultados um e isso deve nos dar pouco mais limpos no R. Vamos tentar isso. Legal. A mudança é suficiente lá, mas ainda há assim que ele vai bater que eu devo ter perdido. Lá vamos nós. Você pode ver neste quadro, o ponto plano. Vamos entrar e apagar isso, e agora, isso é um pouco menos chocante. Eu acho que a velocidade geral é um pouco rápida demais, qualquer maneira, então eu acho que vou reduzir isso também. Mas primeiro, vamos consertar o P. Parece que este é muito largo, então eu vou entrar e apagar isso até que eu mal possa ver o verde. Agora eu vou apenas desenhar uma linha mais apertada, apenas tentando chegar o mais perto possível dela. Agora não deve saltar tanto. Lá vamos nós. Tudo tem um movimento bem consistente, e eu acho que isso é bom. Mas é um pouco rápido demais, então vamos levar isso para baixo, vamos tentar isso. Legal. Isto é o que vamos usar como ponto de partida ou ponto final. Se isso é tudo o que você quer para o seu logotipo, tudo bem. Isso estará pronto para ir e exportar notícias. Mas eu vou mostrar algumas coisas diferentes que podemos fazer para adicionar um pouco mais de diversão a isso, alguns pequenos enfeites, e transformar isso em outra coisa. Então fique por perto. 11. Como adicionar ornamentos: Nesta lição, vou mostrar-lhe como adicionar alguns enfeites animados para tornar o seu loop ainda melhor. A primeira coisa que vamos fazer para apimentar isso um pouco é adicionar algumas linhas de movimento a ele. Não queremos desenhar diretamente nesses quadros porque talvez precisemos deles no futuro para expandir isso e multiplicá-los. A primeira coisa que devemos fazer é nomeá-los para não ficarmos confusos. Se você tocar nisso e ir para “Renomear”, e vamos apenas chamar este 1, chamar este 2, chamar este aqui, você quer adivinhar? Três. Bom trabalho. Legal. Em vez de apenas pressionar Adicionar Frame aqui, vamos fazer alguns grupos. Para criar um grupo, basta clicar e segurar isso e, em seguida, arrastá-lo para cima da outra camada. Agora, podemos desenhar nesta camada e será parte do primeiro quadro. Ainda teremos acesso ao original, apenas às letras. Enquanto estamos aqui, vamos ajustar essa opacidade da pele de cebola, vamos derrubá-la um pouco, e vamos mudar as molduras da pele de cebola de máximo para um. Isso só vai nos mostrar o quadro anterior e o próximo quadro para que seja menos confuso. O que vamos fazer agora é apenas fazer uma pequena explosão de movimento que vai sair dos lados. Para isso, o que queremos fazer é apenas ter um ponto de partida. Parece um pontinho. Vou mudar para um pincel que não está me alisando. Vamos colocar esses pontinhos aqui. Faremos três. Colocaremos três aqui. Agora, podemos entrar e apertar “Plus”, e adicionar outro quadro e depois colocar em dois. Então será parte do segundo. Agora podemos ver esses pequenos pontos. O que vamos fazer é criar uma explosão que dispara para fora do lado como uma linha de movimento, e então desaparece em um pequeno loop agradável. O que vamos fazer aqui é começar onde esse ponto está, e então apenas desenhar uma linha, uma pequena linha de ação que está afunilando, como um pouco poof. Você já pode dizer que quando você percorre, você vê esse movimento acontecendo. Se clicarmos neste quadro, faremos a mesma coisa. Nós vamos adicionar outro quadro lá, e então fundi-lo para fazer um pequeno grupo. Então aqui, podemos começar a meio caminho desta linha e torná-la um pouco maior, talvez até maior do que isso. Você quer ter certeza que está seguindo a mesma trajetória para que pareça natural. Você pode percorrer e ver isso acontecendo. Parece bem arrumado. Como mencionei, talvez precisemos de mais quadros de texto. Porque precisamos de três para ser um loop e precisamos mais alguns quadros para que este movimento termine, o que podemos fazer agora é nomear os grupos para que seja menos, porque não podemos ver os quadros individuais. Vamos fazer três. Agora podemos duplicar isto. Faremos um extra para cada um, e então podemos arrastá-los para a ordem certa. Vou colocar 1, 2, 3, então 1, 2, 3, 1, 2, 3. Vamos até este e o que queremos fazer agora é apagar o que tínhamos nas linhas de movimento, porque vamos adicionar a eles. Agora, vamos voltar para um porque este é o próximo quadro depois das três e você pode ver que temos a continuação de nossas linhas lá. Queremos tentar resolver essas linhas e o que quero dizer com isso é fazê-las acabar de uma forma natural para que possamos fazer esse loop, e simplesmente não parecer que há um começo e um fim. Queremos que seja apenas um ciclo constante. Para fazer isso, nós não queremos que ele saia da borda da página porque se isso fosse colocado no topo de um site, nós teríamos uma linha abrupta estranha nele. O que podemos fazer é, em vez de sair da página, podemos fazer com que pareça que estava a sair à distância ou a esvaziar. Você tem que ter certeza que você está na camada certa. O que podemos fazer é talvez puxá-lo para fora o mais longe que podemos ir e apenas fazê-lo ficar magro. Está se quebrando, como se desmoronasse, então é como pequenos pontos. Vamos ver se isso funciona. Então é como esvaziar ou algo assim. Agora podemos ir para o Grupo 2, e podemos ver o que nos resta. Vamos começar na metade do caminho e fazer essas formas um pouco menos, imaginando como elas seriam se isso estivesse se desintegrando. Acho que isso vai funcionar muito bem. Nós percorremos. Você pode ver que parece muito bom, e porque nós duplicamos nosso movimento de três quadros, isso é apenas um loop perfeito. Vamos jogar, dar uma chance. Legal. Temos um pequeno loop perfeito com essas pequenas linhas que atravessam, o que eu acho muito legal. Eu duplicei isso e mantive nossos grupos, mas apaguei o que estava acontecendo, nossas pequenas linhas de movimento. Posso tentar outra coisa aqui. Outra coisa que você poderia fazer é talvez pudéssemos tentar uma coisa de fronteira que vai ao redor das bordas. Eu só estou fazendo um quadro que vai ao redor das letras. Estou balançando minha mão um pouco para ficar com este irregular, quase como uma linha de raios elétricos. Legal. Agora vou para o próximo grupo. Certifique-se de que estou na camada em branco. Vou apenas rastrear isso, mas vou mexer um pouco mais, um pouco diferente. Porque esta é uma linha fina, eu acho que podemos ser um pouco mais brincalhão e não combiná-lo muito perto, e isso vai nos dar um efeito legal sem ser muito distraidor. Outra coisa que podemos fazer é talvez experimentar com uma cor diferente depois para torná-la mais alinhada com a vibração do raio. Vamos fazer isso mais uma vez. Mais uma vez, você quer clicar no quadro que não é o nosso quadro de texto no caso de termos que reutilizá-lo. Uma coisa que é útil que você pode fazer é nas Configurações, se movermos isso para dois, podemos ver ambos os quadros. Quando você está fazendo algo assim onde você quer que ele seja um pouco diferente, você pode ter certeza de que você está fazendo algo entre as duas linhas. Por exemplo, aqui, eu poderia apenas tentar ficar no meio dos dois. Vamos tentar isso. Isso é divertido. Talvez possamos fazer com que pareça ainda mais relâmpago, tornando-o amarelo. Vou desligar os quadros secundários de cor porque é uma cor diferente, e vai confundir as coisas. Eu também vou trazer isso de volta para um para que nós não estamos vendo muitas coisas ao mesmo tempo. Se selecionarmos nosso quadro de linha aqui e clicar no nome da camada, podemos mudar isso para Alpha Lock, e isso vai nos deixar bloquear em cores logo sobre essa linha. O que eu vou fazer é pegar um pincel gordo, este aqui, e torná-lo o mais grande possível. Então eu vou pegar amarelo e eu posso apenas colorir sobre ele, e porque nós temos esse brilho definido para Alpha Lock, ele vai apenas colorir sobre o que foi desenhado naquela camada. É o que acontece se não o fizeres. Então, Alpha Lock. Depois, mais uma vez, Alpha Lock. Vamos tocar isso. 12. Morphing do seu logotipo: parte 1: Nesta lição, vou mostrar-lhe como pegar seu loop animado do seu logotipo, e transformá-lo em outra coisa. Que outra coisa poderia ser um título, poderia ser uma descrição do que você faz, poderia ser um objeto, poderia ser uma fatia de pizza, poderia ser o que você quiser. Eu não estou aqui para dizer o que você deve transformar seu logotipo em, eu só estou aqui para capacitá-lo para ser capaz de transformar seu logotipo em qualquer coisa que você quiser. Vamos pegar um pouco de morfindun. Vamos morphin Power Ranger esta coisa. Era o slogan deles, poderoso morfinho? Eu não sei se você pode dizer, mas eu sou um pouco velho para piadas Power Ranger. Eu era adolescente quando eles saíram, e eu nunca assisti. Nunca vi os Power Rangers. Estou tentando me relacionar com vocês, talvez vocês os tenham visto. Eu não os vi. Do que estamos falando mesmo? Logotipos morphing. Vamos fazer isso para você. Não quero mais falar sobre Power Rangers. Te vejo mais tarde. Na primeira transformação, vou mudar meu nome para ilustrador de palavras, porque é isso que eu faço. Eu gosto de ter o Animation Assist desativado para este estágio, você pode ativá-lo novamente depois. Então eu vou para as minhas camadas, e eu apenas mantenho um deles ligado. Não quero os três ligados. Então eu vou diminuir a Opacidade, então é leve o suficiente para que eu possa ver o que estou fazendo. Então eu vou fazer uma nova camada em cima disso. Nesta camada, eu vou mapear o que eu planejo mudar meu nome para a transformação. Como eu mencionei, vou fazer ilustrador. Illustrator é uma palavra longa e meu nome está empilhado aqui, então eu estou pensando, eu vou dividi-lo em duas palavras. Não duas palavras, mas uma palavra hifenizada, porque acho que ficará melhor. Assim como fizemos na fase de esboço, eu só vou mapear isso apenas bloqueando as letras para ver quanto espaço eles vão ocupar. Vou fazer Illus e depois trator. Só estou descobrindo quanto espaço vai ocupar aqui. Então, como antes, eu vou derrubar a opacidade lá, e então fazer uma nova camada. Posso tentar fazer com que pareça um pouco melhor com a forma. O que eu estou fazendo a transformação, eu quero que essas novas palavras classifiquem o mesmo espaço. Estou planejando usar este logotipo do meu site. Quero que funcione no mesmo espaço. Não quero que se expanda para cima ou para baixo ou para os lados. Eu quero geral para ter a mesma forma e também ter uma forma geral semelhante vai tornar a morfo muito mais fácil. Para o i, eu estou pensando que eu vou combinar esta parte do mar e apenas fazer um eu maiúsculo, assim. Então talvez pudéssemos fazer uns Ls empilhados usando as linhas H assim. Talvez o U possa usar o I como uma de suas pernas, então poderíamos apenas repetir que S. Como você pode ver, eu estou seguindo a forma geral onde ele vai para cima e para baixo e tentando combinar com as letras. Isso pode nem sempre funcionar, mas torna as coisas mais fáceis. Notei logo de cara que esse K aqui se transformaria facilmente em R. Eu só vou com isso. Então voltamos aqui, tentamos descobrir esse lado, colocamos esse T aqui, vemos como isso vai funcionar. Podemos colocar o “O” lá. Talvez possamos fazer um R semelhante ao antigo R em Chris lá em cima. Então veja se conseguimos colocar o A lá em cima. Acho que isso parece muito bom. Vou desligar a Camada de Esboço e derrubar a Opacidade um pouco. Vou ver se consigo chegar um pouco mais perto. Eu não sou completamente louco sobre como esta metade de baixo funciona, então eu vou tentar fazer isso um pouco melhor. Vamos ver. Vamos nos certificar de obter uma nova camada. Vamos começar com este R, talvez se exagerarmos um pouco a perna, talvez possamos alargar o “A”, e assim ele pode usar o espaço um pouco melhor. Talvez possamos fazer este T, o topo do T, empurrado para o outro espaço. Só vou mover um pouco a perna do T. Eu acho que o topo foi muito bom, deixe-me apenas bloqueá-lo, para que eu possa ter um visual melhor para ver como eu me sinto sobre isso. Eu acho que eu poderia colocar esses Ls juntos um pouco mais. Estenda os de baixo, não teremos esse espaço estranho. Em seguida, o S, mantenha o mesmo, coloque um hífen pequeno, e se livre dessa camada. Desligue meu nome, para que eu possa me concentrar nisso um pouco mais, ver como fica. Nesta fase, eu vou apenas apertar isso e fazê-lo em um peso de linha semelhante ao meu logotipo. Vou usar o mesmo pincel que usei e selecionar “preto”. Vou diminuir a “Opacidade”. Eu vou fazer uma nova camada, e agora, eu vou apenas rastrear isso. Agora que eu tenho esta versão apertada, eu vou apenas verificar novamente para ver se ele ainda funciona bem com o meu logotipo e não ficar muito maior. Eu sempre vejo que a mudança geral é o topo destes Ls, então eu acho que eu poderia encurtar aqueles um pouquinho só para mantê-los mais perto. Realmente não importa muito a menos que você esteja trabalhando com um espaço muito limitado, mas eu quero mantê-los bem perto para minha própria preferência pessoal. Infelizmente, vamos ter que desenhar isso mais duas vezes para que tenhamos um loop. Vou fazer isso agora mesmo e baixar a opacidade, e temos que rastreá-la. Se você quiser trapacear um pouco, você pode fazer sobre isso e depois duplicá-lo. Então volte e termine. Ele ainda terá o mesmo efeito porque há o suficiente para que ele não pareça estático porque se ele estava segurando para dois quadros, ele não parece muito, mas é um pouco, e isso vai ajudar. Eu só vou verificar se este loop está bem, então eu vou ativar Animation Assist. Deseja certificar-se de que as camadas do Illustrator estão ativadas. Então eu vou apenas apertar “Play”. Vou voltar e me certificar de que minha Opacidade está aparecendo todo o caminho. Agora, vamos jogar. Legal. Acho que tem a quantidade certa de movimento para a minha preferência. Acho que tem uma quantidade similar ao meu nome. Acho que estamos prontos para começar a transformar isso. 13. Morphing do seu logotipo: parte 2: O que vou fazer agora é dar um nome a isto. Vou chamá-los de A, B, C, já que estou usando 1, 2, 3 em meus nomes. Vou desligar todos, exceto um do meu nome e outro do ilustrador. Então eu vou adicionar um quadro. Vou arrastá-lo entre os dois e selecioná-lo. Agora posso ver o título do ilustrador e o meu nome. Se o seu não se parece com isso, é porque eu o tenho definido em quadros secundários de cores. Quando você tem isso fora, ambos são tons de cinza porque ambos estão com letras em preto. Mas se eu fizer quadros secundários de cor, isso torna cada um deles uma cor para que eu possa ver a diferença entre eles. Para transformar essas coisas de uma forma natural, é realmente tão simples quanto mover ou redesenhar a imagem um pouco mais perto de onde você quer chegar cada vez. Pode parecer confuso, mas deixa-me mostrar-te do que estou a falar. O vermelho é meu nome, Chris Piascik, e então o verde é ilustrador. Estamos tentando passar do Chris Piascik vermelho para ilustrador. O que queremos focar é onde eles já estão próximos. Isso aqui é quase exatamente o mesmo. Eu só vou bloquear nesta metade inferior e posso fazer a metade de cima, já que está perto o suficiente. Porque há alguma separação aqui, eu vou entrar no meio assim. Isto é perto o suficiente para que eu só vou chegar lá completamente. A parte do meio é um pouco mais complicada. É aqui que estamos agora. Isso é parte do C e isso é parte do I, e precisamos aproximá-los. O que eu vou fazer é mover isso e um pouco assim, chegar mais perto daquela parte do I. Eu vou consertar tudo isso lá. Este é outro lugar fácil. Como eles são quase iguais, vou rastreá-lo e apenas ir até as áreas verdes onde eles se sobrepõem. Temos algumas opções aqui. Precisamos desta área verde para preencher para chegar ao ilustrador e temos este vermelho que precisa desaparecer. Poderíamos deslizar isto para baixo se quiséssemos ou talvez pudéssemos movê-lo para tornarmos nesta parte deste L. Acho que é provavelmente a melhor aposta. O que vou fazer agora é trazer isso assim. Está se movendo lentamente. Então, no próximo quadro, vou empurrá-lo por ali. Aqui embaixo, você pode começar um pouco assim, nos aproximando. Onde esses dois se sobrepõem, poderíamos bloquear esse fim se quiséssemos. Podemos deixar este espaço aqui se quisermos ou podemos torná-lo mais pequeno no meio. Se preenchermos um pouco desse vermelho, para que não desapareça completamente. Isto é um pouco mais complicado. Novamente, R é para o meu nome e U é para onde vamos. O que vou fazer é começar a fechar o balcão deste R. Tornar isso um pouco mais curto. Traga isso um pouco mais perto. Então nós fechamos este fim e da próxima vez você pode chegar ainda mais perto e então ele pode eventualmente se tornar uma perna do U. Eu vou expandir a perna do R, modo que eu começar a preencher um pouco do verde e, em seguida, ponto na perna assim. Este eu, podemos apenas movê-lo um pouco. Você abaixa um pouquinho. Por isso serve para tocar a parte inferior do R. Torná-lo um pouco mais largo. O S é quase o mesmo. Então eu só vou rastrear entre os dois pontos. Não temos nada para este hífen aqui. Às vezes gosto de tentar encontrar uma maneira interessante de mostrar isso. Poderíamos talvez estender esta parte do S para fora e depois fazê-lo cair no próximo quadro e cair para baixo. Podemos mudar esta parte do P para nos mover para a área que o T vai ser. Você pode trazer esta parte superior da área P um pouco para cima e, em seguida, começar a fechar o balcão. Podemos fazer com que isto me torne a perna do R. Esta área é um pouco complicada. Então vamos voltar a isso e fazer algumas coisas fáceis primeiro. Como se esse K já estivesse muito perto do R. Então eu só vou expandir isso um pouco. Precisamos curvar o topo do K para tornarmos o R. Vamos começar a puxar isto e dobrá-lo. Então não é uma mudança dramática, mas nos permitirá aproximar de onde precisamos estar no final. Acho que faz sentido que este C se feche e se torne o O. Então, encurte essa ponta, esmague um pouco. Não é como uma mudança chocante, mas é o suficiente. Eu acho que pode fazer sentido para aquele A apenas encolher e se tornar o outro A. Eu só vou rastreá-lo, mas torná-lo um pouco menor e movê-lo para a direita um pouco. Podemos puxar essa parte do S para o T e então podemos encurtar essa parte e eventualmente torná-lo direto para nos tornarmos o tronco do T. Ainda temos que lidar com isso. e então podemos encurtar essa parte e eventualmente torná-lo direto para nos tornarmos o tronco do T. Ainda temos que lidar com isso. e então ele pode se tornar parte do T. Neste ponto o que vamos fazer é desligar o quadro do nome. Agora vamos usar o que acabamos de desenhar como ponto de partida na próxima parte da transformação. Vamos adicionar um quadro. Agora estamos um pouco mais perto de onde precisamos estar. Vamos continuar a avançar com esta evolução. Aqui, eu só vou rastrear completamente a parte superior e inferior do I porque é tão perto. Esta parte do C, podemos trazê-lo ainda mais perto de onde precisamos ir e começar a berrar essa curva. Já temos um I. É só um pouco dobrado. Estes são muito próximos. Estamos removendo esta parte final. Então eu vou ter que começar a sair do outro lado agora. Eu acho que podemos fazer é mesclar estes juntos, movê-lo um pouco mais. Este R, estamos apertando tudo para que possamos teclar isso, trazer quase todo o caminho. Podemos fazê-lo formar o U, mas apenas fazê-lo sobressair um pouco para não esquecer que a forma estava lá. Eu vou subir para o topo do verde lá e então apenas bater para fora para seguir essa forma. Então isso está perto o suficiente para que possamos trazê-lo. Não queremos esquecer completamente este balcão. Então podemos fazer com que ele fique menor. Podemos realmente solidificar S. como mencionei, podemos fazer com que esta coisa se torne o hífen. Vamos fazer linha de cor. Podemos mover esta parte do R um pouco para baixo, começar a dobrar isso ainda mais e apenas rastrear o resto. Podemos fechar completamente o C para torná-lo um O e movê-lo um pouco para baixo. Podemos mudar isso, e então temos essa parte do I e então talvez apenas encurtar isso. Podemos puxar este S ainda mais longe e torná-lo um pouco mais reto, chegando mais perto de se tornar o tronco do T. Eu só vou desenhar o ponto médio entre esses dois A's e desenhar a perna do R. Precisamos começar a fazer isso outra parte que não existia. Eu só vou começar a sair dos lados, desenhá-lo como se estivesse crescendo do tronco, e fazer o resto do topo do T. Você pode mover isso, de modo que fique totalmente dentro da área verde e, em seguida apenas fazer este P contra-atado, quase desaparecer. Novamente, vamos desligar essa camada anterior e, em seguida, fazer uma nova. Agora estamos ainda mais perto e vamos continuar a progressão. Aqui, eu desenharia quase exatamente onde ele vai estar, mas apenas me livrando desse caroço porque nós podemos trabalhar nessas áreas complicadas primeiro. Só puxando o que começamos, expandindo isso. Às vezes, quando estou desenhando coisas que estão crescendo fora dela, eu gosto de usar formas mais orgânicas. Parece que é, não sei, líquido derramando ou algo assim ou mutando. Acho que por aqui, podemos fazer mais uma onde há apenas uma pequena protuberância lá. Então, novamente, apenas vá na metade do caminho entre os dois A's. Podemos nos juntar ao topo do T totalmente neste ponto e talvez apenas ter um pouco de entalhe lá para não esquecer essa coisa. Vou fazer isso quase completamente direto. Então podemos começar a igualar os contadores e agora podemos largar isto para ir a meio caminho. Acho que isso pode ser o suficiente. Podemos verificar nosso progresso girando os quadros de volta e podemos percorrer eles. Legal. Acho que é o suficiente. Uma coisa que você pode fazer é mudar isso para ping-pong e então ele vai e volta. Assim, podemos ver o movimento sem que ele mude no final. Com pingue-pongue, vai até o fim e, em seguida, reverte. Temos mais três quadros. Lembra-te, fizemos o nosso ciclo. Quando você transforma duas palavras de volta e quarta, você quer segurar cada uma das palavras por um tempo, para que você possa realmente lê-las. Então não está se movendo constantemente. Para fazer isso, o que queremos fazer é duplicar nossos loops algumas vezes. Nosso título, ilustrador, nós temos A, B e C. Eu só vou fazer, eu diria cinco desses e então ver como isso funciona e ver se precisamos fazer mais. Eu só vou duplicar cada uma dessas cinco vezes e então eu vou arrastá-los em ordem. Agora queremos fazer a mesma coisa com o nosso nome. Vamos fazer um monte desses. Como você pode ver, nós estouramos as camadas que eram permitidas. Você pode realmente obter mais ajustando o tamanho do arquivo, se necessário. Se formos para cortar e redimensionar. Então mudamos para 2.000 pixels e, em seguida, acertamos, a reamostragem, e eu redimensionarei nossa tela. Agora devemos ser capazes de adicionar mais quadros. Clique em três, duplicar, duplicar , duplicar, duplicar. Lá vamos nós. Experimente estes em ordem. Como você pode ver, porque nós multiplicamos nossos loops, você pode realmente ler meu nome e o título. Com a configuração de ping-pong, ele vai e volta para que seja um loop constante e nunca seja reiniciado. Só um pequeno loop fluido. 14. Morphing do seu logotipo: parte 3: Alguma vez quiseste transformar o teu nome num crânio? Estou aqui para te mostrar como. Desenhei este pequeno crânio aqui, e pensei em fazer um exemplo onde transformo parte disto no crânio, e depois de volta. Eu acho que o que eu vou fazer é provavelmente mudar meu sobrenome para ilustrador, e então fazer parte do meu primeiro nome se transformar no crânio. A primeira coisa que vou fazer aqui, enquanto resolvo isso na sua frente, é ir para as minhas camadas e ter certeza que só tenho um dos meus três loops de nomes repetidos ativados. Eu vou reduzir a opacidade para usar como guia, e então eu vou mover o crânio para algum lugar. Pensando que talvez eu vá colocá-lo aqui, e então talvez eu possa fazer algo com o espaço ao lado dele. Já que não sei exatamente o que vou fazer, vou fazer uma nova camada e tentar esboçar algo. Quando estou desenhando, tenho dificuldade em não usar um pincel que se parece com um lápis. Eu vou usar esse pincel Hamrick, que na verdade não é um lápis, mas me lembra um lápis, e tem alguma textura para ele, e então eu vou pegar azul como uma cor, e vou Mapeie isso. Vou fazer ilustrador de novo, mas vou transformar meu sobrenome nele. Eu vou mapear isso, eu vou dobrar os dois L's novamente, porque eu gosto do jeito que isso parece. Um pequeno acidente feliz que o S alinhou, mas eu poderia ter um despertar rude aqui se ficarmos sem espaço, então vamos tentar resolver isso. Esta é uma boa razão pela qual eu gosto de escrever simplesmente, porque às vezes você percebe que você não se deu espaço suficiente. É melhor descobrir nesta fase do que quando você começa realmente a tentar desenhar algo bom. Eu só vou esmagar isso e derrubar a opacidade, para que eu ainda possa mapear isso melhor. Não vou tentar desenhá-lo melhor ainda. Eu só vou tentar fazer com que as letras sejam consistentemente dimensionadas para que eu possa ter uma idéia de quanto espaço eu preciso. Podemos apagar o antigo, e agora sabemos com o que estamos trabalhando aqui. Vou derrubar essa opacidade, e fazer uma nova camada. Vou tentar torná-lo um pouco mais divertido e me sentir mais alinhado com as letras do meu nome. Vamos tentar encontrar algumas maneiras de usar o espaço melhor. Estou pensando que talvez eu trabalhe nesse T e então podemos usar o espaço embaixo dele, para tentar dobrar as letras um pouco. Talvez puxar o R para baixo para que seja como o R no meu primeiro nome, e eu possa fazer aquele A naquele espaço, e puxar este T para cima. Agora estamos começando a fazer com que pareça meu primeiro nome, e estamos economizando espaço. Eu gosto da idéia de torná-lo pequeno, ficar um pouco maior, e então ficar pequeno novamente, e isso ajuda com o espaço. Eu posso fazer este R um pouco menor aqui em cima, mas ainda coincidir com a linha do K lá. Isso já está se sentindo mais alinhado com o meu nome, então isso é muito legal. Eu acho que enquanto eu estiver aqui, eu vou dobrar este S fazer o I lá um pouco menor como nós estávamos fazendo deste lado, então ele tem este fluxo. Acho que isso parece muito bom. Eu vou agora talvez desligar meu nome, para que eu possa apenas ver esta forma um pouco melhor, e ver se ele tem o fluxo que eu quero. Às vezes o que eu vou fazer é fazer uma nova camada e fazer um guia, para que eu possa ser mais específico com a forma que eu quero com a linha de base. Talvez algo assim. Nós recusamos isso. Podemos redesenhá-lo com essa linha de base em mente, possamos ter o I descer até essa linha, depois os L's. Eu acho que isso parece um pouco melhor, embora eu ache que é um pouco perfeito demais, e eu quero que ele tenha um pouco mais daquela vibração brincalhão para cima e para baixo que meu nome tem. O que eu vou fazer agora é realmente duplicar um desses e, em seguida, ligá-lo e apenas torná-lo menor, para que eu possa usá-lo como uma referência visual. O que estou tentando fazer é manter o mesmo fluxo, mas não ser tão perfeito, então parece que está fazendo uma forma. O que eu gosto sobre o que eu fiz com o nome é que ele tem um fluxo para ele, mas não é perfeito. Há diferentes linhas de base. Não parece que esteja seguindo um caminho. A primeira coisa que vou fazer é não ser tão especial com estes “L”. Então eu vou deixar este descer e não dobrar para combinar com essa linha. Eu não vou ser perfeito com as alturas dos dois lados do U, assim como no H lá em cima. Eu vou deixar o primeiro ser um pouco mais curto, e eu vou deixar este T subir um pouco mais alto e eu manter o S semelhante na linha de base ao U, então não é muito de uma inclinação dramática. O mesmo com este R. Na verdade, vou deixar o T um pouco mais longo. Acho que isso vai quebrar a linha de base um pouco. Deixe-me exagerar um pouco mais esse R. Eu não gosto de como o T e o R estão se encaixando lá, então o que eu vou fazer é conectá-los, e depois apagar o espaço entre eles, para que seja como o que está acontecendo lá. Na verdade, acho que este R deve ser um pouco mais curto para dar um ritmo melhor. Vamos comparar os dois. Sim, então este tem a energia que o meu logotipo tem, enquanto este parece muito forçado a essa curva. Acho que foi um bom passo para me levar até lá, mas isso está mais alinhado com o que estou procurando fazer. Estava a pensar que seria divertido ter este crânio, talvez dizer alguma coisa. Eu estava pensando em fazê-lo dizer a palavra designy, porque eu sinto que isso descreve minha ilustração. É um pouco de uma ilustração de design. Isso é porque eu incorporei muitas letras e eu tenho um design de fundo. Então, preciso de uma nova camada, e eu vou esboçar uma bolha de palavras ou algo assim. Se encaixa lá muito bem, e então fazer uma nova camada, e vai colocar a palavra designy aqui, assim como sempre eu vou escrever isso rapidamente. Acho que vou colocar entre aspas. Colocar as coisas entre aspas às vezes é engraçado, especialmente quando é uma palavra como designy, que soa como hiney, e hiney é uma palavra engraçada. É assim que você soletraria “Designy “? Acho que sim. Talvez devesse ser um hífen? - Não. Acho que não importa porque é um crânio pateta que estamos projetando. Eu vou fundir a bolha e a designy juntos, e então eu vou estar redesenhando ambos. Acho que vou manter isto simples, e depois uma pequena cauda de discurso. É assim que se chama? Rabo do discurso? Isso não parece certo? Vou apertar isso. 15. Morphing do seu logotipo: parte 4: Agora que tenho isso apertado, vou começar a transformação. Eu vou ligar a animação assistida, e então eu ligo um dos meus quadros de nome. Selecione esse, e então vá para “Adicionar Frame” para que eu tenha um quadro entre eles, e eu vou ter certeza de que minha opacidade está volta todo o caminho até o meu nome caso contrário ele não vai aparecer, com a assistência de animação porque ele automaticamente traz sua opacidade para baixo. Agora podemos ver nossas duas situações diferentes aqui. Temos que descobrir como colocar meu nome em vermelho para a letra verde do ilustrador. Então temos que lidar com o crânio aqui em cima. Isso vai ser um pouco mais fácil. Vamos mergulhar e trabalhar na parte inferior primeiro. Assim como antes, vamos tentar fazer com que eles fiquem mais próximos um do outro. Você pode entrar e descobrir quais letras podem trabalhar juntas em termos de morphing. Por exemplo, provavelmente faz sentido que o K se torne tanto o O quanto o R, porque há mais letras no Illustrator do que no Piascik. O que vamos fazer aqui, é começar a transformar o I-L-L em P. Vamos começar fazendo esta linha do P um pouco menor e um pouco mais magra. Mais uma vez, estamos tentando fazer progressão, aproximando cada vez mais. Você pode ver que esta peça se destaca e estamos tentando chegar mais perto daqui, então puxe isso um pouco. Se você está confuso, e é difícil para você ver como isso pode funcionar, um lugar para começar é ir e rastrear onde eles estão sobrepondo porque esses são pontos que ambos compartilham. Você sabe que eles vão ficar os mesmos porque eles existem em ambos os lugares. Como se esta área cheia de preto existisse quando é meu sobrenome ou Illustrator. Depois de desenhar onde elas se sobrepõem, você pode entrar e se concentrar nas áreas vermelhas onde não há verde. Essas são as áreas onde você precisa se livrar completamente disso. Porque esta é uma animação, queremos que aconteça sem problemas e não pareça que algo desapareceu. Você precisa fazer isso em etapas. Então, uma coisa que você pode fazer é, simplesmente torná-lo um pouco menor. Por exemplo, esta linha grossa do P aqui, você pode entrar e torná-lo mais fino, e então na próxima vez eles ficam ainda mais finos até que ele se foi. Podemos fazer a mesma coisa aqui. Outra coisa que você pode pensar é nas áreas verdes, e você sabe que queremos nos aproximar delas. Enquanto estamos tornando essas áreas mais finas, talvez possamos fazer com que pareça que o material de letra extra começou a cair no local. Você pode quase pensar nisso como essa quantidade de material de letra, e estamos movendo-o de um ponto para outro. Podemos preencher as áreas onde elas se sobrepõem, e como essa parte verde é tão fina onde elas não estão se sobrepondo, eu iria até lá. Isso é suficiente dentro da margem de erro do movimento que você nem vai vê-lo. Agora que não nos sobrepusemos, vamos entrar e chegar um pouco mais perto de onde o vermelho está para que não pareça muito chocante. Acho que vamos pegar essa parte do A para nos tornarmos nesta parte dos EUA. Podemos começar puxando isso um pouco e fazendo um pouco mais curto. Podemos até puxar um pouco disso para iniciar essa conexão. Agora temos o resto deste A, e sabemos que precisamos chegar a este S. Acho que este lado do A pode se tornar o S. Você pode ver que já existe essa semelhança. Então o que eu faria é, talvez fazer um ponto a meio caminho entre essas duas coisas. Então talvez possamos ter uma linha fina conectando uma barra transversal para que ela não desapareça completamente. Podemos encurtar esta perna A, talvez abafá-la um pouco para começar a fazer o S. igual aqui em cima. Em seguida, estenda isso, ou movendo aquele A, mas não deixando muito louco que não possamos ver o que aconteceu. Você pode virar para frente e para trás e ver se é demais. Desde que você possa ver a relação entre os dois, geralmente está tudo bem, vamos pular para o fim. Assim, não ficaremos sem letras ou algo assim. Eu estou pensando que estes, o K vai se tornar o O e o R. Podemos começar a fazer onde eles se sobrepõem. Pode se mover para o lugar aqui. Talvez possamos começar a tornar isto mais amplo. Talvez possamos começar a abertura do, R lá onde não há sobreposição do vermelho. O que precisamos fazer agora é desenhar linhas de conexão. Então não é uma mudança completa, e podemos puxar isso um pouco se quisermos, e então entrar e desenhar um pouco daquele back-end vermelho, então não é uma mudança completa. Podemos colocar um pouco no verde, se quisermos. Temos T-R-A-T no Illustrator e depois temos S-C-I. Eu vamos fazer é transformar o C no R porque eles já se sentem bem próximos. O S no T, e então podemos fazer o I ter o A e o T no I. O que vamos fazer é dividir este I, possamos começar por torná-lo um pouco mais largo e, em seguida, colocar uma separação, como se estivesse se dividindo. O que podemos fazer aqui é puxar o C sobre, e achatar a borda um pouco e puxar a perna para baixo e aproximá-la de onde vai estar no ponto verde. Aqui nós podemos ter isso para fora um pouco como um começo para puxar a perna para baixo. Vamos puxar esta parte do C em um pouco para que ele possa eventualmente fechar para fazer a abertura do R. Agora precisamos fazer com que este S se torne o T. Então nós apenas puxamos esta parte para cima, endireitamos um pouco e então lentamente começamos a endireitar Talvez nos concentremos nessa palavra e depois voltamos e fazemos o resto. Vamos adicionar um novo quadro. Começaremos de onde paramos. Mais uma vez, vamos fazer este vermelho mais perto da tela. Esta sobreposição é muito fina. Vamos direto para lá, e agora tornar o espaço vermelho ainda mais fino, e estes estão perto o suficiente para que possamos juntar-nos a eles. Às vezes, se há uma amassada como esta, tem a amassada mal lá, apenas dentro dela. Isso é o suficiente para que possamos puxá-lo. Isso, podemos chegar quase lá, mas temos um pouco dessa curva então há aquela referência visual. Então vamos puxar isso para baixo um pouco mais e começar a curvar um pouco. Então o que eu gostaria de fazer sobre essas áreas finas é diluir ainda mais. Mas uma maneira que você pode adicionar um pouco de energia à animação é colocando alguns pedacinhos, como pequenos salpicos. Eles vão dar à animação quase uma sensação de líquido, como se fosse liquid-ing, é uma palavra? Splatting no lugar. Isso está perto o suficiente para que possamos fazer disso o U, logo de cara. Eu puxaria isso, e se quisermos, podemos fazer a mesma coisa resmungada. Puxe isso um pouco, empurre um pouco para fora, para que você se livre deste bloco um pouco, e transformá-lo mais em linhas de separação onde ele está quebrando. Já está começando a se parecer com a palavra ilustração ou Illustrator. Puxe isto, curva isto para dentro, em seguida, tente endireitar isto ainda mais. Novamente, estamos movendo-o um pouco de cada vez, aproximando-o de onde precisamos estar, do verde ao vermelho. Fechando esta lacuna um pouco mais trazendo-a. É um pouco mais complicado, este é o que estávamos dividindo o I nas duas letras. Vamos continuar com essa divisão, mover isso para cima. Então podemos começar a dividir para o fundo novamente, e começar a colocar na parte do meio do I. Traga essa parte sobre um pouco e então começar a espalhar o topo para fora antes do topo do T. Aqui nós podemos Continuar este movimento, trazê-lo para cá. Então tem um pouco dessa área, e pode ter este começo para se separar aqui. O contador do R, podemos começar a fazer esses alinhamentos. Adicione um quadro, e você pode ver cada passo que estamos cada vez mais perto. Isto está perto o suficiente para podermos fazê-lo até ao fim. A fim de fazer este material esfoliante parecer legal e líquido real, na animação, temos que mantê-lo ondulado, mas torná-lo mais suave, como se estivesse se dissolvendo e desaparecendo ou gotejando. Faça essa linha ainda mais suave e, em seguida, faça alguns pontos menores. Você tem uma situação de gotejamento. Você está querendo se livrar lentamente do material para atender carta, se você quiser. Você pode ter pingado para baixo, se você quiser. Às vezes, ter duas peças divididas lá dá um efeito legal. Digamos que este U é bom. Mova isso um pouco. Quando há pontos, você pode fazer versões menores deles e baixá-los , então eles estão se dispersando. Faz com que pareça que se partiu. Vá a meio caminho novamente, depois expanda a área que estávamos começando como um contador. Este é bom, eu só terminaria isso um pouco, algumas coisas da cena, alguns pequenos pontos, podem separar isso mais agora. Coisas de separação lá. Você pode rolar por aqui e você pode ver isso acontecendo. Como você pode ver, a transformação da letra está lá, nós só queremos, neste momento, resolver algumas dessas pequenas transições. O que fazemos é só mais algumas coisas. Só alguns pedacinhos para acabar com o caminho natural. Em qualquer lugar que haja mais vermelho, é um bom lugar para fazer isso, para que pareça um pouco mais fluido. Vamos jogar isto. Você pode ver que esses pequenos pontos adicionam muito a ele, parece fluido. Vamos voltar para a nossa moldura de transformação e vamos transformar o C no crânio. Estou pensando que, em vez de transformar isso diretamente na bolha, estou pensando, vamos transformar-nos no crânio e depois fazer a bolha sair. Vamos empurrar este C para a forma do crânio e depois esmagar as outras letras para baixo. Em vez de adicionar um novo quadro, vamos apenas ativar o próximo em nossa transformação, desativar o quadro de nome. Vá em frente e traga isso para cima, o resto do caminho para o crânio. Eu posso puxar isso para baixo. Vamos manter uma linha grossa. É como a linha do C, mas está ficando mais fina à medida que vai para as bordas. Já temos coisas que compartilham ambos os espaços como esta linha extra. Puxe isso para cima assim, aqui para a linha dos dentes. O que podemos fazer aqui é, em vez de ficar magro, podemos fazer com que siga a linha dos dentes, e então talvez possamos colocar essa linha aqui. Vamos fazer um truque de difamação aqui. Um esfregaço é, se você desenhar uma forma contínua mesclando duas coisas, seu olho vai vê-lo como um movimento. É um pequeno truque de mágica divertido para salvar alguns quadros e fazer algo acontecer em um período menor de tempo. Deixa-me mostrar-te o que quero dizer. O que vamos fazer aqui é, vamos desenhar esta perna do H, e vamos traçar este olho, e o que vamos fazer é conectar estes dois. Eu só vou fazer uma linha onde ele vai se mover para essa forma. Traga o resto de H também. Então, para o resto, vamos apenas esmagá-lo ainda mais, vamos apenas fazer com que seja uma linha reta como pudermos. Podemos empurrar isso um pouco mais. Podemos desligar esse quadro, e depois clicar no próximo. Neste ponto, podemos desenhar o contorno do crânio. Vamos preencher essas coisas. Podemos usar o esfregaço dos olhos, minimizando. Podemos usar o resto desta parte do H para fazer o outro olho. Já que tínhamos aquele H cobrindo toda essa área para ter tempo para colocar coisas que poderiam estar por trás disso, então talvez o começo do nariz pudesse estar lá. Nós podemos terminar esta linha, e vamos apenas fazer esta linha externa um pouco mais espessa ainda, para tornar a transição um pouco mais natural. Começamos a ter essas coisas começando a se abrir aqui, então podemos começar a trazer essas linhas para cima, e podemos trazer essa linha porque estava obscurecida. Vamos desligar o quadro anterior, ligar o próximo. A maior parte já está aqui, só estou rastreando, então voltarei e adicionarei onde preciso. Acho que podemos fazer esse splat ir muito rápido, como se estivesse sendo arrastado, se preferir. Posso fazer algo dramático como isso, como se fosse entrar. Você pode fazer essa linha um pouco mais fina. Vamos tentar ver como funciona. Eu acho que ele realmente funciona muito bem. Como vamos precisar de mais alguns quadros, vamos precisar desenhar o Illustrator mais algumas vezes. Vamos voltar a esta moldura, e depois ligar essa moldura. Vou trabalhar mais no resto disto. Primeiro, vou rastrear o crânio. Agora posso voltar aqui e terminar essa linha de lula. O que eu vou fazer é torná-lo um pouco menor, fazê-lo entrar assim, e então apenas adicionar alguns pequenos pontos salpicantes, e isso faria essa transição um pouco mais fluida. Também podemos começar a fazer essa bolha sair. O que eu vou fazer é ter que começar como uma pequena primeira coisa saindo assim. Agora, podemos terminar este crânio. Só mais algumas coisinhas para resolver isso. Agora, vamos trazer esta bolha para cima. Podemos ir bem grandes aqui. Eu acho, eu vou ter as palavras já nele. Porque vai mudar de tamanho tão dramaticamente, que você não precisa se preocupar muito com ele parecer exatamente como vai. Eu só vou colocar isso aqui, quase como se fosse grande demais para ele, e então ele vai esticar como ele fica maior. Vou trazê-lo quase todo o caminho até lá para este. Vamos usar a mancha que falei para juntar essas cartas. Vamos começar com este D mais baixo, em seguida, trazê-lo quase todo o caminho para o grande. Os esfregaços parecem super estranhos enquanto você os desenha, mas de alguma forma funcionam magicamente. Você não será capaz de trazer tudo isso de volta, porque vai haver alguma sobreposição. Agora, tudo o que temos que fazer é desenhar esta bolha mais duas vezes. Nós temos todos os nossos quadros aqui, nós vamos ter que repetir alguns destes para que você possa realmente lê-lo, mas nós criamos uma playlist. Vou colocá-lo no ping-pong, para que ele vá e volte, para que não haja espaço estranho. Claro, eu acho que ter a bolha pop up separadamente é um elemento visual agradável, porque ele dá um par de passos para a animação. O que eu faria agora é apenas ir em frente e duplicar alguns dos quadros com apenas o meu nome, que ele permaneça um pouco mais, mas para ser honesto, eu não acho que ele precisava de uma tonelada mais. Vou tentar fazer três. Só vou pôr isto em ordem. Mais uma vez, podemos apenas fazer um pequeno toque. Adicionando a este fator, podemos colocar alguns globos oculares no crânio para torná-lo ainda mais grudento. Eu tenho que mudar as configurações aqui, porque da maneira normal que isso funciona, nós não podemos ver o que está embaixo do preto, porque ele está na configuração multiplicar. Vamos ver como isso parece. Sim, isso acrescenta apenas o suficiente. Gosto que apareçam quando a bolha sai. 16. Mais um morph: Agora que te guiei por esses dois morfos, gostaria de te guiar por mais um, um pouco mais rápido, isso é um pouco mais simples. Esta versão é um embelezamento, mas ainda tem um pouco de uma vibração morph para ele. Para este, tudo o que eu fiz foi quando eu estava rastreando meu logotipo, eu apenas usei uma linha em ziguezague. Como você pode ver eu estou indo em torno das bordas e seguindo as linhas, mas eu estou apenas desenhando um ziguezague para a minha linha para a coisa toda. Quando chego ao segundo quadro, faço o mesmo ziguezague, mas alterno onde estão os pontos. Eu só começo em um ponto diferente para que os pontos terminem entre os pontos e o outro, então quando isso reproduz, eles classificam para trás e para frente e para trás e dá um efeito legal. Eu faço o primeiro com os pontos de um jeito, mas em outro quadro com os pontos entre o ponto e o primeiro, e então eu duplico o primeiro, então ele vai e volta bem rápido, e depois adiciono isso a nosso loop de três quadros. Este é apenas mais dois quadros sendo desenhados, mas eu sinto que ele acrescenta um pouco a ele. 17. Exportação e conclusão: Embora eu tenha mencionado exportar nossas animações em algumas das outras lições. Eu queria apenas recapitular um pouco aqui, especificamente porque pode ser um pouco confuso. Então, há duas opções principais. Há GIFs e MP4, e cada um tem seus próprios propósitos. Um GIF é um arquivo gráfico que pode fazer loop de uma série de imagens, enquanto um MP4 é um arquivo de vídeo. Quando você exporta um GIF e visualiza essa imagem, ele será loop para sempre assim como acontece em nossa visualização quando estamos trabalhando no Procreate. Quando você exporta um MP4, seu loop animado será reproduzido uma vez e, em seguida, parar exatamente como um clipe de vídeo faria. Isso não é necessariamente ideal quando você quer algo para loop indefinidamente. Nessas situações, um GIF é o que você quer. No entanto, atualmente o Facebook e o Instagram não permitem que você publique um GIF diretamente. Nessas situações, você precisará postar um MP4. A boa notícia é que, mesmo que um arquivo MP4 não faça loop nativo, quando você postar um MP4 no Facebook ou Instagram, ele automaticamente faz loops exatamente como um GIF faria. Uma vez que você está no Procreate, é muito fácil explorar sua animação. Como podem ver aqui, tenho o meu ciclo animado. Tudo é bom para ir aqui. Eu não quero ter um passado sobre isso, então eu só vou me certificar de que eu desligo o fundo. Vou clicar no ícone da ferramenta no canto superior e escolher “Compartilhar”, bem no meio. Como mencionei, temos algumas opções. Temos GIF animado, MP4 animado. Há outras opções aqui, mas não precisamos nos preocupar com elas por enquanto. Os dois mais fáceis são GIF e MP4. Então, se você quiser fazer um GIF, tudo o que você faz é clicar no GIF animado. Aqui você verá uma pré-visualização. Você tem essas opções de fundo transparentes. Então, se você não precisa que ele seja transparente, você pode deixar isso desmarcado. Mas se você quiser que ele seja transparente, por exemplo, se você quiser colocar isso em seu site ou se você quiser colocá-lo em outra coisa, você pode potencialmente sobrepô-lo em vídeo, que eu fiz para algumas das coisas em nesta classe, você faria fundo transparente. Como você pode ver, nós temos nossa animação aqui e é apenas em cinza escuro porque essa é a cor que o fundo é. Você pode controlar seus quadros por segundo aqui, mas eu acho que você é melhor fazer isso na linha do tempo da animação, e é isso. Então nós apertamos “Exportar” e ele vai fazer nosso pequeno arquivo GIF e nós teremos a opção de salvá-lo em nosso iPad ou rolo da câmera ou você pode ir em frente e salvá-lo no Dropbox ou qualquer outra coisa. A outra opção é o MP4 animado. Então é isso que você vai precisar fazer se quiser compartilhá-lo no Instagram ou Facebook ou em qualquer plataforma que não permita GIFs. Então você basta clicar em MP4 e você simplesmente faria a mesma coisa que nós fizemos antes. Não temos a opção de plano de fundo, mas como eu a desativei, é padrão para um plano de fundo transparente. Nós apertamos “Exportar ”, apertamos “Salvar vídeo ”, e então eu vou mostrar como isso é. Então, como você vê aqui, o arquivo MP4 será reproduzido uma vez e depois parar. Então, se clicarmos nele, você pode ver que são cerca de cinco segundos e é apenas um loop. Então, se isso é tudo que você quer, tudo bem. Mas novamente, se você fosse postar isso no Instagram ou Facebook, ele iria automaticamente loop, assim como nosso GIF animado faria. Então, agora com o GIF animado, você verá que isso irá apenas loop para frente e para trás para sempre porque não é apenas um clipe de filme, é um gráfico que está constantemente percorrendo os quadros dentro de nossa animação. Outro aplicativo para essa coisa é sobrepô-lo em cima do vídeo. Todas as animações que você pode ter notado nos vídeos da aula foram feitas desta forma, onde acabei de exportar uma das minhas animações com o fundo transparente e depois consegui colocá-lo em cima do meu vídeo. Então eu trabalhei no Adobe Premiere para organizar a aula. Eu poderia pegar um desses GIFs e simplesmente importá-lo para Premier e arrastá-lo para a minha linha do tempo e apenas colocá-lo em cima do vídeo e ele iria reproduzir o loop. Você pode fazer isso com um GIF animado ou um MP4 no Adobe Premiere. Mas em alguns outros aplicativos de software de vídeo, você pode precisar que ele seja um arquivo de vídeo. Nesse caso, você usaria apenas um MP4. Espero que esta aula tenha mostrado o quanto um pequeno movimento pode dar vida ao seu logotipo. Há infinitas possibilidades e espero que continuem a experimentar o que aprenderam. Fazendo simples morphs de palavras animadas, como as que fizemos nesta aula ou como comecei com animação, desde então evoluiu para uma parte regular do meu trabalho de cliente. Ao longo dos exercícios eu mostrei um monte de maneiras de criar seu próprio tipo de logotipo escrito à mão, e adicionar algum movimento e emoção com apenas um iPad e o aplicativo Procreate. Recapitulando, aprendemos sobre a importância do brainstorming e da pesquisa para criar um logotipo que corresponda às suas sensibilidades. Falamos sobre coletar referências e tirar inspiração delas sem copiá-las diretamente. Mergulhamos diretamente na animação fazendo alguns exercícios, onde criamos um loop animado, começando com fontes. Fizemos um monte de esboços, brincando com a combinação de letras juntas, criando caminhos e estruturas para usar como guias, e também tentamos algumas opções usando a forma para ajudar a formar nossos designs. Depois disso, reduzimos nossos esboços para o nosso favorito, apertamos e fizemos nosso loop animado dando-lhe um divertido movimento vibratório, que se tornou o ponto de partida para os enfeites que adicionamos. Em seguida, criamos algumas morphs diferentes onde mudamos nosso logotipo para outra palavra ou título e até mesmo uma ilustração spot. Isso foi muito. Bom trabalho superando tudo isso e espero que tenha se divertido. Eu sei que eu fiz. Mal posso esperar para ver todos os seus logotipos animados. Portanto, não se esqueça de compartilhar seu trabalho na seção do projeto. Ver seu trabalho ajudará a inspirar seus colegas e eu também. Essa aula inspirou você a aprender mais animação? Se assim for, o próximo passo perfeito seria conferir minha outra classe, Frame by Frame Animation: Diversão, Dicas e Truques para não-animadores. Nessa classe, eu vou expandir muitas das coisas que aprendemos neste e mostrar-lhe como você pode ir ainda mais longe, e assim como nesta classe, você não precisará aprender nenhum novo software de animação chique. Essa classe é estruturada em torno do Photoshop e do Procreate também.