Transcrições
1. Introdução: [MÚSICA] Oi, meu nome é Derek
Mitchell e sou designer gráfico e
odeio PowerPoint. Pelo menos eu costumava
até descobrir algumas
dicas e truques muito legais que me
ajudaram a fazer alguns slides
muito legais que eram para minha empresa e para negócios multimilionários, e eu tinha para encontrar uma maneira de fazê-lo funcionar da
maneira que eu precisava. Agora venho do mundo do design
gráfico onde estou usando o Photoshop
e o Illustrator e o InDesign para a maioria dos meus projetos de
design que faço. Eu tive que trabalhar no PowerPoint porque
tive que compartilhá-lo com a equipe e com os vendedores e todos
tinham que ser capazes de usar isso. Enquanto eu estava fazendo isso, aprendi algumas
dicas de animação muito
legais que eu
quero compartilhar com você, que espero, ajudarão você a contar sua
história para uma empresa, talvez alguém contrate você para
fazer uma apresentação em PowerPoint, ou talvez você precise fazer sua
própria apresentação de vendas, ou você pode até usar
isso para criar um portfólio. Se você é um designer gráfico, você pode fazer um slide, slides
animados, colocar um projeto nele no qual
você está trabalhando,
talvez mostrar algumas das fotos que você fez e fazer com que ele seja animado para talvez a marca, o logotipo que você fez e as fontes e as cores
e muitas coisas legais. Esse será um
dos projetos em que trabalhamos
neste curso é como
criar seu próprio portfólio,
como
projeto de portfólio específico, usando o PowerPoint
e, em seguida, aquelas habilidades
que você vai aprenda com isso
será capaz de se traduzir para o mundo real,
onde você poderá
criar slides decks e apresentações em
PowerPoint
para outras empresas. Para quem é esse curso?
Bem, predominantemente, isso é para meus atuais alunos de design
gráfico que usam o Photoshop
e o Illustrator. Mas se você nunca usou o
Photoshop ou o Illustrator, não precisa ter esses
programas para acompanhar. Tudo será
feito no PowerPoint. Vou mostrar
alguns dos meus fluxos de trabalho provenientes do Photoshop
e do Illustrator, mas fornecerei
todos os ativos como JPEGs e PNGs para que você nem precise abrir
esses aplicativos. Se você quiser acompanhar, nós lhe daremos todos
os arquivos do projeto, e
será muito divertido. Se você é um
aluno de design gráfico e quer aprender a melhorar essas habilidades em como criar slides incríveis do PowerPoint
para seus clientes, este é o curso para você. Se você já está no mundo
das vendas e
precisa descobrir uma maneira de destacar sua
apresentação em PowerPoint que as pessoas que assistem suas apresentações
não fiquem entediadas, isso é também o curso para você. Mais uma vez, meu nome é
Derek Mitchell. Tenho mais de 20
anos de experiência como designer gráfico
e desenvolvedor web, e tenho mais de 150.000 alunos no momento
desta gravação, e eu adoraria que você se tornasse um desses alunos também. Vamos nos divertir
muito e mal
posso esperar para mergulhar, então vamos começar.
2. Transições de morph: Nesta lição, vamos nos
concentrar nisso. Vou mostrar a vocês
algumas das partes mais legais de todo esse curso. A partir daqui,
vai ser muito divertido. O que vamos fazer é aprender a criar transições entre slides
que se parecem com isso. Vamos trazer elementos diferentes
e,
em seguida, animá-los uma forma que
parece que eles estão vindo de todos os lados
da tela aqui. É uma transição muito suave. Isso nos ajudará a
construir nossas apresentações uma
forma que ajude a
contar histórias e
ajudar a orientar o espectador
em sua apresentação. Para este exercício específico, o que vamos fazer é
para onde estamos indo. Vamos iniciar um
novo documento do PowerPoint. Se você não tem nada para trabalhar e
quiser apenas acompanhar. Já criei
nesta lição uma pasta, todos os ativos que você precisa. Aqui estão vários gráficos
diferentes e coisas
diferentes com as quais
trabalharemos para criar isso. Vamos apenas ir em frente e
mergulhar. O que vamos fazer é entrar no PowerPoint. Vou fazer uma
nova apresentação em branco. Você provavelmente verá
algo semelhante a isso. Seus arquivos recentes obviamente
parecerão diferentes, mas tudo o que queremos é uma apresentação branca de
baunilha simples. Quando você abre o PowerPoint, você verá algo assim. Tenho certeza que você está
familiarizado com isso. O que vamos fazer é você simplesmente clicar neles e
excluir essas caixas de texto
se eles o incomodarem. Eu sempre faço isso ou aparecendo na guia Início abaixo do layout, você terá alguns slides mestre
padrão diferentes que estão embutidos e
basta clicar no branco aqui
e tudo
isso simplesmente desaparece. É assim que vamos
começar. A próxima coisa que eu faria é salvar. É tão fácil quando você começa a
criar suas apresentações, esquecer de salvar, depois de usar o Office
365 ou o OneDrive. Ele salvará automaticamente à medida que você avança. Se você estiver salvando
em seu computador, você terá que
se lembrar de salvá-lo à medida que avança. O que vou
fazer é ir para File, descer para Salvar. Vou chamar isso
apenas de apresentação, quero colocá-lo em
nossa pasta lição um. À medida que eu passar por isso, vocês poderão ver
o resultado final aqui também. Vou clicar em Salvar. Agora sei que, ao
passar por esse processo, posso salvar e saber
que não perderei nada durante o processo. A próxima coisa que faço
normalmente são duas coisas. Primeiro, vou
mudar o plano de fundo. Vou clicar com o botão direito do
mouse sobre ele e ir para Formatar plano de fundo. Aqui temos um preenchimento sólido. Vou
mudar a cor de branco para cinza escuro. Então a próxima
coisa que vou fazer, e este é o pão mágico e manteiga por trás desse efeito
inteiro, é que vou adicionar
uma transição a ele. Nessas guias aqui
temos a guia Transições. Vou clicar nisso
e vou
adicionar uma transição de morfo. O que a morph
faz é pegar qualquer coisa que vê em uma tela e aplica as mudanças
entre as duas telas. Deixe-me abrir
esse outro arquivo de amostra novamente para que você possa ver
exatamente para onde estamos indo. Vou abrir isso
e você pode ver no slide 1, parece que
não há nada aqui. Eu tenho esse pequeno ícone de
estrela ao lado dele, o que está me dizendo que
há uma transição aplicada e é a transição de
Morph. Então aqui está o slide 2. Bem, não funciona apenas assim. O que precisamos fazer, vou
diminuir um pouco. O que você realmente notará
é que todos os meus ativos para o segundo slide estão presentes
neste primeiro slide, eles estão apenas fora do Canvas. O que acontece é com a transição
Morph aplicada, PowerPoint vai
olhar para
as diferenças entre esses dois slides
e animá-los juntos. É realmente simples. Na verdade, é muito
divertido e produz resultados
bastante profissionais forma
muito rápida e fácil. Vamos continuar e minimizar
esse arquivo de amostra novamente. Vamos recriar esse arquivo. Vou fazer esse
salto de volta para a janela do
meu localizador pegar alguns ativos e
começar a trazê-los. Vamos seguir em frente e pegar, e tudo isso é
baseado em uma maquete que fiz desse moletom com capuz para essa
marca que eu construí. Suponho que devo mencionar
essa marca se você quiser saber mais sobre como eu fiz
isso, há links fornecidos. Eu transmito no behance.net ao vivo
e mostrei como construí essa marca e, em seguida,
também construí alguns
desses logotipos no meu curso de design de
logotipo que é apresentado no Skillshare. Confira os links abaixo para obter
mais informações se
você quiser saber meu processo exato
para chegar aqui. Mas, por enquanto, o que vamos
fazer é usar esses ativos para construir essa marca e criar como uma
apresentação de vendas para ela. Vamos em frente e vamos
olhar para isso de novo. Temos essa
forma roxa em segundo plano. Temos nosso principal elemento de moletom com capuz. Temos uma sombra
e, em seguida, temos
esse logotipo fantasma em segundo plano
como um elemento de design. Essas são as peças com as quais
vamos trabalhar. Vamos começar a
trazer isso. O que vou fazer é ir em frente e trazer esse elemento de fundo aqui. Vou
arrastar e soltar da
minha janela do localizador
diretamente para o PowerPoint. Essa é uma maneira de trabalhar. Se
isso não funcionar para você, vou em frente e excluirei isso. Venha até a guia Inserir e venha aqui para fotos. Você vai para a foto do arquivo. Também podemos pegar esse mesmo
arquivo dessa forma. Há muitas maneiras de trabalhar. Assim como em qualquer
software, há muitas maneiras de fazer
a mesma coisa. Agora que eu tenho isso aqui,
o que vou
seguir em frente e fazer é tudo o que eu queria fazer
é colocar isso aqui. Quero que o logotipo seja
como elementos separados. Você notará o passado
dele, é cortado. Mas eu quero ser capaz de
animar esse logotipo separadamente. Eu forneci o
PNG para você aqui, o arquivo do logotipo, e só
preciso de um fundo sólido
para trabalhar. Vou seguir em frente
e clicar com o botão direito do mouse neste plano de fundo novamente. Volte para Formatar plano de fundo. Nesta cor,
vou para o menu suspenso. Em vez de escolher uma cor de tema
automática, irei
até aqui até Mais cores. Vamos clicar nisso. Então vou pegar a
pequena ferramenta conta-gotas. Agora, se você estiver em um PC, pode
parecer um pouco diferente para ser
totalmente honesto, não
tenho certeza de como será a interface
,
mas espero que você possa
chegar onde você pode provar essa cor clicando nele com essa ferramenta
conta-gotas, clicando em OK. Agora, seu plano de fundo
vai corresponder a essa cor. Então o que posso
fazer é apenas excluir essa imagem porque eu só
queria trazer isso como uma forma de provar essa
cor de forma rápida e fácil dentro do PowerPoint. Temos nossa camada
base de fundo definida. Agora vamos pegar esse logotipo. Só vou clicar, arrastar
e soltar aqui. Novamente, se isso
não funcionar para você,
você pode usar esse menu Inserir. Vou escalar isso enorme. É apenas um elemento decorativo. Apenas construindo este
slide à medida que vamos aqui. Não se esqueça de salvar o comando S em um Mac ou
Control S em um PC. Agora que tenho
essa foto aqui, quero que ela combine com esse
fundo um pouco melhor. Deixe-me trazer isso de
volta aqui para que eu possa ver exatamente qual é a cor. É definitivamente fantasma, então clicaremos
neste logotipo aqui. Vou aqui para a guia Formatar imagem
na guia Imagem abaixo
da guia Imagem aqui
abaixo Transparência da imagem. Vamos apenas esfregar
isso um pouco. Agora não é perfeito porque
eu trouxe esse logotipo quando eu exporto isso para
vocês, esse arquivo de logotipo, é realmente preto versus como ele foi originalmente
projetado no photoshop, podemos torná-lo exato, mas por enquanto eu só
quero chegar perto apenas para manter as coisas
avançando aqui neste curso. Isso parece bem próximo.
Vou seguir em frente e excluir essa amostra novamente. Eu tenho o arquivo de logotipo em
cima do plano de fundo. Espero que você esteja
acompanhando e está indo bem para você não se esqueça de economizar
à medida que vai. Vamos saltar de volta e continuar
trazendo mais ativos. A próxima coisa
que eu quero trazer
é o arquivo com capuz, hoodie.png. Traga isso. Vamos pegar esse arquivo de triângulo roxo, e vamos
pegar o arquivo de sombra. Vamos pegar esse triângulo roxo. Vamos escalá-lo
até o canto. Dimensione para caber e tudo bem se
passar um pouco, mas sempre que quiser, use sua
licença criativa, aproxime-a. Isso realmente não importa. Temos essa sombra aqui. Agora você pode encontrar
algumas coisas aqui. Você notará que este moletom com capuz
está por trás desse triângulo. Se eu clicar no moletom com capuz,
sou um grande fã de atalhos. Vou continuar contando
atalhos à medida que avançarmos. Espero que até o final disso, eu consiga criar um
pequeno atalho PDF para você. Mas, por enquanto,
vou apertar Command, Shift e F, para trazer isso
até a frente. Em um PC, ele deve
ser Control Shift F. Ele vai
trazer isso na pilha de camadas. Você também verá que aqui, na
guia Formatar imagem, apresentamos
ou trazemos para frente, ou enviamos para trás
ou enviamos para trás. Você pode clicar nesses botões
para organizar esses objetos. Acontece que eu sei que o Command Shift F
trará para a frente e Command Shift B
enviará todo o caminho para trás. Eu uso esses atalhos o tempo
todo. Agora, ao fazer isso, não está
tudo lá na parte de trás. Você notará que a
sombra está bem aqui. Agora, se eu apertar Command
Shift de volta sobre isso, veja agora as coisas estão todas
confusas aqui e não
consigo selecionar
esse moletom com capuz novamente, então eu poderia clicar em cada
item Command Shift B para esconder tudo
isso caminho para trás. Pegue o moletom com capuz
trazendo para a frente. Mas você pode ter
problemas em que está tendo dificuldade em colocar
essas coisas em camadas. O que vamos fazer é voltar
aqui para a guia Início. Então você deve ver
esta pequena caixa
suspensa organizar clicando nisso e
chegará até o painel de
seleção. Clique nisso. Agora você verá todos
esses ativos diferentes. Você pode clicar no globo ocular pequeno para ativar e desativar essas camadas. Isso vai
te ajudar. Você pode arrastar soltar
e reorganizar as coisas. Ao clicar nesta imagem 12, posso renomear
isso para moletom com capuz. Isso tornará
mais fácil para você
avançar ver exatamente com
o que você está trabalhando. Esta é a nossa sombra. O que é isso, assustador aqui? Esse é o nosso triângulo. Este é o último
deve ser o logotipo. Agora posso ver
exatamente em que camada ou esses
ativos estão agora. Com o logotipo na parte inferior,
queremos o triângulo em seguida, queremos o moletom com capuz
acima da sombra. Deixe-me derrubar nossa sombra. Mas quando faço isso agora
porque o selecionei aqui, posso clicar e
arrastar para selecioná-lo. Mas assim que eu faço isso,
ele pega o moletom com capuz. O que eu quero fazer é
desligar o moletom, pegar essa camada e
arrastá-la para baixo, ligar o moletom com capuz novamente. Espero que isso o ajude enquanto você tenta pegar peças diferentes, quando você começa a fazer uma bagunça no seu slide e ser capaz de pegar as diferentes
peças que você quer. Estou muito feliz com isso
para esta primeira amostra. É praticamente exatamente
como eu quero que ele pareça. Agora queremos animá-lo. Muito divertido e tão simples. Novamente, para que isso funcione, a chave mágica aqui é ter sua
transição definida para se transformar. Projete seu slide exatamente
como você quer que ele termine, faça isso, adicione morph. Agora, o que vamos fazer
é duplicar o slide. Gosto de usar o atalho
Comando D para duplicar, deve ser Control D em um PC. Você também pode clicar com o botão direito do mouse
e duplicar o
slide e verá os atalhos ao
lado dele aqui. Vamos
duplicar esse slide. Agora, o que vamos fazer
é realmente trabalhar para trás. Este é o slide copiado, mas queremos começar
com esse espaço em branco. A melhor maneira de
trabalhar agora temos esses dois slides
idênticos. Ambos têm a transição de
morph aplicada porque
duplicamos esse slide que duplicou
tudo, incluindo todas as animações que
aplicamos a ele ou transições. Neste primeiro slide,
vou
descer aqui e
vou diminuir o
zoom para poder ver mais do meu
Canvas ao redor do slide. Agora vou
começar a mover as coisas. Pensando ao contrário de
onde eu quero que isso venha e onde
eu quero que ele acabe? Quero que meu moletom com capuz
caia do topo. Novamente, estou no primeiro slide
e não no segundo slide. No primeiro slide,
vou tirar
tudo do Canvas, então
vou mover o moletom com capuz para cima. Vou pegar a
sombra e movê-la para baixo. Quanto mais longe
você se mover, mais longe ela terá que viajar,
o que fará com que a animação
pareça mais rápida ou mais lenta. Agora também podemos alterar a
duração aqui em cima. Estamos sob transições,
sob morfo. Aqui temos a transição na
duração do slide. Podemos mexer com isso para
acelerar as coisas também. Mas, novamente, quanto mais longe
o Canvas ele tiver que viajar, mais rápido ele vai
parecer que está indo. Vou pegar
este triângulo, quero que ele deslize
pela direita. Vai começar
pela direita. Então, quando chegar
ao segundo slide, ele vai deslizar dessa maneira. No logotipo, vamos
arrastá-lo para a esquerda. Basicamente, tudo o que fiz foi
pegar todas as minhas peças e apenas explodi-las da tela. Esse é o primeiro slide.
Agora, o segundo slide, tudo é exatamente
onde eu quero que ele vá. Agora isso deve ser tudo o que precisamos para seguir em frente
e fazer isso funcionar. Vou vir
aqui e
clicar nesta visualização de leitura. Gosto disso. Há a exibição de slides. Se eu clicar nisso, ele
assumirá toda a minha tela. Então você pode ver
a apresentação ou essa visualização de leitura
, ela será aberta como uma pequena visualização de leitura aqui. Quando terminar, você
pode clicar em “Escape”. Quando você terminar de
verificar sua apresentação. Temos isso aqui.
Vou atingir a barra de espaço. Ele deve ir do slide
um para o slide dois, colocar essas animações no meio. É isso. Esse é praticamente
o molho mágico. Vamos usar isso
para tudo o mais que
construímos neste curso
muito pesado. Esse é o processo para
obter essa configuração. É muito divertido e, como
você vê o processo aqui, é bem simples de fazer. Agora, a próxima coisa
que eu quero apontar, vamos seguir em frente e fazer um
pouco mais nesta apresentação, eu ia fazer isso
antes para mostrar algo. Eu estava bem,
vamos fazer isso juntos e você pode ver como eu
continuaria esse processo. O que vou fazer é
clicar em “Comando D” novamente para duplicar
este slide. Quero mostrar a
diferença entre JPEG e PNG e por que é tão importante ao
criar esses arquivos, você quer usar um arquivo PNG. Vou fazer é arrastar isso. Posso mudar clique em ambos, não
posso assim o moletom com capuz e a camada de sombra e
o painel de seleção. Novamente, se você não vir
o painel de seleção, se ele estiver escondido de você, você pode vir aqui para casa para baixo para organizar,
até o painel de seleção. Vou mover
essa camada para cá. Então eu já exportei uma versão JPEG disso
para você brincar. Vou vir
aqui para hoodie_white_bg. Observe que este
é um arquivo JPEG
, então existe.JPG e
aquele que estamos usando
antes do was.PNG. PNG é um gráfico de
rede portátil e suporta o que
chamamos de transparência alfa. Todas as bordas que você pode
ter cortado basicamente. Seu arquivo, você pode
ver o que está abaixo dele. Com um JPEG, os JPEGs não
suportam transparência Alpha, então qualquer coisa que deve ser
transparente na verdade é achatada em um fundo
branco. Vamos arrastar e soltar esta imagem
aqui, reduzi-la. Você notará novamente
esse fundo branco. Deus, só faz com que
pareça terrível, não é? Ele traz isso com ele. Vou escalar
isso aqui. Digamos que eu queria animar a diferença entre
um JPEG e PNG. Vamos adicionar
mais alguns elementos aqui. Vamos pegar nossa caixa de texto. Vamos chamar isso de JPEG. Vamos
mudar rapidamente a cor aqui. Talvez faça dele um toque maior. Vamos em frente e centralizá-lo. Traga para baixo. Agora, vou copiá-lo
Comando C para copiar, Comando V para colar. Vou arrastar isso aqui e
chamaremos isso de PNG. Legal. Agora vamos dizer que eu
queria transformar isso em uma animação aqui para
mostrar a vocês uma diferença. Bem, vamos ver como isso parece. Já temos quando
duplicamos esse slide, essa transição de morfo
veio com ele. Vamos seguir em frente e fazer essa visualização de
leitura rapidamente. Se eu bater na barra de espaço, o moletom com capuz e a sombra
virão e o texto PNG, JPEG neste moletom com capuz, que era um JPEG acabou de desaparecer. Eles realmente não animam
e a razão pela qual, acho que uma transição de desvanecimento
tecnicamente é uma animação, mas eles não deslizam como
você quer. Aqui está o porquê. Não nos esqueçamos de salvar. Arquivo, salve. A instância desse gráfico
está apenas neste slide. Se formos ao
slide anteriormente, ele não mora em nenhum lugar aqui. Este moletom com capuz é ambos
neste slide dois. Se eu pular para deslizar três, está aqui. Está
no mesmo lugar. Você pode ver aqui
no meu painel de seleção, é chamado a mesma
coisa. Isso também é fundamental. Eles precisam ser chamados exatamente
a mesma coisa. Se os nomes mudarem,
ele quebrará. Vamos animá-los. Uma maneira simples de fazer
isso, vou clicar nisso, copiar o Comando C, salto de volta para o slide dois e
pressione Comando V para colar. Agora, tecnicamente, eles estão
em ambos os lugares, mas não
queremos que já esteja aqui. Queremos mover esse
cara para o lado. Talvez movamos a palavra JPEG para baixo e talvez a
palavra PNG para baixo. Agora, quando este slide estiver ativo, você só verá o que está dentro desta tela
aqui no slide. Então esses ativos
estão esperando para o lado aqui para
deslizar neste próximo. Mais uma vez, certificando-se de que a transição de morfo seja
aplicada a todos os três slides. Vamos voltar para essa visualização de leitura,
eu bati
na barra de espaço e agora podemos
ver essa animação suave.
3. Visão real do estudo de caso: Vamos dar
uma olhada em uma
apresentação real que fiz. Eu tirei muitas
das informações confidenciais
que não posso mostrar a você. Mas isso é baseado em
uma apresentação real que foi para um negócio
multimilionário. Quero mostrar
a parte frontal
desses gráficos e o final
da apresentação também. É só para mostrar
como eu construí isso. Então, quando adicionamos novas informações e dados
para os lançamentos de vendas, adicionamos essas informações
no meio. Muito rápido aqui,
você pode ver
agora que eu só tenho seis slides. Isto é para The Third Bull & Co. que é uma empresa para a qual eu
realmente trabalho. Neste exemplo de
apresentação do leitor aqui, o slide começa com nosso logotipo. Normalmente, teremos o logotipo
das pessoas que estamos apresentando
para aparecer aqui também. À medida que você avança
pelos slides, temos algumas animações realmente
simples com uma transição de morfo que nos
leva a um
pouco sobre quem somos. Então, no final
da apresentação e
depois de tudo o resto, e novamente, tive que retirar
alguns desses detalhes, ele termina com este
slide e depois vai para aqui para perguntas finais
após o apresentação. O que eu quero mostrar é apenas desconstruir como isso é feito. Se você tem acompanhado, você está ciente
de que a maior parte disso, de fato, tudo isso vem
da transição de Morph. Vamos apenas ver
isso rapidamente e explorar as diferentes peças. Neste primeiro slide, temos
uma imagem fantasma do logotipo. Este slide foi realmente
projetado no Photoshop e apenas exportado como
uma imagem JPEG e essa imagem JPEG foi
definida apenas para o plano de fundo. Coisas super básicas. Copiamos e colamos na versão
PNG do logotipo. Em seguida, no próximo slide, e você verá que
as peças para este próximo slide já estão
morando aqui na parte inferior. Você tem esse
touro e então
temos todos os diferentes
pedaços de texto. Vamos desfazer isso aqui. Está tudo pronto para animar
para o próximo slide. Novamente, agora mesmo, se voltarmos para
casa nesta guia inicial, saia para organizar e
desça até o painel de seleção. Você pode ver todos esses elementos
diferentes. Na verdade, não
aproveitei tempo para renomeá-los. Mas você quer ter certeza,
novamente, entre as transições de
morfo, que todas as suas peças tenham os mesmos nomes
entre os dois slides,
caso contrário, elas não serão
animadas corretamente. Aqui nós colocamos
essas camadas no lugar e onde queremos que elas
acabem após a transição. Então, para o próximo
slide, temos isso. O que acontece aqui se eu
tirar isso do caminho? Você pode ver todo o pequeno texto encolhido
atrás desse cara. Deixe-me ampliar um pouco
para que possamos ver isso melhor. Este gráfico de círculo baixei
da Envato Elements. Adoro usar a Envato Elements. Não ganho dinheiro para
dizer a vocês para usarem isso. Eu poderia ser um afiliado,
mas só acredito nisso. Na verdade, subscrevi a Envato Elements e
uso isso para todas as coisas. Você pode procurar
tudo, desde vídeos de stock a fotos e gráficos e modelos de vídeo e até temas WordPress,
tudo incrível. Eu uso isso todos os
dias no meu trabalho de design. Se você pesquisar por apresentação e rolar para baixo, poderá ver os modelos de
apresentação. Posso clicar
aqui em “Veja mais”. Você pode estar procurando
por algo específico. Você pode pesquisar por cor. Você pode procurar
se é um Keynote ou PowerPoint ou Google Slide. Basta passar por aqui e apenas ver se algo se
destaca para você. Foi o que eu fiz. Eu estava trabalhando muito
rapidamente e precisava um gráfico circular, assim. Para ser honesto, não
me lembro onde o encontrei, mas encontrei aqui, e baixei esse
ativo e o trouxe. Aí está, aqui no meu slide. Foi assim que eu fiz
isso. Então, essas são apenas caixas de texto comuns, assim como isso está sentado
em cima deste gráfico. Esta é a foto dele 19. Vamos voltar aqui para onde está a
imagem 19, está aqui no topo. Parece que eu talvez cometi um erro no que diz respeito
à nomeação disso. Mas este gráfico está realmente
no Slide 4 e é transparente e é
girado um pouco. Acabei de clicar no
gráfico e
o rodei um pouco dessa maneira. Vamos fazer uma prévia
rapidamente e ver como isso parece. Eu bati em “Barra de espaço”. O
gráfico já estava lá, apenas a 0% transparente. Então, à medida que ele anima
no próximo slide, ele vai para 100%
ou totalmente opaco, e gira apenas um pouquinho. Vou apertar a
“seta para a esquerda” para voltar, apertar a “seta para a direita”
para seguir em frente. Você pode ver como ele
faz esse círculo girar. A próxima coisa para
o próximo slide. Se eu clicar em “Barra de espaço” para
ir para o próximo slide, você verá como ele gira para fora. Vamos pular de volta aqui. Neste slide, ele está
sentado assim e no próximo slide, eu movo isso para fora do caminho, clicando aqui, você pode
ver que é transparente. Se eu clicar com o botão direito do mouse sobre isso, posso descer para
“Formatar imagem”. Minha
guia “Formatar imagem” está aberta aqui. Aqui à direita, vamos clicar em “Transparência da imagem”. É para trás se você vier
do mundo do Photoshop, 100% geralmente estaria para onde você poderia vê-lo e zero seria totalmente transparente, mas é o oposto
na Microsoft. Eu o tenho definido como
100% transparente
neste slide e no slide antes dele. Volte aqui, você
pode ver que está definido como zero. É apenas animar daqui para o próximo slide e girar um pouco é como
eu obtenho esse efeito. Coisas muito básicas. Deixe-me desfazer um pouco disso aqui
para não arruinar o slide. Se eu diminuir o zoom, você pode ver que
tenho as peças
aqui prontas para animar de
volta a este slide. Isso é praticamente
isso para este vídeo. Foi assim que essa
apresentação foi criada. No próximo vídeo, vou
avançar um pouco mais e mostrar algumas dicas e truques
de como eu realmente trouxe
esses ativos específicos.
4. Anime um logotipo: Neste vídeo,
vou seguir em frente e mostrar exatamente como
fiz esse slide e
como trouxe esses ativos usando o
Adobe Illustrator. Então, como designer primeiro, quase sempre
estou usando o
Illustrator para tudo. Eu percebo que se você estiver
acompanhando neste curso, apenas para o PowerPoint, você pode não ter
acesso ao Illustrator, mas você pode fazer uma técnica muito
semelhante em outras aplicações como Canva ou há
um punhado de outros, mas este é apenas o meu fluxo de trabalho e espero que isso ajude você a obter algumas idéias sobre maneiras que talvez
você possa criar
algo semelhante. Então, o que eu vou
fazer se você quiser acompanhar e você tiver Illustrator e, se você
não fizer isso, um lembrete rápido, você pode realmente entrar, se abrirmos uma nova janela aqui, adobe.com e leia no topo
da criatividade e do design. Aqui em baixo temos o Illustrator. Você poderia, se quisesse
fazer uma avaliação gratuita do Illustrator e ver se você gosta e ver
se é algo que
você quer acompanhar. Mas muito além do escopo
dessa classe específica. Então, vamos em frente e mergulhe se você quiser acompanhar. Vou abrir
este gráfico T3B aqui nos arquivos da aula. Isto é o que você vai
ver agora este é um gráfico que eu fiz para uma cabine de feiras. Este gráfico específico foi impresso com oito pés de
altura e cerca, eu sinto que tinha dez pés de largura ou
algo assim. Então, temos essa tigela
e tudo está todo agrupado e
tem uma máscara por cima. Isso é um
pouco avançado. Vou clicar com o botão direito do mouse. Vou liberar
essa máscara de recorte. Agora, aquele pequeno quadrado
transparente que estava escondendo tudo o que
passou por ele, está tudo lançado. Estou usando a ferramenta de seleção, usando a letra V para meu
atalho e o Illustrator. Eu tenho tudo aqui e
ele ainda está grudado. Então, o que vamos fazer é que vamos nos opor. Vamos
desagrupar tudo. O atalho para isso
é Shift Command G em um Mac ou Shift
Control G em um PC. Agora posso clicar
aqui e agora posso pegar cada peça individual. O que é realmente legal nisso? Vamos em frente e volte
ao PowerPoint rapidamente. Vou seguir em frente
e começar do zero. Vamos fazer uma
nova apresentação. Vamos apenas fazer uma nova apresentação
em branco. Venha para o layout,
vá para o branco. Ir para as transições
fará com que seja transformado. Estou voando por aqui
porque espero que você
já tenha passado pelas outras
lições e então isso é, já
passamos por aqui antes. Vamos seguir em frente e deixar a cor
de fundo preta. Então, temos uma
nova apresentação. Estamos prontos para o rock
e o que eu quero mostrar é que no Illustrator, posso clicar diretamente neste ativo. Posso copiá-lo com meu
atalho Command C em um Mac, controlar C em um PC. Vamos saltar de
volta para o PowerPoint e eu vou colar
isso ali. Nem precisei
exportar nada. Eu não tive que
tentar salvá-lo como um PNG ou fazer algo
extravagante assim e se eu voltar para a
minha cor de fundo e mudá-la para
uma cor diferente, você pode ver rapidamente
que é de fato transparente e
veio exatamente como
eu queria. Vou clicar com o botão direito do mouse
neste plano de fundo. Vamos aqui para a cor, vamos fazer isso preto novamente.
Agora eu tenho isso aqui. Vamos trazê-lo sobre
as outras peças também. Então, vou
voltar para o Illustrator. O ponto deste vídeo, vocês é que eu queria
mostrar meu fluxo de trabalho. Isso não é necessariamente
acompanhar. Você é bem-vindo
a pegar as peças e
brincar com elas e experimentar. Vamos passar um
pouco mais rápido através disso. Então, vamos pegar o terceiro texto. Então, vou clicar
nele com minha ferramenta de seleção. Salte de volta para o PowerPoint. Agora estou tentando colocar todas as peças aqui. Estou me movendo um pouco rápido. Espero que seja rápido o suficiente para aqui. Se eu estiver indo muito rápido, não se esqueça, este é um vídeo. Você pode pausá-lo,
reassisti-lo, retrocedê-lo, qualquer coisa que você precisa
fazer caso você se perca e também se
você tiver dúvidas, sinta-se à vontade para aparecer no
chat abaixo, me avise. Enquanto isso,
vamos seguir em frente e
continuar aqui e pegar todas
essas peças aqui. Então, vou voltar para o
Illustrator copiando isso, e depois colando
diretamente no PowerPoint, coisas
super legais. Para ser totalmente honesto, não
sei se
isso funciona em um PC. Eu realmente espero que isso aconteça para
vocês porque eu economizaria muito tempo se
não funcionar para vocês em um PC, mas você está usando o Illustrator, você ainda pode pegar cada um
desses ativos e
exportá-los separadamente. A maneira mais rápida que
encontrei para fazer isso é que temos esta pequena
janela de exportação de ativos aqui. Se você não vir
isso vir aqui até a janela e
haveria uma exportação de ativos. Você pode pegar cada uma dessas peças
e deixá-la aqui, talvez dar-lhe um novo nome. Eu deveria fazer isso só
para mantê-lo limpo. Vamos colocar cada peça aqui
e recebê-la com um nome muito rápido. Peço desculpas se você não tem o Illustrator e
você é como o
meu, só vim aqui para
aprender PowerPoint. Espero que isso lhe
dê algumas idéias maneiras de trabalhar no futuro se você voltar a ele. Então, vamos tentar
torná-lo breve, já que esse não é tecnicamente um curso
do Illustrator. Vamos chamar isso. Vamos chamar esse ícone da tigela. Então agora eu tenho todas essas
peças na Exportação de ativos e posso mudar
clique em todas essas coisas
e, em seguida, aqui
posso escolher minhas configurações. Portanto, dependendo do
tamanho do seu gráfico, você pode realmente
dimensioná-los quatro vezes ou exatamente o mesmo
tamanho ou dobrá-lo. Isso é bastante
retina display se você estiver fazendo web design
e quer um ativo na escala original
e talvez em dois x. É assim que você usaria isso. Mas eu vou seguir em
frente e x a
segunda exportação que eu só precisava
em um eixo, totalmente bem. Eu quero que seja um PNG, então é
tudo transparente. Então eu vou clicar
nesta pequena janela aqui embaixo, aguardar todas essas
guloseimas selecionadas. Vamos fazer isso de novo rapidamente. Então, se eu clicar neste
Exportar para telas, você poderá ver mais alguns detalhes. Podemos dizer onde queremos
exportar tudo isso. Então, vou clicar nesta pasta. Vou entrar
aqui e vou exportá-los todos
aqui também. Então, dessa forma, se você
não tiver o Illustrator, é bem-vindo a
acompanhá-los também. Vamos usar essa pasta. Vou clicar em Exportar ativo e
vamos ver o que acontece. Deve ir muito rápido, isso está construindo agora. Então agora temos todos esses gráficos PNG
transparentes que se você quiser jogar junto, você pode sem
ter que ter o Illustrator. Perfeito. Deixe-me ter
todas essas peças. Vou saltar de volta para
o PowerPoint e eles estão por todo
o lado e, honestamente, não
tenho certeza de como fazer com que
eles tenham o tamanho exato. Então, o que vamos fazer, por não ter certeza do
que quero dizer é que eu
realmente não me lembro sem
olhar exatamente o
tamanho que eles eram. Então, vou
te mostrar outra maneira que eu trabalho. Vou
voltar aqui. Gosto de usar um atalho Command
Shift e depois o número 4. Deixe-me pegar esse
pequeno cruzamento aqui que então eu posso clicar e arrastar. Eu apertei a tecla da barra de espaço? E eu movo isso para
onde eu quero que ele vá todo esse tempo que eu
tenho pressionado a
tecla do mouse. Ainda não soltei. Agora ainda estou
segurando o mouse. Vejo que tenho esse
pequeno ponto âncora aparecendo e
tenho essas
coordenadas x y , mas nada disso
importa. Tudo o que estou fazendo é usar
isso como referência. Agora, antes de soltar o mouse, vou segurar a
tecla Control e depois soltar o mouse. Vai tirar uma foto disso e salvá-la
na minha área de transferência. Muito rápido novamente, isso é
Command Shift quatro, clique e arraste
a barra de espaço para mover tudo enquanto mantém pressionado o
mouse antes soltar, mantenha pressionado o controle. Sei que é muito
checkout dos atalhos. Os atalhos estarão em cima
na parte inferior da tela. Então vou voltar para
o PowerPoint e colar essa captura de tela
como uma imagem. Se isso estiver muito além do
que você quer fazer, você também pode
exportar tudo isso. Arquivo. Exportar, Exportar
Como e você pode salvar a coisa toda
como PNG ou JPEG ou
o que quiser. Use o quadro de arte. Vou clicar em Exportar.
Tudo isso parece bom. Vou clicar em Exportar. Agora você tem isso como opção
também. Muitas maneiras de trabalhar. Mas para mim tirar uma captura rápida
dessa coisa é definitivamente uma maneira mais rápida de
trabalhar. De volta ao PowerPoint. Eu posso pegar esse gráfico
e posso escalá-lo onde quiser que ele
seja até o tamanho. Está ficando um pouco
confuso aqui, então vou mudar
esse fundo de volta para uma cor cinza mais clara para que eu possa ver com o que
estou trabalhando. Isso é todo o
caminho na frente. Então eu quero empurrar isso para trás e
o atalho é Command Shift B como
atrás ou para trás. Você também pode vir
aqui para a guia Início. Aqui temos esta pequena
caixa arranjada e queremos enviar isso para trás. De qualquer forma, várias
maneiras de trabalhar. Então, vou reduzir isso. Tente obtê-lo aproximadamente
do mesmo tamanho. Aqui. Não precisa ser exato, a menos que você
queira ser exato e você pode levar um tempo extra para
realmente torná-lo perfeito, mas estamos apenas
tentando aproximá-lo. Perto o suficiente. Então o que
posso fazer é mudar, clicar em ambos, escalá-los um
pouco juntos. Esse tipo de ser
centrado na tela. Deve encaixar aqui. Vou trazer esse cara de volta
para baixo e agora posso começar a trazer meus outros
ativos e
obtê-los do mesmo tamanho
que todo o resto. A razão pela qual isso
é super útil é porque se você tiver um logotipo ou um gráfico do cliente ou da
sua empresa e
quiser combinar exatamente. Você pode estar
trabalhando mais rápido em um software ou aplicativo com o qual você
já esteja confortável, como Canva ou Procreate ou Photoshop ou
Illustrator, escolha um. Ou talvez você tenha tido
um JPEG dele e queira recriá-lo
no PowerPoint e às vezes, é bom
aproximá-lo dessa maneira em vez de tentar adivinhar,
espero que isso faça sentido. Não vou ficar
muito exigente com isso porque o objetivo
é apenas dar uma ideia do meu fluxo de trabalho e
talvez lhe dar algumas idéias de maneiras que você pode trabalhar. Vamos ver, está se encaixando
em coisas um pouco. Então isso vai ser
perto o suficiente para
vocês verem como eu trabalho. Vou excluir essa imagem, então são apenas esses gráficos
e agora a última coisa que preciso fazer é
clicar na tigela porque quero estar nos amigos e
clicar em Command Shift e F para trazê-los todo
o caminho para a frente, e isso é bem feito de perto. Agora, se eu destacar tudo aqui e
eu for escalá-lo, você notará que são
escalas meio estranhas. Ele dimensiona tudo, desde seus pontos de ancoragem centrais
em vez de relativamente. Então, o que vamos
fazer é
agrupar isso rapidamente. Se eu clicar com o botão direito do mouse e
vir aqui para agrupar, posso clicar em grupo ou aqui está
sua opção de atalho de teclado Comando G. Agora que
é um grupo, posso escalar todo o grupo. Certifique-se de segurar o Shift
para que ele não o distorça. Posso escalar isso
tão grande quanto eu quiser e tudo
permanece no lugar do jeito que pretendo que ele fique.
Espero que isso faça sentido. Então, uma vez que você conseguir
isso onde você quer posicionado como você gosta, então você pode desagrupá-lo. Clique com o botão direito do mouse em
Group, Ungroup ou Option Shift
Command G para desagrup Agora você tem todas
essas peças de novo. Vamos mudar nosso fundo
preto para preto mais uma vez. É assim que queremos que
o slide acabe. Já temos nossa
transição de morfo aplicada. Vamos duplicar esse slide. Volte para o primeiro. Vamos escalar tudo para baixo, e eu quero que isso
gire um pouco. Talvez aumente um pouco, e vamos
bater aqui embaixo. A mesma coisa irá girar
um pouco, diminuí-lo, trazê-lo para
trás da cabeça aqui. Não é exatamente como
eu fiz na primeira vez, mas é o mesmo processo. Agora, poderíamos
duplicar esse slide, arrastá-lo para a parte inferior
e, em teoria, visualizar isso. Ele vai animar na barra de espaço. Na barra de espaço novamente e
eu vou animar de volta. assim que fiz
essa apresentação para minha empresa. Espero que
você tenha gostado disso. Espero que você tenha aprendido muito e não se esqueça se você
quer acompanhar. Todos esses ativos estão
agora na pasta de ativos, e mal posso esperar para ver
o que você faz com isso.
5. Cena de Parallax: [RUÍDO] Isso faz parte de outra apresentação real
que fiz para uma marca. Era um tema quente de iluminação vermelha, e então tínhamos essa floresta aqui. Nesta lição, o que vou
mostrar é como construir uma cena de paralaxe no PowerPoint. Bem, a melhor maneira de mostrar
a você é mostrar essa animação. Assim que eu apertar a
próxima tecla de seta, você pode ver como as camadas
se movem em velocidades diferentes, e isso dá a
ilusão de profundidade. Em animação,
chamamos isso de paralaxe. O que isso significa é que temos diferentes partes
dos planos de fundo se movendo em velocidades diferentes. A melhor maneira de imaginar isso
se você estiver dirigindo
pela estrada e você
olhar para a janela, poderá ver os sinais de limite de
velocidade voando por você muito rápido. Talvez mais longe de uma distância você possa
ver edifícios, ou você pode ver árvores, ou você pode ver campos
se movendo a uma velocidade diferente
e, em seguida, mais em
segundo plano, você pode ver montanhas ou você
pode ver o céu, as nuvens, o sol, o que quer que seja, e as diferentes
camadas que estão mais atrás se movem muito mais devagar. Quando você anima as coisas
neste caso, se
olharmos para a lua
aqui no topo,
ela está se movendo, mas mal está se movendo e essas nuvens estão se movendo, mas mal se movem. Dez esta próxima camada; o meio do solo desta camada, está se movendo um pouco mais rápido. E em primeiro plano aqui
estas são árvores e arbustos na frente deste
texto está se movendo muito mais rápido, então faz
parecer que você está
nesta cena 3D e isso
é chamado de paralaxe. Vejamos exatamente
como isso é construído. Primeiro, dividimos isso,
então, novamente, processo de trabalho semelhante, você notará que todos esses slides têm
essa transição
de morfo
aplicada a ele. Estes aqui; este
tem uma transição de desvanecimento, mas então aqui é um morfo. Honestamente, isso provavelmente é apenas um erro no arquivo
que eu não notei. Vamos colocar
isso de volta em morph. Vamos manter
tudo isso na transição de Morph, e eu vou em frente e salvarei isso. Seu arquivo
já deve estar em velocidade aqui. Se você quiser acompanhar; o que vamos
fazer nesta lição, porque vamos
recriar essa cena. Eu incluí o
arquivo do Photoshop que uso para criar isso se você tiver Photoshop e quiser
brincar com ele, caso contrário, se você não tiver essa
pasta de cena de paralaxe que tem cada peça se
separou como uma imagem PNG. Você pode usar todas essas peças para criar
essa cena comigo. Se você quiser acompanhar
esse caminho, você é bem-vindo
e, de outra forma, se você
quiser conferir este arquivo do Photoshop, vamos
abrir isso rapidamente. Você pode ver que está um
pouco bagunçado, e eu também estou usando
coisas chamadas Pranchetas. Mais uma vez, muito além
do escopo deste curso atual, mas eu tenho alguns outros
cursos que irão muito mais aprofundados com o Photoshop se
você quiser aprender mais. Enquanto isso, observe
neste arquivo no painel Camadas; Eu tenho todas essas camadas, e foi assim que
criei o arquivo. Então eu trouxe uma foto, fiz um monte de Photoshopping, cortei tudo,
empilhei juntos e depois exportei cada
peça como uma imagem PNG. assim que eu fiz isso e então aqui esta prancheta era apenas para a camada de
fundo. Se eu voltar
no PowerPoint, você pode ver o plano de fundo é que ele tem esse
gradiente na parte de trás. Foi assim que isso foi construído. Se você quiser jogar com isso, você é mais do que bem-vindo. Vou seguir em frente e
fechar isso. Não salve. Está uma bagunça, fui
eu trabalhando rápido. Ninguém que
deveria ver isso, mas se você quiser
conferir para aprender,
vá em frente, divirta-se. Você provavelmente não deve
usá-lo para um cliente porque eu já
usei isso para um cliente, então obviamente
não queremos copiar coisas, mas eu quero que você possa usar isso
para aprender com isso. Saltando de volta para esta amostra aqui você pode ver que temos
cada uma dessas peças, e esse arquivo está prestes
a ficar muito louco. O que eu quero
compartilhar agora é apenas o principal princípio
de como chegar aqui. Vamos criar um novo arquivo apenas
para estarmos na mesma página. Faça uma nova apresentação. Você já conhece o exercício se
você estiver acompanhando. O que vamos fazer primeiro é formatar esse plano de fundo, e vamos com um preenchimento de
imagem ou textura. Vamos inserir uma foto
da nossa cena de paralaxe. Não me lembro qual
é, azul background.jpg. Vamos jogar isso
em segundo plano, depois vamos
para nossas transições, depois vamos aplicar
a transição de Morph apenas para clonar
todas essas camadas. Todos eles têm as configurações
corretas. Agora que eu tenho esse conjunto,
vou pressionar “Comando D” para duplicar
ou clicar com o botão direito do mouse. Vou ter que
duplicar o slide. Agora, nesta cena,
vamos seguir em frente e construir toda a nossa cena. O que vamos fazer é começar a trazer todas as
peças uma a uma,
então, eventualmente, ficará assim. Para fazer isso rapidamente, pule
de volta em nossa cena de paralaxe. Além disso, como bônus, forneci essas nuvens. Se você quiser
experimentar isso ainda mais ou
talvez usar isso em outra apresentação
sobre todos os tipos de nuvens que você pode
brincar aqui, divirta-se [RISOS] se quiser. Vamos pular de volta para
esta cena de paralaxe, e vamos apenas trazer
todas as peças. Vamos trazer as
peças de fundo primeiro apenas para percorrer
rapidamente todos esses ativos para ver o que temos. Provavelmente faremos a
lua estar mais longe, então vamos deixar
isso aqui. Vou colocá-lo aqui em algum lugar. Em seguida, provavelmente
será a camada de nuvem, então vamos voltar
às nossas nuvens. Vou clicar com o comando de
ambos. Selecione os dois ao mesmo
tempo para simplesmente colocá-los. Agora não estou tentando recriar exatamente
a mesma coisa que
eu já
fiz, só estou tentando chegar perto. Você também notará
quando eu exportei isso se olharmos muito de perto, ele é cortado no topo. Não queremos que isso
apareça em nosso arquivo, então o que vamos
fazer é colocar isso
no topo e então isso
será ótimo. É bom ir. Agora, a outra coisa
é quando animamos, percebemos que vamos da esquerda ou acho que melhor
da direita para a esquerda. Tudo começa nesta borda e depois se move para a direita. À medida que construímos isso, queremos dar a si mesmo espaço para avançar, então essa nuvem tem
muito a se mover. Poderíamos começar mais longe se
quisermos onde ela cobre a lua, o que você quiser. Não que isso
realmente não importe, realmente
importa. Temos nossas nuvens no lugar. Em seguida, vamos continuar. O que queremos
adicionar na frente disso? Deixe-me olhar para
esse arquivo novamente. Temos essas árvores,
temos essa camada de fundo. Vamos procurar isso muito rápido. Começaremos com Tree.png. Vamos voltar aqui, vamos jogar em Tree.png. Nós apenas jogamos isso
lá assim. Vamos pegar e eu
trouxe muitas coisas
aqui de quando construí
isso originalmente. As árvores de fundo,
vamos jogar isso lá dentro. Talvez precisemos
enviar este de volta, então vamos para Enviar para trás. Nós clicaremos nisso
em Formatar imagem. Você notará que se eu estiver em Casa, entrar em Organizar, e mover as coisas, ou neste caso, se eu estivesse na guia Formatar imagem
na faixa de opções, então eu posso simplesmente clicar nestas botões
aqui para enviá-lo para trás. Vamos brincar com
a forma como eles são empilhados e você pode precisar
experimentar para obter
os melhores resultados,
mas, mais do que tudo,
eu só quero que você veja o processo e
veja como isso é construído . Então, vou
colocar isso lá dentro. Vamos pegar outra camada. Suponho que eu poderia ter
nomeado isso um pouco melhor; árvores escuras e altas. Vamos colocá-los
aqui, e porque é uma borda dura, colocamos algumas no
canto superior esquerdo e depois no grupo de árvores
altas escuras. Onde podemos enfiar
isso? Vamos ver se isso pertence aqui. Vamos enfiar
esses caras até aqui
e o que vai acontecer é quando animamos eles
deslizam pela direita, então vamos colocar isso aqui. Folhagem frontal, vamos ver
o que mais temos. Talvez eu pudesse ter nomeado
esses melhores vocês; peço desculpas com antecedência,
mas você sabe de uma coisa? Novamente, quero ser muito transparente com meu fluxo de trabalho, para que você possa ver como eu construí isso. Isso vem exatamente da
esquerda para a direita, mas preciso de espaço para escalar isso. Eu só vou
escalá-lo dessa maneira, e pode parecer lixo, pode
parecer pixelado. Vamos brincar com
ele, mas vamos
começar tudo para a esquerda e então ele vai se mover
da direita para a esquerda, então eu quero
me dar espaço para trabalhar. Como esse primeiro plano
vai estar se movendo um pouco
mais rápido do que o resto eu realmente vou
escalar isso ainda maior porque quero ter
muitos gráficos para continuar se movendo dessa maneira. Isso faz sentido?
Espero que faça sentido. Vamos ver o que acontece. Não estou muito preocupado com isso
ser perfeito agora. Mais do que tudo, quero
que você veja o processo. Lá, nós temos
isso. Então o último eu adicionei uma vinheta. Nós atingimos a barra de espaço,
você pode ver que é apenas uma borda queimada para fazer com
que pareça uma floresta escura. Vamos trazer isso também e parece que
preciso redimensionar isso para
corresponder ao meu plano de fundo. Não precisa ser perfeito. Mais uma vez, só estou mostrando
o processo. Agora que temos que
vou para o Organize, venha
até o painel de seleção porque temos todas
essas imagens agora. Porque isso está
prestes a ficar louco; eu
escrevi isso direito, acho que fiz; Vinheta, queremos ter certeza que
sabemos com quais peças
estavam trabalhando. Árvores em primeiro plano, no canto superior direito. Estou inventando isso enquanto vou pessoal, não importa. O que faz sentido
para o seu cérebro. Top Left Trees, nós o desligamos para que possamos ver
o que vem a seguir. Nuvens direitas, nuvens
esquerdas, o
que significa que esta é a nossa lua. Agora temos tudo nomeado e vamos ligar todas
essas camadas novamente. Eu só vou
clicar na “Pré-visualização” rapidamente apenas para garantir que
tudo esteja começando. Quero ter certeza de que
ter lascas
aqui do lado que não
estavam corretamente alinhadas. Vejo algo
estranho acontecendo aqui, mas acho que é
só a janela. Vi essas bordas pretas, mas acho que estamos em boa forma. Avançando, agora o que vamos fazer, é que vamos salvar
isso, na verdade. [RISOS] Vamos para Arquivo, Salvar como nossa cena de paralaxe. Vou chamar esse fim porque quando tudo
isso for feito,
será a coisa completa. Ótimo. Agora estamos em
muito boa forma. A última coisa que
precisamos é de algum texto. Vamos adicionar algum texto, vou pegar uma
caixa de texto, clicar e arrastar. Vou dizer Título para
torná-lo bem grande. Vamos centralizá-lo,
talvez torná-lo ousado. Perfeito. E então, por último,
queremos realmente centralizar. Quero desligar
essa vinheta. Então eu
seleciono, que vamos
centralizar isso. Na verdade, eu poderia até
derrubá-lo um pouco, e então aqui na camada,
esta é a nossa Caixa de Texto,
vou chamá-la de Texto. Vamos deixá-lo abaixo
do primeiro plano para que
tenhamos um pouco dessa interação muito
legal com as camadas
que eu construí, ok? Boom, com boa aparência. Vamos trazê-lo para cima
apenas um pouquinho. Lá vamos nós, totalmente ousado. Agora estamos prontos para realmente
construir essa coisa. O que vamos fazer é voltar
aqui e duplicar este slide e agora
começamos a mover as coisas. Então, o primeiro plano se
moverá muito
mais rápido que o plano de fundo. Algumas maneiras de trabalhar, uma é apenas pegar
as coisas e começar a movê-las para
ver o que você gosta, ou vamos
até Formatar Imagem. Vamos para
o balde rosa, tamanho, posição, lá está. Poderíamos fazer isso dessa maneira também. Estou em Formatar Imagem, posição
horizontal. Poderíamos colocar as coisas manualmente. Vou mantê-lo na horizontal. Vamos de 6,4 para
6,5, não, vamos descer. Vamos fazer isso 6.3, então a lua se moveu um pouco. Isso foi cerca de 0,1 que
movemos a lua. Vamos voltar ao
nosso painel de seleção, vamos pegar nossas nuvens esquerdas. Vá para Formatar imagem, na posição,
e estamos em 4,05. Então, vamos deixar isso
para cerca de 3,9. Estou inventando isso
enquanto vou vocês, vamos ver o que acontece lá,
eles se movem um pouco. Você também pode simplesmente,
se estiver impaciente, pegar as coisas e
movê-las um pouco. Muitas maneiras diferentes de trabalhar. Se você quiser que seja exato, você pode entrar aqui e
entrar na posição. Se você quiser
movê-lo com o mouse, basta entrar aqui e
se mover com o mouse. Agora essa camada será uma camada de primeiro plano, então queremos nos mover um
pouco
mais longe do que a camada de nuvem, e esse fundo um
pouco mais longe, e então temos essas
coisas que precisam
mover-se um pouco menos, e então essa coisa
queríamos nos mover um pouco. Então, vamos ver como fizemos lá. Vamos ver, e isso é
muita tentativa e erro. Eu bati na barra de espaço.
Na verdade, não é muito ruim. Agora o arquivo está um pouco confuso. Notei que é maior, vejo que esses recortes aqui não
são super limpos. Há muitas
coisas acontecendo aqui que podemos querer
limpá-lo um pouco. Além disso, percebo que essa camada
não está se movendo. Então, perdemos um, Cancelar, voltar ao nosso painel de seleção, árvores
traseiras, árvores do meio. Acho que não foi a parte de trás. É aqui que fica muito
confuso, muito rápido. Mas é o processo
e quando funciona, é muito divertido. Foi assim que eu fiz isso.
Foi assim que passei e criei
essa cena de paralaxe. Vou clicar em
“Space Bar” muito rápido. Eu enganei alguma
coisa. Eu fui pelo caminho errado. [RISOS] Isso
quebra a ilusão muito rápido, não é? Vamos mover esta árvore. Como eu estava animando coisas, eu não estava prestando
atenção em qual slide eu estava enquanto
movimentava as coisas. Deixe que essa seja uma lição para
você ao passar por esse processo para prestar
atenção ao
slide que você está modificando e
honestamente é um processo. Vamos tentar isso novamente. Isso é melhor. Não é
perfeito, mas é melhor. Então o que podemos fazer é
animar
deste slide de título para o próximo título e há algumas
maneiras de fazer isso. Mas o que vou mostrar agora
é que vamos clicar neste Texto de Título. Vamos
arrastá-lo para fora da borda aqui. Agora,
o próximo slide, ele se apaga e queremos limpar o novo slide
do outro lado. Vamos seguir em frente e
copiar isso, copiá-lo. Na verdade, o que eu quero fazer, vou clicar na opção
e arrastar uma cópia dessa maneira, então ela está bem alinhada com
o que a outra era. Fique isso
centrado um pouco, Outro título, legal. Vou pegar
este Outro Título, copiá-lo e voltar
para o anterior, e colá-lo aqui e
movê-lo para o lado direito. Agora, à medida que visualizamos isso novamente, ele deve ser limpo de
um para o outro. Você notará que este título estava na frente
de toda a nossa folhagem. Então, vamos pegar nosso Texto
e vamos
arrastá-lo para trás desse primeiro plano. Vamos visualizar mais uma vez, o Space Bar e nosso Título limpos e estão
atrás da folhagem. É assim que você construiria uma paralaxe vista no PowerPoint
e, a partir daqui, é
bem simples, você
continuaria duplicando os slides, então comande D para duplicar. Nesse caso, nesta cópia, não
precisamos mais desse
título aqui. Excluímos isso e
podemos pegar este Texto, arrastá-lo para o lado e continuar a
trabalhar através de nossas camadas, movendo as camadas mais para a esquerda até que você esteja
satisfeito com os resultados. É muito
meticuloso, mas é muito divertido quando
você acerta. Muito meticuloso e
honestamente uma dor. É uma dor selecionar
todas essas camadas, então você pode até passar por elas e desligá-las e depois mover as coisas para onde deseja que elas obtenham o efeito
que você está procurando. Praticamente, você
obtê-lo daqui vocês, eu não quero aborrecê-los
comigo passando, fazendo a mesma coisa
repetidas vezes. Vamos
desligar esse vídeo aqui em apenas um segundo, eu só quero ver
como ele acabou. Clique em “Barra de espaço” para visualizar, Outro título, e então obviamente
deixaríamos um terceiro título lá. Que meus amigos são como você faz uma cena de paralaxe
usando o PowerPoint. Espero que você tenha gostado disso.
Espero que você tenha aprendido muito. Não se esqueça que você tem essas
lições para acompanhar. Sinto muito, os arquivos de exercícios
se você quiser construir o seu próprio e acompanhar e eu adoraria ver
como é para você. Portanto, não esqueça que você
pode compartilhar seu projeto com o grupo aqui e vá em frente e publique abaixo
quando tiver uma chance. Tudo bem pessoal, bem, vejo
vocês no próximo vídeo.
6. Introdução do projeto do curso: Para os próximos vídeos, vou trabalhar
no meu projeto de classe para essa aula. Vai construir
um vídeo de portfólio usando o PowerPoint para essa marca chamada misteriosa coalizão de
energia. Há muita coisa acontecendo
aqui. Neste vídeo de introdução, eu só quero
orientá-lo sobre o que
vamos fazer aqui para os próximos vídeos, e então vou direto ao trabalho. A misteriosa coalizão de energia
é uma marca falsa que eu
inventei para outro curso que você pode encontrar
aqui no Skillshare. Se você pular
aqui para o Skillshare e você for para o meu perfil, deve
haver um link
abaixo aqui em algum lugar. Vamos rolar
todo o caminho para baixo. Você pode ver todos
esses cursos que eu tenho ensinado
aqui no Skillshare. Especificamente, esse design de logotipo, design
gráfico para
iniciantes criam logotipos no Adobe Illustrator. Neste curso, mostro
exatamente como
criei esse logotipo. Foi muito divertido de fazer, e usamos um gerador de
palavras aleatórias para criar palavras
aleatórias e depois construir um logotipo em torno dele. Foi assim que
criamos a palavra misterioso, energia
e coalizão. É aleatório,
mas é muito divertido. Agora, o que eu quero fazer é criar uma postagem de portfólio
e usar o Behance. Eu amo Behance, transmito ao
vivo no Behance. Se você ainda não ouviu falar,
confira behance.net. Se você fosse
behance.net/mitchellsgarage, você pode ver meu
portfólio e algumas
das coisas que venho
construindo aqui bem
como transmissão ao vivo. Se eu clicar aqui em
“Livestreams”, no Behance, você pode ver todas as
transmissões ao vivo que eu fiz. Tenho uma tonelada deles aqui. Você poderá
ver exatamente como eu
criei esse maquete também. Eu faço isso ao vivo e vocês
podem verificar isso de graça. Também foi outro projeto
muito divertido. O que eu quero fazer agora, se eu voltar ao meu trabalho aqui na
guia Trabalho, faz sentido? Você pode ver que eu comecei essa coisa de
mock-up de vestuário com capuz. Se eu rolar para baixo, você pode ver que este era um
negócio semelhante, onde era a
empresa clássica de pranchas de surf mesma coisa usou um gerador de palavras aleatórias
para criar um logotipo, pelo
menos o texto, e
então eu tive que projetá-lo. Se você rolar para baixo,
também poderá ver a
transmissão ao vivo onde eu
mostro exatamente como fiz
esse projeto também. O que eu quero fazer é
usar o PowerPoint para adicionar um vídeo
nesta página de portfólio
que mostre o processo, ou melhor, mostra a
marca que eu criei. Isso é o que vamos
fazer nos próximos vídeos, é que vamos passar. Se você quiser acompanhar, quando tudo isso estiver feito,
você poderá pegar todas as peças diferentes que eu exportei se você
não tiver o Photoshop ou Illustrator, mas
também pode crie sua própria peça de
portfólio. Se você tem,
seja fotografia, design de
logotipo, tipografia, design
de pôster, design de
impressão, web design,
isso realmente não importa. Mas se você está procurando uma
maneira de colocar em prática o que aprendemos
até agora neste curso novamente, você pode pegar as peças
que vou fornecer, ou se você tem algo que você pode usar para seguir melhor ainda. Isso é o que vamos
fazer. Vou passar e vou
exportar todos esses ativos, prepará-los todos. Então vamos mergulhar no PowerPoint para
montar uma apresentação. Aqui está uma maquete de veículo que fiz com a marca
apenas se divertindo um pouco. Essas são algumas
miniaturas que eu uso
no canal Behance
apenas para mostrar, então eu também usei essa
marca que fiz uma maquete 3D. Fiz alguns envoltórios de veículos
e alguns designs de vestuário. Muitas e muitas e muitas coisas
divertidas que eu quero mostrar no PowerPoint. Fique ligado nos próximos vídeos, vamos
mergulhar no projeto.
7. Construindo o fundo: Bem-vindo de volta. Vamos prosseguir
e mergulhar neste projeto. O que vou fazer para
começar é começar a criar apenas os diferentes slides que eu quero apresentar
para essa marca. Vamos em frente e pular para o PowerPoint e
faremos um novo arquivo,
obviamente, algo
que você está acostumado. Será apenas uma apresentação
em branco, nada extravagante e, na verdade, vou
clicar neste primeiro slide, ir para “Layout”,
torná-lo um slide em branco. Agora vamos em frente e salvá-lo. Salve como, e vamos chamar isso portfólio da
Mysterious Energy
Coalition. Então vamos em frente
e salve isso, e criar um novo
projeto ou nova pasta aqui chamado Projeto. Vamos chamá-lo de
Projeto de Classe. Como é isso? Dessa forma, vocês podem
brincar com esses arquivos. Quando tudo estiver dito
e feito,
vamos em frente e salvar isso aqui. Clicaremos em “Salvar”, e
agora, à medida que continuamos a trabalhar em nosso projeto,
nada se perde. Vou seguir em frente e
começar com o plano de fundo, apenas construindo minhas camadas
em nenhuma ordem específica. Além disso, vamos revisar
esses arquivos rapidamente. Mais uma vez lembrete, este curso é para
designers gráficos que querem fazer melhor no PowerPoint,
mas reconheço muitos de vocês podem não ter nenhuma experiência com o
Illustrator e o Photoshop. Você pode pular esta
lição se quiser e apenas pegar essas
peças mais tarde, mas vamos ir em frente
e apenas exportar um pouco disso e prepará-lo para que eu
construa meu projeto de classe. Este é o
arquivo de logotipo que saiu do outro curso sobre o qual eu
estava contando a vocês. assim que acabei fazendo todas essas
versões diferentes do logotipo, algumas cores diferentes,
coisas assim. Estamos ampliando muito
longe. Lá vamos nós. Durante o último curso, eu estava apenas brincando com algumas cores e coisas
diferentes, mas eu realmente não
gosto, honestamente, de
nenhuma dessas
versões, da minha
versão favorita dessas cores. Eu adoro o logotipo, mas
a aparência real dele,
eu realmente gosto de como ele estava se
moldando quando eu estava
fazendo essas miniaturas. Especificamente, eu olho para
esses dois moletons com capuz. Eu gosto dessa laranja porque é diferente das
coisas que eu costumo fazer. Isso me dá mais opções. No entanto, visualmente,
este é o meu favorito. Ele não tem nada
dessa laranja. Eu só gosto do amarelo, do cerceta, do
azul marinho acontecendo aqui. É super legal na minha opinião, mas posso mostrar
várias versões. Olhando para a miniatura desta
maquete de vestuário, tenho várias versões de
moletom com capuz que fiz, envoltórios de veículos. Muitas maneiras
diferentes de brincar com ele. Por enquanto, o que estou vendo, se eu olhar para o
fundo sobre isso, apenas para o fundo
sobre isso, vejo o logotipo enorme como elementos
decorativos. Vejo essa faixa amarela grungy e depois esse fundo azul. Quero retirar essas
peças e
fazê-las peças separadas que eu possa animar na
minha apresentação. Através da magia do vídeo, vamos pular em frente e ter todas essas
peças exportadas. O que eu fiz foi exportar os principais elementos de fundo. Esse é um canto azul, eu tenho esse logotipo, e então eu tenho essa faixa e exportei
todas elas no Photoshop. Basicamente, apenas indo para
camadas que eu queria usar a ferramenta de seleção,
pegando cada peça. Vindo aqui, minhas camadas, clicando com o botão direito do mouse e depois exportando
rapidamente como PNG. Foi o que eu fiz com todas as diferentes
peças que eu preciso para construir esse plano de fundo. Quando eu voltar
ao meu slide, vamos começar a deixar cair
esses ativos. Já fizemos isso antes. Eu só vou jogar
isso lá muito rápido. Vou pegar cada
peça, e talvez
precisemos escalar algumas
coisas ao redor. Mas até agora está parecendo muito bem rapidamente,
porque meu tamanho era aproximadamente do mesmo tamanho dessa apresentação,
então eu não preciso
escalar nada demais ainda. Vamos ver como isso se molda. Talvez precisemos ajustar
isso um pouco. Isso foi muito fácil. Isso foi muito fácil agora que temos todas as nossas
peças para trabalhar. Vamos ver se eu quero isso
cortado ou não. Agora eu tenho meu histórico
muito simples. No próximo vídeo,
continuaremos trazendo mais ativos.
8. Meu fluxo de trabalho: recursos de exportação do Photoshop: Neste vídeo,
vamos exportar esses dois moletons com capuz para que
possamos usar no meu projeto. Agora, inicialmente eu
não ia mostrar isso a vocês porque este
é um curso de PowerPoint, mas quanto mais eu pensava nisso, eu quero que vocês
possam acompanhar
se você é um designer gráfico. Novamente, é muito importante
para mim mostrar a vocês meu fluxo de trabalho e meu processo de
pensamento. Vou passar muito
rápido por isso. Se for muito rápido para
você, apenas um lembrete, você pode pausar o vídeo, retroceder o vídeo, assistir
quantas vezes precisar. Você também pode
ignorá-lo completamente e apenas pegar os ativos
quando tudo estiver pronto. Eu não quero sobrecarregá-lo, mas para aqueles de vocês
que talvez sejam mais intermediários a avançados e querem ver meu processo, eu vou em frente e
mostrarei para vocês. Isso é o que vamos
fazer neste vídeo. Só vou
voar por ele. Neste arquivo de design, tenho esses quadros de arte no Photoshop e, especificamente,
quero exportar esses ativos. Agora, essas camadas são o que chamamos de
Objeto Inteligente no Photoshop. Se eu olhar aqui na minha camada, vejo o moletom com capuz e vejo esse pequeno ícone
parece um pedaço de papel. É um objeto inteligente,
o que significa que na verdade,
existem várias
camadas dentro daqui. Há muito além do
escopo deste curso. Vou clicar duas vezes nele. Agora posso ver dentro
do objeto inteligente
que tenho todas as camadas
para esse design. Se você quiser separar isso, agarrá-lo dos ativos, se
divertir com esse arquivo,
vocês fazem o que quiserem. Vamos continuar.
Temos esse moletom com capuz. Temos todos os pequenos elementos de
design diferentes acontecendo aqui, todas as máscaras diferentes. Especificamente aqui
eu tenho esse grupo, que são as pequenas
sombras que criei debaixo dos braços e depois tenho essa
camada aqui embaixo, que é a
sombra principal sob o corpo. Vou agrupar esses dois. Só vou renomeá-lo, sombra. Vou clicar com o botão direito do mouse, exportar
rapidamente como PNG. Vamos
chamá-lo de sombra e vamos
bater bem ali. Então, a próxima coisa que precisamos,
vou desligar isso. Volte diretamente para
o arquivo principal do moletom com capuz, clique com o botão direito do mouse e
vamos exportar como um PNG chamado hoodie,
clique em “Salvar”. Vamos apenas verificar
isso rapidamente e garantir que ele exportou
como eu queria, então há meu moletom com capuz,
é cortado. Talvez eu pudesse fazer um trabalho um
pouco melhor. Tem um pequeno golpe leve em torno dele, mas não estou preocupado com isso por agora o que estamos fazendo. A sombra, só isso,
apenas uma pequena sombra. Nós seremos capazes de
puxar essas peças em nossa
apresentação em PowerPoint. Posso fechar esse
objeto inteligente sem salvá-lo. Vejo pequenos asteriscos aqui, o que significa que não foi salvo, então essas mudanças que
fiz onde renomeei a camada para sombra
e desliguei isso. Se eu fechá-lo,
não vai se lembrar dessas mudanças. Não salve. Agora não estragou
nada aqui neste arquivo. A mesma coisa desse
moletom com capuz na parte de trás. Clique duas vezes nesta miniatura para abrir esse objeto inteligente. Vamos encontrar essas sombras aqui
embaixo, renomear sombra. Vou fazer minha
exportação rápida, clique com o botão direito do mouse. Exportação rápida como PNG, ele
exportará essa sombra. Honestamente, embora
não precisemos fazer isso porque eu já
tenho essa sombra aqui. Caso
sejam de tamanhos diferentes, vou chamá-lo de sombra 2. Acho que é o mesmo, só
estou tentando
voar por isso. Vamos voltar e primeiro
vamos desligar a sombra. Em seguida, volte para esta pasta, clique com o botão direito do mouse e vamos
para Exportação rápida como PNG. Agora temos o moletom com capuz
roxo
também . É praticamente isso. Eu tenho esses ativos prontos
para trazer e vamos seguir em frente e fazer isso rapidamente e depois passaremos
para a próxima lição. Vamos trazer nosso moletom com capuz
roxo. Só vou arrastar
e soltar ali. Vamos voltar ao
nosso moletom com capuz normal, acho que poderia
chamá-lo de moletom com capuz azul,
no entanto, não importa. Basta jogá-lo lá dentro.
Eu tenho dois deles. Então temos nossas
duas camadas de sombra, que novamente por causa de
como eu construí esse arquivo, elas devem ser
idênticas e elas são. Vou seguir em frente e
apenas excluir o shadow 2. Eu só preciso de um arquivo,
traga isso para lá. Isso vai
precisar diminuir
um pouco para se encaixar
bem embaixo. Então eu posso mudar clique nisso, arrastá-los para cá. Vou precisar reposicionar a sombra e
o moletom com capuz. Voltaremos a isso
aqui em um segundo. Em seguida, vamos clonar o
arquivo de sombra mantendo pressionada “Opção”, clique e arraste, mantendo
pressionada a tecla Shift para encaixá-lo em
linha com o outro. Agora, temos dois moletons com capuz
com sombras. É isso pessoal. No próximo vídeo,
continuaremos
a construir nossos slides, adicionar mais um pouco de texto, adicionar mais
alguns elementos, animar algumas coisas
e nos divertir muito.
9. Dicas para animar as sombras: Neste vídeo,
vou seguir em frente e animar esses dois moletons com capuz
que trouxemos. Mas vou mostrar
duas coisas diferentes. Muito simples. Esta sombra, se
fosse com este moletom com capuz animando da esquerda ou
da direita, de ambos os lados. Se estivesse vindo de lado, a sombra ficaria com ela. Se fosse cair de cima ou
de baixo, então a sombra, deixe-me mostrar isso na verdade. Vamos clicar
nisso. Lá vamos nós. Se fôssemos cair
de cima, a sombra não iria
com a coisa toda. Na verdade, ele
viria juntos. À medida que isso desce, essa sombra realmente
viria de baixo, e provavelmente
começaria transparente
porque não haveria nada lá até se este fosse o horizonte ou um
mesa ou algo assim, a sombra não
apareceria até que o produto se
aproximasse do chão. O que vamos fazer,
vamos desfazer tudo isso. Vamos seguir em frente e colocá-los em
escala para o tamanho certo. A primeira coisa que
vou fazer, lembre-se, se escalarmos estes agora, eles realmente não ficam
juntos como você quer, vamos clicar com o botão direito do mouse
e agrupar isso. O atalho em um Mac
é Option Command G, ou Control Option ou Control Alt G em um
PC. É um grupo. Vamos agrupar esse cara. Eu posso clicar em
ambos, reduzi-los, mantendo pressionado o turno para que eles
não fiquem estranhos. Lá vamos nós. Agora eu
tenho esses dois caras e vou mudar o clique
mais uma vez, ambos, clique
com o botão direito do mouse em agrupá-los, então vou alinhá-los. Vamos passar para um
intervalo, para alinhar,
alinhar o meio, e esse centro também
é? Não tenho certeza. Deixe-me
ver alinhar o centro. Agora sei que eles estão
perfeitamente centrados e alinhados visualmente. Eu quero que eles fiquem com apenas um toque, então o moletom com capuz em si é mais centrado
no gráfico. Agora que eu tenho
isso, vou mouse, ir para o grupo. Vou desagrupá-los, clicar com o botão direito do mouse em Grupo, desagrupar cada um deles para que onde a sombra esteja separada
do moletom com capuz real. Agora é assim que eu quero que
o slide acabe. Deixe-me pressionar o Comando
D D para duplicar isso. O slide três
será o final. Já fizemos isso antes, então
vou voar por
isso porque já aprendemos isso. Só vou mostrar
como estou construindo meu projeto. Vamos deslizar esse
cara para o lado. Este, vou fazer com
que eles caiam
do topo só para ver
o que parece. Vou ver qual deles eu
mais gosto e depois
seguiremos esse caminho, mas dessa forma você pode ver
os dois efeitos diferentes. Vamos arrastar
essa sombra e , quando eu clicar nela, quero formatar a imagem. Clicaremos na guia
Formatar imagem. Vamos para o painel de formatação. Vamos clicar aqui. Vamos ver, é esse cara,
esta quarta aba. Estou aqui embaixo para
imaginar transparência e vamos esfregar isso
todo o caminho para a direita, então isso é totalmente
transparente. Dessa forma. Espero que o
efeito seja quando isso anima na sombra vai
de transparente para sólido, e parece legal. Vamos ver como isso parece. Temos a introdução,
animado isso já, clique em “Barra de espaço” mais uma
vez porque o próximo slide e o que eu quero que você perceba é como essas
sombras entram. O da direita, ele só fica com
ele porque está na mesma linha
do horizonte, essa
é a palavra certa? Eu não sei. Então, o outro que está
deixando cair de cima, a sombra vem
de baixo. Eu realmente gosto muito disso. Acho que isso é legal. Vou deixar os
dois por enquanto e tomarei uma
decisão mais tarde sobre
como vou mantê-lo. Mas apenas uma pequena dica para
você enquanto você está construindo isso, se você quiser usar sombras, algo para prestar atenção. No próximo vídeo, continuaremos
exibindo isso adicionando algumas amostras de cores e
a tipografia também.
10. Exportar sua apresentação como vídeo ou Gif: Neste vídeo, faremos uma rápida revisão de onde estamos
com o projeto
e, em seguida, vamos exportar nosso arquivo,
para que possamos usar
essa coisa e publicá-la em seu perfil do Behance
ou onde quer que
você quer. Primeiro de tudo, vamos
dar uma olhada nisso. Decidi adicionar o
logotipo como primeiro slide, e o que fiz foi
trazê-lo como peças separadas. Essas peças estão
na pasta de lições. Se formos para o
projeto de aula nos ativos, eu tenho cada uma
dessas peças separadas
se você quiser jogar junto. Vamos continuar rolando para baixo. Então eu também tenho a versão
completa se você quiser
apenas trazer isso
separadamente assim. O que acabei fazendo
foi trazer a versão completa neste slide, e então eu trouxe
as peças por cima, e depois excluí a
versão completa e, dessa forma consegui obter o
alinhamento correto. A razão pela qual eu fiz
isso é porque, em nossas lições anteriores, quando mostrei como
fazer a cena de paralaxe, eu queria
fazer isso com esse logotipo também. Eu criei esse logotipo aqui, e depois no próximo slide, trouxe essas
peças e o que
fiz foi destacar todas elas,
depois as agrupei, clique com o
botão direito do mouse em grupo, grupo, [RISOS] colado eles aqui, giraram e escalaram. Agora, o que acontece quando eu visualizo minha apresentação, clique em “Barra de espaço
”, lá vamos nós. Você pode ver as peças
se moverem separadamente, o que é um efeito legal. A outra coisa que fiz foi
cambalear essas camadas, modo que, dessa forma, esta peça fica atrás do traçado e o ícone
fica na frente dele, novamente adicionando mais profundidade
à peça inteira. É aí que estamos
agora com isso. Então eu também adicionei um slide extra e adicionei
alguns textos também, e depois o coloquei de
volta ao início. Se formos em frente e visualizamos
o resto disso para ver onde estamos,
eu pressiono em “Barra de espaço”. Nossos moletons com capuz se animam, e eles animam da tela e depois voltam
ao início. Minha esperança aqui é fazer um loop contínuo quando eu
postar isso no site. Então a única outra coisa a
prestar atenção é novamente, fazer essas
transições de morfo funcionarem corretamente, ir desse slide avançar até o fim aqui
e ter tudo animado. Não se esqueça, você tem que mover
tudo para fora da tela, assim ela
ainda está no slide, mas apenas anima para
a posição final aqui.
Espero que isso faça sentido. Novamente, se você
precisar de mais clareza, isso é exatamente o mesmo
que temos
feito nas
lições anteriores também. Agora que você está atualizado
sobre o que eu fiz aqui, vou ir em frente
e exportar isso, e vocês podem empurrar
isso o quanto quiserem, você pode adicionar cores, você pode adicionar mais projetos a isso, Eu poderia estar adicionando
nos envoltórios do veículo e
coisas assim. Agora eu só
quero mostrar a vocês como
chegar ao fim disso. O que você vai fazer, é que uma vez que você tenha tudo isso
configurado como você gosta, nós vamos vir aqui para arquivar e vamos para exportar. Há duas
coisas diferentes que podemos fazer aqui. Se chegarmos aqui
para o formato de arquivo, um deles é um GIF animado,
no entanto, você quer
dizer isso, todos dizem de forma diferente. Eu não sei. [RISOS] Nós vamos fazer é clicar na qualidade da imagem
e temos médio, o que seria um
ótimo lugar para começar, pequeno pode ser ainda melhor. Vamos fazer isso rapidamente,
e você pode ver
que o tamanho teria 426 pixels de largura por
240 pixels de altura. Eu quero que isso seja um
pouco maior do que isso, vamos ver o que isso
parece, 640 por 360, que pode ser perfeito
para onde está indo. Vamos ver qual é o tamanho
grande, 1280 por 720, que pode
ser ainda mais ideal. Mas, dependendo de onde você vai colocar essa coisa, você pode brincar com
esses tamanhos e
discar exatamente
como você quer. A próxima coisa que
vamos fazer é, a segunda gasta em cada slide. Eu só quero que
fiquemos
um segundo por enquanto, pode ser padrão
para cinco segundos, então vá em frente e mude para um
e, em seguida, slides,
vamos fazer 1-5. Vou em frente e
clique em “Exportar”. Você pode vê-lo
renderizando aqui, e você verá quando
esta linha for feita, tudo está pronto e
pronto para nós aqui. Vou pular aqui
onde acabamos de exportar isso, e você pode ver que ele é reproduzido
automaticamente. É um GIF animado. Vou dizer em ambas as vezes, em ambos os sentidos toda vez que eu disser isso, [RISOS] porque eu não
sei qual maneira dizer isso. De qualquer forma, para que você possa
ver que isso só volta uma e outra vez,
o que é exatamente o que eu quero. Agora, uma coisa que você notará,
ela simplesmente desapareceu do preto. O que vamos fazer
para corrigir isso, vou clicar
neste primeiro slide e em vez de ter
a transição
de morph do primeiro slide, vamos
transformar isso em nenhum. A outra coisa que eu quero
apontar é esse tamanho de arquivo. Nós fizemos essa exportação média, era média ou
grande? Isso era grande. Você pode ver que o tamanho do arquivo
é de cerca de 23 megabytes, o que na verdade pode ser perfeito dependendo de onde você
vai colocar essa coisa. Vamos voltar aqui para arquivar, descer para exportar, voltar aqui
para GIF animado. Sei que estou enlouquecendo
vocês, sinto muito. [RISOS] Isso está definido como
médio. O médio parece ótimo. Clique em “Exportar”, clique em “Substituir”,
então renderizo isso. Volte para a janela do localizador e veremos isso aqui, e agora são apenas oito megs, que é cerca de metade do tamanho
na verdade. Isso é ótimo. Isso se encaixa perfeitamente
no meu portfólio do Behance, e ele deve ficar aqui
e fazer um loop
repetidas vezes sem ter que ter
um player de vídeo na página. Perfeito. Isso é exatamente o que eu
queria poder compartilhar essa coisa. Outra maneira de compartilhar
isso é exportar um arquivo MOV. Vamos para o arquivo, para
exportar, e vamos alterar esse formato
aqui para MOV ou MP4, você pode fazer as duas coisas. Em seguida, segundos gastos em cada
slide com um tempo definido, vamos colocá-lo em um
e, em seguida, todo o resto
parece de boa qualidade. Você tem a qualidade da
apresentação, que é HD 1920 por 1080, ou qualidade
da Internet 720, ou baixa qualidade, que é o 480. Vamos para a qualidade da internet, clicamos em “Exportar” E a mesma coisa, ele vai
renderizá-lo aqui embaixo, vamos esperar até que esteja pronto. Então podemos encontrar
isso no Finder. Agora também temos um arquivo de
vídeo MOV que você poderia colocar em qualquer projeto desejado se
quiser editar vídeo. Isso parece um pouco
granulado porque fizemos a qualidade da Internet, mas você também pode fazer a
alta qualidade. Lá vai você. Vamos seguir em frente
e fazer isso rapidamente e apenas ver quais são as diferenças de
tamanho do arquivo. No momento, a
qualidade da Internet é de 12 megs. Vamos pular de volta
aqui, ir para arquivar, exportar, pular para o MOV, e vamos
chamar isso de HD. É sobre a qualidade da apresentação, defina isso como um, eu realmente
fiz qualidade de apresentação? Talvez eu tenha. Sinto muito pessoal. Vamos pular para o Finder, e temos nosso MOV
regular que é 12 megs e é 720p, e então temos a versão HD
que é de cerca de 20 megs, então quase o dobro, e quando eu abro isso, embora deva parecer bonito e crocante, e podemos usar este vídeo em qualquer lugar que você queira
colocar um vídeo. Na próxima lição, o que
vamos fazer é ir em frente e
aprender a colocar isso em seu portfólio Behance, se você tiver um portfólio do Behance.
11. Compartilhe sua apresentação: No último vídeo, mostrei como exportar sua apresentação
como um arquivo de vídeo. Nós o temos aqui,
avançando automaticamente cada slide e
exportá-lo como um vídeo HD. Então também temos aqui
como esse GIF animado. [RISOS] Ele só volta uma
e outra vez. Super legal. Neste projeto, ou
acho que nesta lição, vou mostrar
como fazer o upload
para um portfólio do Behance. Você também pode enviar
esses arquivos por e-mail para um amigo se quiser
mostrar o que está fazendo. Acho que depende de
onde você está enviando e-mails de menos de 30 megs. Se você estiver usando o Office, acredito que cerca de 20 megs, dependendo de outras
plataformas de e-mail. Eu me afligo. Vamos pular para behance.net. Vou vir aqui e
clicar em “Compartilhar meu trabalho”. Vamos construir um estudo de caso
completo. Ou eu poderia apenas fazer um trabalho
em andamento, seja o que for. Basta clicar em
“Projeto” por enquanto. Vou clicar em “Adicionar conteúdo”
aqui, clicar em “Imagem”, e vamos
encontrar. Temos esses dois métodos. Poderíamos fazer o MOV ou o GIF
animado aqui. GIF animado. [RISOS] Sinto muito
pessoal. Lá vamos nós. Clique em “Upload”, e agora ele é reproduzido automaticamente sem
ter que fazer mais nada. É isso, pessoal. Isso é
tudo que você precisa fazer. Então ele vai sentar aqui e dar um
loop repetidamente, o que é super legal. Posso passar por aqui
e adicionar mais texto, adicionar um título, exibir isso e publicá-lo e compartilhar meu trabalho. Vou seguir em frente e clicar em
“Salvar como rascunho” por enquanto, “Salvar como rascunho” por enquanto porque isso não faz parte do curso para ir em frente
e liberar meu portfólio, mas o resto é praticamente
apontar e clicar em você caras. É muito
simples e é uma maneira super legal de adicionar
interatividade às postagens do seu
portfólio. Você poderia facilmente soltar
essa mesma coisa. Se você estiver usando WordPress ou Squarespace ou Wix ou
qualquer coisa assim, você pode adicionar essas
apresentações como um vídeo animado basicamente
em seus projetos, o que é super legal. O que eu adoraria ver é você
ir em frente e exportá-los
e, em seguida, carregar os arquivos GIF
animados. [RISOS] Carregue-os
para a área do projeto. Então me avise
como você diz isso. Você diz GIF ou
diz GIF? Tudo bem, pessoal.
Obrigado por assistir, e te vejo
no próximo vídeo.
12. Fim: Muito obrigado por passar tempo
comigo neste curso. Espero que você tenha gostado e tenha
aprendido muitas dicas divertidas e
valiosas para
usar o PowerPoint. Se você gostou desse
curso e quer aprender mais sobre design
gráfico, tenho uma tonelada de cursos de design
gráfico, você pode ver os links aqui. Também não se esqueça de
dar a este vídeo um
polegar para cima ou curtir ou compartilhá-lo, onde quer
que vocês possam fazer isso realmente me ajuda. E agradeço que vocês
passem um tempo comigo. Para os próximos passos, não
se esqueça de seguir
e fazer o trabalho. Use os ativos que
eu forneci, os materiais de bônus e
compartilhe seu trabalho com a classe
que está fazendo esse projeto de classe. Tudo bem pessoal. Muito
obrigado. Tenha um dia incrível.