Jump to content


Photo

Efeito Bolinhas Com Gradiente.


  • Faça o login para participar
10 replies to this topic

#1 Victor Hugo Odo

Victor Hugo Odo

    Doutor

  • Administradores
  • 779 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP
  • Interesses:Compartilhar conhecimentos!

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

Fórum WMO - Administrador


#2 helioth

helioth

    Projeção A

  • Usuários
  • 683 posts
  • Sexo:Masculino
  • Localidade:Mauá city - ABC - SP

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.
Attached File  img01.gif   2.82KB   22 downloads Attached File  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.
Attached File  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%.
Attached File  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?
Attached File  final.jpg   14.9KB   40 downloads

Bons ventos!
Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Posted Image

#3 Victor Hugo Odo

Victor Hugo Odo

    Doutor

  • Administradores
  • 779 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP
  • Interesses:Compartilhar conhecimentos!

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

Fórum WMO - Administrador


#4 helioth

helioth

    Projeção A

  • Usuários
  • 683 posts
  • Sexo:Masculino
  • Localidade:Mauá city - ABC - SP

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.... :lol: 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.
Attached File  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.
Attached File  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:
Attached File  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.
Attached File  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!
Attached File  final2.jpg   10.81KB   46 downloads

Bons ventos!
Fórum WMO - Equipe de Design - Monitor
Macho que é macho não chupa mel, masca abelha.
Posted Image

#5 Victor Hugo Odo

Victor Hugo Odo

    Doutor

  • Administradores
  • 779 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP
  • Interesses:Compartilhar conhecimentos!

Posted 20/02/2009, 20:27

Não vou baixar nada! Ta pensando que vou cair nessa?! :angry:

:lol: Bricadeira

Ta baixado, instalado, funcionando, positivo e operante!

Muito legal helioth!

Bacana mesmo, obrigadão pelas dicas,

Falow!
Sucesso!

:click:

Fórum WMO - Administrador


#6 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

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

#7 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

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

#8 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

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

#9 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

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

#10 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 31/10/2017, 10:48

Dental Abcess And Amoxicillin Bentyl On Line Mastercard Accepted Tadalafil 10 Mg Tablets Good Price viagra Viagra Pagine Sanitarie Amoxicilina Bacterial Infections Medication Visa Rochester

#11 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

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




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq