1/4/2014

Crie incrveis animaes com o Photoshop The Hammer of Shadows

Sobre

Suporte

Aprenda a selecionar qualquer objeto Categ. Dica NOVIDADES Crie um efeito Surreal surpreendente
Categ. Manipulao em imagem

Pesquise aqui

Inspire-se neste tutorial de letras caindo Categ. Manipulao em imagem

Crie incrveis animaes com o Photoshop

Crie um continuao com a foto de capa com a de perfil no Face Categ. Dica Apreenda construir seus prprios Pinceis Categ. Contruo Por Thalles Guttemberg s 08:06 Dicas que podem melhorar qualidade de seus vdeo Categ. Artigo
Tw eetar 0

NO FIQUE DESATUALIZADO!
Endereo de E-mail. Enviar

Muitos me pediram. E hoje mostrarei como criar animaes simples que coloque em alguns de meus tutoriais e em meus vdeos.
CONFIRA O VDEO NA INTEGRA E LOGO ABAIXO CONFIRA O TUTORIAL EM TEXTO!

POSTES POPULARES

Apreenda Acoplar Seu Avatar Do Facebook Com Sua Foto De Capa

Apreenderemos hoje como dar continuidade nas fotos de capa do Facebook com a foto de perfil. Usando passos simples que j aviamos visto a...

Instale Extenses No Photoshop CC E Nos Outros Programas Da Creative Cloud

Apreenda com essa super dica como instalar complementos no Photoshop (CS5, CS6 e CC)! CONFIRA O VDEO NA INTEGRA E LOGO ABAIXO CONFIRA O ...

PASSO PASSO
1 abra um documento O primeiro passo aqui abrir um documento com um tamanho qualquer. No meu caso ser dimenso de meu vdeo. Porque como o meu foco so tutoriais como sendo meu estdio minha tela terei de criar um documento com o tamanho dela. Pois bem se esse for seu caso faa o mesmo para prosseguir para o prximo passo.

Criando Uma "LineArt" Com Seus Desenho No Photoshop CS6

Talvez voc tenha j feito qualquer tipo de trabalho artstico em folhas A4 ou em cartolina, mais que tenha ficado s na folha. lpis. M...

Efeito Exploso Em Fotos No Photoshop CS6

Neste tutorial, trago vocs mais uma dica de "efeito em letras" para voc que quer um efeito rpido para suas propagandas

2 compondo deia Para darmos inicio ao projeto. Voc ter que seguir fielmente os passos que mostrado por mim. Depois de tudo feito, e compreendido manusear usar todas as ferramentas que mostrarei, voc poder dar inicio seu prprio projeto. Ou seja deixar sua marca nele.
pub...

Crie Incrveis Animaes Com O

1/8

http://thehammerofshadows.blogspot.com.br/2013/06/crie-incriveis-animacoes-com-o-photoshop.html#.Uzr8_fldXGI

1/4/2014

Crie incrveis animaes com o Photoshop The Hammer of Shadows

Photoshop
Tweetar Muitos me pediram. E hoje mostrarei como criar animaes simples que coloque em alguns de meus tutoriais e em meus vdeos. C...

Efeito De Letras Caindo No Photoshop

C omo voc j devem saber o photoshop rico em diversos aspectos. E hoje testaremos essa riqueza desse programa em uma manipulao de image...

Pois bem nesse documento teremos que criar as peas que ir compor nossa animao, que sero todas criadas em camadas individuais. E so elas: 1 Texto - Cor Branca 3 Moldes para lower Bar - Cor 2 Azuis e 1 Preta ou cinza

Como Instalar Fonte No Photoshop

Todo mundo alguma vez j se perguntou. Como instalo uma nova fonte na Suite da Adobe? Bem resposta fcil, e neste tutorial voc apr...

Efeito Instagram No Photoshop CS6

J ouviram se quer no nome "Instagram"? Sim a resposta for sim j deve ter procurado em diversos lugares para poder

baixa-lo,...

Crie Uma Esfera De Energia

Neste efeito que vocs apreenderam hoje meio que um Remake de uma aula feita por mim em 2011, ento entre linhas recente.

Dica: Apreenda Utilizar Ferramenta Kuler

HOJE APREENDEREMOS UTILIZAR UMA FERRAMENTA MAGNIFICA QUE PODER AJUDA-LOS NOS TRABALHOS FUTUROS. Essa ferramente veio junto com nova...

Depois de cria-las. Voc pode estar montar essas peas de duas maneiras, uma delas como mostra imagem abaixo, que segue os padres de peas descritas acima. MODO 1

