Integração e movimentos com o Image Ready -	Portal
Integração e movimentos com o Image Ready
PorFabio Lody em	29/03/2004
Olá meus amigos! Hoje iremos trabalhar com
a interação entre o Photoshop e o Image Ready, aplicando
movimento às imagens criadas.
Aplicando Movimento
Movimento utilizando Image Ready
Software ultilizado: Photoshop
em Inglês (funciona em qualquer versão) Grau de Dificuldade: 8,5
Crie uma imagem de 400×400 pixels com preenchimento de fundo na
Deixe a cor de primeiro plano como um cinza escuro (#6C6C6C)
Escreva suas iniciais usando um corpo de fonte largo e legível
(usei: Arial Black, 150pt, Sharp). Sua cor é idependente
nesse passo, já que colocaremos uma textura.
Nesse momento iremos adicionar um estilo de camada.
Siga os passo a seguir:
Color Overlay (Sobreposição
Gradient Overlay (Sobre posição
de Gradiente)
Pattern Overlay (Sobreposição
de Padrão)
Este será seu resultado:
Crie uma nova camada e pressione a ferramenta de Degradé
(Gradiente Tool (G)) na barra de opções:
6ºPasso: Pressione
"D" e em seguida "X"
para voltar ao padrão de cores e as alternar. Logo depois,
vá nas opções de degradé e escolha
a de brando para transparente.
Segure a tecla "SHIFT"
e, no meio das iniciais, e faça um pequeno caminho onde
seu degrade ficara, como na imagem abaixo.
Crie uma nova camada (CAMADA_GUIA),
deixe acima da camada do seu texto e em seguida selecione a "corrente"
para unir as duas camadas.
Em seguida, pressione "CTRL+E".
Suas camadas ficaram assim:
Com a ferramenta "Move
Tool (V)", escolha a camada
"TRAÇO" e
pressione "CTRL + G".
Nesse momento abriremos o Image Ready, pressionando
"SHIFT+CTRL+M"
(instalado juntamente com Photoshop)
Agora nosso ambiente será iMage Ready. Mova a camada
do nosso "reflexo" para o canto superior esquerdo até
quase não aparecer na letra.
Vá em "WINDOW"
(Janela) > "ANIMATION" (Animação).
Com a janela de animação aberta, duplique seu frame
e clique sobre ele. Nesse momento, na imagem principal (ORIGINAL),
segure o SHIFT e mova o reflexo até o canto inferior direito.
Agora pressionando "SHIFT",
selecione os dois frames e clique sobre o botão "Tweens
animation frames".
Altere sua sequência para 8 frames.
Pressione "Play Animation"
e veja um preview de como ficará sua arte. Caso seja preciso,
diminua a quantidade de frames em "Tweens
Animation frames". Se o resultado for satisfatorio,
vá em "FILE" (Arquivo)
> "Save Optimized As.." ( Salvar Otimizado Como..)
e selecione o nome e local de seu gif.
Ufa! Espero que tenham gostado de nossa textura
e interação com iMage Ready. Fiquem com Deus e até
Deixe um comentário! Cancelar resposta25 O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *Comentando como Anônimo
Wordpress Hashcash needs javascript to work, but your browser has javascript disabled. Your comment will be queued in Akismet!	Rodrigo do Carmo Bento disse:	30 de março de 2004 às 14:28	Este efeito é muito legal… eu não imagina que tinha como fazer gif animado pelo Photoshop… muito legal mesmo!!! Como sempre aprendo muito com suas matérias… parabéns.
Responder	Luciano Honorato disse:	30 de março de 2004 às 14:45	Acabei de fazer o trabalho no meu Photoshop 7 em português e ficou muito boa a técnica. Ném só de Flash vive o homem, mas de Image Ready também. Parabéns…
Responder	Maurício J. Fávaro disse:	1 de abril de 2004 às 10:29	Obrigado meus amigos, espero sempre que possivel ajudar a todos. Aguardem que esse ano promete!
Responder	José Cláudio Medeiros de Lima disse:	4 de abril de 2004 às 14:39	fantastico, não só este, mas todos os tutoriais que voces colocam a disposição, nunca copiando, mas sempre criando, parabens, ele nos ajudam a ousar mais, uma necessidade do ser humano, como picasso !!!!!
Responder	Douglas Brito de Meeiros disse:	5 de abril de 2004 às 14:44	Parabéns, Fábio, visito toda semana a sua coluna, pois a sua dedicação para o Photoshop é muito gratificante e a sua forma de ensinar-nos é, como sempre, muito esclarecido. Como estudante de Web Master, admiro muito a sua coluna.
Responder	Bruno Cabral disse:	6 de abril de 2004 às 21:30	Fábio, eu mandei um e-mail pra ti ontem, pedindo pra tirar uma ´dúvida pra mim referente a esse efeito que você fez (Integração e movimentos com o Image Ready). Please, me responde!!!
Responder	Maurício J. Fávaro disse:	7 de abril de 2004 às 12:28	Ola meus amigos ! obrigado pela força!
Isabele, nao recebi seu email se puder por favor mande em meu outro email ( fabio@tribal.com.br ) q assim q possivel te ajudarei
Responder	Bruno disse:	9 de abril de 2004 às 12:20	Parabéns pelo desenvolvimento do seu dom artístico, que vc estendeu a sua didática. Desda época em que ministrávamos aulas de Informática em Santos sempre te achei um ótimo instrutor.
Responder	Luiz Henrique Borges dos Santo disse:	10 de abril de 2004 às 1:34	eu uso o adobe photoshop 6.0, pq eh em portugues, e tive dificuldade a partir do 5º passo.. demorei pra achar como fazer o degrade, qnd achei, nada mudou qnd apertei "d" e "x".. nao consegui fazer o traço, e tenho duvidas em q tipo de camada criar!! :(((
Responder	Alberto Hacker disse:	12 de abril de 2004 às 11:30	Como posso deixar esse gif animado na imagem de exibição do msn?
Responder	Maurício J. Fávaro disse:	14 de abril de 2004 às 10:02	Olá Priscilla Moreira, repare que ao pressionar " d " as cores de foreground e background voltam ao padrão e ao pressionar " x " elas se invertem, ja sua duvida com o traço talvez não tenha clicado na opção de degrade correta.
icq: 57510830
msn : fabiolody@hotmail.com
q ajudarei a todos com prazer
Responder	Maurício J. Fávaro disse:	14 de abril de 2004 às 10:04	Olá Vanessa, tente deixar a imagem de um tamanho relativamente pequeno para que se encaixe no espaço do avatar no MSN so acho q msn nao tem suporte para gif animado, pelo menos nao na minha versão.
qqer coisa me mande um email
Responder	Félix Ferreira disse:	10 de junho de 2004 às 1:29	Oi Fábio, não consegui fazer. Pra falar a verdade, fiz aré o 5º passo e depois não consegui mais fazer. Não consigo adicionar uma nova camada e nem mesmocolocar o traço. Gostaria da sua ajuda, pois achei o efeito muito legal.
Obrigada e parabéns pela sua coluna, sempre tem bastante coisa legal.
Responder	Maurício J. Fávaro disse:	14 de junho de 2004 às 13:18	ola andrea como vai?
faz assim me escreva um email dizendo sua versao de photoshop e lingua
q dai eu te ajudo passo a passo ok?
Responder	Patryk Rose disse:	13 de julho de 2004 às 2:46	e ae fabio eu curto pr acaramba seus tutoriais
vc é o kara parabéns, mais ae vai a minha indagação qua a diferença da mateira
"29/03/2004Integração e movimentos com o Image Ready" e a materia
"01/07/2004Integração e movimentos com o Image Ready – Atualização"
ah eu gostaria também que vc coloca-se uma mateia ensinando a fazer gifs animados no image ready, pois no photo eu utilizo legal mais no image eu sou um 0 aeskerda
aguadro resposta
Responder	Carlos henrique Aguiar disse:	28 de julho de 2004 às 5:18	Brother, você explicou de um jeito muito tranquilo. Com este conteudo, brincar com estes efeitos no PhotoShop foi mamão com açúcar, valeu. Agora umas coisitas básica que eu gostaria que vc me falasse:
"Porque criarmos uma camada guia e em seguida, usarmos a corrente? Pelo que notei, é uma função e tanta, mas gostaria, tecnicamente falando, qual fora este motivo, sei lá, que vc explicasse quanto ao uso, a essencia desse manuseio entendeu?" Um grande abraço. Valeu, gostei mesmo!
Responder	angelica yuri kobayashi disse:	7 de agosto de 2004 às 14:39	ola td bom??nossa vc eh muito bom nisso,mas n consegui colocar uma outra camada com o traço vc pode me ajudar??aguardo resposta!!brigada..
Responder	Leo disse:	23 de setembro de 2004 às 0:38	pow fabio……….. fiko muito show….
eu acompanhei os passos e consegui…
mas tenhu uma duvida….
nao consegui salva em outro formato….
se vc poder me ajuda!!!!!!
parabens pela sua coluna….
tem bastante coisa massa…
Responder	Vinicius Ramos disse:	3 de dezembro de 2004 às 10:37	Comecei a visitar, sua coluna no site a poucos dias, mas foi suficiente para me tornar um admirador do seu trabalho, parabéns os trabalhos são muito bons.
Que Deus te abençõe 0
Responder	Douglas Osbourne disse:	16 de março de 2006 às 12:04	Caro Fabão,fiz todos os procecimentos e o resultado deu perfeito,mas quando salvo,nao funciona como deveria!Qual o pro??
Um abraço vc é um gênio!!!
Responder	RODRIGO TRIGO disse:	28 de fevereiro de 2007 às 21:05	EU NÃO TO CONSEGUINDO FAZER UMA MATERIA SUA DO IMASTERS (Integração e movimentos com o Image Ready)
http://www.imasters.com.br/artigo/1914/photoshop/integracao_e_movimentos_com_o_image_ready/
NÃO CONSIGO FAZER O 9° PASSO
QUANDO EU APERTO CTRL G APARECE UM NOVO GRUPO
Responder	Gustavo Falavigna disse:	5 de dezembro de 2007 às 3:49	E ai Fábio td bem?Primeiramente gostaria de deixar os parabéns pelo seu excelente trabalho como colunista.Mas, eu gostaria de saber se tem como vc me ajudar com o 9° passo no artigo de integração e movimentos com o image ready, até ai deu td certo porém qd faço os comando (v escolha da camada ctrl G) a imagem nao fica como devereia, gostaria de saber oq pode estar acontecendo de errado, eu uso o Photoshop CS2 Inglês.Fico no aguardo da resposta.
Responder	Geovanne Matheus disse:	7 de abril de 2008 às 11:07	n tow conseguindo fazer com que o degradê fique do tamanho correto, ou seja, está alémdo normal o tamanho, não está do tamanho do que você fez no tutorial.
Queria que você me ajudasse. Pode ser?!
Responder	Geovanne Matheus disse:	7 de abril de 2008 às 11:24	Eu consegui. É que estava fazendo o traço muito grande.
Responder	Simone Fahl de Oliveira disse:	18 de outubro de 2008 às 12:23	Estou amando aprender com vc a lidar com o Image Ready, sou iniciante. Uma dúvida: Como passo a publicar esses gifs, como é que eles vão agora pros emails, páginas do orkut, sites, etc?