Transcrições
1. Introdução: Bem-vindo à aula, projete e crie uma experiência de realidade
aumentada Sempre quis ver seus
designs ganharem vida? Imagine criar
animações cativantes e depois transformá-las em uma experiência
interativa que você pode segurar na
mão Neste curso para iniciantes, vou te ensinar
como fazer exatamente
isso sem a necessidade de experiência prévia em
realidade aumentada Vou guiá-lo passo a
passo pelo processo. Primeiro, desenharemos um pôster
estático com
diferentes camadas e depois os animaremos por meio do uso da linha do tempo do
Photoshop Você aprende os fundamentos da animação por meio do
uso dessa ferramenta Em seguida, mostrarei como
importar sua criação para Adopt Euro e criar uma experiência
interativa de AR. Por fim, exportaremos e
compartilharemos a experiência de AR. Divirta-se e mal posso esperar
para ver suas próprias criações.
2. Escolher entre diferentes formatos: Antes de criar nosso arquivo do
Photoshop, precisamos pensar no formato que
vamos usar No meu caso, quero usar esse vídeo para ser postado na
minha conta de mídia social, especificamente no Instagram, porque
é o que eu mais uso. Para isso, preciso já ter uma ideia específica
do formato que vou usar para
ajudá-lo em seus próprios projetos. Eu crio esta imagem
aqui que você pode acessar onde eu
explico os formatos que você
tem à sua disposição. Você pode fazer isso dependendo da plataforma de mídia social
que deseja usar. Você pode fazer horizontal,
quadrado, vertical ou uma vertical que seja uma
mistura da última, mistura do quadrado
e dessa vertical aqui, a que vou usar
para este projeto, será de quatro por cinco. Abaixo desses quatro por cinco, você tem esses números
aqui, que são o tamanho do pixel para obter
esse formato aqui. Vamos fazer isso. Eu
coloquei isso de lado agora. Vou criar um novo, posso fazer isso aqui, ou posso criar imediatamente
um novo arquivo aqui. Photoshop abrirá essa nova janela, na qual você poderá escolher entre
diferentes presentes É uma maneira fácil de escolher
imediatamente um formato para o item
que você vai usar. No meu caso, quero
fazer esse projeto para a plataforma de mídia
social seja
exibida no celular ou na web. Eu vou para uma dessas categorias. Aqui eu posso usar a Web. Procuro um formato
próximo ao que vou usar. Se eu não encontrar especificamente o formato que
vou usar, posso escolher
um desses aqui. No lado direito, você tem
a largura e a altura. Eu só preciso
mudar esses números aqui para o formato
que vou fazer. Então, 1080 por 1.350 Essa é a largura e
essa é a altura Primeiro, a altura
e depois a largura. Agora eu tenho meu formato que
vou criar. Aqui. Temos o formato
que vamos fazer para verificar se corresponde
ao formato
vertical de quatro por cinco a ser usado
no Instagram. Agora vamos começar a
direcionar nossas primeiras camadas.
3. Crie as primeiras camadas: Este projeto será animado. As camadas que
vamos fazer, maioria delas se
moverá, terão alguns efeitos. Em algum grau, é muito importante, ao
criar nossas camadas, ter
que pensar em organização. Você precisa estar bem
organizado e bem nomeado aqui, neste
lado direito, onde você tem camadas, cada vez que cria uma camada ou cada vez que termina de
criar a camada, você dá a elas o nome que permitirá que você
se identifique rapidamente. O que essa camada representa? O que esse conteúdo tem? A primeira camada que
vamos fazer, será
o plano de fundo. Mas antes de começar a
criar e direcionar nossas camadas, vamos fazer algo muito
importante que ajudará você a posicionar os elementos em
nossa cena em nossa tela. Nós viemos aqui para ver. E nos guias,
criaremos um novo layout de guia. Como você pode ver aqui, ele tem
automaticamente as réguas e as guias
que eu quero usar no projeto Mas normalmente
não teremos nenhum aqui, nenhum aqui. Só precisamos criar
os guias que usaremos novamente. Eu vou querer dois a dois. Imediatamente. Eu terei
as guias que dividem o espaço em
vertical e horizontal Também adiciona os
limites da minha tela. Vou mostrar como isso nos
ajudará a posicionar nossos objetos. Depois de criado, posso
dar um nome a ele, se quiser. Nesse caso, eu deixaria
assim e clicaria em OK. Agora vou adicionar o
primeiro elemento, que será o plano de fundo. Vou escolher essa ferramenta
aqui, a ferramenta retangular. Agora posso posicionar
esse elemento aqui. Como faço isso, como criei,
começo especificamente de um ponto. Eu clico aqui e depois
arrasto para onde eu quero. Faça com que ele se encaixe imediatamente nas linhas que
eu defino no layout do meu guia É por isso que é
necessário ter o guia. Agora eu posso, de um
ponto a outro, criar meu plano de fundo
tão fácil quanto isso. Eu posso fazer isso de outra maneira
daqui para o outro lado. Não importa com isso
criado agora, como eu disse, retorne à minha
camada que foi criada aqui, retângulo um, quero
mudar isso para outro nome Eu cliquei duas vezes. Agora eu posso mudar o
nome da minha camada. Vou chamá-lo de plano de fundo. Ok, com essa ferramenta
que acabei de criar, agora você tem acesso a diferentes
propriedades dessa ferramenta. Como é um retângulo, tenho a possibilidade de alterar sua aparência e o traçado, a linha
ao redor dessa forma Além disso, posso mudar seu tamanho. Não vou tocar na transformação porque corresponde exatamente ao tamanho
da tela que acabei de usar. Vou mudar o
preenchimento e o traçado. Por exemplo, a sensação,
vou usar o vermelho e o traço, vou usar um branco, por exemplo, ou essa cor aqui, dourada. Vou mudar meu derrame. Agora eu tenho um plano de fundo
com um traço. Uma das coisas que também vou
mudar é que, como você vê, o retângulo agora tem suas
margens fora da tela Isso porque meu derrame, do tamanho do meu
derrame, vai para fora. Porque, dependendo
do posicionamento que você deseja
que seu traço seja, quero que meu traço apontado para dentro e agora,
e não dos dois lados Eu escolho essa opção aqui. Agora você vê que o tamanho total que ele tem, está
tudo dentro. Agora eu posso mudar
novamente o tamanho. Vou mudar para 34
e salvamos o arquivo, salvamos arquivo S, damos um nome a ele e você pode salvar.
4. Definir cores e adicionar mais camadas: Eu quero fazer
cores específicas que eu escolhi antes de começar
este projeto. Para fazer o
mesmo, você pode acessar a imagem que tem à
sua disposição, chamada de cores. Então podemos, podemos
abri-lo no Photoshop. Pegue, coloque aqui. Agora, como podemos mudar as cores em nosso
retângulo? Simples Voltamos ao fundo
da camada
nas partes de aparência aqui. Eu vou escolher a sensação. Eu quero fazer essa cor aqui. E o traço, eu
quero fazer essa cor aqui. À esquerda, eu escolho Feel. Eu vou aqui. Eu clico aqui. Agora você tem a possibilidade
de escolher a cor desta imagem, aqui você
tem cores diferentes. Ou podemos simplesmente ver que o pico aparece aqui quando
eu saio por esta janela. Agora eu posso escolher este aqui. Automaticamente, você descobrirá essa cor nesta
roda. Clique em OK. Agora, para o derrame, usarei o mesmo método. Eu clico aqui. Agora temos o retângulo com
as cores como deveriam. Tudo isso tirado
dessa imagem aqui, eu quero criar
um novo retângulo Um que estará por dentro
e será menor que este. A primeira que acabei de
criar vem aqui. Posso fazer isso mais uma vez, escolher a ferramenta e
criar um novo retângulo Mas vou aproveitar o que eu já criei e vou criar
um duplo desse. Ou você pode fazer isso
para clonar isso. Você tem que escolher isso. Você pode deslizá-lo. Isso, eu posso aqui. Agora você tem duas camadas de fundo,
dois retângulos Mudei seu nome para
retângulo retangular central. Agora eu posso mudar algumas
de suas propriedades. Eu quero que seja menor. Vou mudar seu tamanho para 950 e seu lado para 12, 37 Eu quero centralizar esse
retângulo por dentro Também é o traço, algo bem menor
como este E como você pode ver, posso posicionar mais uma vez esse retângulo com
a ajuda dos meus guias Uma maneira mais rápida de fazer isso e
a maneira exata de fazer isso, você escolhe o elemento
que deseja alinhar, o elemento ao qual deseja
alinhar com Agora temos acesso a
esses botões de alinhamento. Quero alinhar o que
está sobre o plano de fundo, o que está selecionado E eu quero alinhá-lo
perfeitamente no centro, na parte vertical, bem no meio
da parte horizontal Agora eu tenho dois retângulos, e este aqui, eu
também mudo sua cor, a cor do traço Eu quero ter o vermelho aqui. Eu ainda tenho os dois selecionados. Eu tenho que escolher apenas um. Agora, com essa selecionada, selecionarei essa cor aqui. Não quero que tenha uma.
Quero que seja transparente
ou inexistente Para fazer isso, basta
selecionar aqui no campo, você tem a opção de não
ter nenhum. Se eu voltar a este e
fizer o mesmo com este, como você vê, será
completamente transparente. Todos os objetos que vêm
da parte de trás do retângulo
estarão visíveis Mas eu só quero
fazer isso com o retângulo. O último que eu criei. Este retângulo aqui
não terá se alimentado, diga isso.
5. Crie triângulos: Vamos continuar adicionando
mais camadas usando os mesmos princípios. Desta vez, vou
usar a ferramenta triângulo
para criar um triângulo. Mais uma vez, escolho
um ponto e arrasto, e tenho o tamanho
do meu triângulo. Esse triângulo eu
quero que o campo seja o vermelho que eu tenho aqui. Como você pode ver, você tem essa opção de cores usadas
recentemente. Podemos escolher imediatamente
a cor que você deseja. Um dos que eu usei
antes, o derrame. Não quero que tenha
um derrame. Tudo bem, embora haja um número aqui que não conta porque
não tem um derrame. Como você pode ver aqui,
eu mudo e não
faz nada zero. Eu posso mudar minha
largura para alguma coisa. Claro, eu já sei os números que
vou colocar aqui. Mas fique à vontade para testar e fazer seus próprios tamanhos só porque
eu já fiz isso. Eu já sei os números. Quanto à largura, tenho
710 para a altura. Para a largura, tenho
864 para a altura, 576. Agora eu quero transformar
esse triângulo. Mais especificamente, quero
virar isso de cabeça para baixo. Como você pode fazer isso, você vê
quando eu seleciono um objeto, ele é destacado, destacado
com a caixa azul. Essa caixa significa, é claro, a forma do
tamanho total do seu elemento, mas também
permite transformá-lo Eu posso escolher um
desses quadrados aqui. Se eu tiver essas duas
grades aparecendo, isso significa que posso mudar seu tamanho Mas se eu quiser mudar
seu tamanho de uma forma não
mude tudo, estou apertando sua Se eu quiser fazer isso corretamente, clico ao mesmo tempo no teclado,
na tecla antiga,
e agora altero seu
tamanho sem mudar sua forma de volta para o
primeiro controle de tamanho, Z. Se eu quiser girá-la, só preciso ver
esse ícone aparecer Esses dois erros. Nos erros curvos, eu só preciso deixar
esse ícone aparecer Agora eu começo a virar. Mas se eu pressionar minha tecla antiga
novamente no teclado, agora posso alterá-la
com graus fixos. Vou movê-lo até ficar de
cabeça para baixo, assim. Como você pode notar, há uma barra de ferramentas que aparece aqui, flutuando ao lado da
camada que acabei de selecionar. Essa é uma
barra de tarefas contextual que talvez já conheça, mas nas
versões mais recentes do Pop, essas barras de tarefas contextuais existem para ajudá-lo
com seu Nesse caso,
selecionei a camada. Essa barra de tarefas contextual está associada a essa camada
e a essa função Além de fazer manualmente a
rotação ou a escala, ele propõe fazer uma simetria no x horizontal ou
no x vertical. O que
significa que quando eu tinha
o triângulo dessa maneira, quando acabei de desenhar,
era dessa maneira Em vez de usar
manualmente a rotação, eu escolheria automaticamente, quando essa barra de ferramentas aparecesse, escolheria esta função
aqui e viraria na vertical E isso já se transformará
na direção oposta correta. Eu só tenho que aceitar que foi feito. Barras de tarefas contextuais diferentes aparecem dependendo do que você
está fazendo na cena Agora não vou mudar
o nome, Triangle High. Agora posso posicioná-lo com
a ajuda dos meus guias, exatamente no meio ou
na interseção
desses dois guias Algo mudou aqui. Mais uma vez,
mudarei sua largura, que é 864. Agora eu posso posicioná-lo corretamente, eu posso fechar este. Agora eu também posso fazer uma cópia
desse triângulo aqui,
como eu te disse. Pode fazer isso, mude seu
nome para triângulo baixo. Vou colocá-lo aqui com a ajuda mais uma vez
da barra de tarefas contextual Eu vou virar este também. Eu mudo seu tamanho? Este terá
100,73 e altura dez. Eu queria alinhá-lo ao traçado
na parte inferior desse retângulo para
poder usar o Align e
também os botões de alinhamento também os Preciso do objeto com o qual
vou me alinhar, a referência do objeto para onde
vou me alinhar a Agora vou colocá-lo exatamente sobre ele, centralizá-lo e salvar
6. Adicione ciclos: Agora vamos usar uma nova ferramenta
e criar uma nova forma. Então eu venho aqui, seleciono a ferramenta de elipse, quero criar
um círculo perfeito Se eu clicar e arrastar, como você pode ver, estou
fazendo uma elipse Para fazer um círculo perfeito, basta pressionar no
teclado, a tecla antiga. Ao mesmo tempo em que você arrasta. Agora você tem a mudança
perfeita do círculo. É com um que deve
ter os mesmos valores de 460. Em seguida, você pode selecionar
essa opção aqui. Toda vez que você altera um valor, ele muda os dois ao
mesmo tempo. Agora vou centralizar esse círculo e posso
fazer isso usando meus guias. Vou mudar o campo, posso deixá-lo vermelho. E o traço, eu vou
mudá-lo para este aqui, mudar seu tamanho para 36. Agora eu tenho a opção
também, como você pode ver ao lado do tamanho, eu posso mudar o estilo,
as opções de traçado. Vou fazer um
derrame aqui embaixo. Podemos mudar o
tipo de, por exemplo, se eu colocar três e a lacuna. Eu também posso deixá-lo. Eu o chamo de Circle Center. Eu posso fazer
um segundo atrás deste. Eu só preciso copiar e mudar seu nome para Circle
Behind Center. E também na organização, temos que colocá-lo abaixo
do centro do círculo. E vou mudar
seu tamanho para 605. 605. Vou mudar sua
sensação para o marrom mais escuro aqui e mudar o traço para o vermelho E acho que, sim, meu traço, vou aumentar o valor
com a lacuna. Agora
posso colocá-la manualmente
no centro ou apenas usar uma referência e um
centro como esse, você pode salvar,
vou fazer um pequeno efeito no círculo
para distingui-lo do
triângulo que está logo atrás E eles são da mesma cor, preciso de algo para
distinguir os dois. Eu preciso, eu seleciono meu círculo aqui, aqui
embaixo estão os efeitos. E eu vou escolher sombra projetada. Posso deixar
assim, como você pode ver, ter um pequeno efeito funcionamento que nos permite
distinguir as duas formas. Ok, eu cometi um erro
com a dimensão. Preciso mudar rapidamente as dimensões
dos dois círculos. Este será 545 e eu o alinharei Este e este
aqui precisam ter 414 e também estar alinhados
com o Além disso, os golpes
terão 32. 32. Também economize. Vou criar um último
círculo, um menor, para que eu possa duplicar
este. Mude seu nome. Pequeno. Vou
mudar o tamanho, também o traço para 18. Mude para pontilhado o para
um e o espaço para um. Isso para dentro
da extremidade do quadrado. Além disso, as cores que
vou usar para o traço, que será vermelho e o
campo, serão marrom-escuro. Agora mais ou menos aqui alinhado. Sim, aqui alinhado com
a guia vertical. Por enquanto, está bom. Guarde isso.
7. Faça as ondas de rádio: Também preciso fazer uma
sequência de círculos atrás desses dois grandes,
no centro, de volta
para uma cópia deste. Esses círculos que
vou fazer replicarão ou tentarão
emular ondas de rádio que eles não terão Phil, eu mudaria o
estilo e o tamanho do traço. O tamanho, o
tamanho geral do círculo. Vou colocar uma linha assim, muda de cor para vermelho e sua opacidade também para
mudar o nome. Para ser mais preciso, você vê que esse círculo passa na frente de
todos os outros e eu só quero que eles passem
por trás de todos esses elementos Eles precisam estar bem
abaixo das outras camadas. Essa opacidade. Vou mudar para 35. Eu vou, porque vou fazer vários círculos como
este separados por tamanho. Eu vou criar todos eles dentro de um novo grupo onde eu tenho todos esses círculos dentro. Então, agora eu só preciso arrastar
e soltar sobre esse arquivo. Este é o primeiro que
farei, o segundo. Este será maior 639. Preciso centralizar toda vez
que posso deixá-lo com OK, também
tenho que mudar
seu número. Esse foi o primeiro. Esse é o segundo. Vai para baixo.
Preciso copiar outro. Vamos chamá-lo de três. Este
aqui será 687 Também alinhe-o. Outra será a
quarta mudança para 729. Mantenha a mesma opacidade. Este aqui, 5.700,74 também é uma linha, 61.819 E o último, o sétimo, você pode ter um 864
também centralizado Algo está errado aqui, eu acho que é sim,
esse último aqui. Aí está. Essa. Eu posso colocá-lo de volta em
100. Aí está. Acho que acabamos com
os círculos e estamos seguros.
8. Adicione o banner: Não vamos criar um banner
com o texto sobre ele. De volta às nossas ferramentas.
Ferramentas de desenho. Vou escolher um retângulo e vou criar
algo assim Mude meu traçado para essa cor e o campo
para marrom mais escuro Altere seu tamanho para 866.219. Vou
alinhá-la e transformá-la Quero criar um efeito no caminho de transformação
da edição. A distorção muda de personalizada para
protuberância e altere seu tamanho. Aqui está a banda a menos nove. Eu vou aceitar isso.
Vou colocá-lo aqui. Então mude seu nome, banner. Agora vou adicionar um
texto no banner. Eu escolho essa nova ferramenta, ferramenta de
texto horizontal, com esse novo ícone que
aparece na minha tela. Só preciso clicar no
que eu quiser. Selecione tudo isso e
altere o texto para mostrar meu trabalho, desculpe. Tudo em letras maiúsculas. Vou posicioná-lo aqui. Vou mudar o tipo para impactar regularmente. Isso pode ser 50. Agora eu preciso me alinhar
com o banner, então vou apenas o
banner que eu tenho Eu farei a mesma
transformação que fiz. Basta mudar um
pouco o tamanho. Aí está. E talvez transforme
também meu texto. Parece um
pouco a deformação que
eu tenho no banner Escolha. Mostre meu trabalho mais uma vez. Transforme a protuberância de dobra. Eu posso fazer isso manualmente. Agora você tem o banner com
o texto e podemos alterar nossos textos posteriormente,
se você quiser salvar.
9. Ferramenta de polígono: Vamos usar uma ferramenta diferente
para criar uma forma diferente. Mais uma vez, aqui eu posso
escolher a ferramenta de polígono. Funciona exatamente como os outros. Clique e arraste. Deixe
a tecla de saída do teclado pressionada e
agora você tem essa forma. Eu não posso transformar isso em uma estrela. Para isso, vou me
livrar do traçado para ser, vou mudar esse valor aqui para 0,4 e esse
valor aqui para 50. Isso configurará a distância percentual deste ponto aqui do centro, esses cinco pontos aqui, do centro em um valor. Agora eu tenho uma estrela,
mude sua cor. Também mude seu tamanho
porque eu quero
colocá-lo dentro desse
círculo, pequeno círculo. Vou colocar 56. Vou ampliar, vou
fazer exatamente assim. Vou chamá-la de pequena estrela vermelha. Vou duplicar este, e este será a estrela
branca na parte inferior Vou mudar seu tamanho. Primeiro, mudarei sua
cor e tamanho para 103. E eu posso
deixá-lo aqui centralizado. Eu posso diminuir
um pouco o zoom. Eu tenho minhas duas estrelas. Também quero usar essa ferramenta para criar duas turbinas bonitas, uma aqui e outra aqui Eu posso duplicar este, então a turbina para a esquerda, eu a arrastarei para
a esquerda e mudarei também seu tamanho Eu vivo com 70 e esse
valor em 20 muda, vou
alinhá-lo drasticamente com
os dois lados da massa Esse aqui, eu posso
abaixar um pouco. Eu queria estar
atrás do Bender. E outra turbina neste
lado, então turbina à esquerda, turbina duplicada à direita,
e
neste lado, e
neste neste duplicada à direita,
e
neste lado, segura.
10. Adicione tiros: Agora vou adicionar o texto de volta a essa ferramenta de texto. Clique no que
quiser. Escreverei para o primeiro texto, escreverei seu nome. Então, centralize
aqui e mude seu tamanho para 65. E duplique isso para
alterá-lo para Designer Ao adivinhar seu nome,
você coloca seu nome. O designer depende do que
você faz como profissão. Acabei de colocar um designer onde você
pode colocar o que quiser. Está abaixo do seu nome. Altere seu tamanho para 43
e a cor para dourado. Eu não o tenho aqui. Talvez eu faça. Vou abrir as cores e agora vou escolher essa
aqui e com segurança. Portanto, certifique-se de que esteja centralizado. Então eu quero fazer isso. Coloque-o aqui, salve-o.
11. Adicione relâmpagos: Agora vou adicionar o último
elemento à composição. Para isso,
criarei uma nova camada para esse elemento que
é o relâmpago Eu fiz isso manualmente para que possamos usar a ferramenta Selecionar polígono
menor Nós podemos fazer o
relâmpago, é claro. E então você escolhe preencher esta
opção aqui com
a cor que você deseja. Nesse caso,
será esse amarelo. Eu vou sentir isso. O select. Eu tenho minha forma. Se você
tiver dificuldades em fazer uma forma perfeita ou sua forma não estiver
indo muito bem para você, eu saí, você pode
encontrá-la nos documentos. Então você tem um raio aqui. O que você pode fazer é
abri-lo e selecionar o objeto. Como você pode ver, há
uma nova barra de contexto, dependendo do que
você vai fazer. Nesse caso, eu tenho uma imagem, posso selecionar o assunto, há um plano de fundo
e um assunto. Eu seleciono o assunto e, em seguida, escolho colocar essa
seleção aqui na minha tela. Mas para isso, eu tenho que
criar uma nova camada. Agora, nesta nova camada, vou sentir a seleção. Eu posso fechar esse aqui. Eu posso apagar o que
fiz à mão. Essa. Eu fiz isso também à mão, mas não posso fazer o
mesmo duas vezes. Esse eu vou
chamá-lo de relâmpago. Eu quero que esteja
por trás desses círculos. Para isso, temos que vir aqui. Por trás dos dois círculos, nós o colocamos aqui. Agora eu quero copiar isso vai ser um
raio, certo? Então o raio saiu. Esse aqui será. Vou virá-lo para
colocá-lo do outro lado. Agora temos o pôster com
o relâmpago. Guarde isso.
12. Adicione fotos: Agora você adicionará
fotos suas, duas fotos diferentes, marcando poses
diferentes para serem usadas
no meio deste pôster E quando estivermos
no modo de animação, explicarei como passar de uma
imagem para outra. Dessa forma, ele adiciona algum campo
dinâmico ao pôster. Para mostrar o que
vamos fazer, tirei duas fotos minhas, como eu disse, fazendo
duas poses diferentes. Tente que as fotos sejam tiradas por alguém para que você não se mova e fique no
mesmo posicionamento. Não muda, por exemplo, se não estiver muito perto da câmera
de uma foto para outra. E você fica exatamente
na mesma posição, mas com poses diferentes. Se, por exemplo,
esta foto estiver aqui, eu selecionarei apenas meu assunto, posso clicar aqui para
selecionar meu assunto. Ou posso usar a barra de
tarefas de contexto e selecionar o objeto que você
selecionará e fazer a diferença do assunto,
do plano de fundo. Então, se eu arrastar e soltar aqui, você verá que não combina bem com
o estilo do pôster Então, precisamos ter
alguns efeitos para tornar minha imagem mais parecida com
uma ilustração. E, dessa forma, ele se
misturará melhor com
esse plano de fundo. Mostrarei como você pode criar uma sequência de efeitos que podemos usar
automaticamente para ambas as fotos. Vamos fazer isso.
13. Aplicar filtros às fotos: Agora vamos abrir nossas
fotos de perfil para a turma. Eu vou usar o meu. Mas fique à vontade para tirar
suas próprias fotos ou pedir a
alguém que as tire para você, porque é
muito importante o posicionamento de suas fotos. Tente tirar as duas fotos
com o mesmo posicionamento, então é por isso que ela
foi tirada por alguém. Ou, se você tiver um tripé, pode tirar
você mesmo, mas tente ter os dois
no mesmo tamanho, mas também no mesmo posicionamento
nas fotos Dessa forma, eles não
mudarão muito, de uma foto para outra. Vamos começar por
essa aqui, minha foto. O seu talvez tenha uma proporção
ou tamanho diferente, mas o meu tem dois tamanhos k, um pouco mais de altura do que largura. Mas ele tem 2.500 de altura
e 2.200 de largura. Vou começar a usar isso,
use o seu primeiro. Como você vê, se os
colocarmos aqui, é enorme. Se você não
quiser, aconselho que você altere antes de adicionar os efeitos que faremos dessa maneira. Eles não serão enormes
em seu arquivo de pôster, mas também no tamanho em
termos do tamanho que ocupará no espaço em disco e na
resolução do arquivo Será muito grande, então é
melhor trocá-lo imediatamente. Como podemos fazer isso, eu clico com o
botão direito sobre a imagem. Você se lembra que esta tem
uma altura de 1.350. Quero que
a foto esteja mais ou menos aqui Eu quero ocupar o espaço aqui. Será menor
em altura do que os 1.350 que coloquei aqui Eu ia colocá-lo em. Deixe assim,
isso afetará os dois tamanhos. Vou mudar para
1.000 e clicar em OK. Agora tenho minha foto
em um bom tamanho. Porque se eu souber, se
eu os deslizar até aqui, parece melhor. Desculpe por isso.
Deslize até aqui. Sim, você tem que
organizá-lo na frente de tudo por enquanto, assim. Ok, parece um bom tamanho. Eu posso excluí-lo por enquanto. Agora, o que vamos
fazer com a foto. Lembre-se de que temos duas fotos,
cada uma na mesma posição. Então, a primeira coisa que eu aconselho você a fazer
é transformar, clicar com
o botão direito do mouse e converter essa
imagem em um objeto inteligente. Dessa forma, quando
mudarmos o segundo, usaremos todos os efeitos
que já usamos. Para isso, basta
alterar a imagem
que estamos fazendo, os efeitos, convertendo-a em objeto inteligente, você verá que será maneira mais rápida
de obter
os resultados Eu mudei isso. Eu clico duas vezes na imagem aqui e
abro uma nova janela. Estou dentro da foto agora. Vou usar uma
dessas barras de ferramentas. Como eu disse antes, ele reconhece que é uma imagem E proponho uma opção
como selecionar objeto, selecionar meu assunto,
o personagem ou remover o plano de fundo. E você verá que é
muito útil automaticamente, você não tem
experiência dessa forma. Quando você coloca a imagem
sobre o pôster, você imediatamente
verá o pôster por trás
do personagem Agora que eu fecho esta janela , ela me pergunta
se eu quero salvar, e eu digo que sim, e ela
atualizará o objeto inteligente. Feito isso, agora posso
começar a adicionar os efeitos. O primeiro efeito
que vamos
fazer é uma máscara não afiada. Eu vou filtrar a nitidez
em uma máscara afiada. Eu já tenho os valores diretamente no meu filtro porque já
fiz isso antes. Mas se você quiser mudar, basta clicar em um dos espaços
e adicionar seu número. O número que
descobri que funciona bem é para a quantidade 250, o raio seis e
o limite 15 Vamos continuar adicionando
mais filtros agora. Eu vou ter uma tinta a óleo
estilizada. Eu vou ter isso em 2,5. Você
vê isso distorcendo muito. Mas você verá nos próximos filtros que
adicionarei sobre isso, você começará a ficar
mais parecido com o que eu quero. Eu dou tudo bem? 2,52
0,50 pontos 1,0 Na próxima, você verá
imediatamente o efeito na galeria de filtros que
procurarei recortar E você vê imediatamente
essa aparência de ilustração. Talvez eu possa 33.1 Agora, para finalizar, vou fazer um desfoque do filtro Sim, desfoque de superfície. Esses suavizam as bordas. Alguns são muito afiados e, dessa forma,
afiarão as bordas Ok, lembre-se de que se você quiser voltar aos
filtros, você pode fazer isso. Você só precisa
clicar duas vezes no filtro. Por exemplo, tinta a óleo, você tem essa janela
se abrindo. Você diz, ok. Você acentuará o
defeito que deseja fazer. Por exemplo,
este imediatamente. Ele atualizará todos
os efeitos juntos. Por exemplo, acho que
esse poderia ser melhor para o que eu quero fazer.
Eu vou manter isso assim. Se eu verificar novamente os
valores, ok, eu fiz um cinco. Mas com todos eles
juntos, parece bom. Eu prefiro esse.
Agora eu vou guardar isso. Não se esqueça de
salvar isso como ok, pode ter o mesmo nome. Mas
eu gostaria de saber
distinguir da foto
com a foto feita,
você vê que a orelha,
talvez ela desapareça Alguns detalhes, se você
quiser voltar novamente, talvez não este, talvez seja mais
parecido com o recorte. Talvez? Sim. Sim, exatamente. Se eu mudar o
recorte, tenho mais detalhes, mais linhas, mas vou
deixar assim, você sabe. Ok, vou guardá-lo novamente. E agora eu só tenho que arrastá-lo
e deslizá-lo sobre o meu pôster. Eu só preciso posicioná-lo. Bem, eu quero ficar
atrás de mim. Aqui está. Atrás do dobrador Eu só preciso controlar
Z. Só preciso dimensioná-lo e pronto, mudou
um pouco, meu efeito Então, o que eu preciso fazer, talvez eu
volte a usar o óleo Panther Eu tenho que fazer isso. Sim, tenho
que baixá-lo novamente. Sim. Para finalizar isso, eu só
quero fazer uma pequena luz da minha silhueta para ter uma aparência mais caricatural.
Mais ilustração. Com isso selecionado,
selecionarei o traçado. A cor será essa. Aqui. Aí está. Porque não é exatamente
como está aqui. Se você quiser voltar
e fazer as mesmas alterações
, estava na pintura a óleo
, tem 2,5 como era antes. 2,5 e seguro. Você vê que o efeito muda porque, ao alterar seu tamanho, ele adaptará os valores
aqui porque é menor. Eu posso ver os
detalhes aqui. Essa imagem não
permanece exatamente a mesma, mas mantém os filtros
e é isso que queremos. Quando vamos usar
a segunda foto? Salve isso agora. Vou abrir a segunda
foto, foto B. O que eu tenho que fazer, eu
tenho que entrar. Clique duas vezes no meu objeto inteligente. Vou deslizar a foto. Preciso mudar seu tamanho. Lembre-se da altura 1.000. Agora
eu a coloco aqui. Talvez eu possa mudar a opacidade
para saber exatamente assim. Agora este vai
remover o fundo, eu vou esconder este
posso fechar a imagem, eu escondo o primeiro. Agora, esse objeto inteligente
dentro do objeto inteligente, agora
posso ter a segunda
foto que vou salvar. Uma foto B salva. Agora eu tenho que fazer o mesmo. Eu só preciso selecionar a
imagem e deslizá-la aqui. Além disso, altere seu tamanho e adicione os destaques. Além disso, talvez eu possa
mudar minha tinta verde-oliva, querida. Vamos ver. Sim. Sim, eu deixo assim. Então, agora eu
mudei seus nomes, pose um e pose dois. Eu posso salvar isso, eu posso fechar, e agora você tem as duas poses.
14. Harmonize filtros: Se, de alguma forma, as cores em
que você está na foto, as roupas que você
está na foto, não combinam muito bem
com o fundo. Porque agora temos o
estilo que combina um
pouco mais com o estilo que
estou tentando alcançar. Mas, por exemplo, imagine
se eu tivesse uma camisa verde, talvez não combinasse
muito bem com a paleta de cores que
tenho no fundo Existe um truque para
você harmonizar isso, e o nome do filtro
está exatamente harmonizado Mas antes de fazer isso, precisamos ter a
versão achatada do nosso O filtro pode reunir todas essas
informações uma de cada vez. Temos que transformar
para fazer uma cópia de todas essas camadas que transformam o pôster em
uma camada achatada Como você faz isso, queremos
agora esconder esse também. Agora só consigo ver todas as camadas que
compõem o pôster. Para escolher todas as camadas, você pode controlar e
selecionar uma por uma. Ou você pode simplesmente selecionar
a primeira e a tecla shift, pressionar Shift no teclado
e selecionar a última. Então você só precisa deslizar, duplicar tudo
sobre o plus Ok, agora você
duplica tudo. E agora vamos transformar tudo isso em uma imagem achatada. Para isso que você seleciona, você pressiona o controle do
teclado mais E. Agora você tem um pôster
achatado. Eu o chamo de pôster achatado. Vou colocá-lo embaixo, por exemplo, sob essa pose, vou ligá-lo. Selecione a pose. Agora vamos aqui
nos filtros neurais, também nas últimas
versões do Photoshop, você tem essas opções, filtros
neurais e a
que vamos fazer
para usar sua harmonização,
como o nome diz, você tentará harmonizar a imagem que nós,
a
camada que escolhemos Camada da pose
com o fundo, com a outra camada que também
escolheremos. Temos que
ligá-lo. Normalmente você precisa baixar,
acho que o plug-in, mas eu já o instalei, mas vamos selecioná-lo. Se não aparecer assim, ele solicitará que você instale, mas veremos o filtro de
harmonização Depois, temos que
escolher o
pôster achatado que acabamos Agora, automaticamente,
você vê o processamento. Ele tentará combinar as cores,
as cores do pôster
ou a aparência do pôster Como você pode ver aqui, há muito
mais amarelo na minha foto. Se eu acentuar, confio 100%,
há muito mais amarelo. Esse filtro
reúne automaticamente as informações
da camada que queremos harmonizar com
a camada que escolhemos Vou deixar aos 75 por enquanto. Agora eu posso clicar. Ok. Essa é uma maneira rápida de harmonizar as
fotos que você tirou, mesmo se você estiver vestido de
uma forma com muitas cores que não combinem muito
bem com o Portanto, essa é uma maneira rápida de corrigir isso imediatamente da melhor maneira eu salvo o próximo capítulo.
15. Organize camadas: Antes de passarmos para a
animação de todas as nossas camadas. Como eu disse no
início do tutorial, é muito importante organizar
muito bem suas camadas. Se você quiser mostrar as camadas, basta
arrastá-las daqui. Colocado dessa forma,
podemos ver mais camadas. Tente organizá-lo dessa maneira. A maneira como você posiciona as camadas uma sobre a
outra ou abaixo da outra. Você tem que manter isso muito
bem, como eu fiz aqui. Então, podemos escolher um por um, aqueles que vamos
animar em relação
aos que estão por cima e
aos que não se movem É muito importante
nomear isso de forma que você possa encontrar imediatamente
o que está procurando. Mesmo assim, eu posso
transformá-lo em um grupo. Por exemplo, seu nome. Oh, ok, desculpe, eu esqueci de
esconder o pôster achatado. Você pode excluí-lo por enquanto. Vou mantê-lo aqui. Agora eu tenho meu grupo de texto. Eu posso mudar seu nome para texto, para que eu possa me
organizar melhor. Ok, parece bom. Nomeando exatamente como
eu queria que parecesse. Parece bom. Parece estar bem. E estou pronto para começar a animar todas as camadas do meu pôster,
mas esqueço de salvar
16. Linha do tempo aberta: Agora vamos trabalhar em nossa animação. Vamos
animar cada camada,
ou a camada que escolhemos
animar Para fazer isso, precisamos ir até a
janela e selecionar a linha do tempo. Agora você tem uma nova
janela aqui que pode ser movida ou posicionada
onde quiser. Eu aconselho você a colocá-lo
mais abaixo na imagem. Você pode alterar seu tamanho. Você pode colocá-lo por aqui. Você também pode minimizá-lo. Você pode posicioná-lo aqui. Você vê que está destacado. Você pode colocá-lo aqui embaixo, por exemplo, na parte inferior. Talvez seja melhor colocá-lo
aqui no Barto assim,
ficar fixo, ele não se move Você só precisa
pegá-lo se quiser ver todos os cronogramas que você está direcionando
para sua animação Antes de explicar
como isso funciona, aconselho que você crie um
backup do seu pôster para o
caso de algo errado
acontecer e você não perder tudo o que
fizemos até agora Eu aconselho você a salvar uma cópia
e nomeá-la como pôster novamente. Ok, dessa forma
temos um backup
desse pôster, aqui continuamos
trabalhando no pôster, no pôster final, onde teremos
a animação
17. Introdução da linha do tempo: Agora que estamos aqui, a primeira
coisa que vamos
fazer é criar um cronograma de vídeo. Você tem outra
opção que não
vamos usar em nosso projeto, que é criar animação de quadros. Por exemplo, se eu
quiser que minhas imagens
comecem à esquerda e parem
no centro do pôster, será mais fácil fazer
isso com uma linha do tempo de vídeo em vez da
animação de quadro que eu tive que fazer Primeiro quadro, estará aqui, segundo quadro aqui, três quadros. É melhor se você quiser
animar como, por exemplo, animação
real de
personagens Eu sugiro que você use
criar animação de quadros. Mas, para este exemplo,
criaremos uma linha do tempo do vídeo. Não se preocupe se levar
algum tempo para ser processado ,
pois está reunindo todas as
informações em todas as camadas. Isso é normal. Se
você tem uma janela aparecendo, basta vê-la OK. Agora temos uma nova janela de aparência muito
simples. Essa janela tem poucas
opções porque é muito simples
a forma como vamos
trabalhar aqui, muito Vai ser fácil. A pior parte é que
você realmente precisa
organizar suas camadas e pensar futuro como você
vai animá-las. Por enquanto, abro essa janela
e tenho as ferramentas para poder pré-visualizar o que estou
fazendo aqui nesta linha do tempo Eu tenho minha peça. Eu
vou para o próximo quadro. Posso voltar aos quadros
anteriores aqui. Neste eu vou para o primeiro
quadro da minha linha do tempo. Também posso cortar e
controlar transições. Eu também já tenho duas camadas
aqui dentro da linha do tempo. O primeiro corresponde
à parte artística. Se você olhar aqui
na parte de arte certa, ela tem todas as nossas
camadas aqui dentro, exatamente a mesma coisa. Eu clico aqui e acesso
todas as minhas molduras. Por enquanto, parece que tudo
está ao mesmo tempo, aparecendo ao mesmo tempo. Exatamente como preparamos a imagem do pôster
em camadas. A primeira coisa que
vou fazer primeiro é estender isso para
que eu possa ver
exatamente quanto tempo essa
linha do tempo leva por enquanto Eu só preciso ir aqui. É uma forma de navegar
em seu projeto. Por exemplo, se você tem
uma duração muito longa, basta jogar com isso. É apenas visual, na verdade
não muda a linha do tempo, estamos apenas mudando
a forma como você trabalha E você vê que por dentro
temos todas as camadas, as camadas que correspondem
ao meu projeto final. É aqui que
vamos usá-los forma que possamos criar
uma animação animada. Por exemplo, se eu mudar
isso na minha linha do tempo, veja que quando ele começar a tocar, por exemplo, eu vou
pegar a estrela Veja no início,
a estrela não está lá. E então ele aparecerá. Tudo aparece, dependendo
da forma como eu quero animar. Eu os coloco muito longe e vou criar uma animação
muito curta, então não preciso de tanto tempo. Novamente, se eu jogo, e agora eu mesma aparece, isso é muito abrupto Se você ver, minha imagem
aparece muito rapidamente. Eu quero fazer, como eu
disse no começo, que é um cronograma de vídeo. Eu quero fazer transições suaves
entre os elementos. De outra forma, porém,
estou mostrando como cada camada aparece novamente. Por enquanto, como você vê, tenho acesso a cada pasta exatamente como
foi feita no pôster, mas agora tenho modificadores nela Por exemplo, no texto, seu nome, posso
transformar a forma como faço isso. Deixe-me, estamos trabalhando com
seu nome. Eu selecionei. Eu queria criar uma
animação ou uma sequência dessa camada em que o nome fosse invisível
e depois ficasse visível. Como eu faço isso aqui
, os relógios aqui. Se você clicar aqui, você habilita
a animação do quadro-chave. Esse será o primeiro quadro, o primeiro quadro-chave em
que ficará invisível. Então decidirei que,
na hora certa
, em meio segundo, criei outra. O relógio ativará os quadros-chave e, em
seguida,
você clicará e adicionará ou removerá um quadro-chave,
dependendo de sua necessidade. No segundo quadro, você
estará completamente 100% opaco e ele ficará
transparente e visível Como eu faço isso, eu clico aqui, eu mudo o que eu quero fazer. Por exemplo, essa
é a transformação. Estou trabalhando na transformação
e não na opacidade. Eu os apago. Você só
precisa clicar um por um e suprimir a opacidade de raise back
again. No começo eu clico no
primeiro quadro da opacidade, este eu quero que seja zero Este eu queria que fosse 100% igual para os
outros modificadores, o princípio permanece o mesmo Você seleciona um quadro-chave que
começa de uma certa maneira e seleciona outro quadro-chave que mudará sua posição, tamanho e opacidade Você tem várias
possibilidades de alterar sua camada 1. Eu gostaria de
dizer que uma maneira de
ir direto para o
quadro-chave que você deseja é pressionar a
tecla shift com o cursor. Ele imediatamente passa automaticamente pelos blocos
no quadro-chave sobre o
qual você está deslizando Neste caso, por exemplo,
se eu fizesse outro aqui, se estivesse aqui na linha do tempo e quisesse parar
exatamente nesse momento, basta clicar em Shift
com meu teclado e ele será automaticamente
anexado ao quadro-chave Eu posso deletar este e posso trazê-los
aqui
novamente, eu salvo. Quanto à duração
da sua animação, você tem aqui embaixo um
cronômetro que diz a que horas você está
na
sua linha do tempo agora Minha linha do tempo tem cerca de
4 segundos e meio Se você quiser alterar a
duração da sua linha do tempo, basta
estender sua camada Por exemplo, se eu pegar a borda dessa camada aqui e
arrastar para a direita, você pode ver que agora minha
duração tem 24 segundos. É fácil alterar a
duração da sua linha do tempo. Além disso, se eu tiver um cronograma
maior. Mas eu quero
reduzir o tempo em que a
sequência será exportada O que significa que a
duração da minha linha do tempo tem 20 segundos. Mas se eu quiser que meu filme
pare em, por exemplo, oito, eu posso colocar esse elemento aqui exatamente onde
eu quero que ele termine. Agora, a linha do tempo.
Se eu reproduzir meu filme, mesmo que o veja parado, mesmo que continue
mais longe daqui, você vai, você vai parar aqui. Porque isso indica o
final do meu filme dessa forma. Ao exportar, você exporta
o filme até que ele chegue. Neste ponto, se eu quiser
colocar tudo até aqui, eu só tinha que colocar aqui. Se eu quisesse parar
o filme aí
, pararia o filme aí. Voltando, controle z. Uma última coisa, antes do início da
animação de cada camada. Vou apenas trocar o
quadro por segundo para um formato considerado
padrão no negócio. Vou mudar minha taxa de quadros definida no
cronograma, os três pontos aqui. Defina a taxa de quadros da linha do tempo para 24. Temos vários
à sua disposição. E vou escolher 24 e
clicar em OK. Agora estamos prontos.
18. Anime o triângulo e o quadro: Vou começar primeiro
deslizando isso aqui. Se eu escolher isso aqui, estou escolhendo toda a prancheta com todas as camadas
que ela tem dentro Eu coloquei por aqui, quero fazer uma animação
dela que será bem curta, você pode estendê-la
depois se quiser. Mas, por enquanto, é o suficiente
para o que estamos
tentando fazer aqui em nosso pôster de
animação, animação que tenho aqui Agora vou começar
com a primeira camada. A primeira camada
será meu plano de fundo. Isso, eu vou colocá-lo
aqui desde o início. Esse elemento será estático, o que significa que já é
o que vemos no início da
animação. Nós temos o histórico. A segunda coisa que eu quero ver aparece
em nossa animação. Estará se movendo. É o herói. Você se lembra do triângulo, o triângulo muito grande que
temos na parte superior. Eu quero que seja também o primeiro elemento animado
a aparecer na minha cena. Uma coisa a ter
em consideração ao usar partes do coração, lembre-se de
que esta é
uma prancha de arte noturna Quando você está animando
um objeto e deseja que o objeto comece de
fora da parte externa,
você precisa bloqueá-lo Esta opção aqui,
você precisa usá-la. Caso contrário, quando você
posicionará seu triângulo
fora da parte artística. Por exemplo, se eu alterar posição da máscara vetorial
fora da parte artística, ela posicionará o triângulo fora da parte artística na posição
da pilha de camadas E não queremos
esse controle Z. Para evitar isso, quero que ele permaneça na mesma pilha de posições de
camada Eu vou bloqueá-lo. Você
veio aqui nesta fechadura. Na frente você tem
esse ícone aqui. Você clica aqui para o triângulo ou para qualquer outro elemento
que você vai
começar com o início de sua posição
fora da tela. Você precisa fazer isso ao
usar peças de arte. É claro. Agora, na minha primeira posição vou fazer a segunda
camada, o segundo quadro-chave. Então, será às seis. Este está correto porque eu quero que a sequência da animação
do triângulo termine aqui. Mas eu queria começar lá fora. Eu seleciono esse quadro-chave agora posiciono meu triângulo
fora da minha prancheta Quando clico em reproduzir
aqui, termino minha animação. Eu posso desmarcar isso. Não vou precisar dele a
partir do segundo quadro. Eu quero, minha moldura aparece,
voltando aqui, eu quero esse retângulo que faz com que a moldura do nosso
pôster também Eu tenho que escolher o centro do
retângulo, ele começará a
aparecer exatamente aqui Eu só tenho que
deslizá-la também com a tecla shift se você quiser pegar
mais rápido essa
referência aqui Essa. Também quero transformar a opacidade dos meus principais
amigos no primeiro quadro O segundo quadro pode estar aqui
às dez. Eu tinha um novo. Agora, o primeiro que eu
queria era ser invisível, eu só preciso escolher a
opacidade, diminuir esse número Agora temos as duas animações, O triângulo e depois para finalizar o retângulo. Não
se esqueça de economizar.
19. Anime as rodas: Agora vamos trabalhar nos círculos. Então, eu quero que o primeiro círculo
apareça quando o triângulo terminar seu centro de
círculo de sequência. Aqui, terei que transformar
isso em um objeto inteligente Para que eu possa acessar o modificador. O
modificador de transformação, porque você pode ver que não está
acessível aqui Vou
transformá-lo em um objeto inteligente. Agora eu tenho um modificador trans. Vou terminar minha
sequência às sim, 13. E eu quero transformá-lo, este ficará no final
da opacidade Além disso, quero que apareça quando o
triângulo parar aqui
, será zero ali. Ele aparece ao mesmo
tempo que a moldura. Eu também queria me
mover como uma roda. Eu queria me mudar, eu já
criei a transformação, agora eu só preciso fazer, aí está. Para o segundo círculo, aquele logo atrás deste. Eu farei o mesmo,
transforme-o em um objeto inteligente. De volta à transformação, esta será até o fim. E eu vou do outro jeito. Neste eu não vou usar opacidade. Eu quero que seja
rápido, ao que parece. Ok. Agora guarde minhas ondas de rádio. Eu quero que eles
apareçam também aos 13 anos. Aqui estão elas. Eu posso pegar
o grupo. Coloque-o aqui. Desdobrar. Agora eu quero que eles
apareçam em duas ondas, uma a uma com dois
quadros de diferença. 13, 15, 17. Para? Para o terceiro. Nº 15, sim. 17, 1921, 2013 Ok. E eu queria parar
em 1 segundo e 14, para poder colocá-los
todos aqui. Como quero fazer isso várias vezes até o final
da sequência, só
preciso duplicar essa
posição do grupo posição em uma após a outra terceira Aí está.
20. Anime o banner e a estrela: Agora vamos animar o banner. Eu queria começar, queria começar do zero. Uma vez que a primeira sequência dos
círculos, as ondas são estabilizadas. Agora vou
procurar meu banner. Eu queria parar aqui. O que vou fazer é inserir quadro-chave aqui com
uma posição de máscara vetorial. Eu vou dar umas sete. E o primeiro quadro eu quero
que seja fora disso. Não se esqueça de também bloquear isso. Aí está. Não sai
da parte difícil. Agora, o primeiro quadro-chave, eu quero que seja lançado
agora para parar aqui. Uma vez que este pára, eu também faço do meu triângulo o que está na parte inferior para que
apareça este aqui. Também bloqueie-o. Eles vão e minha estrela também vai aparecer. Aí está, pode salvá-lo. Também adicionarei a pequena roda
giratória aqui, o círculo aqui, de uma
linha com o banner. Talvez um pouco mais cedo, como 22 aqui, meu círculo. Coloque-o lá, já que
eu quero girá-lo, eu quero acessar atributos
diferentes. Converta-o em objeto inteligente. Esta camada é o primeiro quadro-chave aqui, outro próximo a este. Em seguida, vou movê-lo mais tarde,
transformar este. E eu vou simplesmente
movê-lo aqui, Enter. Estava girando. E agora eu
posso colocar meu porta-chaves aqui, alterá-lo, isso, agora eu
tenho essa roda giratória Também posso ter a pequena estrela no meio desse círculo, mais ou menos às duas, vou encontrar minha estrela. Aí está. E eu posso colocá-lo por aqui. Tudo acaba aqui. Este também, e este, também alinhando cada elemento até o final da sequência Aí está, podemos salvá-lo.
21. Anime relâmpagos: Agora vou ter os parafusos de
iluminação aqui, então eu quero que eles comecem O primeiro a
começar pela esquerda, talvez às 1114 Sim, por aqui. Então esse é o primeiro. Pronto, este é
o primeiro a aparecer. E alguns momentos depois, farei com que
este apareça aqui. O que eu vou fazer agora é jogar. Então, como você vê, se eu clicar em Jogar,
eles aparecerão. Mas eu quero que isso
dure por um tempo. Esse efeito, eu queria triplicar,
tremer , fazer com que
parecesse desaparecer muito rápido Para fazer isso, isso é
iluminação acesa. Para isso, vou jogar
com a opacidade. Começando com
este à esquerda, adicionarei meu
quadro-chave para a opacidade Em seguida, adicionarei outro
quadro-chave por aqui e outro, apenas
um quadro depois. Permanece ligado até aqui. Então, nesse quadro,
ele desaparecerá. Para isso, selecionamos
nossa camada. E agora ele desaparecerá. Eu coloquei a opacidade em zero. Eu quero fazer isso repetidamente ao
longo da sequência. O que eu posso fazer? Eu copio
isso, dois quadros-chave. Em seguida, clique com o botão direito em copiar. Eu coloco o marcador exatamente quando quero colocar minha cópia em dois Por exemplo, clique com o botão direito
do mouse novamente sobre eles e eu colarei. Ok, agora eu tenho minha sequência, e eu tenho que fazer isso
ao longo da linha do tempo Vou escolher onde
posicioná-lo, então, pode ser às 02:10 Mais uma vez, cole os outros 1218,
cole 33, cole e, no final,
cole Aí está. Agora eu tenho a primeira sequência do
relâmpago logo à esquerda Você salva isso. Isso é exatamente o
mesmo para o outro. Eu selecionei meu
quadro-chave, está aqui. Meu quadro-chave de opacidade está aí. Vou colocá-lo por aqui. Sim, outro quadro-chave, 100. Apenas um quadro depois,
colocarei outro quadro-chave em zero e farei o mesmo. Então eu copio e colo às 22. Cole o
outro às 02:10 Cole o outro 1218, Cole
33, cole 33 E por aqui, Paste. Então você vai, você tem, então eles estão piscando ao
mesmo tempo, e eu queria ter
os horários diferentes, então vou colocá-lo
aqui Aí está. Salve isso.
22. Anime fotos: Quanto às minhas imagens, quero que elas
apareçam primeiro por trás. A primeira a aparecer
atrás do banner, como abrir a imagem que será a primeira que
usarei como minha primeira Acho que essa pose aqui
será a que vou usar. Vou começar às
17, exatamente aqui. Vou encurtar isso,
tenho que ligá-lo. Farei um primeiro
quadro-chave aqui com minha primeira pose, uma transformação e outro quadro-chave, porque esse será o Éden
por trás do banner E o segundo ficará
exatamente como está. Antes de
transformar qualquer coisa, eu já terei um quadro-chave. Este quadro-chave será às 01:15 O segundo é esse em que vou transformar
o controle Esta mensagem diz que desativará temporariamente o
efeito no meu filtro, filtro desenho animado. Não se preocupe Quando terminarmos a ação
de transformação, ela permanecerá. Ele voltará
ao mesmo estado. Agora, com meu turno, pressionarei Shift. Enquanto eles fizerem isso, vou
escondê-lo atrás do banner. No primeiro quadro,
clicarei em Enter, e agora você
terá esse efeito de aparecer atrás do banner. Como você vê, temos nosso efeito, nosso filtro novamente sobre nossa imagem. Minha primeira imagem em algum
momento desaparecerá. Então ela dá lugar
à segunda imagem. Esta sequência para esta
imagem terminará às 02:15 e a outra começará às 02:10 Este começará com opacidade daqui até 14 O primeiro quadro estará em zero. Ele aparecerá sobre
o outro exatamente aqui às 02:10 Este também começará a
desaparecer e terminará Apenas um pequeno quadro depois, começaremos com “full on”
e aqui desaparecerá. Aí está, e
este vai parar aqui.
23. Anime o texto: Agora vamos trabalhar no texto. Vou começar pelo banner. Quero aparecer
para mostrar meu trabalho. Primeiro, seleciono um horário
em que apareceremos. 115. Bom, mostre meu trabalho aqui. Vai durar quatro, não
sei, umas 23. Quero usar o banner como um botão para nosso pôster de realidade
aumentada Sei que quando quero
avisar o visitante ou
a pessoa que está
vendo essa animação, ele pode clicar no pôster para começar a
abri-lo e mostrar meu trabalho Para isso, preciso
ter outro texto dizendo clique aqui, por exemplo. Eu posso duplicar isso. Eu só faço o controle C, controle V. Este
eu vou dizer clique aqui. Eu posso movê-lo agora para
cá, colocá-lo dentro. Mas desta vez vou mudar para clicar em tudo em letras maiúsculas. Clique aqui Eu só me concentrei aqui. Então, como você vê, mostre
meu trabalho. Clique aqui OK. Esse vai
até o fim. Mostre meu trabalho. Clique aqui Como quero desenhar a
intenção de clicar aqui, farei com que apareça e
desapareça algumas vezes. Eu posso colocar cerca de 213. Eu terei um
quadro-chave na opacidade, e esse quadro-chave logo
depois de desaparecer Então, será em zero. Posso ir para 3.1, adicionar outro
quadro-chave logo depois, adicionar outro quadro-chave
e, mais uma vez, ele
aparecerá até o final
da sequência. Você clica, clica
aqui, salva isso. Agora posso trabalhar
no outro texto. Então, isso será simples, não
darei nenhum efeito Então, nomeie e alinhado com este aqui, seu nome atinge 100%.
Diga isso. Eu vejo isso. Quase terminado. Então, eu vou
colocar isso aqui exatamente. Esse também está aqui. Agora eu tenho dois outros elementos. A turbina, que vou
colocar nos dois cantos aqui. Por aqui. Vou fazê-los girar. Eu quero fazer com que apareça. Sim, pouco antes da faixa
ao redor de uma. Está tudo bem Então, o primeiro a
aparecer é
o da esquerda e depois
o da direita. Apenas alguns quadros
e ele aparecerá. Então eu quero que eles girem. Então, vou
transformar esse quadro-chave do objeto de conversão aqui, ficando exatamente
na mesma posição. Quadro chave aqui, Controle. E eu tenho enter e farei o mesmo
para converter corretamente em objetos inteligentes, acessar o
quadro-chave de atributos aqui e outro quadro-chave ali, Control e depois inserir novamente. E agora eu termino minha sequência
com todos os meus elementos.
24. Exportar sequências e referências: Vamos também salvar para referência uma imagem do
pôster. Tente parar com isso. Durante esta parte clique aqui. Tente ter todos os
elementos visíveis. Deve estar neste lugar aqui. Clique aqui da forma que
todos os elementos estejam visíveis. E essa foto aqui. Agora eu só preciso salvar uma cópia. Eu direi que será J pack. E eu terei essa
imagem pronta para ser usada. Agora vou exportar
toda a minha sequência, tudo o que fiz na minha linha do tempo, posso usá-la depois para fazer isso. Pessoalmente, prefiro
exportá-lo, exceto para o legado da web. Aqui temos, neste lado, a prévia do nosso pôster
animado Vou mudar meu formato. Então, aqui embaixo, você vê opções de
loop de animação Deixamos isso para sempre. Você pode ter uma prévia
da animação. Se você clicar em Reproduzir, você
tem a animação que você escolheu. Agora você seleciona o local onde
vai salvar isso e salva, agora você tem um arquivo independente
que pode ser verificado. Está aqui. Podemos
abri-lo e ver os resultados. Essa sequência, sequência, sequência
completa, será usada no início
do nosso projeto de realidade
aumentada Em algum momento, ele vai parar exatamente com esse
texto. Clique aqui Isso terá uma
ação que nos
levará a uma segunda
parte do nosso projeto, que
significa que este é o vídeo. E depois clicamos aqui.
Mostraremos alguns dos nossos trabalhos. Nesse caso, para este tutorial, usarei três objetos D. Quando eu clico aqui,
aparece esse objeto, mas consigo elementos
dessa sequência que uso
os mesmos elementos gráficos para criar outro pôster que referenciará
esses três objetos Em vez de ter
seu nome aqui, você terá o
nome do objeto. Não precisaremos de nenhum
personagem ou foto, não
precisaremos de nenhum banner. Será uma versão simplificada, ainda animada, mas
simplificada apenas para apresentar esse objeto que
faz parte do seu trabalho. Vamos fazer isso. Vou guardar isso para ter certeza de que não
vou perdê-lo. Então eu vou salvar novamente
com outro nome. Mas esse eu vou
chamá-lo de robô de referência. Ok, como eu disse, algumas coisas eu não preciso
para essa animação. Não precisarei das
imagens de mim mesma. Eu posso simplesmente apagar. Escolha aqueles e apague. Eu não preciso da turbina. Eu não preciso do banner. Vou manter as ondas de rádio, os círculos, então o que mais? Sim, isso eu não preciso,
não preciso do banner. Não preciso do texto e
não preciso de um pequeno círculo. Eu não preciso da iluminação. Talvez eu não precise, não preciso
do círculo, do centro. Sim, as ondas. Eu também o apago. Eu também apago o triângulo. O triângulo baixo. E
vou manter as coisas simples. Fundo de estrela branca também. Poderíamos essas camadas e
simplesmente retirá-las do arquivo, mas eu prefiro fazer uma cópia para poder brincar como eu quiser, sem medo de perder informações ou elementos
ao longo do caminho. Agora, eu tenho essa animação. Ainda há ondas.
Sim. Você pode apagar Pode apagar isso. Aí
está um erro. Eu levanto o texto
e não deveria. Nem todos os textos, exatamente. Mais uma vez, no centro, um
pequeno círculo ascendente atrás desse
triângulo relâmpago baixo No entanto, isso eu posso apagar. É mostrar meu trabalho. Clique aqui Estrela pequena,
estrela branca na parte inferior. E as ondas que elas vão. Então eu vou mudar os nomes. Vou colocar, vou escrever robôs. Isso é apenas para
fins de tutorial. Obviamente, se você tiver outro
tipo de objeto para mostrar, escreverá algo
diferente aqui. Vou colocar a versão um, versão um, essa animação. Quero que minha mensagem chegue mais cedo. Desta vez, não precisamos
esperar por outros elementos. Então minha animação chega. Aí está. Talvez
até mais cedo. Eu também posso parar com isso mais cedo. Aí está. Salve isso. Então eu tenho agora essa animação que está apresentando meu projeto, neste caso, um robô. Eu também vou exportá-lo. Economize para o legado. Mesmos atributos, menos tempo. Ok,
salve salve e salve. Ok, agora temos a sequência
animada. O primeiro foi concluído e este
segundo a referência.
25. Introdução ao Adobe Aero: Agora vamos usar
tudo isso que criamos,
essas animações que
criamos no Photoshop, e criar uma experiência de
realidade aumentada por meio do uso do Adulp Arrow, esse software que permite
criar criar Você pode encontrá-lo por meio do
Creative Cloud Desktop. Se você tiver uma conta
aqui à esquerda, três D e E, R, você
pode encontrá-la aqui. Você precisa
baixá-lo, eu já fiz. E então você o abre. Você também pode obter o software diretamente do site de adição e
baixá-lo gratuitamente. Quando lançamos o Adobo, chegamos a essa tela inicial Aqui você tem um
acesso rápido aos arquivos que criou antes de excluí-los ou pode
criar um novo arquivo. Vamos começar explorando
isso clicando em Abrir. Encontre o arquivo que você tem à sua disposição aqui
para discussão. Como você pode ver aqui,
o arquivo real, essa é a extensão adobal. Nós vamos abri-lo. Essa cena tem apenas
um elemento, um robô. Se você clicar no robô,
ele o destacará e você poderá controlar para centralizar o
robô na sua janela de visualização Agora, vamos explorar o espaço de trabalho para entender como trabalhar com
a seta Este botão aqui, na página inicial, o
levará de volta
à tela inicial. Aqui você adicionou e
visualizou aqui no modo de edição. É onde criamos nossa cena, adicionamos nossos elementos, compomos tudo o
que
vamos fazer para o nosso projeto Agora você tem o modo de visualização. É uma forma de vivenciar
a cena como espectador, para que possamos ver como
tudo funciona em conjunto. Os comportamentos, a
interatividade, os sons, a animação Então, é como se fôssemos o espectador. Isso nos permite ver como
será no final. Semelhante a um botão play. Por isso, sempre
que trabalhamos na seta, sempre
passamos da edição
à visualização para ver como tudo interage e
será no mundo real Volte para editar aqui no centro. É o nome do arquivo
da sua cena que você está criando aqui à
direita, no botão abaixo. Em seguida, temos o botão compartilhado. É aqui que
vamos compartilhar essa
experiência de realidade aumentada com os outros. Depois de clicar nele,
você pode criar um link ou
gerar um código QR. Algumas possibilidades. Também podemos alterar, por exemplo, você pode alterar a miniatura, o título e o
autor do projeto De volta ao menu do lado esquerdo, temos o botão Importar. Se eu clicar nele, tenho acesso
a vários arquivos que quero importar,
os arquivos disponíveis. As extensões que você
pode importar estão aqui. Ele vem do
objeto Jpeg three D, vários tipos de arquivos Logo abaixo, temos a
ferramenta Selecionar que já estamos usando. Selecione meu objeto. Nós nos mudamos imediatamente. Temos o eixo onde você pode mover seu personagem
em todos os três eixos. Eu controlo C para voltar
à primeira posição. Se eu clicar no
meio do eixo, posso mover meu objeto
para onde quiser. Abaixo disso, temos a rotação. Também temos esse dispositivo que
aparece com os três eixos, podemos nos mover em qualquer Nós temos nossa escala. Mais uma vez, o mesmo princípio. Escolha um x, x, você só precisa se mover,
deslizar o mouse. Agora, os três últimos
comandos que você vê aqui afetam a forma como vemos
o objeto em nosso Viewpart Se esses afetam
os objetos que
temos em nosso
modo adicionado em nossa janela de visualização, essa é a maneira como você os
vê em sua cena, por exemplo, esta órbita Se você apertar o botão do mouse, verá que pode orbitar
ao redor do objeto. Se você selecionar o movimento, poderá ver de um lado para o outro. Se selecionar o carrinho, você pode se distanciar dos objetos ou
se aproximar deles Se de alguma forma você se
perder nesse movimento, sempre poderá voltar para a
câmera e precisar enquadrar. Tudo bem, agora você volta ao ponto de vista
que você era antes. Aqui embaixo temos nosso construtor
comportamental. Basta clicar aqui para
ter acesso a ele. É aqui que vamos
construir toda a nossa interatividade E a maneira como
queremos que nossos objetos em nossos componentes se comportem e
sejam vistos em nosso projeto. Se você não vê,
basta clicar aqui. De volta aqui para a esquerda. Aqui estão todos os ativos que
vêm com o software. Você pode usá-lo em sua
cena. Por exemplo, esse robô é um
desses ativos. Você pode encontrar
diferentes em cada categoria. Formas abstratas, personagens
direcionáveis, animação, letras, etc Neste lado direito,
temos nosso gráfico de cena. Aqui temos todos os objetos que estamos
dirigindo para nossa cena. No nosso caso, para esta cena, temos apenas o personagem robô e podemos selecioná-lo aqui. Imagine se eu tivesse
vários outros objetos. Eu poderia selecionar um
por um, se eu quiser. Também posso alterar a visibilidade, ocultá-las ou
bloqueá-las, para não poder alterá-las. Na janela de exibição aqui embaixo, temos as ações
que afetarão os elementos desses objetos que temos aqui
em um gráfico senoidal Por exemplo, eu posso excluí-lo. Eu posso duplicá-lo. Eu posso agrupar uma seleção
de vários objetos. Eu posso colocá-lo no chão. Por exemplo, se eu me mudar para cá e quiser
colocá-lo rapidamente no chão, só
preciso fazer isso. Esse é o redimensionamento automático, então nós o colocamos de volta na escala
original aqui revertemos para o Aqui podemos substituir rapidamente
o objeto
selecionado por um novo. Você pode substituir isso, mantendo a posição, por
um novo objeto aqui embaixo. Aqui nós o usamos se
você quiser adicionar mais controle sobre
o objeto selecionado. Por exemplo, posso
selecioná-lo e alterar sua rotação específica
para um número específico, a escala e também todas as
propriedades do objeto.
26. Visão geral do projeto final: Então, antes de começar o
projeto do zero, eu queria dar uma
visão geral do projeto final. Dessa forma, você entende
o processo de pensamento antes iniciar um projeto no
Adote Zero. Nesse caso, para este projeto, o que eu fiz, criei um novo projeto. Importei todos os elementos
que criei anteriormente. Importei as
referências que fiz, a imagem estática, o JP que
fiz, a animação final. E a animação
que apresentará o objeto que vou
mostrar neste caso é esse robô. Então, tudo já está
visível na janela de exibição. Cabe então a nós decidir
como eles aparecerão um por um ou
ao mesmo tempo em que
controlamos tudo. Todas essas ações
e interatividade aqui no construtor de comportamento Por enquanto, talvez você não
entenda imediatamente, mas vou apenas
explicar esse processo, o que estou mostrando no meu projeto. Vou colocar uma prévia. Talvez seja melhor você
perceber o que está acontecendo. Se eu for pré-visualizar,
tenho a primeira
animação que aparece. Ele aparece da maneira específica, então eu estou repetindo a
parte final da animação Em seguida, ele para
aqui na minha referência. Ele para nesse ponto, o que diz clique aqui. Ao clicar no pôster, você iniciará
uma nova animação com essa nova sequência que mostra o nome do que vamos mostrar,
neste caso, o robô Voltar ao modo de edição. Aqui eu tenho tudo
reunido escondido. Se você vê aqui a alta, ok, eu escolhi não
mostrar esses dois elementos. Não me confunda
enquanto estou trabalhando. Mas é aqui que eu estou
ditando todas as ações, começando com a
primeira animação como você vê na prévia Isso vai aparecer dessa maneira. Primeira ação, ela mostrará. Em seguida, ele será reproduzido. O robô já está aqui. Mas está empatado, então eu escondo isso. Isso é entendido
pelo programa, pelo software como a primeira
coisa a ser lançada. Depois que tudo isso terminar, você passará para a mesma
animação que eu tenho aqui. Mas desta vez,
direi que a animação começa exatamente
do ponto que eu quero. O que significa que, uma vez que a
primeira parte seja tocada, agora eu quero que ela comece mais uma vez a partir do banner
já colocado. Em seguida, ele parará
com o pôster. E esta é minha referência para clicar para passar para
a segunda animação. Porque se eu usar a animação
como clique no gatilho, ela terá alguns problemas. Quando a primeira
parte estiver concluída, tudo nesta primeira
parte, conforme mostrado, para com o pôster. Ou seja, isso
servirá como nosso gatilho. Tudo para e está esperando que eu clique
aqui para acionar. A segunda parte é essa segunda parte
que mostra isso na segunda parte. Não quero
mostrar a animação. Quando
começarmos a fazer
isso do zero, você entenderá que
precisa ter esse entendimento. Você deve sempre
pensar em mostrar e ocultar o que já está
na parte de exibição. Não se esqueça de que o
pôster também desaparecerá agora porque eu aciono
essa sequência Agora estou mostrando, essa
nova sequência está aparecendo, estou escolhendo como mostrá-la. E então eu estou dizendo que, ok, jogue agora, quando isso terminar, então lançamos o elemento
robô. Também mostrará a prévia do robô,
se eu vier aqui, primeiro, depois clico aqui
e meu robô aparece. Algo está faltando aqui. A sequência animada do robô. Eu quero mostrar isso, mas agora eu também quero mostrar
sua animação. Como eu posso fazer isso. Eu
vim aqui animação. Mas desta vez eu vou. O assunto é o robô. Quando eu faço a prévia agora, esperando até
chegar nessa parte, eu clico aqui, agora a
animação tem o robô. Mas, comovendo, lembre-se de que no começo eu
tenho um show de animação. Mas aquela animação que eu
preciso para mostrar o objeto. Mas então esse objeto
tem uma animação. Então eu tenho que dar a eles, dar essa ordem se isso
parecer muito complexo. Mas você vai entender, eu só queria
te mostrar todo o projeto. Vamos contornar isso. Outra coisa que é
muito importante antes de começarmos do zero, é que, para este projeto, decidi que a âncora
seria horizontal O que significa que eu quero mostrar essa
experiência de realidade aumentada em uma superfície plana, uma mesa ou um desktop Mas você pode decidir,
por exemplo, se quiser fazer uma moldura e o espectador aproveitar sua
experiência na parede, teríamos que mudar
esse tipo de âncora para
uma superfície vertical Se você quisesse acionar
por meio do uso de uma imagem, usaríamos um
tipo de âncora de imagem Mas, por causa
deste tutorial, não
vou falar sobre todos
esses tipos de âncoras Faremos o
que é mais usado na maioria
dos casos
, que é o horizontal. E é o que vamos escolher
para este projeto.
27. Comece o projeto de RA e as importações: Vamos abrir uma seta e
criar uma nova experiência. Eu clico aqui, novo arquivo, vou chamá-lo de
pôster R. Eu clico em OK. A primeira coisa que
vou fazer é importar
cada elemento para minha janela de visualização
e meu arquivo gráfico de cena Importar Eu tenho minha linha do tempo. Não se preocupe, levará
algum tempo para carregá-lo. Eu tenho minha linha do tempo na minha cena. Eu só vou emoldurar tudo. OK. Agora,
o que eu quero fazer ele não
esteja nessa posição
porque a disposição seria perfeita se eu quisesse ter uma
âncora,
uma âncora vertical E vou
modelar e posicionar tudo na minha cena em restrição
a essa opção Mas eu quero fazer um modo
horizontal. Só vou recuar um pouco. Sim, modo horizontal, tenho que girá-lo antes de girar Só estou dizendo que estou
mudando o pivô agora. O pivô é como uma linha na parte inferior
da animação. Eu quero que esteja no centro. Mude isso no centro. Vou girá-lo, 270. Eu quero que fique
grudado no chão. Minha posição já está
no eixo 000. Primeiro, está tudo bem. Agora vou importar
minha segunda animação. A segunda parte da animação. Esse também. Eu posso,
eu deixo aqui. Eu posso deixá-lo no pivô central. Vou mudar a rotação. Além disso, coloque-o no chão e ele já estará bem posicionado. Eu posso escondê-lo por enquanto na janela
de exibição. Agora, preciso importar meu pôster. O pôster é
maior do que todas as minhas referências, todos os outros elementos, mas eu quero que ele tenha
exatamente o mesmo tamanho Para isso, vou apenas
mudar sua rotação. Além disso, primeiro
verei o tamanho de
outra referência. Este é 28. Eu só preciso desse porque
ele bloqueou as restrições. Quando eu escolho esse, eu preciso ter o mesmo
tamanho aqui, controle. Agora eu tenho o mesmo tamanho, agora eu só preciso
colocá-lo no chão. Ele terá o
mesmo posicionamento todo
o resto. Essa. Eu também vou esconder isso. O outro elemento que eu
quero adicionar à minha cena é o robô.
Ter o robô. Esse elemento, acabei de chegar aqui nesta biblioteca que você tem
à sua disposição gratuitamente. Eu coloquei o robô, mas
também poderia colocar outro elemento. escolha é sua,
se quiser, colocar outro elemento, neste caso um elemento de três D, que você pesquisa no seu computador. O que você vai fazer é
ter cuidado para ter algo
com essa extensão. Por exemplo, se você
tem um objeto de três D, outro de três D, você tem que ser BG
ou FBX ou GL B. Tenha cuidado com exatamente qual
formato você
tem à sua disposição Quero clicar aqui,
é muito grande. Eu quero algo menor, personagem de
robô. Vou escolher
talvez 0,2 em escala. Agora eu o coloco de volta no
centro, agora você o tem. Eu tenho tudo na minha cena e estou pronto para
começar meus comportamentos.
28. Ações do Behaviour Builder: Por enquanto. Quando eu pressiono Preview, nada acontece, exceto mostrar tudo o que está na
cena que eu importei. Não há interatividade, não
há animação, não
há nada Esses são apenas os elementos que
eu escolhi colocar na minha cena. Ainda assim, não estou mostrando
tudo porque
escondo os dois elementos porque
eles estão um sobre o outro. Era importante para mim
escondê-los e decidir que eles
aparecessem somente quando eu decidisse
aqui no comportamento o que faremos primeiro A primeira coisa que
vamos fazer é
mostrar que esse primeiro objeto aparece e depois dizer que
queremos que a animação role aqui, esse botão aciona. Nós vamos decidir. Vamos dizer que,
ok, eu quero começar, vou começar mostrando a animação da linha
do tempo. Eu quero te dizer que se
você escolher algo aqui, você está dando uma ação. Aqui no comportamental,
você adicionará à ação o
elemento que você escolheu. Aqui. Nesse caso, escolhi a linha do tempo e já a estou
adicionando à minha ação Eu posso acessar algumas propriedades
nesse efeito de exibição. Por exemplo, direi
que durará 2 segundos. Isso terá um efeito de
dimensão, amplie-o. Vamos ver como ele
aparecerá na minha prévia. Como você pode ver, ele será
exibido dessa forma, mas não estamos vendo nenhuma
animação para iniciar a animação. Ao mesmo tempo,
adicionarei outra ação. Eu direi reproduzir imagens porque temos uma sequência de imagens para mostrar
nesta animação, vou escolher a mesma linha do Eu direi que reproduza
imagens. Lá vai. Posso deixar como está, 15 quadros por segundo. Agora, quando clico em Visualizar, também
tenho a animação. Podemos esconder o robô porque não
queremos que ele apareça. Não queremos que o robô
apareça na primeira sequência. De volta ao modo de edição, direi que o robô, vou escolhê-lo aqui
no gráfico do Seno Eu direi que ele
esconderá o robô. De volta à pré-visualização, nenhum
robô é mostrado. Por enquanto. Minha animação termina aqui. Mas eu queria repetir
novamente essa parte final. Depois de todas essas ações que
iniciarão a sequência, elas serão concluídas
logo após isso. Eu direi que quero
reproduzir novamente as imagens. Desculpe, esqueci de escolher aqui. Vou dizer que reproduzo
imagens desta vez
que eu queria reproduzir
a segunda parte. Você pode ter uma
prévia como essa. Veja, eu queria começar
por aqui. Mantenha o mesmo quadro por segundo. Vamos ver se
está funcionando bem. Ele aparecerá,
termine a sequência. Reinicie novamente mais uma vez. A segunda parte da sequência,
e ela vai parar aqui. Para acessar minha segunda
parte da minha experiência, quero adicionar uma nova ação. Dessa vez quero usar uma das referências que
fiz no Photoshop, parada
do pôster para ser um gatilho
para a segunda sequência Não posso usar a mesma linha do tempo como gatilho
porque ela
sempre repete isso,
essa animação E também por causa do tamanho, prefiro usar uma
imagem como gatilho em vez da animação em si. Com a parada do pôster escolhida, darei uma ação dizendo que ela aparecerá no
final de toda a sequência, mostrará o pôster.
Vamos ver a prévia. Não quero que o pôster
apareça com um efeito. Então eu quero tirar isso, isso
. Está tudo bem por enquanto. Eu não quero escalar.
Eu queria desaparecer, mas com a duração em zero, ela simplesmente aparecerá E é isso que queremos. Agora, com toda a
primeira sequência feita, eu já quero passar
para a segunda. Toda a primeira sequência é
feita e finalizada com o pôster aguardando o gatilho que
será
o gatilho Será necessário tocar nessa imagem para iniciar
uma segunda sequência. Eu direi que meu gatilho
será tocar no pôster. O pôster
já foi escolhido aqui. Estou dizendo que quando
eu tocar no pôster, ou nessa referência que
deixo no final, ele iniciará uma segunda sequência Nesta segunda sequência, posso dizer que essa linha do tempo
desaparecerá Eu vou esconder isso. Também direi que o pôster
também desaparecerá O pôster se esconde. Agora eu tenho uma segunda animação. Essa animação, eu vou
dizer que vai aparecer, eu posso deixá-la com esse efeito. Ele também reproduzirá imagens. Também posso dizer que o robô, após o início da
segunda sequência, aparecerá. Vamos usar o robô
primeiro. Ela aparecerá. Também será sua animação. Porque lembra
desse robô que faz parte da biblioteca do Adoburu Ele tem uma animação
incorporada. Além de mostrá-la, eu também
vou querer
mostrar a animação. Vou dizer animação agora, quando tive que fazer uma prévia de tudo que era reproduzido
na segunda sequência. Agora está parado. Vamos ver
agora se está tudo bem, vou clicar
e agora está funcionando. Por que agora está funcionando?
Isso porque minha referência, aquela que funciona como um botão
em que vou tocar, precisa ser um pouco
maior do que a animação por enquanto. Eles estão todos empilhados
um sobre o outro. Eu quero que acabe
um pouco. Por exemplo, se eu
colocar 0,2, por exemplo. Vamos ver se não é demais. Eu elevo um pouco o pôster sobre os
outros elementos, para que eles não fiquem empilhados um
sobre o outro, não vemos Agora eu clico e tenho
minha animação simples. Se eles estão todos um
sobre o outro, não
há espaço entre eles. Eles não funcionarão bem. O gatilho, precisamos
separá-los mesmo que seja só um
pouco, para que o gatilho funcione. Há um pequeno erro
que podemos corrigir. Na minha prévia, vejo
que no começo o robô já está em cena e desaparece
assim muito rapidamente Mas isso não é bom. É porque nessa
ação aqui em que eu digo o robô,
há um efeito. Ainda há algumas frações de segundos que estão desaparecendo Então eu preciso colocar isso em zero. Agora que eu faço as prévias,
não na cena. Aí está. Aí está. Esse também é
um exemplo simples. Quero dizer simples e complexo
ao mesmo tempo. Mas você precisa entender
como tudo funciona. É sempre simples, o que
significa que, ao importar tudo, tudo ficará visível Mas tenha cuidado ao fazer com
que eles apareçam
na janela de exibição Porque, por exemplo, se eu deixar isso ligado e deixar a prévia, você vê que tudo está
um sobre o outro. Para mim, é melhor
esconder alguns
dos objetos para facilitar a visualização e
pensar em como vou
organizar minha linha do tempo
nessa experiência de AR
29. Exportar RA: Depois
de concluir seu projeto, você poderá exportá-lo se quiser trabalhar com
ele em outro computador. Ou, se quiser compartilhar com alguém que está
trabalhando com você,
você pode dar um nome a essa pessoa e
salvá-la onde quiser. Agora é hora de
compartilhar nossa experiência. Eu quero que isso seja
apreciado por outras pessoas. Para isso, podemos aqui
no botão Compartilhar, ter o tamanho estimado do meu
projeto. Sempre tente equilibrar e não
faça projetos muito pesados. Porque lembre-se de
que as pessoas verão isso normalmente pelo telefone,
pelo smartphone. Se você tiver uma experiência muito
pesada, levará tempo para carregar, levará tempo para ser exibida. Agora vou, vou mudar, por exemplo, a imagem. Eu posso mudar esse portfólio, por exemplo, deixo
meu nome nele. Então, agora você só
precisa criar seu link. Ele fornecerá um link
que você pode copiar e compartilhar com quem quiser por e-mail, por mensagem ou você pode, e é esse
que vou usar Vou imprimir esse código ker e colocá-lo
em um desktop ou mesa superior. Veremos como
trabalharemos com nosso telefone. Vou baixá-lo
e salvá-lo.
30. Compartilhe a experiência de RA: Imprimi o código Ker
gerado para meu projeto. Como você pode ver, eu
colei em um pedaço de papelão. Vou colocá-lo aqui centralizado. Em seguida, usarei meu smartphone
ou, neste caso, o tablet. Vou apontar para o
código de atendimento e você verá que ele reconhece o código de atendimento
e fornece um link Não se esqueça de instalá-lo antes de usar seu
tablet ou smartphone. Ou você precisa
instalá-lo depois de abrir o projeto. Como você pode ver aqui, ele reconhece o projeto com a miniatura que
eu escolhi antes, o título que eu tinha, o autor desse Eu continuo, então você
procurará uma superfície plana. Basta ir de um lado
para o outro para facilitar
a identificação do software. Você vai encontrá-lo agora, eu
só preciso aceitá-lo. Ok, agora eu vejo minha animação. A primeira parte. Isso vai
parar em algum momento. Eu toco nele. Agora eu tenho
o segundo. Agora você está livre para
contornar este projeto. Você pode ver sua
experiência de aumentedalidade de qualquer lado.