Logo Hardware.com.br
Rogério Guerreiro
Rogério Guer... Super Zumbi Registrado
1.4K Mensagens 1.7K Curtidas

[Tutorial] Efeito 3D simples no Gimp

#1 Por Rogério Guer... 10/10/2014 - 16:54
Há alguns anos eu fiz um tutorial ensinando esse efeito, o qual batizei de "Efeito de Profundidade". Outros o chamariam de "3D simples" e outros, ainda, de "Falso 3D". Neste tutorial, mostrarei uma outra técnica para conseguir um resultado similar. Você aprenderá a criar o efeito da figura do canto superior esquerdo, da imagem seguinte:

897f6a64346235ec9c55507489b48c14

Abra o Gimp e crie um novo arquivo, de 500 x 250 pixels, com fundo branco. Digite seu texto, de preferência com uma fonte de letras grossas (1). Nesse exemplo, estou usando a fonte Nougat ExtraBlack (figura 2) com tamanho de 130 pixels (A). Deixe as três opções marcadas, em B, e mantenha o texto na cor preta (C), mudaremos a cor depois. As últimas três opções eu as deixei zeradas (D), se bem que elas não façam tanta diferença. Na janela de camadas (figura 3), clique com botão direito do mouse sobre a camada do texto e escolha a opção "Alfa para a Seleção" (A).

1a4a7d6ec9ccf7daac35d5ddae015ead

Dê um clique na Ferramenta Zoom e, na janela de camadas, oculte a camada do texto, clicando sobre o ícone do olha, na frente dela. Mantenha a camada do fundo visível. Se você seguiu corretamente, sua tela estará como na figura 4. Com a seleção do texto ativada, vá no menu Seleção (5) e escolha "Salvar para canal" (A).

70c386d04679f3b85af261b00cd7c6fb

Se bem me lembro, a janela de canais será aberta automaticamente, assim que você salvar a seleção como canal (6). Se isto não acontecer, abra-a manualmente e clique no ícone do olha, na frente do novo canal (A), para deixá-lo visível. Desfaça a seleção, (7) indo em Seleção/Nada ou por meio do atalho: Shift+Ctrl+A.

34877a2eeca78c59b2c1fa12570f96af

É nesse canal que faremos o efeito. Com ele ativado, vá em Filtro/Desfocar/Borrão de Movimento. No quadro de diálogo, certifique-se de a opção Pré-visualização (8) esteja marcada. Em "Tipo de borrão", usaremos o primeiro, Linear (A). Para obter um resultado similar ao meu, configure o "Comprimento", em B, para 30 e o "Ângulo" para 135 e dê OK para aplicar (D). A aparência do canal mudará (9). Em seguida, vá em Cores/Níveis... (10).

2425a9894ad6870270262783726a3331

Para este ajuste, sua imagem precisa estar com 100% de zoom (11). Arraste o quadro de diálogo Níveis (12) para o lado dela. Trabalharemos no canal Valor (A). Em B, temos três controles deslizantes: clique no controle do canto direito e arraste-o para a esquerda, os outros dois controles acompanharão o movimento... ou digite os calores indicados em (C), nas caixas. Clique no botão OK quando terminar (D).

2590f9bcca19c5cd5a07a407c1277841

Vá na janela de Canais (13) e clique no penúltimo ícone, na base dessa janela (A). Isto ativará a seleção. A seguir, clique no ícone do olho, para deixar o canal oculto. Se você seguiu estas instruções, sua imagem estará similar à figura 14. Vá na janela de camadas (15) e dê um clique sobre a camada Fundo. (A).

33ed6bf078b8fa4b396131c542dc6ab2

Crie uma nova camada e dê a ela o nome de: 3D (16). Mude a Cor de Frente para: FE0000, um tom de vermelho (17). Pinte a seleção com esta cor, através do atalho Ctrl+vírgula e desfaça a seleção Shift+Ctrl+A. (18).

548a53f11478f9aee71494fdcc8d2f6a

Na janela de camadas, torne a camada do texto visível, clicando sobre o ícone do olho (19). Na figura 20 temos o resultado até o momento. Clique com botão direito do mouse sobre a camada 3D (21) e escolha a opção "Alfa para a Seleção" (A).

98826b373e3830d83b92986d39816659

Vá em Seleção/Aumentar e, no quadro de diálogo (22), digite o valor de 3 (A) e clique em OK, para aplicar. Na janela de camadas, crie uma nova camada e nomeie-a como: Contorno. A nova camada deverá ficar abaixo da camada 3D, conforme indicado na figura 23. Pinte a seleção com o vermelho e desfaça-a, utilizando os atalhos já ensinados anteriormente (24).

f5fdae029f689a122d4e947a28f8588b

Agora, só está faltando mudar a cor do texto. Na janela de camadas (25), clique na camada do texto, para ativá-la (A). Pegue a Ferramenta Texto (26) e clique com ela no meio do texto, na camada (27). Nas opções de texto (28), dê um clique sobre o retângulo da cor (A). Irá abrir um quadro de diálogo (29), no campo "Notação HTML" digite: FFFFFF, (A), este é o código para a cor branca. Dê OK, para finalizar.

314360a777dbcd4e97ff354d4656924f


Na figura 30 temos o resultado final. Podemos obter uma variação interessante, ocultando a camada Contorno (31 e 32).

cf0e3252cac6242f9b614280a2dc2794


Outras variantes se conseguem com diferentes configurações do filtro Borrão de Movimento (33). No exemplo seguinte, eu utilizei os valores de 50 e 90, para "Comprimento", e "Ângulo", respectivamente, chegando depois ao resultado da figura 34. Note, ainda, que eu empreguei cores diferentes para as camadas 3D e Contorno.


0c2f643659309a6b2868c0df8c4a5673


Veja também:
Tutorial: Botão de vidro no Inkscape
© 1999-2024 Hardware.com.br. Todos os direitos reservados.
Imagem do Modal