Bem-vindo: Sex, 22 de Novembro 2024, 20:02 Pesquisa avançada

Como produzir o efeito aurora vidrado, através do GIMP

Você fez algum desenho e quer partilhar? Faça-o aqui! Partilhe Wallpapers, trabalhos de Webdisgn ou até mockups!
Se quiser partilhe também tutoriais de design: do Gimp, Inkscape entre outros programas.

Como produzir o efeito aurora vidrado, através do GIMP

Mensagempor Claudio Novais » Sáb, 7 de Dezembro 2013, 23:23

Neste tópico vou mostrar como se desenha uma imagem com um efeito aurora, com um aspeto mais vidrado, mais retilíneo. Este tipo de imagem é bastante frequente em wallpapers abstratos e costuma ser caracterizado por ter um visual colorido (tal como pode ver pela imagem ao lado). Neste caso em concreto as cores escolhidas foram apenas a cor laranja e a púrpura, cores do Ubuntued.

Como este tipo de imagem é também chamado de Aurora e como tem as cores do Ubuntued, resolvi chamar ao wallpaper resultante deste tutorial de "Auroraed"! 8) Já agora, pode fazer download do Wallpaper com a máxima qualidade aqui.

Bom, o procedimento é extremamente simples e resume-se em 3 fases: construir a base aleatória que irá distinguir a imagem (através do efeito plasma); pegar nessa base e espalhá-la na diagonal para produzir o efeito vidrado; e, por fim, colorizar a imagem. É muito simples, tal como pode ver pelo vídeo deste tutorial.

Como este artigo utiliza o Gimp, caso você não tenha o Gimp instalado, veja o seguinte artigo:

Depois de ter o Gimp instalado abra-o e crie uma nova imagem com a resolução que você quiser. No caso específico deste tutorial, escolhemos uma resolução FullHD (1920x1080):


A partir de agora é começar a "desenhar"! Comece por criar o efeito "Plasma", abrindo a respetiva opção através da HUD do Ubuntu (que se ativa ao clicar na tecla ENTER, tal como na imagem abaixo à esquerda). Relativamente às opções do efeito Plasma, é importante que ponha a turbulência máxima (imagem abaixo à direita).


Aplique o efeito e vai ver que a imagem vai ficar toda colorida. O nosso objetivo é criar as linhas vidradas e não as coisas coloridas, por isso de seguida temos de tirar as cores. Para tal, abra a opção dessaturar novamente através da HUD. Nas opções de dessaturação, escolha a opção luminosidade:


Para ter um efeito vidrado mais evidente, recomendo que tire os tons intermédios, neste caso, os tons cinza. Para tal, utilize a opção "Curvas" também facilmente acessível através da HUD do Ubuntu. Altere o gráfico da opção "Curvas" de forma a ficar com menos tons cinzas, algo semelhante à imagem abaixo:


Agora que tem a base pronta, apenas falta fazer uma desfocagem inclinada para produzir o efeito vidrado. Para tal, abra a opção "Borrão em Movimento", acessível pela HUD (imagem abaixo à esquerda) e escolha as opções: Tipo de borrão - Linear; Comprimento - 256; Angulo - 45:


Aplique várias vezes esta opção do "Borrão em Movimento", com esses mesmos valores. Eu apliquei 5 vezes até ficar com um aspeto semelhante ao seguinte:


Por fim, crie uma nova camada e ponha-a por baixo da camada que você esteve a trabalhar. Se não sabe como criar camadas, veja este artigo:

Nessa nova camada, pinte da maneira que você quiser. No meu caso pintei primeiro com cor púrpura e depois com cor laranja:



Vídeo demonstrativo



Enquanto produzi a imagem, gravei um vídeo que você pode ver abaixo. Neste vídeo demonstra-se todo o processo de desenho:
Avatar do usuário
Claudio Novais
Editor do Ubuntued
 
Mensagens: 16869
Registrado em: 25 Maio, 2011

Re: Como produzir o efeito aurora vidrado, através do GIMP

Mensagempor Thiago » Dom, 8 de Dezembro 2013, 0:52

Muito bom o efeito, gostei =)
Avatar do usuário
Thiago
 
Mensagens: 241
Registrado em: 05 Abril, 2012

Re: Como produzir o efeito aurora vidrado, através do GIMP

Mensagempor Miguel Fonseca » Dom, 8 de Dezembro 2013, 10:50

