» Início » Design » Fireworks » Efeito Grunge
 
Avaliação: | Publicado em: 05/09/2006
Efeito Grunge
Victor Ricardo Victor Ricardo é estudante de publicidade e propaganda e trabalha com webdesign a 7 anos, acompanha de perto as mudanças e tendências desse criativo mercado.Atualmente trabalha em uma agência de publicidade exercendo função de Webdesign.


Salve pessoal. Meu primeiro artigo da coluna , espero poder ensinar a vocês um pouco do que eu aprendi nesses 7 anos de webdesign.

Primeiramente gostaria de agradecer pela oportunidade de estar aqui compartilhando meus conhecimentos e em segundo gostaria de pedir paciência caso a explicação pareça um pouco confusa de início.Vou tentar explicar todos os pormenores.

O Efeito.

O efeito grunge é muito usado , de uns tempos para cá tornou-se febre quando o assunto é atingir um público jovem e descolado, mesmo por se tratar de um efeito bagunçado e sem padrões. O importante neste efeito é ser ousado. Um bom exemplo de efeito grunge é a abertura da telenovela malhação exibida pela rede globo.

Ingredientes.

Como todo bom efeito grunge que se preze é preciso que haja efeitos de "espirros". Infelizmente fazer um efeito como este no fireworks requer tempo e muitas das vezes não fica fiel, então o recomendado é que se procurem texturas para este efeito. Anexo a este artigo se encontra a textura que usei para fazer o efeito.

Vamos ao que interessa.



  • Crie um novo documento ( Cntrl+N ) da maneira que está exemplificado acima.

  • Importe a textura das goticulas (Cntrl+R) e insira ela no documento.

Como percebem a textura usada possui fundo branco e sobrepôs o fundo que nós criamos.Podemos mudar a cor das goticulas de várias formas , uma delas é utilizando o recurso Filters-> Adjust Colors -> Levels. Através da mudança das misturas RGB podemos obter todos os tons diferentes para as gotas.

Neste exemplo vamos apenas utilizar um efeito simples de Blend. Selecione a imagem que importamos e vá a caixa de propriedades que fica logo abaixo da área de edição e através do menu popup selecione o Blend Mode *XOR*.




Uma das características mais marcantes da arte grunge é que as cores devem ser utilizadas de forma a chamar a atenção sem agredir quem olha, podemos chamar de arte moderna ou industrial , como preferirem. O próximo passo é escrever um texto qualquer, utilize fontes que fujam de certo padrão, lembre-se que queremos causar impacto.



Não se prenda a detalhes como posicionamento , quando se trata de grunge jogar as coisas ao léu é lei e você deve se preocupar apenas com isso. Não estou dizendo para você jogar ele em qualquer lugar mas quanto mais você der a impressão de que o texto foi largado naquele lugar, melhor.

Ainda faltam alguns detalhes importantes tal como acabamento das letras e finalização dos detalhes finais. Vamos adicionar um Stroke ao texto.

Selecione o texto, vá a caixa de propriedades , procure por uma caixa de cor , ela é representada por um lápis e encontra-se bem abaixo da cor das fontes.



Clique nesta caixa, depois vá em Stroke Options, em seguida selecione Basic , você deverá ver a seguinte caixa de ferramentas.



Vamos utilizar as seguintes settings. Para a cor dela eu utilizei branco.

Após colocar o stroke você ja pode começar a notar uma diferença, o texto salta aos olhos e chama atenção. Mas ainda faltam alguns detalhes. Vamos adicionar mais detalhes ao texto.

Para isso importe mais uma vez a textura dos respingos, redimensione ela para que esteja aproximadamente do mesmo tamanho do texto. Utilize a ferramenta Magic Wand Tool (W).Retire todo o fundo branco da imagem, você vai ter apenas as gotas pretas e alguns eventuais detalhes brancos que sobraram.

Com a imagem selecionada vá em Filters-> Adjust Colors -> Hue Saturation habilite a opção Colorize e sete todos os niveis em 100. As gotas deverão ficar brancas da mesma cor da stroke do nosso texto.

Agora basta posicionar essas gotas por trás do nosso texto dando assima impressão de que o mesmo foi espirrado.



O resultado deve ser algo parecido com isso. Você pode brincar com as cores e adicionar mais elementos lembrando sempre de manter o "caos organizado", que é a principal e mais marcante característica da arte grunge.

Versão Final



Espero que tenham gostado, logo logo trarei mais novidades para vocês. Abraço pessoal.



Arquivos anexos ao artigo

Paulo Fonseca <psfonseca@gmail.com>
Nossa, esse artigo é o que há!!! Tem como disponibilizar o .PNG aqui pra gente?
realmente este tuto é interessante vlw mesmo kara t
ótimo tuto
Ficou muito louco este efeito, bom pra colocar em flyers, continue assim! Espero que continue com os tutos assim.
chimeni suhett <chimeni@oi.com.br>
mto bommm!! ;
muito intereçante !! gostei !!
abraçosss
se poder !! .png :)
Leokrlos Alves Silva <leosilvasilk@yahoo.com>
Show de bola, álias bolinhas, não perai, retículas esta e palavra certa, legal mesmo mano, continue assim ......abração a todos vcs...
Ai Victor!
mandou bem no tutorial!
Abraço velhin!

Muito SHOW de BOLA :)
Tem como a EQUIPE do PLUGMASTERS disponiblizar o .PNG?
nao dá <nao sei>
nao deu nada no meu apertei Ctrln e nao deu nada!!
so sei q é bom!
Olá, sou estudante de publicidade e adoro a area de design fique encantado com o trabalho do Victro Ricardo ( efeito Grunge) .. muito excelente. Galera será q vc´s teriam esse efeito em photpshop? Agradeço muito a atenção
Victor eu gostei do seu artigo, mas, na verdade o meu interesse é como se faz as gotículas, a qual no tutorial já esta pronta e vc pede apenas para importar. Se puder me exclarecer agradeço!
nirvana <nirvana@666.com>
eu estou bem loco mais ele esta mais loco do que eu, eu nÂo sei o que eu estou falando entâo foda se e tchau
os tuturiais sao exelente pena naum ser video aulas
da uma olhada ai amigo se tem jeite de fazer em videos aulas para ser baixado

nem preciso dizer.....

EXCELENTE !!!!!!!!
quando q issu é grunge?

Spllater seu newbie.
desconhecido
meu irmão... tá massa!
Adorei! bixo posta mais desses efeitos!
tu é uma fera!
Olá!
não sou profissional, mas me interesso muito por essa area!
gostaria de saber um programa que pode ser utilizade para aplicar tal efeito.

PS Um programa que dê para ser baixado na net. De site tipo BAIXAKI.

abraço!
nao foi assim tao mao ser um grunger, temos que ver o lado bom tambem, e passado.....
VCS NAO EXPLICAM DIREITO..
NOSSA
Q PODRE..
cara ficou excelente! sempre que tiver uma novidade, se puder mandar p/ meu email ficarei muito grato. Parabens!!!!!
Elvis Olivera <elvis-olivera@bol.com.br>
Ficou muito bom cara, tem como vc me enviar a PNG? que fonte vc usou no nome plugmasters? vlw!!!
Leandro Simões <lestat_jf@hotmail.com>
Execelente tutorial, explicado de uma maneira simples e prática... Parabéns!