GOOGLE+ SEGUIDORES Thalles Guttemberg

Adicionar a

A lista de seguidores particular

Mais caso voc queira inovar em alguns aspectos poder est criando algo mais. Como por exemplo essas abas mais escuras nas pontas. Dando uma impresso de um efeito 3D, que elas continuam atrs do banner. Os materiais para se fazer essa pea so os mesmo descritos acima, s que acrescentando essas duas peas na base de cima e de baixo. MODO 2

http://thehammerofshadows.blogspot.com.br/2013/06/crie-incriveis-animacoes-com-o-photoshop.html#.Uzr8_fldXGI

2/8

1/4/2014

Crie incrveis animaes com o Photoshop The Hammer of Shadows

4 salvando os objetos Essa parte teremos de prestar bem ateno pois cada pea deve-se ser salva em uma nica imagem. Deste modo. Salve o banner cinza Salve as fitas azuis Lembrando que quando uma imagem salva as outras devem-se ser desabilitadas (ocultas) para que no apaream no resultado final. E todas devem-se ser salvas em formato PNG. 5 prepare o ambiente Abra um novo documento com o respectivo tamanho de seu vdeo que tenha gravado com uma com uma cmera e queria aplicar o efeito ou simplesmente abra um documento com o tamanho de sua resoluo. (Se voc no sabe abrir vdeos no Photoshop no passo sete, agente ensina, ento opte por apenas centralizar as imagens soltas, com uma imagem de fundo qualquer). E disponha neste documento as imagens salvas anteriormente, e posicione-as num local desejado.

6 prepare as layers Pegue uma das faixas azuis de preferencia da direta e posicione ela paralela a outra faixa mais no muito perto. Em seguida pegue o banner e redimensione ele para ficar igualmente visvel no espao aberto.

7 abra o campo para animar Agora clique na guia abaixo onde diz linha de tempo. Se sua no visvel, siga esses passos. V em janela e clique em Linha do tempo.

http://thehammerofshadows.blogspot.com.br/2013/06/crie-incriveis-animacoes-com-o-photoshop.html#.Uzr8_fldXGI

3/8

1/4/2014

Crie incrveis animaes com o Photoshop The Hammer of Shadows

Agora basta clicar duas vezes na guia onde diz linha do tempo, que ir se abrir uma janela onde podemos escolher entre duas opes. Uma delas "criar linha de tempo de vdeo" que possibilita criao de uma pequena animao. E na outra opo temos "criar quadros de animao" que serve basicamente para se fazer stop-motion. Se voc tiver muita pratica e calma consegue criar perfeitas animaes nesse espao. Para esse prximo passo iremos optar pela primeira opo na qual criaremos um pequeno vdeo

http://thehammerofshadows.blogspot.com.br/2013/06/crie-incriveis-animacoes-com-o-photoshop.html#.Uzr8_fldXGI

4/8

1/4/2014

Crie incrveis animaes com o Photoshop The Hammer of Shadows

Sua linha de tempo vir com todas as camadas ativas por padro. E para aqueles que no passo cinco optaram por apenas arrumar as imagens abaixo segue as orientaes para voc adicionar um pequeno vdeo no Photoshop.

Para isso clique no smbolo de rolo de filme. Logo em seguida na caixa de dialogo que abrir clique em Adicionar Mdia.

8 Smart Object Antes de partir para o prximo passo certifique-se de que todas as camadas esto transformadas em objeto inteligente. Com um pequeno simbolo nas pontas. Para transformar uma imagem em Objeto inteligente clique com o boto direito em uma das camada e em seguida "converter para objeto inteligente"

Depois de terem feito tudo na medida, como esclarece os passos acima hora de comearmos animar esse banner, com um efeito de abre e fecha. Um efeito bsico para comearmos aprender como funciona essa ferramenta. J com todas as camadas devidamente transformadas em objeto inteligente. Vamos retomar
http://thehammerofshadows.blogspot.com.br/2013/06/crie-incriveis-animacoes-com-o-photoshop.html#.Uzr8_fldXGI 5/8

1/4/2014

Crie incrveis animaes com o Photoshop The Hammer of Shadows

para linha de tempo. 9 hora de animar A primeira coisa que voc ter que fazer , clicar na camada da faixa Azul, aquela que arrastamos para mais perto. E em seguida clique na seta presente prximo do nome. Desse modo ir se expandir uma cutina com vrias opes. A que trabalharemos nessa aula sera apenas com a "transformao". O prximo passo ser dividido em 3 etapas. Passo 1 Clique nesse pequeno simbolo de temporizador, e voc perceber que foi criado um ponto logo no incio da linha de tempo.

