Transcrições
1. Introdução: a arte dos ícones animados: Olá e bem-vindo à
Arte dos Ícones Animados, Desenhe e Anime com o
Photoshop e o Illustrator Sou Cynthia Oswald, artista,
designer e fundadora de
uma próspera
agência de branding boutique com experiência em design de
comunicação
e experiência design de
comunicação
e experiência como instrutora universitária Combinei meu amor pela criatividade e pelo
ensino
para oferecer a você este ensino Mergulharemos
no rico mundo da animação de ícones no Art Forum. Eu pratico
profissionalmente há anos, seja você um
designer experiente ou novo na área, este curso tem como objetivo inspirar, capacitar e equipá-lo
com as habilidades
aplicáveis no cenário digital aplicáveis no Mas o que há de especial em
animar ícones
e serem digitalizados movimento
mundial é fundamental
para Imagine adicionar ícones animados ao pacote da
sua marca ou às
suas campanhas de e-mail. É uma forma criativa de dar vida ao
seu design e
se conectar com seu público. A beleza é que você não
precisa de software especializado. Usaremos os padrões do
setor, Adobe Photoshop e o Illustrator
antes de começarmos Aqui está um resumo
rápido do que Compreensão básica do Adobe Photoshop e do Adobe
Illustrator Ambas as plataformas instaladas no
seu computador, um bloco de desenho. Então pegue suas canetas e
blocos de notas digitais , pois
logo depois disso, mergulharemos direto em
um empolgante Você poderá criar e
animar seu próprio ícone, combinando os elementos
de design e movimento para criar algo
verdadeiramente espetacular Mal posso esperar para
ver a criatividade que você traz para a mesa.
Vamos começar.
2. O projeto do Class: ícone animado: Bem-vindo de volta ao nosso curso de animação de ícones com o
Photoshop e o Illustrator Hoje é especialmente
empolgante porque estamos mergulhando em um projeto de
classe transformador Você criará e
animará seu próprio ícone exclusivo, seja para uma marca, uma ideia ou uma expressão
criativa Usando a combinação mágica do Adobe Illustrator
e do Photoshop escolha este projeto para que você ganhe experiência prática
com as mesmas ferramentas profissionais com Essa experiência
permitirá que você crie conteúdo para
várias plataformas, seja em e-mails, sites
ou mídias sociais Antes de começar, tenho
algumas dicas vitais para você. Considere onde você
pretende usar esse ícone para poder selecionar o tamanho e o formato
apropriados. Procure transições suaves e visualmente
atraentes. Mas também não se esqueça de dar ao seu trabalho seu estilo e brilho
únicos Em termos de etapas, comece escolhendo um tema que ressoe
pessoalmente com você Crie seu ícone e o
Illustrator prestando muita atenção à forma,
cor e alinhamento Então, vamos dar vida a ela animando-a no Photoshop Não tenha medo de
experimentar e ser um pouco criativo com as
técnicas de animação que discutimos. Quando estiver satisfeito
com sua criação, exporte-a
como um arquivo GIF ou filme Compartilhe em nossa
galeria de projetos junto com uma breve descrição
do seu conceito e do processo que você seguiu. Ao participar. Você não está apenas
enviando um projeto, você está ganhando uma experiência
valiosa, enriquecendo seu
portfólio e expandindo sua rede criativa por meio interações com seus colegas Então pegue suas ferramentas de design
, estimule sua criatividade e vamos embarcar
nessa jornada notável juntos. Feliz animação
3. Esboçando e criando ícone do Illustrator: Bem-vindo de volta. Esta aula
trata seu ícone de um simples pensamento
em um design vibrante
no Illustrator Vamos fazer essas engrenagens
criativas girarem. Cada obra-prima começa
com inspiração. Você está inclinado para a natureza, a
tecnologia, as vibrações vintage Seu tema ou conceito prepara
o terreno para seu design. Pense em uma ideia que ressoe quando ela se
torna sua bússola Para criar um ícone poderoso, você precisa entender alguns princípios
básicos Equilíbrio, contraste, alinhamento. Essas não são apenas palavras
, suas ferramentas. Quando bem compreendidos,
eles elevam seu design de bom
a impressionante Portanto, se algo
não parecer certo, considere como você
pode ajustar ou pensar melhor na hierarquia, no
contraste e na repetição Somos consistência,
proximidade, equilíbrio, espaço de
cores e
movimento ou fluxo geral. Agora, vamos esboçar. Lembre-se de apresentar o
máximo de ideias possível. Vários esboços fornecem vários conceitos
para você escolher Eu amo essa citação que li
recentemente de Louise Fili. O esboço é a
alma de um design. Um bom esboço tem o
potencial de grandeza ou não, dependendo de quão bem
o acabamento é executado Bem, eu não vou te ensinar sobre meu processo de esboço nesta aula Quero anotar a
importância esta etapa terá
no resultado final. É hora de digitalizar, escolher alguns esboços que
você adora e começar a
traçá-los e iterá-los no Adobe Você pode se surpreender ao ver como
uma linha áspera de lápis se
transforma em uma curva digital
nítida Tenho algumas dicas para você
vetorizar seus esboços. Primeiro, se você tiver
um iPad à mão, considere
redesenhá-lo no Adobe
Illustrator ou
até mesmo procriar Se isso é algo
que você está acostumado a usar como parte de sua prática. Eu brinquei com isso, mas finalmente decidi
começar do zero e Adobe Illustrator no
meu computador usando a E isso porque eu queria um design polonês
que eu pudesse passar para uma fonte e não
necessariamente uma aparência desenhada à mão, mas que pudesse funcionar É importante
observar que você pode fazer essa classe sem
vetorizar o tipo. Estou utilizando um logotipo que
estou desenvolvendo que diz:
use o que você estiver
interessado em criar Se você decidir seguir
a rota de tipo, talvez
queira fazer algumas
aulas de tipo avançado antes de começar. Aqui estão algumas das minhas dicas
favoritas
para você começar. Primeiro, mantenha as coisas simples. Quanto menos pontos, melhor. Cada curva deve ter apenas
um ponto e as âncoras não
devem se estender além do ponto
anterior ou do próximo Às vezes, eu quebro as regras quando estou criando e depois resolvo
quando termino. Usar réguas ajudará você a se
manter no caminho certo. Às vezes, só
ligo as réguas depois de
refazer meu desenho Verifique se as espessuras maiores
e menores
permanecem as mesmas por uma questão de
consistência Costumo usar blocos de
cores diferentes em camadas
separadas para verificar novamente as espessuras
das letras Eu recomendo pesquisar as fontes
Serifs sans serif, end script para entender algumas regras básicas Por exemplo, as
letras curvas, como Oh e see, geralmente se estendem além da altura x. E a altura x é a
altura do X minúsculo. Antes de voltarmos a
criar o ícone, eu só quero mostrar
algumas ferramentas que estou
usando principalmente durante algumas ferramentas que estou
usando principalmente Estou traçando meu esboço
usando a ferramenta de caneta e você pode abrir isso
digitando P no teclado Quando você seleciona a ferramenta
caneta, você pode desenhar usando pontos e
fazer curvas clicando e arrastando ao
fazer um ponto para selecionar e editar um ponto
específico, você pode usar a ferramenta de
seleção direta ou
digitar a para pegar todo o objeto Use a ferramenta de seleção
ou digite V. Finalmente, para editar os pontos de ancoragem são
as curvas dos seus pontos, você pode manter a
ferramenta caneta pressionada na barra de ferramentas e o ponto de ancoragem
aparecerá abaixo, ou você pode digitar Shift mais C. Agora que tenho a
parte principal do design do meu ícone, quero criar
alguns elementos que
ilustrem o crescimento ao ilustrem Vou usar a ferramenta
caneta para criar
traços para as linhas
que representam os caules
e, em seguida, criar
formas ou objetos usando a ferramenta caneta para as
folhas e a flor Enquanto estou trabalhando, vou
ampliar e o design para ver como ele
funciona em vários tamanhos. Isso ajuda a iluminar qualquer coisa que possa
parecer desequilibrada Também acho
importante reservar um
tempo para trabalhar nessa parte. Depois de trazê-lo para
o Photoshop, você vai querer que ele seja polido para não precisar voltar atrás Decidi fazer as
pontas dos meus traços arredondadas, já que os caules são normalmente
mais arredondados por natureza Eu queria ter
aquela sensação orgânica Eu também queria
manter cada elemento separado para fins de animação. Então, em vez de
prender cada haste, eu clico no
desenho intermediário
alternando entre a ferramenta de caneta e a
ferramenta Quando quero começar
uma nova forma ou linha, simplesmente toco em V e, em seguida, toco em P novamente para iniciar
uma nova linha ou forma. Isso garante que cada elemento
esteja sozinho e
tornaremos a animação mais fluida e interessante
no resultado final. Você também pode começar a organizar
por camadas, se preferir. Mas eu passei por
esse processo mais tarde, ao preparar
o arquivo para o Photoshop Você também notará que
eu desenhei apenas uma folha, e isso porque acabo duplicando-as
selecionando a folha e a opção no teclado e arrastando-a
para o novo local,
isso a duplicará automaticamente Você também pode virar uma folha facilmente selecionando o
reflexo da transformação do objeto na barra de menu superior e eu uso a transformação
vertical Uma
dica final de ilustração a ser observada é como eu trabalho usando traços
para criar as formas Mas, uma vez
concluídas, coloque
a forma do início ao
fim com a ferramenta Caneta Em seguida, troco traçado
por preenchimento digitando Shift X no teclado
ou usando os erros de troca na Lembre-se de que eu sei que
quero animar isso e vou
pensar nisso
ao criar a ilustração Como isso pode parecer em movimento? Quais partes do
arquivo original eu preciso preservar? Você notará que
estou copiando e colando meu trabalho
durante todo o processo E isso é para que eu tenha um histórico
de cada versão, caso eu não goste da direção que ela está tomando e eu tenha
retrocedido Também salvei meu arquivo
durante todo o processo de design basta selecionar Command
S no meu teclado. Tenho alguns elementos
que gostaria de
distribuir uniformemente , uma vez que os tenha geralmente onde
gostaria de todos, selecione todos e o ícone de distribuição apareça
no menu superior para mim. Você também pode acessar Window
Align para abrir o painel e, em
seguida, selecionar a distribuição horizontal
ou vertical
mostrada na parte inferior ou central,
dependendo do seu design Neste momento, estou muito
feliz com o design e, embora
já tenha outros renderizados, estou convencido dessa versão
para a animação, mas agora preciso refiná-la Vou dar um rápido passo atrás e ver o que
mais eu gostaria de fazer. Vou comparar algumas opções para
ver qual é a mais forte e fazer alguns ajustes finais
na ilustração para melhor
se adequar à minha visão de longo prazo. É importante projetar
com o objetivo em mente, especialmente se for um projeto de
marca como o meu Depois de renderizar todos os designs
finais, diminua o zoom e faça
a chamada final Neste vídeo, analisamos a
decisão de uma direção, a
criação de esboços, a
renderização de seus
esboços renderização de seus
esboços E eu dei uma olhada nos bastidores
do meu processo e das ferramentas favoritas
para criar o ícone. A seguir, explicaremos como preparar seu arquivo para o Photoshop
4. Preparando o ícone para o Photoshop: Pronto para começar. A primeira
coisa a fazer é expandir a aparência do
nosso arquivo do Illustrator Isso mantém tudo
nítido e limpo à medida que aumentamos
o arquivo Mas antes de começarmos, vamos salvar uma cópia do
nosso design atual. Você nunca sabe com o que
gostaria de
voltar e mexer, especialmente se
planeja usá-lo em outro programa como o
Adobe After Effects Na duplicata, basta
selecionar o ícone inteiro mantendo
pressionada a tecla Shift e
clicando na área ao redor dela Em seguida, mantenha pressionada a tecla Opção. Clique e arraste para um novo local
no seu Canvas. Tudo pronto. Agora vá para o
menu superior, selecione Objeto, Expandir e escolha traçado do
objeto, preenchimento, Walla Suas linhas agora se
transformaram em formas. Em seguida, vamos copiar esse ícone recém-transformado
em um arquivo novo e limpo. Para este exemplo, pretendo um formato quadrado,
perfeito para o Instagram Lembre-se de
que, como é arte vetorial, podemos redimensioná-la
sem perder qualidade ao
migrar para o Photoshop Agora é hora de colocar nossos chapéus
organizacionais. Organizaremos nossas
camadas de uma forma que
facilite a animação. Você fará isso novamente no
Photoshop, mas, por enquanto, agrupa itens semelhantes
na mesma camada ou em camadas
individuais Por exemplo, vamos mover todos os itens decorativos
para uma camada, as folhas para outra caules para outra.
Você entendeu a ideia. Tudo bem, vamos nos
aprofundar nos detalhes. É hora de mapear como sua ilustração será
revelada durante a animação. Eu vou fazer um pouco
disso mais tarde no Photoshop. Mas deixe-me mostrar uma
maneira de conseguir isso aqui
mesmo no Illustrator,
caso essa seja sua preferência Primeiro, selecione a
linha que representa sua haste e pressione o
Comando C
para copiá-la e colá-la novamente
no mesmo local. Use Shift Command e V. Mova
essa linha para uma nova camada. Agora vamos nos concentrar nessa camada. Vá em frente e
esconda todas as outras camadas. Você pode ativar a
ferramenta caneta pressionando o ponteiro. Vamos
apagar levemente algumas partes da haste usando
a ferramenta
caneta como fatia Usando a Ferramenta Caneta, coloque
uma linha sem
traçado na ilustração onde você gostaria de criar
o primeiro marcador Em seguida, abra o
painel Pathfinder, selecione dividir e,
em seguida, exclua a parte superior ou a parte que
será revelada posteriormente Isso funcionará como
um marcador de crescimento, essencialmente o que seu público
verá antes que a haste completa
apareça ou o que quer que você esteja
ilustrando ou animando Quanto mais
marcadores de crescimento você criar, mais suave será
a aparência da
animação A velocidade também é um fator. Uma revelação mais rápida
é a suavidade ou a animação. Depois de ajustar a haste
ou o que quer que esteja ilustrando, ative e desative as camadas para visualizar as Isso lhe dará
uma ideia de como tudo se encaixará
na animação final. Pronto para alguma ferramenta de mistura,
FUN here criará etapas como as folhas e
flores crescerão. Em outras palavras, como
sua ilustração será revelada e animada. Primeiro, vamos desenhar
o ponto de partida. No meu caso, é um pequeno broto. Usando a ferramenta de mistura, vou criar
cinco estágios de crescimento. Clique duas vezes na ferramenta Mesclagem
no painel de ferramentas para abrir
as opções de mesclagem, escolher as etapas especificadas e em seguida, selecionar a
quantidade desejada de etapas Vou separá-los um
pouco e escolher cinco etapas. Sempre podemos remover alguns. A ideia é ter
certeza de que você pode ver cada etapa de forma clara
e separada. Certifique-se de que não estejam se
tocando, ajuste se necessário expanda a aparência para que cada etapa seja um objeto
separado Finalmente, você vai
alinhá-los em seu ponto de partida Lembre-se de que você pode
ajustar o número de
etapas de acordo com o ritmo
da animação. Mais etapas para uma tarefa lenta, suave ou revele menos etapas
para algo mais rápido. Agora vamos repetir esse processo
para toda a animação. Pensando em
como você gostaria que cada objeto fosse revelado e
animado durante todo o processo, terá mais tempo para
iterar no Photoshop, mas você precisará concluir isso Portanto, não se apresse e
não siga em frente até que esteja super animado para
fazer essa coisa dançar Agora que você criou todas as etapas de
crescimento, vamos verificar se cada uma delas
está em sua
localização final e separar cada etapa em sua própria camada. Certifique-se de rotular de uma forma
que faça sentido para você. Minha animação final
tem 100 camadas, mas você poderia facilmente
ter 300 ou mais. Portanto, quanto mais claro você estiver sobre a
organização do arquivo, mais rápida e suave será a criação da
animação É hora de uma revisão rápida. Agora que você tem cada
etapa em sua própria camada, alterne entre as camadas para
visualizar como a animação se desenrolará e
faça os ajustes necessários Por exemplo, notei que minhas folhas menores deveriam
estar mais próximas do caule. Uma última dica profissional:
pense em cores. O fluxo da animação pode influenciar suas escolhas de
cores. Portanto, considere que, ao
fazer sua seleção, usei a
cor principal da minha marca para começar, adicionando tons secundários
para dar um toque extra. Lembre-se de que você pode até mesmo animar transições Por fim, salve o arquivo
original
caso queira trocar
as cores posteriormente. Tudo bem, vamos
analisar o que
realizamos até agora analisar o que
realizamos Primeiro, começamos
expandindo nosso Canvas e Illustrator para garantir que
tudo permaneça nítido Lembre-se de salvar
uma cópia, você nunca sabe quando poderá precisar
do design original. Em seguida, movemos esse ícone expandido para um novo formato de arquivo quadrado. Ideal para Instagram e fácil de fazer a
transição para o Photoshop
sem perder qualidade A organização era fundamental. Começamos a classificar nossas camadas de uma
forma que facilitaria ou simplificaria o processo
de animação Entramos nos detalhes do planejamento
de animação, até a criação de marcadores de
crescimento para nossas hastes ou qualquer
ilustração que você tenha Quanto mais você tiver, mais suave será
sua animação. A ferramenta de mesclagem foi usada
para criar etapas de como sua ilustração
será revelada e, para animar, ajustar o número de etapas com base na peça
que você deseja Depois de concluirmos as etapas, reorganizamos nossas camadas e, em
seguida, jogamos o momento
da verdade enquanto
alternávamos entre as camadas
para visualizar a animação, garantindo que
tudo estivesse bem e ajustado conforme necessário Por fim, consideramos como a cor pode afetar o fluxo e a
sensação de sua animação Escolha cores que
complementem a marca que você está criando para ela e
seu estilo de animação. Você está animado com
as próximas etapas? Em seguida, vamos trazer
tudo isso para o Photoshop para realmente dar vida ao seu
design Mal posso esperar para ver o que
criaremos juntos.
5. Animação no Photoshop: Olá de novo. Depois de nosso trabalho
meticuloso no Illustrator, chegou a
hora de dar aos nossos
ícones aquele toque mágico Vamos entrar no Photoshop e dar vida aos nossos designs Vamos mover nosso ícone em camadas do
Illustrator para o Photoshop. Em primeiro lugar, criaremos um novo arquivo em qualquer dimensão que você
usar na forma final Vou usar um pouco
maior do que o necessário caso queira usá-lo
em outro aplicativo. Depois que seu novo arquivo for criado, tudo o que você precisa fazer
é acessar o Illustrator e selecionar todo
o design Pressione copiar ou Command C e volte para o Photoshop, clique em colar ou Command V. E você verá algumas opções Escolha Colar como camadas para
transferir todo o seu trabalho árduo. Pense na animação
como uma sequência de imagens
estáticas mostradas rapidamente. Aqui. As camadas se tornam molduras e sua linha do tempo as organiza. Este é o storyboard
da sua animação. Agora que estamos no Photoshop, podemos ver que as
camadas do Illustrator foram trazidas como grupos e cada objeto está em
seu próprio grupo na Isso é perfeito para a
base da sua organização. Vamos rotular cada objeto e
colocá-los na ordem em que
desejamos que eles revelem. Lembre-se de que isso
desativará as etapas anteriores para que a animação não fique
confusa em cada microrevelação Para o caule ou a flor, cada estágio ficará oculto
à medida que o próximo for revelado. Na última aula,
mostrei como você pode editar os estágios de crescimento
diretamente no Illustrator Eu escolhi fazer as hastes
aqui no Photoshop porque parecia mais fácil e
frequente para o meu processo Vou fazer isso agora. E espero que isso lhe
dê uma ideia de como você pode usar isso
e fazer algo semelhante Antes de seguir em frente, vou rasterizar
todas as minhas camadas Indo para as camadas. Rasterize todas as camadas. Acabei de pegar a
camada para a qual quero criar estágios e o painel de camadas e clicar em Option
e
arrastá-la para duplicá-la Em seguida, pego a
ferramenta de borracha e apago a área que gostaria de
revelar na próxima etapa Repito esse
processo até ter cerca de três ou quatro estágios
para cada uma das Em seguida, testarei toda
a animação revelando cada
camada individualmente. Uma coisa importante
a ser observada é que esse processo revelou algumas áreas crocantes
na animação E eu consegui
consertá-lo aqui antes. Eu gosto da
animação, onde é muito mais difícil trabalhar de trás
para Tradicionalmente, o Photoshop é uma ferramenta de edição de fotos que esconde um tesouro de recursos de
animação Vamos explorar apenas uma pequena porção
que fará com que esses vetores
estáticos se posicionem. Nesta aula, estamos criando uma animação de linha do tempo
para começar, vá para a
linha do tempo da janela e selecione Criar animação
de quadro na janela pop-up Você deve começar
com um quadro que
mostra tudo o que está visível
no painel Layers. No momento, ele age como uma
fotografia do que está visível. Portanto, não passe a criar um novo quadro até
ter tudo oculto ou exibido que você gostaria de ver
no primeiro quadro. Em seguida, clique no
sinal de mais na parte inferior
do painel da linha do tempo para
criar um novo quadro Repita o processo e
revele apenas a próxima parte
da animação, certificando-se de
desativar as camadas que serão redundantes ou que só aparecerão
mais tarde na Agora você está indo para as corridas. Antes de ir muito longe, defina o ritmo da animação. Depois de adicionar novos quadros, você pode clicar no botão Reproduzir
na parte inferior da linha do tempo
para ver como está Se parecer muito instável,
reduza o tempo em cada quadro Você pode fazer isso na parte inferior
do quadro clicando
na seta para baixo selecionando a hora em que
deseja que o quadro seja revelado. Para minha animação, usei
0,02 s, literalmente uma fração de segundo, para que ela pudesse ser repetida rapidamente O que me leva
ao meu próximo slide. Essa animação deve ser
repetida ou reproduzida uma,
duas ou três vezes. Isso é algo que você deve
determinar antes de
exportar o arquivo O meu está definido como padrão para sempre. Então, se você clicar nele e na
parte inferior do painel da linha do tempo, poderá escolher quantas
vezes ele será repetido No meu caso, eu só
queria que acontecesse uma vez. Hoje. Estou orientando
você pelas animações
mais básicas Há outros recursos de animação e vídeo
na linha do tempo, e há outros efeitos que você pode adicionar à sua animação, como interpolação entre quadros, que pode
adicionar etapas automaticamente e pode ser outra forma de
eliminar camadas Para esta aula, eu
queria mostrar como criar uma bela animação usando os conjuntos de
habilidades que você
provavelmente já tem. Pense nisso como a base para a animação no Photoshop A consistência é fundamental para um acabamento
verdadeiramente profissional Garanta que sua animação
seja suave e amanteigada Cuidado, pois as
transições chocantes são incompatíveis. Durações dos quadros. Seu ícone deve se mover naturalmente, como se tivesse vida própria. Você pode excluir molduras
e adicionar novas molduras, mas é sempre mais fácil
fazer isso e depois fazer a ordem natural. Por isso, recomendo verificar aparência da animação à medida que você a constrói. Ok, vamos recapitular rapidamente o que abordamos nesta aula Primeiro, importamos o ícone para Photoshop literalmente
copiando e colando Configuramos uma
animação de quadro usando camadas. Então, estávamos realmente entrando
no âmago da Depois, examinei
as ferramentas de animação que estávamos usando no Photoshop Em seguida, falamos sobre o ritmo da animação e
a adição de efeitos de
animação E, finalmente, basta
verificar seu trabalho para garantir uma transição
suave Trabalho fantástico, seu ícone agora
deve ser uma fusão de suas habilidades únicas de design
e da magia da animação. Você está pronto para compartilhar suas
criações com o mundo? Vamos mergulhar na exportação e exibição de suas
bolinhas animadas Mal posso esperar para ver
o que você criou.
6. Como exportar sua animação: Bem-vindos de volta, entusiastas do design. Com nossa animação concluída, agora
é hora de exportar uma
das etapas mais importantes Vamos garantir que seu ícone
animado esteja otimizado e pronto
para ser visto pelo mundo. Agora, quando se trata de exportar , o
Photoshop oferece
muitas opções e eu
vou mostrar
as duas que você precisará para
esse tipo de animação Filme ou presentes. Os presentes são ótimos para a ampla capacidade e a natureza circular, enquanto os filmes oferecem
excelente qualidade e melhor profundidade de cores Lembre-se de que a escolha
é sua com
base em onde você deseja que
seu ícone brilhe. Vamos começar
exportando arquivo de
filme para o meu feed
do Instagram, basta acessar Arquivo, exportar, renderizar vídeo e
as configurações do filme aparecerão Escolha onde você salva o arquivo
e o tamanho do arquivo. Lembre-se de que comecei com
algo maior do que o necessário para
poder ter flexibilidade. Mas não é necessário salvar
um vídeo grande para o Instagram. Use essas especificações de sua
plataforma específica. É isso mesmo. Em seguida, faça o upload para o local de sua
preferência e compartilhe sua animação. O verdadeiro motivo pelo qual a
animação nasceu foi
compartilhar por e-mail como um arquivo GIF Você simplesmente não pode compartilhar
vídeos por e-mail, mas pode compartilhar um GIF animado ou um arquivo
GIF
que fornecerá uma imagem envolvente ou de
alta qualidade com um toque profissional Sempre tenha em mente as limitações
e vantagens da
plataforma . Você pode pressionar Command, Option Shift e S ou ir para
File Export Save for Web
e, em seguida, escolher Gif nas opções e no
canto superior direito Você pode até mesmo testar sua
animação ou escolher configurações
adicionais ou editar suas preferências de loop
ali mesmo e depois Salvar para saída Porém, você
acabou de dominar a arte da animação
de ícones, desde o
design até a exportação, seja para seu cliente,
seu portfólio ou apenas para se divertir, agora
você tem as habilidades para criar visuais animados cativantes No próximo vídeo, vamos recapitular o que aprendemos e comemorar compartilhando nossos designs
7. Conclusão e vamos celebrar!: Olá a todos, parabéns por chegarem ao
final deste curso. A arte dos ícones animados, crie e anime com o
Photoshop e o Illustrator Foi uma
jornada incrível, e estou muito orgulhosa do
progresso que você fez. Vamos fazer uma rápida
reflexão sobre todas as novas habilidades e
técnicas que você aprendeu. Primeiro, você dominou a
arte de dar vida aos seus esboços criando ícones em
camadas e no Illustrator,
onde nos concentramos em dimensões, onde nos concentramos em dimensões, cores Em seguida, mudamos de
assunto e mudamos para Photoshop, onde ele
aprendeu a dar
vida aos designs estáticos criando
animações quadro a quadro. Até
nos aprofundamos em recursos mais
avançados, como definir o o
Photoshop, onde ele
aprendeu a dar
vida aos designs estáticos
criando
animações quadro a quadro. Até
nos aprofundamos em recursos mais
avançados, como
definir o ritmo de suas animações e adicionar efeitos especiais. O que é aprender sem
aplicação, certo? Você tem a chance de aplicar todas essas técnicas
em nosso projeto de classe. Agora, não se trata
apenas do produto final, mas também da jornada e
das habilidades que você
adquiriu ao longo do caminho. Cada um de vocês deu vida à sua visão
única, combinando princípios de design com técnicas de
animação para produzir
algo verdadeiramente mágico. Agora, para a grande final, convido você a enviar seu ícone animado final
para a galeria do projeto É uma ótima oportunidade para
compartilhar seu trabalho, obter feedback e até mesmo ver como seus
colegas de classe enfrentaram os Não se esqueça de incluir
uma breve descrição do seu conceito e do
processo criativo que você seguiu. envolvimento com a
comunidade pode oferecer novas perspectivas e até mesmo estimular a inspiração para
seu próximo projeto Então vá em frente e mostre suas obras-primas e aproveite os frutos do seu trabalho Lembre-se de que a
galeria do projeto não é apenas uma exibição,
é uma conversa. Entre e participe. Obrigado por participar deste curso e espero ver
seus ícones animados iluminarem nossa
galeria de projetos em breve. Até lá, continue projetando, continue animando e,
o mais importante, continue
Cynthia Oswald, Artist & Designer