Boas Cláudio, excelente!! :venia:

Obrigado pela partilha! :yeah:

Hasta.
It is only in Love and Murder, that we still remain sincere! - Friedrich Durrenmatt
Avatar do usuário
Miguel Fonseca
Bleeding-edge Helper
 
Mensagens: 2512
Registrado em: 10 Junho, 2011

Re: Como produzir o efeito aurora vidrado, através do GIMP

Mensagempor Rafael Schonberg » Dom, 8 de Dezembro 2013, 12:43

Bonito. Falta mais artigos destes.
O homem não consegue descobrir novos oceanos se não tiver a coragem de perder de vista a costa. — André Gide
Avatar do usuário
Rafael Schonberg
 
Mensagens: 901
Registrado em: 19 Novembro, 2012

Re: Como produzir o efeito aurora vidrado, através do GIMP

Mensagempor Luis Cardoso » Sáb, 14 de Dezembro 2013, 0:59

Aqui está o meu resultado:
ImagemImagem
«Escolhe um trabalho de que gostes, e não terás que trabalhar um só dia na tua vida» - Confúcio
Avatar do usuário
Luis Cardoso
Redator
 
Mensagens: 10455
Registrado em: 26 Maio, 2011
Localização: Portugal

Re: Como produzir o efeito aurora vidrado, através do GIMP

Mensagempor Claudio Novais » Sáb, 14 de Dezembro 2013, 1:22

Adorei esta versão Luís! Na minha opinião, ficou melhor que qualquer tentativa que eu tenha feito. Parabéns! Mesmo! ;)
Avatar do usuário
Claudio Novais
Editor do Ubuntued
 
Mensagens: 16869
Registrado em: 25 Maio, 2011

Re: Como produzir o efeito aurora vidrado, através do GIMP

Mensagempor Luis Cardoso » Sáb, 14 de Dezembro 2013, 15:41

Claudio Novais (14-12-2013, 0:22) escreveu:Adorei esta versão Luís! Na minha opinião, ficou melhor que qualquer tentativa que eu tenha feito. Parabéns! Mesmo! ;)

Ora essa, não é nada de mais... Apliquei apenas um degradê com os opostos:
  • Azul (#0077FF ou #07F)
  • Laranja (#FF7700 ou #F70)
ImagemImagem
«Escolhe um trabalho de que gostes, e não terás que trabalhar um só dia na tua vida» - Confúcio
Avatar do usuário
Luis Cardoso
Redator
 
Mensagens: 10455
Registrado em: 26 Maio, 2011
Localização: Portugal

Re: Como produzir o efeito aurora vidrado, através do GIMP

Mensagempor Claudio Novais » Sáb, 14 de Dezembro 2013, 15:58

Certo, mas por vezes as coisas simples são as ideais. E neste caso gostei muito da combinação! ;)
Avatar do usuário
Claudio Novais
Editor do Ubuntued
 
Mensagens: 16869
Registrado em: 25 Maio, 2011

Re: Como produzir o efeito aurora vidrado, através do GIMP

Mensagempor Luis Cardoso » Sáb, 14 de Dezembro 2013, 16:05

Claudio Novais (14-12-2013, 14:58) escreveu:Certo, mas por vezes as coisas simples são as ideais. E neste caso gostei muito da combinação! ;)

Pois, já reparei nisso, seja pelos meus deskmods/wallpapers aqui publicados ou pelos trabalhos exposto no dA, quando são simples têm sempre maior visualização do que quando suo para obter algo mais complexo... :upsiu:
ImagemImagem
«Escolhe um trabalho de que gostes, e não terás que trabalhar um só dia na tua vida» - Confúcio
Avatar do usuário
Luis Cardoso
Redator
 
Mensagens: 10455
Registrado em: 26 Maio, 2011
Localização: Portugal

Re: Como produzir o efeito aurora vidrado, através do GIMP

Mensagempor Claudio Novais » Sáb, 14 de Dezembro 2013, 16:09

Fazendo agora um off-topic, acho que esse é precisamente o ponto fraco do Enlightenment. Trabalham demais a usabilidade e visual e depois a coisa acaba por não ficar tão apelativa como os sistemas mais bácisos, como o Pantheon (do Elementary) por exemplo.
Avatar do usuário
Claudio Novais
Editor do Ubuntued
 
Mensagens: 16869
Registrado em: 25 Maio, 2011

Próximo

Voltar para Design

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 4 visitantes