Efeito Bolinhas Com Gradiente.
Started By Victor Hugo Odo, 19/02/2009, 16:30
10 replies to this topic
#1
Posted 19/02/2009, 16:30
Opá! Fala Galera, blz?!
Alguém sabe como eu posso fazer esse efeito do fundo? Essas bolinhas brancas que compartilham o mesmo gradiente:
http://www.xbox.com/...s_1280x1024.jpg
[]'s
Alguém sabe como eu posso fazer esse efeito do fundo? Essas bolinhas brancas que compartilham o mesmo gradiente:
http://www.xbox.com/...s_1280x1024.jpg
[]'s
Fórum WMO - Administrador
#2
Posted 19/02/2009, 20:27
Esse tipo de efeito é uma combinação de gradiente, alpha e gaussian blur.
Vou falar como eu cheguei em um resultado aqui.
Abra um novo documento em medidas de 500 x 400 px.
Crie um quadrado na mesma medida e coloque um preenchimento nele de gradiente linear de #FF6600 para #FF9900.
img01.gif 2.82KB 22 downloads img02.gif 6.37KB 10 downloads
Agora faça um circulo na medida de 335 x 335 px e posicione na esquerda e em cima do seu palco colocando meio pra fora do palco, (x=-70 Y=-82) com cor de preenchimento em gradiente radial de #933F00 para #FFD9BC, e com a seta preta (pointer tool, V,0) selecione o circulo e mude a posição do gradiente.
img03.jpg 7.78KB 14 downloads
Ainda com o circulo selecionado mude sua transparencia (alpha) para 30% e coloque também um pouco de gaussian blur em 2, (filters>blur>Gaussian blur)
Faça agora um outro circulo menor, com as medidas de 195 x 195 px e posicione logo abaixo do anterior e para a direita (x=77 Y=54) com cor de preenchimento branco mesmo, mas desta vez faça a transparencia em 10%.
img04.jpg 2.13KB 13 downloads
Enfim é essa a teoria, agora é criar mais circulos e posiciona-los adequadamente que terá esse efeito.
Veja o que fiz aqui, e se quizer o png é só postar ok?
final.jpg 14.9KB 40 downloads
Bons ventos!
Vou falar como eu cheguei em um resultado aqui.
Abra um novo documento em medidas de 500 x 400 px.
Crie um quadrado na mesma medida e coloque um preenchimento nele de gradiente linear de #FF6600 para #FF9900.
img01.gif 2.82KB 22 downloads img02.gif 6.37KB 10 downloads
Agora faça um circulo na medida de 335 x 335 px e posicione na esquerda e em cima do seu palco colocando meio pra fora do palco, (x=-70 Y=-82) com cor de preenchimento em gradiente radial de #933F00 para #FFD9BC, e com a seta preta (pointer tool, V,0) selecione o circulo e mude a posição do gradiente.
img03.jpg 7.78KB 14 downloads
Ainda com o circulo selecionado mude sua transparencia (alpha) para 30% e coloque também um pouco de gaussian blur em 2, (filters>blur>Gaussian blur)
Faça agora um outro circulo menor, com as medidas de 195 x 195 px e posicione logo abaixo do anterior e para a direita (x=77 Y=54) com cor de preenchimento branco mesmo, mas desta vez faça a transparencia em 10%.
img04.jpg 2.13KB 13 downloads
Enfim é essa a teoria, agora é criar mais circulos e posiciona-los adequadamente que terá esse efeito.
Veja o que fiz aqui, e se quizer o png é só postar ok?
final.jpg 14.9KB 40 downloads
Bons ventos!
Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Macho que é macho não chupa mel, masca abelha.
#3
Posted 19/02/2009, 21:30
Bacana heiliot, mas eu não falava do reflexo da luz na camera, e sim daquelas bolinhas minúsculas no horizonte atráz da logo.
[]'s
[]'s
Fórum WMO - Administrador
#4
Posted 20/02/2009, 16:39
Salve vitor beleza?
Bom então vamos lá!
Ao que me parece o cara fez na mão, mas não tenho certeza. Se for, seria um circulo de 4 x 4 px bem agrupados e com as tonalidades certas.
Para facilitar é melhor criar uma textura.
Pegue a imagem abaixo, é bem pequena e em png branco, então zipei para poder enchegar o arquivo ok? pode baixar sem medo.... Coloque-o na pasta de textura do fireworks. (C: > arquivos e programas > Adobe>fireworks>Configuration>textures). Obs.: Depois de feito isso, reinicie o fireworks para a textura aparecer.
teste.zip 3.12KB 31 downloads
Depois faça uma forma qualquer, seja quadrado, circulo ou mesmo uma forma com a pen tool, e aplique a textura em 100% com a opção transparent selecionada.
img001.gif 2.09KB 23 downloads
Depois faça uma máscara nela com um efeito radial, isso fará com que no meio ela fique branca e vai desaparecendo para as pontas. Fica em layers, segue a figura:
img002.gif 4.92KB 28 downloads
Agora para você poder controlar melhor o efeito, selecione a ferramenta gradient tool e mude a opção de cor para radial de branco para o preto, clique no centro da sua forma e arraste para alguma direção, o objetivo é esmaecer as pontas da figura.
Agora aquele brilho no centro é bem fácil, crie uma forma parecida com a sua, de cor branca apenas, sem textura sem nada, diminua ela e alinhe no centro de sua imagem original, lembrando que tem que ficar no meio da figura para dar o brilho. Mude a opção edge para feather e coloque em 10, acredito que terá um resultado bom, qualquer coisa é só aumentar o feather.
img003.gif 1.37KB 23 downloads
Pronto, agora é só fazer alguns retoques com pequenos circulos de 4 x 4 px brancos, as vezes diminuindo sua transparência, as vezes não. Olha o resultado que cheguei aqui, ficou bacana, e se trabalhar mais fica ainda mais show de bola!
final2.jpg 10.81KB 46 downloads
Bons ventos!
Bom então vamos lá!
Ao que me parece o cara fez na mão, mas não tenho certeza. Se for, seria um circulo de 4 x 4 px bem agrupados e com as tonalidades certas.
Para facilitar é melhor criar uma textura.
Pegue a imagem abaixo, é bem pequena e em png branco, então zipei para poder enchegar o arquivo ok? pode baixar sem medo.... Coloque-o na pasta de textura do fireworks. (C: > arquivos e programas > Adobe>fireworks>Configuration>textures). Obs.: Depois de feito isso, reinicie o fireworks para a textura aparecer.
teste.zip 3.12KB 31 downloads
Depois faça uma forma qualquer, seja quadrado, circulo ou mesmo uma forma com a pen tool, e aplique a textura em 100% com a opção transparent selecionada.
img001.gif 2.09KB 23 downloads
Depois faça uma máscara nela com um efeito radial, isso fará com que no meio ela fique branca e vai desaparecendo para as pontas. Fica em layers, segue a figura:
img002.gif 4.92KB 28 downloads
Agora para você poder controlar melhor o efeito, selecione a ferramenta gradient tool e mude a opção de cor para radial de branco para o preto, clique no centro da sua forma e arraste para alguma direção, o objetivo é esmaecer as pontas da figura.
Agora aquele brilho no centro é bem fácil, crie uma forma parecida com a sua, de cor branca apenas, sem textura sem nada, diminua ela e alinhe no centro de sua imagem original, lembrando que tem que ficar no meio da figura para dar o brilho. Mude a opção edge para feather e coloque em 10, acredito que terá um resultado bom, qualquer coisa é só aumentar o feather.
img003.gif 1.37KB 23 downloads
Pronto, agora é só fazer alguns retoques com pequenos circulos de 4 x 4 px brancos, as vezes diminuindo sua transparência, as vezes não. Olha o resultado que cheguei aqui, ficou bacana, e se trabalhar mais fica ainda mais show de bola!
final2.jpg 10.81KB 46 downloads
Bons ventos!
Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Macho que é macho não chupa mel, masca abelha.
#5
Posted 20/02/2009, 20:27
Não vou baixar nada! Ta pensando que vou cair nessa?!
Bricadeira
Ta baixado, instalado, funcionando, positivo e operante!
Muito legal helioth!
Bacana mesmo, obrigadão pelas dicas,
Falow!
Sucesso!
Bricadeira
Ta baixado, instalado, funcionando, positivo e operante!
Muito legal helioth!
Bacana mesmo, obrigadão pelas dicas,
Falow!
Sucesso!
Fórum WMO - Administrador
#6
Posted 15/09/2017, 12:42
Zithromax Ear Ringing cialis Viagra And Dapoxetine
Zentel Worldwide Store Levitra Probiert Priligy Kopen
Acheter Lioresal En Ligne viagra cialis Acheter Cialis Ligne Canada
Zentel Worldwide Store Levitra Probiert Priligy Kopen
Acheter Lioresal En Ligne viagra cialis Acheter Cialis Ligne Canada
#7
Posted 02/10/2017, 22:13
Provera Cheap Mastercard Accepted Madrid Order Propecia Online Cheap cialis price Online Canadian Phar Free Viagra Sample Priligy Plm Mexico
Priligy Cream viagra online pharmacy Cialis Cuanto Tomar Levitra 25
Priligy Cream viagra online pharmacy Cialis Cuanto Tomar Levitra 25
#8
Posted 10/10/2017, 21:36
Comprar Viagra Generico Espana Panamycin viagra online pharmacy Tamoxifen Online Canada Xenical Online Kaufen Ohne Rezept
Cialis 5mg 28 St Viagra Rezeptpflichtig Holland Come Assumere Levitra cialis Which Family Medications Is Amoxicillin Ed Meds In Canada
Antibacterial Resistance Amoxil Viagra Aumenta Dimensioni Levitra Generico Forum Online viagra online pharmacy Come Il Viagra Prix Xenical Buy Lasix Online Usa
Cialis 5mg 28 St Viagra Rezeptpflichtig Holland Come Assumere Levitra cialis Which Family Medications Is Amoxicillin Ed Meds In Canada
Antibacterial Resistance Amoxil Viagra Aumenta Dimensioni Levitra Generico Forum Online viagra online pharmacy Come Il Viagra Prix Xenical Buy Lasix Online Usa
#9
Posted 28/10/2017, 01:04
Propecia Es Lo Mismo Que Proscar Viagra Kaufen Schneller Versand viagra cialis Sildenafil From China Buy Nolvadex For Lab Rats
Buy Metformin Without Doctor Propecia Cure Treat Itch Itching Cialis Efectos Adversos viagra Low Dose Levitra Bupropion No Prescription
buy now isotretinoin - isotretinoin cash delivery levitra cheap Lexapro Pills In Canada No Prescription Propecia Contra Minoxidil Cialis Sales
Buy Metformin Without Doctor Propecia Cure Treat Itch Itching Cialis Efectos Adversos viagra Low Dose Levitra Bupropion No Prescription
buy now isotretinoin - isotretinoin cash delivery levitra cheap Lexapro Pills In Canada No Prescription Propecia Contra Minoxidil Cialis Sales
#11
Posted 13/11/2017, 02:02
Priligy Buy Uk Viaga From India levitra. brand name bayer.. 20 mg. Buy Low Cost Viagra Wirkung Viagra Pfizer
Tmp Ds Amoxicillin Nuovo Viagra Solfatare cialis price Viagra Prices Usa Drug Like Viagra But No Prescription Ribavirin
Which Family Medications Is Amoxicillin 585 Cipa Canadian Approved Pharmacies Tadalafil 20mg Best Price cialis online Get Cheap Cialis Online
Tmp Ds Amoxicillin Nuovo Viagra Solfatare cialis price Viagra Prices Usa Drug Like Viagra But No Prescription Ribavirin
Which Family Medications Is Amoxicillin 585 Cipa Canadian Approved Pharmacies Tadalafil 20mg Best Price cialis online Get Cheap Cialis Online
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)