Tutorial Photoshop: Gradientes com as ferramentas Distort e Blur | Design in a Box
facebook twitter youtube rss
Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina.
Tutorial Photoshop: Gradientes com as ferramentas Distort e Blur
Postado por em nov 3, 2011 sob as tags Photoshop, Tutoriais | 3 comments
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...

Chega um momento da vida da pessoa que ela se cansa de utilizar gradientes mais do que ela se cansa de quem chama gradiente de degradê. Se você for atrás de referências bacanas de websites, vai ver que os designers profissionais gastam um tempinho a mais criando fundos mais personalizados e menos sem graça do que você utilizar as opções Linear e Radial da Gradient Tool no Photoshop.

Neste tutorial, vou mostrar um jeito fácil, rápido e indolor de criar gradientes com efeitos mais maneiros.

 

PASSO 1

Crie um novo documento com as configurações abaixo.

PASSO 2

Só para não começarmos do zero, vamos fazer uma base com o Linear Gradient. Escolha a Gradient Tool . Não precisa utilizar as cores abaixo, mas como sei que muita gente gosta de usar exatamente as mesmas cores do tutorial. segue as que eu usei. Detalhe que o azul do meio eu deixei com 45% de transparência. Na imagem da janela gradiente logo abaixo você poderá ver melhor a configuração.

Apesar do gradiente ser linear, aplicá-lo na diagonal faz com que ele fique um pouco menos careta.

O resultado deve ficar parecido com a imagem abaixo:

PASSO 3

Veja as imagens abaixo.
O que gostaria de evitar é exatamente uma das opções óbvias apresentadas abaixo. As vezes, isso pode até funcionar, mas o que queremos aqui é criar algo diferente e personalizado.

 

Com a Ellipse Tool , crie um círculo da cor branca no centro da imagem, em um novo Layer.

 

PASSO 4

Selecione o círculo. A maneira mais fácil de fazer isso é clicando noVector Mask Thumbnail, na janela Layers, com a tecla Command (Ctrl no PC) pressionada.

 

PASSO 5

Com o círculo selecionado vá em Filters » Blur » Gaussian Blur.
Configure o Radius para 50 pixels.

Quando aplicamos algum efeito em um objeto vetorial ou uma fonte, o Photoshop precisa transformá-lo em Raster para aplicar o tal efeito. É normal que ele pergunte se realmente queremos transformar o objeto em Raster. Clique em OK.

Teremos algo próximo a imagem abaixo:

PASSO 6

Vá em Filter » Distort » Wave…
Configure este efeito conforme as configurações abaixo:

O resultado deve ficar parecido com a imagem abaixo:

Lembre-se sempre de experimentar com as opções.
Os tutoriais do Design in a Box pretendem sempre mostrar um caminho, mas também incentivar as pessoas a experimentarem e a criarem seus próprios efeitos e soluções de modo que seu trabalho fique com a sua cara.

PASSO 7

Vá em Filter » Blur » Radial Blur…
Configure este efeito conforme as configurações abaixo.

O resultado deve ficar parecido com a imagem abaixo:

Agora só é necessário redimensionar o círculo como o da imagem ao lado.
Você ainda pode aplicar um Gaussian Blur de leve, 1, 2 no máximo, para suavizar a passagem de cor um pouco.

Resultado:

Bom espero que tenha sido útil para você se ligar que há mais entre o céu e a terra do que apenas Gaussian Blur. Experimente com outros tipos de Distort e Blur. Logo menos publicaremos mais dicas úteis de como usar os diversos tipos de Blur.

 

 



Sobre o autor

Tiago Pimentel

Estudei design gráfico na EPA e por uma ironia do destino, me tornei diretor de arte digital. Também sou ilustrador e músico, trabalho na Jazz Digital e sou adicto a links interessantes e todas as coisas boas da vida: fotografia, moda, cinema, viagens, arte, cultura, internet. Além disso dedico meu tempo livre às artes plásticas. Entre em contatos através das redes sociais, Facebook, Twitter, etc. Os links estão no MeAdiciona: www.meadiciona.com.br/tiagopimentel

Você também deve curtir:

Barbie: A vida como ela é A fotógrafa Mariel Clayton é a idealizadora dessa série que eu defini como um "A vida como ela é",...
Gradientes (degradês) no Adobe Flash Gradientes (degradês) no Adobe Flash Utilizar gradientes no Flash é algo muito...
Tutorial Photoshop: Criando o efeito Halftone (Efeito Coca-Cola) O último tutorial que postei, que foi sobre recorte de imagem utilizando o Quick Mask do Photoshop,...
Tutorial Photoshop: Light effects utilizando Blend Modes e Layer Effects Este é o primeiro post de 2010 e gostaria de começar o ano desejando a todos tudo de bom e mais um...


3 Respostaspara ““Tutorial Photoshop: Gradientes com as ferramentas Distort e Blur”

  1. João disse:

    Curti muito o efeito Dirtort>Wave, fiz até um teste aqui http://twitter.com/#!/jaguaruna/status/132453871481143296/photo/1

    Valeu!

  2. admin disse:

    Grande João…

    Obrigado pelo comentário, pela visita e que bom que tenha gostado. Ficou show sua arte. Podemos incluí-la no post?

    [ ]s

  3. João disse:

    Não vamos ficar rasgando seda aqui agora certo! :)

    O leitor fã do blog aqui sou eu, acompanho já há algum tempo.

    Pode incluir com certeza, abs

Deixe uma resposta

parceiros

The Old Black Gallery
Blog Ditudu
Caligraffiti
Choco la Design: O lado mais gostoso do design!
Studio MANGA ROSA
My Owl Barn
Tutorial 3D
Cute Drop
Magel Studio
Design Dicas
Design Dicas
Tutoriart
SmartGirls
Des1gnOn
Designers Brasileiros
sala7 design
Design Fera
Tonka 3D
Designer Effects
Designer Effects
Follow the Colours
Logotomia
Paroxismo Records
Designerd
SetUP Extras - Wallpapers • Matérias • Design
Artefinal
Designine