domingo - 04 / 07 / 2010

Gimp: Texto com sombra interna (inner shadow)

Essa semana, em uma conversa com Luiz (do TheNets) surgiu a dúvida sobre como criar uma sombra interna (inner shadow) em um objeto (um retângulo, por exemplo) usado o Gimp.

Apesar de ter passado um modo de fazer que resolvia a coisa no momento, o mesmo não se aplicava muito bem aos textos.

Considerando que fiquei com dúvidas também, resolvi pensar um pouco e tentar uma solução que pudesse ser aplicada tanto aos objetos quanto aos textos.

Depois de uns testes cheguei a um resultado bem melhor.

Vamos ao passo a passo:

No Gimp, crie uma nova imagem e digite um texto de sua preferência.

Em seguida, crie uma nova camada sobre o texto (ctrl+shift+n).

Nessa nova camada, com a ferramenta de seleção retangular (r), desenhe um retângulo sobre o texto e preencha com a cor que quiser usar na sombra (usei preto mesmo).

Selecione a camada com o texto, clique sobre ela com o botão direito no mouse e selecione a opção "Alfa para seleção".

Selecione agora a camada onde desenhamos o retângulo (a seleção do texto ainda deve estar ativa).

Reduza a seleção alguns pixels (uns 2 por exemplo) e recorte (ctrl+x).

O retângulo deverá ficar com o contorno do texto agora.

Vá até o menu Filtros > Desfocar > Desfocagem gaussiana e aplique um desfoque de alguns pixels (não exagere).

Selecione novamente a camada com o texto e dê novamente "Alfa para seleção"

Volte para a camada com o retângulo, inverta a seleção (ctrl+i) e recorte (ctrl+x).

Pronto!

Se quiser mover livremente nosso texto, basta selecionar a camada onde estava o retângulo, clicar com o botão direito sobre ela e escolher a opção "Combinar abaixo".

Pode parecer complicado, mas garanto que é simples e rápido criar esse efeito.

Segue um vídeo que gravei como exemplo:

Bom, é a primeira vez que posto um vídeo no YouTube e ele não ficou lá essas coisas, mas acho que lendo o post e assistindo em seguida dá pra entender como a coisa funciona. ;-)


5 Comments to “Gimp: Texto com sombra interna (inner shadow)”

  1. Luiz Felipe disse:

    E aew cara, bela explicação, eu tinha feito algo parecido com o que você explicou aqui junto com o email que você me enviou e consegui ter o resultado que eu precisava. Com certeza será de grande ajuda para os iniciantes.
    O seu video-tutorial também ficou muito, só acho que seria bom tivesse uma narração =)

    Flws cara, abraços.

  2. Leandro disse:

    Muito obrigado.

    Tenho muitas habilidades para manipular imagens, mas seu vídeo ficou muito bem explicado e me ajudou a fazer o que eu queria.

    Muito obrigado !

  3. Anderson Hipocreme disse:

    muito boa essa dica ma estou com uma dificuldade…
    reproduzir esse efeito em um fundo branco…
    você tem idéia de como se aplicaria esse efeito em um texto preto num fundo branco???
    não consigo de modo algum reproduzir isso…

    • diggao disse:

      Olá Anderson!

      O procedimento seria o mesmo mostrado no vídeo. Contudo, no lugar de adicionar uma textura como mostrei, basta deixar o fundo branco mesmo.

      Caso fique de outra cor, selecione a camada correspondente ao fundo, clique na ferramenta do "balde de tinta", escolha a cor branca e clique sobre a camada.

      Depois é so seguir os demais passos.

Trackbacks/Pingbacks

  1. Diggão

Deixe um comentário

Campos marcados com * são obrigatórios Você pode usar essas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Spam Protection by WP-SpamFree

Translate

Últimos Twites