Passo 2 Agora ajuste essa demarcador da linha de tempo um pouco mais frente.

Passo 3 Agora adicione novamente mais um ponto na linha, clicando nessa pequena "estrela".

Iremos agora usar esse segundo ponto criado. Ento clique sobre ele e pegue ferramenta de mover e recoloque aquela faixa azul, no local de inicio. E d um simples PLAY, com a tecla de espao. E essa hora exata para voc conferir se o tempo em que faixa demora para abrir est rpido ou muito lento, ai basta corrigir recolocando esse ponto mais prximo do inicio ou o afastando se estiver rpido de mais. Depois de corrigir, esse pontos sitados acima hora de arrumar o banner cinza. E para arruma-lo basta seguir novamente o passo 8 e 9, adaptando-o para essa layer. 10 Finalizao
http://thehammerofshadows.blogspot.com.br/2013/06/crie-incriveis-animacoes-com-o-photoshop.html#.Uzr8_fldXGI 6/8

1/4/2014

Crie incrveis animaes com o Photoshop The Hammer of Shadows

INICIO

TUTORIAIS

ARTIGOS

INSPIRAO

GALERIA

FREEBIES

LEITOR

CONTATO

E pronto essa parte era mais complicada, e j conseguimos termina-la. Agora voc deve ter notado que o texto vaza um pouco parta fora quando nosso produto se encontra no estado fechado. 0
Tw eet Para corrigir isso repita o passo 9, e redimensione tambm essa camada para o estado inicial Like

e logo em seguida no segundo ponto redimensione ela para o estado original.

1

No vdeo que se encontra no topo dessa pgina descreve tudo at o passo 9 logo em seguida tem 3 umas dicas e truques para voc melhorar esse "vazamento do texto". Para se fazer isso voc ter que criar uma camada de ajuda e ela cobrir o texto quando as outras camadas se encontram fechadas e s liber o texto quando todas esto abertas. Bom confira o vdeo partir dos 9:04s que voc entender melhor o que foi dito.

Dica do editor
Esses efeito timo para quem tem dificuldades em programas de edio e quer apimentar suas aulas com bons efeitos, mais ainda no domina muito bem o programa em que editar suas aula mais sim domina muito bem o Photoshop. Ento poder estar criando animaes incrveis e encaixando-as em suas aulas. Esse assunto ainda ir ser abordado sobre questo de criar animaes no Photoshop. Ah lembrando que se sua criao depende que, todos as camadas abram ou se fecham em um conjunto. Ento tome nota de deixar todos os pontos unidos ou seja um baixo do outro.

Notou algum erro neste post? Nos informe!

Animao Photoshop CC Photoshop CS6

Um Pouco Sobre O Editor

Thalles Guttemberg, uma pessoal que gosta de repartir o conhecimento que tem entre as pessoas e uma das maneira que achou de fazer isso foi criado tutoriais no Youtube. Abordando vrias plataformas de edio entre elas as principais esto o Photoshop, Illustrator e Sony Vegas para edio de imagem e vdeo.

Comentar... Publicar no perfil

Publicando como Andr Bomfim (Trocar)

Comentar

Av iso: este plugin de comentrios est operando no modo de compatibilidade, mas no tem publicaes ainda. Considere especif icar um 'href ' explcito como sugerido na documentao do plugin de comentrios para aprov eitar todos os recursos do aplicativ o.

http://thehammerofshadows.blogspot.com.br/2013/06/crie-incriveis-animacoes-com-o-photoshop.html#.Uzr8_fldXGI

7/8

1/4/2014

Crie incrveis animaes com o Photoshop The Hammer of Shadows

POSTAGEM MAIS RECENTE

POSTAGEM MAIS ANTIGA

Anncios Google

Anncios Google

Anncios Google

Efeitos photoshop Efeitos especiais Efeitos fotos

Animaes Photoshop tutorial Dark shadows

Efeitos especiais fotos Montagem fotos Animao

Inicio

Tutoriais

Artigos

Inspirao

Comunidade

Freebies

Contato

Sobre

Suporte

Comprar tema

Copyright 2013 The Hammer of Shadows Tema. Templateism

http://thehammerofshadows.blogspot.com.br/2013/06/crie-incriveis-animacoes-com-o-photoshop.html#.Uzr8_fldXGI

8/8