07:04

FLASHES DE NEON


Lighten Cyphers






Para começar, crie uma nova imagem pequena com tamanho sugerido entre 600×600 pixels e 1000×1000 pixels com fundo preto.


Antes de mais nada vamos ao passo mais fundamental de todos: CRIE
uma nova camada transparênte sobre a imagem que você acabou de criar,
isso é importante para que você possa movimentar o seu trabalho
livremente sem correções de fundo.


Agora selecione na interface principal do Gimp a ferramenta de
desenho vetorial e com ela crie uma figura(s) não fechada(s) de
qualquer formato.


I.P.C: É importante não fechar a figura por que nós queremos apenas
linhas de neon maleáveis, porém é perfeitamente possível executar o
procedimento com praticamente qualquer imagem, inclusive pincéis
prontos.


eer


Agora nós vamos CONTORNAR o desenho com uma linha visível para
servir de guia para o nosso neon, para tanto basta que primeiro uma cor
seja escolhida na paleta de cores*(de preferência a algum tom mais vivo
e ou “frio”) e a após isso clicar na opção “Contornar Vetor” presente
na aba ou janela correspondente a interface de”Opções de Ferramentas”
do Gimp:


derf


fifu


jason


Agora vamos duplicar a camada que leva o nosso desenho já
devidamente formado e contornado e sobre a mesma nós vamos aplicar um
certo grau de desfocagem, o responsável pelo trabalho sujo será o
filtro chamado “Desfocagem Gaussiana”, para quem não se lembra ou não
sabe o caminho até o filtro basta seguir a imagem abaixo:


chu


ferrc


Muito bem, agora aplique sobre a camada que sofreu a ação do filtro o efeito de camada “ADIÇÃO“:


TRYU


Agora, duplique essa camada até que a intensidade do brilho te satisfaça:


frt


Agora una todas as camadas do seu trabalho, duplique a resultante e
espelhe-a para onde você quiser, aplicando em seguida o efeito de
camada “Somente Escurecer”:


ret


Prontinho =], repita algumas vezes o procedimento até que você consiga fazer a forma que desejar sem alietoriedades =]


Vejo vocês no nosso próximo assunto!


06:09

LAYOUT DE SITES



BLOTOINGS!





Feito isso, vamos agora escolher a cor que iremos adotar para o
plano de fundo geral do nosso layout, como já disse milhares de vezes,
você pode optar pela que melhor lhe convier uma vez que o trabalho é
SEU.

vdx

Muito bem, depois de escolhida e aplicada a cor, crie uma nova
camada transparente e selecione a ferramenta de seleção retangular,
presente na interface principal do Gimp e com ela, crie um retângulo
com tamanho o tamanho 590×695 pixels, e depois vá para a aba “opções de
ferramentas presente na interface principal do Gimp e ou na sua janela
caso você tenha feito isso na customização da sua interface de trabalho
e arredonde as bordas da seleção. A imagem abaixo ilustra esse processo:

rect

arreb

IPC: é claro que você não precisa e nem deve seguir o exemplo, então se o seu layout não incluir bordas arredondadas não o faça.

Muito bem, agora preencha a area de seleção com a ferramenta balde
de tinta, utilizando uma cor aditiva, para o exemplo, optei por algo
convencional, o branco sólido. Depois, reduza a opacidade da camada na
qual estamos trabalhando para cerca de 50%.

Ainda com a seleção ativa, vamos reduzir proporcionalmente o tamanho
da seleção, para criar um efeito de moldura no exemplo,para tal
procedimento clique com o botão direito dentro da seleção e clique no
campo “diminuir seleção”, reduza a mesma entre 5 e 8 pixels, dependendo
da borda que se queira formar e clique em ok. Agora, crie uma nova
camada transparente e preencha a seleção reduzida com uma cor clara
novamente, e reduza um pouco a opacidade a seu gosto, as imagems abaixo
ilustram o que foi dito:

fgh

muiv

dff

Muito bem, agora vamos criar a box do campo de pesquisa, para tanto,
crie uma nova camada transparente e dentro dela, faça um novo retangulo
utilizando novamente a ferramenta de seleção retangular, sendo que o
tamanho do mesmo deverá ser de 229×65 pixels, sem se esquecer de
realizar o mesmo procedimento de criação de borda que vimos
anteriormente:

cdcdf

Agora para que possamos criar a box que acondicionará o menu,
novamente utilize os mesmos procedimentos só alterando o tamanho do
retângulo para 296×360 pixels :

gfgfd

Agora para a segunda caixa do menu, faça o mesmo procedimento com tamanho proporcionalmente menor a da primeira caixa de menu:

ght

Bacana, agora que já temos as caixas prontas, vamos enfeitar a nossa
brincadeira utilizando uma composição com pincéis =], para isso, crie
uma camada transparente localizada apenas acima da camada
BASE*(background) e realizando o procedimento sobre ela, mas cuidado,
não utilize muitos pincéis, de a preferência por pincéis “duros” (sem
esvaecimento) , aplique principalmente nos espaços entre as bordas das
caixas como no exemplo abaixo:

deft

Agora, vamos criar os botôes superiores (também podemos chama-los de
abas, mas isso fica a seu critério), para tanto, crie retângulos com o
tamanho 140×62 pixels e pocisione os sobre a caixa de texto do layout:

erfvc

Porém, como se pode notar, ainda existem pequenas interseções entre
a caixa de texto e as novas abas, para eliminar esse pequeno obstáculo,
basta que apaguemos os referidos trechos das camadas que levam as
bordas para que cada aba possa se integrar perfeitamente a caixa de
texto, para tal procedimento, basta utilizarmos a ferramenta “Borracha”
que está presente na interface principal do Gimp, em conjunto com um
pincel de raio curto, para facilitar essa tarefa, procure ampliar o
zoom da imagem afim de que você possa apagar apenas os trechos
realmente necessários :

ferv

Não fica muito melhor sem as intersecções?=]

jyg

Agora, vamos criar os botôes da caixa de menu que criamos próxima a
caixa de texto, para isto, crie um retângulo* (apenas em conceito, crie
o botão que desejar) com tamanho 240×30 pixels e pinte-o com a cor que
desejar, lembrando que essa será a cor do mesmo para o item que for
selecionado. Depois duplique o botão mais algumas vezes e aplique
tonalidade acinzentada para definir que os mesmos são intens inativos
no momento:

cvcd

fgtv

Agora, vamos criar as linhas separadoras de seções da caixa de texto
para isto, crie um retangulo com o tamanho da largura da caixa de texto
e a altura exata a de 01 pixel (isso mesmo, 01 Pixel, ou seja, uma
linha MESMO).:

grrrrd

Agora, duplique a linha a fim de que a caixa de texto seja dividida em quantos seguimentos forem necessários:

cft

Muito bem, agora basta que você termine o seu exemplo como achar
melhor=] *(faltou um ícone para o Rss, outro para o campo de busca,
,decorativos pormenores e afragmentação do tema para que o mesmo possa
ser portado para o seu sistema favorito) , pois o caminho das pedras eu
já deixei aqui =]!

Vejo vocês no nosso próximo assunto!

05:58

COMO FAZER RAIOS LASER


Karma-Aura



Não,
isso não é nenhum artigo chato sobre comunicação de massa, politica da
comunicação e menos ainda teorias chatas mas necessárias da
comunicação. Hoje vamos aprender a criar realmente uma aura sobre
objetos e ou simplesmente a mesma aura sobre nada.


Comecemos com uma imagem nova pequena com fundo preto, creio que
700×700 pixels está ótimo, não precisando eu lembrar que quem decide o
tamanho do trabalho é você mesmo e mais NINGUÉM.


Muito bem, crie uma camada transparente sobre a camada base da
imagem e selecione a ferramenta de desenho vetorial presente na
interface principal do Gimp, representada pelo ícone abaixo:





Utilizando a ferramenta supracitada, desenhe uma linha sinuosa a seu gosto dentro da camada transparente que criamos a pouco:


Para criar um objeto com muitas linhas sinuosas, crie primeiro nós distintos como no exemplo abaixo:





Agora no modo “editar”, basta moldar as curvas do jeito que você desejar.





Agora nós vamos contornar o objeto que acabamos de criar com uma linha, este procedimento é muito simples:


Primeiro clique sobre a opção “Contornar Vetor”, feito isso, esta
caixa de diálogo irá aparecer, para obter um contorno limpo, basta
manter a opção padrão*(”Linha de contorno) selecionada e definir um
valor de largura baixo, como podem ver escolhi deixar o valor em seis
pixels.





Agora, crie uma nova camada transparente sobre a que acabamos de
trabalhar, e em seguida repita o mesmo procedimento que executamos a
pouco sobre essa nova camada, mas desta vez, escolha outra cor de
frente para que a cor do novo contorno seja diferente, azul, laranja,
vermelho são boas sugestões.


Depois sobre esta mesma camada, vamos desfocar um pouco o seu
conteúdo fazendo uso do filtro “Desfocagem Gaussiana”, caso você não se
lembre e ou não saiba o caminho até este filtro, basta acompanhar a
imagem abaixo:





Uma vez aberto o filtro vamos setar um grau de desfocagem baixo,
entre 7 e 15 pixel s é mais que suficiente para o que desejamos fazer.
Não vejo necessidade em dissecar a interface deste filtro mais uma vez,
isso porque isto já foi feito em um documento mais antigo dentro deste
mesmo blog, então basta procurar=].





Feito isso, vamos agora afinar as pontas do traço sinuoso que
criamos afim de obetermos mais harmonia, para isto vamos utilizar um
simples degradê radial, para tanto, crie uma nova camada transparente e
selecione a ferramenta de degradês , presente na interface principal do
Gimp, representada pelo ícone abaixo:





Para criarmos a forma radial aditiva(onde a parte clara forma o
circulo com bordas escuras), basta que na aba ou janela de opções de
ferramentas da ferramenta de dedradês, deixemos o campo “Inverter”
marcado.





Agora faça um pequeno circulo degradê radial, dentro da camada
transparente que criamos a pouco, logo depois aplique sobre esta camada
o efeito de camada chamado “Super-Exposição”.





Agora, combine as camadas visíveis do trabalho.





Caso você deseje, você ainda pode duplicar a camada resultante
quantas vezes quiser, afim de criar novas linhas estruturais=]. O
efeito de camada “Somente Clarear” se faz necessário caso a camada
possua fundo preto, como podemos ver no nosso exemplo.





Por fim, combine novamente as camadas visíveis e ative o nosso já
conhecido filtro distorcivo chamado “Vento”, caso você não se lembre ou
não saiba como chegar até ele, basta acompanhar a imagem abaixo:





Feito isso, faça um ajuste de acordo com a sua vontade, só lembrando
que quanto maior for o limite menos “listras” você vai obter.





Mas nem só de direita e esquerda vivem certos efeitos como este, o
mesmo também pode ser aplicado tanto na vertical quanto na horizontal,
vamos ver como fazer isso:


Primeiro vamos transformar o sentido de orientação da imagem, para
isto navegue até o submenu “Transformar” e uma vez nele, transforme a
imagem para 90 graus no sentido horário:





Agora aplique novamente o filtro distorcivo “Vento” sobre a imagem:





Pronto=]! Agora podemos deixar assim mesmo como esta:





OU fazer com que a imagem volte a sua orientação
original, retornando ao menu “imagem” presente na interface de controle
da mesma, transformando para 90 graus no sentido anti-horário=]:








E para quem gosta de um bom tira gosto, um pouco mais de luz , utilizando o que foi dito anteriormente sobre FREQÜÊNCIA E FASE no filtro “Mapeamento Alien”.








Por hoje é só =], vejo vocês no nosso próximo assunto!




05:49

EFEITO ABSTRATO COM MOSQUITO


O mosquito Psicodélico DIGITAL



Caros aprendizes,


o que iremos fazer hoje é puramente simétrico apesar de um pouquinho complexo vamos lá?


Crie uma imagem de proporções congruentes sendo que isto não é uma obrigação e sim uma SUGESTÃO.


Criada a nova imagem vamos de pronto criar um degradê com orientação
espiralada sobre a mesma, isso nos dará a base para as tão necessárias
ligações simétricas que iremos criar logo mais dentro deste documento,
as imagens abaixo ilustram esse processo:


