A fase de design de um logotipo é um dos pontos-chave de qualquer estratégia de marketing, em que é necessário sintetizar visualmente tudo o que diz respeito ao negócio, ao setor a que pertence, à missão e a todas as mensagens capazes de atrair a atenção de um determinado público-alvo de utilizadores.
A animação, nesse sentido, ajuda a ampliar as possibilidades de comunicação, aproveitando o movimento como outro elemento para descrever o marca. Não só: confere maior dinamismo, facilitando a memorização de imagens, sons e cores, e é mais adaptável a vários contextos, em particular a campanhas publicitárias e nas redes sociais.
Se, portanto, você está procurando um guia sobre como animar um logotipo, saiba que você veio ao lugar certo! Na verdade, preparei este tutorial para ajudá-lo a perceber a ideia que você já tem na cabeça: se você dedicar alguns minutos do seu tempo a mim, nos próximos capítulos irei lhe fornecer conselhos sobre as ferramentas adequadas para criar o logo e uma explicação sobre como usá-los para criar animações dignas desse nome. Você está pronto para começar? Muito bem, já sinto que a sua criatividade está prestes a ser estimulada de forma adequada!
guia dedicado, onde explicarei como tirar proveito de sua versão de teste gratuita, tanto para janelas isso para Mac OS. Se, por outro lado, você sentir necessidade de revisar os diversos recursos que este programa disponibiliza, também preparei um guia sobre como usar o After Effects.
Para trabalhar no After Effects, a imagem base que você vai carregar deve obrigatoriamente ter sido salva nos elementos individuais que a compõem, os quais são definidos neste software camada. Desta forma, é possível operar sobre os vários componentes, atribuindo propriedades específicas a cada um deles. Assim que o After Effects estiver aberto, na tela principal, clique no botão Nova Composição colocado no centro. Você verá uma janela aparecer na qual dois parâmetros devem ser inseridos: as dimensões em largura é comprimento (expresso em pixels), que devem corresponder aos do seu logotipo, e o duração da animação. No entanto, você pode alterar essas configurações a qualquer momento.
Para adquirir os vários elementos do seu logotipo clique no menu Arquivo> Importar> Arquivo, canto superior esquerdo e da janela de Explorador de arquivos que abre escolha as imagens; então clique no botão Importa. Os itens aparecerão no Painel do navegador, à esquerda, e para poder operar você terá que selecioná-los, manter pressionado o clique do mouse e arrastá-los fisicamente até Painel de camadas colocado na parte inferior, à esquerda do Linha do tempo.
Agora, para configurar uma animação simples, sempre selecione no painel Níveis a camada que você deseja operar e, em seguida, pressione P. no teclado para chamar a funcionalidade Posição. Para posicionar o objeto, clique na ferramenta Seleção (presente no menu no canto superior esquerdo e marcado pelo ícone de um flecha) e, em seguida, clique no objeto escolhido na caixa central de Composição e mova-o (ainda segurando o botão esquerdo do mouse) até o ponto que você escolheu como ponto de partida para a animação.
Chegou a hora de ativar o primeiro Quadro-chave, que é o quadro usado pelo sistema para definir e calcular os vários momentos da animação. Para fazer isso, clique no ícone cronômetro próximo ao campo Posição: você verá um diamante pequeno noindicador de tempo. A partir deste momento, com o cronômetro ligado, todos os movimentos que você realizar na composição serão registrados pelo software.
Tente, por exemplo, mover oindicador de tempo arrastando a seta para baixo na linha do tempo dois segundos para frente. Em seguida, volte para a área de composição e mova a posição do objeto para outro ponto na área do logotipo. Você verá um de acordo com o Keyframe na linha do tempo. Para ver sua primeira animação, pressione o barra de espaço do teclado: a sequência começará seu loop e você verá o movimento do objeto na visualização da área de composição.
Você gostaria de inserir texto em seu logotipo? Clique no botão T. presente no menu superior, a fim de entrar no modo Texto. A seguir, no painel de níveis, clique com o botão direito e selecione os itens Novo> Texto no menu de contexto para criar a camada relacionada. Agora você pode começar a escrever e alterar a cor, o tamanho e a fonte no painel apropriado Personagem que é proposto na área certa.
Outro componente essencial do After Effects é efeitos. Para relembrá-los, olhe para o painel direito e clique no item Efeitos e predefiniçõese, em seguida, pesquise o que lhe interessa, digitando o nome na caixa ao lado da lupa: vamos fazer um exemplo do efeito máquina de escrever, para aplicá-lo na camada de texto recém-criada.
Modelo máquina de escrever e clique no item para selecioná-lo. Mantendo o botão esquerdo do mouse pressionado, arraste o objeto em direção ao Camada de texto no painel de Níveise, em seguida, solte a tecla. Desta forma, você aplicou o efeito padrão "Máquina de escrever" à camada de texto. Pressione barra de espaço para ver a animação completa.
Você está satisfeito com seu trabalho? É hora de exportar o projeto! Clique no menu Composição> Adicionar à fila de renderização (canto superior esquerdo) e, em seguida, clique no painel abaixo do item em azul, ao lado da escrita Módulo de saída.
Uma janela será aberta onde você pode inserir o exportar configurações, como formato de arquivo e saída de vídeo. Após operar suas preferências, clique no botão OKe clique no botão Renderização, à direita do painel inferior, para iniciar o processo de exportação.
Caso você queira aprender mais sobre o funcionamento geral do After Effects, remeto-o ao meu tutorial no qual expliquei precisamente como usar o After Effects.
guia dedicado. Também preparei um artigo sobre como fazer o download do programa e aproveitar o período de teste gratuito de 7 dias, a fim de avaliar todo o seu potencial.
Primeiro você precisa abrir um novo documento. Na tela inicial do Photoshop, clique no botão Crie um novo. Na próxima janela, defina as configurações da imagem que deseja preparar e pressione o botão Crio. O novo documento agora está pronto para ser editado, mas certifique-se de ter os painéis primeiro Níveis é Linha do tempo visível, caso contrário, clique no menu Janela (acima) e ative os itens relacionados para fazer aparecer os painéis mencionados.
A linha do tempo em particular deve ser configurada no modo de animação. Em seguida, clique em seta apontando para baixo no centro do painel Timeline e selecione o item Criar animação de quadroe clique no botão seguinte Criar animação de quadro: você verá o primeiro quadro gerado na linha do tempo. No entanto, lembre-se de que a primeira camada criada é um plano de fundo e não pode ser animada. Você pode optar por convertê-lo e torná-lo editável clicando duas vezes Fundo no painel Níveis e clicando no botão OK; ou você pode adicionar uma nova camada.
Neste ponto, você pode começar a criar o design do seu logotipo. Nota: se a animação envolver o uso de vários objetos animados independentemente uns dos outros, você precisará criá-los em camadas separadas. Para adicionar quadros à linha do tempo, selecione o quadro atual no painel Linha do tempoe, em seguida, clique no botão com o [+], para duplicá-lo.
Cada quadro pode ser modificado de maneiras diferentes para criar uma diferença com o anterior, a fim de gerar uma animação. Depois de selecionar o quadro no qual intervir, você pode, por exemplo, ativar ou desativar a visibilidade para os diferentes níveis (clicando no botão com o ícone de um olho ao lado de seu objeto no painel de camadas), mudar a posição dos objetos atribuir o movimento a ele ou, novamente, mude a opacidade das camadas para fazer o conteúdo aparecer e desaparecer. Para ver uma prévia da animação, clique no botão ▶ ︎ na linha do tempo; para bloqueá-lo, clique no botão ◾️.
Você também pode adicionar um efeito de interpolação, que insere uma série de frames nos quais é gerada uma animação automática que intervém na posição, opacidade e efeitos nos vários níveis. Para ativá-lo, clique em botão com a bola em movimento (você o encontra antes do usado para duplicar quadros).
Na janela seguinte, selecione se deseja aplicar a interpolação ao quadro anterior ou ao primeiro, indique o número de quadros que deseja gerar e se deseja aplicá-lo a todas as camadas ou apenas às selecionadas; finalmente, verifique os parâmetros sobre os quais você deseja atuar (Posição, Opacidade, Efeitos) Em seguida, clique no botão OK: você notará que os novos frames serão gerados na linha do tempo com as mudanças que você fez durante a fase de configuração.
Agora você pode finalmente exportar seu projeto: vá para o menu Arquivo> Salvar> Salvar como e, na próxima tela, opte por colocar o arquivo no PC clicando no botão Salve no seu computador. Na nova janela você terá que escolher o formato do arquivo: para animações de quadro é aconselhável escolher entre GIF ou formatos do Photoshop, como PSD (para que possamos processá-lo posteriormente no mesmo software). Outra opção é exportar animações clicando no caminho Arquivo> Exportar> Renderização de vídeo. Na nova janela você encontrará seu arquivo com a extensão mp4. Clique em Renderização no canto superior direito e aguarde a conclusão do procedimento.
esta página e clicando no botão Teste grátis. Mais informações aqui.
Nos próximos parágrafos vou ilustrar você como animar um logotipo com o Final Cut, tirando proveito de alguns de seus recursos muito avançados e particularmente adequados para o propósito.
Uma vez aberto o programa, proceda imediatamente importando o material já preparado para sua logo clicando no botão Importar mídia presente no canto superior esquerdo, no centro do Painel do navegador. Uma janela del abrirá Localizador para fazer upload de imagens para o seu computador (você pode fazer várias seleções mantendo pressionado o chave cmd e clicando nos vários elementos) e, em seguida, clique no botão importar. Você verá as imagens selecionadas sempre carregadas no painel do navegador, prontas para uso.
Agora você precisa criar o novo projeto: clique no botão Novo projeto, no centro do Painel da linha do tempo, baixa. Dê um nome ao projeto digitando-o no campo Nome do Projetoe clique no botão OK: isso habilitará a linha do tempo para edição. Para começar a trabalhar no logotipo, você deve selecionar as imagens do painel do Navegador com um clique e, mantendo a tecla pressionada, arrastá-las até a Linha do Tempo. Lembre-se de que os elementos de primeiro plano devem ser colocados nas linhas superiores do painel Linha de tempo.
O funcionamento da animação no Final Cut Pro é semelhante ao do After Effects e usa o Quadro-chave para calcular as referências de tempo nas quais ativar efeitos e movimentos. Ao selecionar a imagem que deseja trabalhar na linha do tempo, você verá o preenchido com uma série de parâmetros Painel inspetor, canto superior direito. Para ativar o primeiro quadro-chave, portanto, posicione-se com oindicador de tempo no momento em que você deseja iniciar a animação. O indicador de tempo é marcado por uma seta apontando para baixo na linha do tempo; para movê-lo, é necessário clicar nele e, mantendo o botão do mouse pressionado, movê-lo para frente ou para trás.
Agora volte para o painel Inspetor e clique no botão em forma de diamante à direita do parâmetro que você pretende operar (por exemplo Escadas todas): você notará que fica amarelo. Posicione-se com o indicador de tempo no instante em que deseja que a animação termine, da mesma forma como visto acima, clique novamente no botão com o ícone do diamante: neste caso, no entanto, também atue sobre os valores dos parâmetros movendo o cursor para a direita do texto Escadas todas à esquerda, para diminuir o elemento, ou à direita, para aumentá-lo. Você concluiu sua primeira animação de logotipo no Final Cut Pro.
Para ver o resultado desta operação, clique no botão ▶ ︎ abaixo da imagem central. Você pode fazer o mesmo em todas as imagens carregadas, selecionando-as no painel da linha do tempo e ativando o quadro-chave no painel Inspetor, em correspondência com o parâmetro no qual você deseja operar no início e no final da animação.
O Final Cut Pro também oferece a opção de aproveitar bibliotecas com animações de vídeo predefinidas. Para acessar este último, clique no botão [T], à direita do painel Navegador. Você verá uma série de elementos aparecerem: para usá-los, basta arrastá-los para a linha do tempo, como visto antes para as imagens. Entre os elementos, há também os textuais, sob o título Título, que permitem adicionar belas animações escritas ao logotipo.
Para acessar a biblioteca de Efeitos, vá para o menu Janelas> Mostrar na área de trabalho> Efeitos. No canto inferior direito, você verá um painel adicional aparecer com uma ampla seleção de efeitos, que você pode adicionar arrastando-os para a imagem à qual deseja atribuí-los.
Você chegou ao final do processamento e quer exportar o projeto? Clique no botão exportar canto superior direito, marcado por um quadrado com uma seta para cima. Um painel será aberto abaixo, onde existem diferentes modos de exportação, incluindo aqueles para redes sociais, para YouTube ou para dispositivos Apple. No entanto, a configuração padrão é Arquivo mestre: clicar nele abrirá uma nova janela onde, se não tiver necessidades particulares, é aconselhável deixar as configurações padrão. Basta clicar no menu Formatoe selecione abaixo Publicação a voz Computador. Agora clique no botão Próximo e, na próxima janela, escolha o destino do arquivo clicando na caixa ao lado do item Onde, finalmente clique no botão Salve .
página principal do serviço logo maker e clique no item Crie seu logotipo animado. Na próxima tela, você pode autenticar usando Adobe ID, Google, Facebook, identificação da Apple ou registre um nova conta da Adobe com o seu endereço de e-mail.
Concluída a autenticação, é exibida uma tela onde é necessário escolher o formato do projeto a ser animado, que pode ser selecionado entre os de tamanho padrão ou alguns específicos para redes sociais, como Instagram, Facebook ou YouTube.
Em seguida, clique no botão Avançar e você verá outra página onde você pode fazer o upload das imagens a serem processadas. Você pode escolher fazer o upload de uma imagem de seu dispositivo por meio do recurso Explorador de arquivosclicando no botão Cobrar, ou escolher entre os gratuitos propostos pelo sistema, que podem ser selecionados usando o campo de texto apropriado para digitar o tópico de referência.
Assim que o upload estiver concluído, clique no botão Avançar e aguarde a preparação da interface de trabalho que, como você verá, é extremamente linear e compreensível, perfeita para a realização de projetos básicos. Na área central você encontrará as imagens carregadas na etapa anterior, enquanto no menu esquerdo uma série de ferramentas são disponibilizadas para modificar suas criações, adicionando alguns texto, de fundos ou ícones, por exemplo.
Ao clicar em uma das ferramentas, em um painel especial à sua direita, serão disponibilizados recursos predefinidos aos quais você poderá recorrer para compor ou enriquecer seu projeto. Basta clicar noelemento, para vê-lo aparecer na imagem e, em seguida, intervir no posicionamento, tamanho e outros recursos por meio dos recursos que são carregados imediatamente no painel à direita da área de composição.
Se você já tem um logo pronto para animar, clique no botão Logos, no menu esquerdo: uma janela será aberta Explorador de arquivos a partir do qual selecionar o conteúdo desejado. Depois de ter concluído a composição do logotipo, clique em um local vazio na área central. Agora no painel direito clique no botão Animação: você verá deuses aparecerem preset para animação de texto ou foto.
Ao clicar na predefinição, ela será carregada automaticamente em correspondência com o elemento: por exemplo, a funcionalidade Máquina de escrever irá gerar a animação no texto previamente inserido através do menu Texto, enquanto o que chamou Borrões irá intervir na imagem de base.
Depois de definir o tipo de animação, você pode baixar e compartilhar facilmente o resultado por meio do menu no canto superior direito. Clique no botão Compartilhar para publicá-lo imediatamente nas redes sociais ou convidar um colaborador para participar das mudanças, ou clicar no botão Download para baixar, escolhendo entre os formatos MP4, PNG, JPG ou PDF. Finalmente pressione o botão Inicie o download e espere que o arquivo seja exportado, que você irá encontrar na pasta que você configurou no seu navegador para baixar os arquivos (por padrão é Download).
Adobe Spark também está disponível gratuitamente na versão Móvel para dispositivos Android é iPhone / iPad. Para obtê-lo, visite os links que acabei de fornecer em seu dispositivo (se você tiver um terminal Android sem Play Store, procure por um loja alternativa) e pressione o botão Instalar / obter. Em iPhones e iPads, pode ser necessário verificar sua identidade.
Depois de concluído o download, para acessar o aplicativo você precisará usar uma conta conforme explicado para a versão Web. O funcionamento é muito semelhante ao que acabamos de ver para a versão online, com os mesmos recursos de animação, upload e edição de imagens.
Crello - é um site que fornece uma série de ferramentas válidas para projetar e projetar gráficos, incluindo um criador de logotipo. Uma vez criada a animação, para salvá-la, você deve estar cadastrado no serviço. Também está disponível como um aplicativo para Android e iOS / iPadOS.