Primeiro selecione a ferramenta de degradês presente na interface principal do Gimp representada pelo ícone abaixo:





Depois, dentro da interface de controle da ferramenta *(opções de
ferramentas) selecione a espiral no sentido horário ou anti-horário:





Selecionada a espiral, escolha um degradê que tenha transição
contínua *(como o do exemplo grifado) sem quebras de cor repentinas
*(borda preta entre uma cor e outra ou um tom e outro)





Agora vamos criar o degradê dentro da nossa imagem, esse
procedimento é um tanto pessoal, mas vamos a ele, clique em um ponto de
sua escolha dentro dos limites da extremidade superior da imagem *(pode
ser da inferior se preferir), então, sem soltar o botão do mouse
arraste a parábola para as proximidades da região central da imagem em
qualquer angulo de ataque e solte-a:





A imagem abaixo mostra o resultado do nosso degradê aplicado a imagem:





Feito isso vamos agora deformar a estrutura primária do nosso recém
criado degradê, afim de criarmos um novo padrão estrutural que forme
encaixes cortantes. A imagem abaixo ilustra o caminho até o filtro:





Uma vez aberto o filtro , configure o recurso “raio de deformação” 
com uma valoração entre 70 e 120% e utilizando as ferramentas de
moldagem denominadas “Redemoinhos”*(anti-horário e horário) misture
ambos os canais a gosto como no exemplo mostrado na interface abaixo:





Satisfeito clique em “OK” e aguarde o processamento:





Agora vamos a parte fácil, duplique a camada base da imagem e sobre
esta nova camada aplique o efeito de camada denominado “Somente
Escurecer”:





Depois, utilizando a ferramenta de espelhamento presente na
interface principal do Gimp, fala espelhamento com a orientação que
desejar, no caso do exemplo abaixo foi feito espelhamento vertical.





Agora combine todas as camadas visíveis e duplique a resultante,
sendo que sobre esta última aplique o efeito de camada denominado
“Somente Clarear”, depois espelhe a mesma no sentido que desejar =].





Agora veja o que acontece quando o efeito de camada é alterado para o “Super-Exposição” por exemplo:





Aproveitando ainda a mesma imagem, vou ensinar uma pequena mágica
para vocês, desfaçam o espelhamento e apliquem agora o efeito de camada
denominado “Diferença” sobre o trabalho. Notem que a imagem ficou
TOTALMENTE PRETA, isso ocorre porque este efeito de camada inverte a
estrutura de tons e cores da camada onde o mesmo é aplicado de  maneira
que se tornem incompatíveis com as presentes na camada inferior, o
espelhamento provoca uma interseção destes tons =]!





Muito bem, agora que já nos aquecemos podemos seguir para um nível um pouco mais agressivo


Partindo deste ponto, crie uma nova imagem seguindo as diretrizes
anteriores até a criação do degradê, porém, durante o processo de
deformação, seja mais agressivo ao ponto de se formarem deltas dentro
da imagem, isso se faz configurando uma valoração menor dentro do raio
deformativo, e fazendo um uso mais prolongado do recurso ativado:





Finado o processamento, duplique a camada base e aplique o efeito de
camada denominado “Somente Escurecer” para depois aplicar espelhamento
no sentido horizontal =].





VIRADA DE MESA


Combine todas as camadas visíveis e aplique uma pequena mudança
estrutural luminosa e colorada dentro da imagem para realçar os tons
mais escondidos -=].





Agora duplique a camada resultante e sobre esta última aplique o efeito de camada denominado “Super- Exposição” =]





E este é um dos possíveis finais mais que felizes =]





VIRADA DE MESA 2


Combine todas as camadas visíveis do final anterior e duplique a
resultante, sobre esta última aplique o efeito de camada denominado
“Diferença” -=]:





Curioso não =]?Para compensar uma eventual perda de luminosidade
basta utilizar o filtro “Mapeamento Alien” no modo “HSL” com apenas o
canal de luminosidade ativado e configurar a  seu gosto.





É isso ai, vejo vocês no nosso próximo assunto!