print
Dicas do Gimp




Introdução


O Gimp é um software livre para tratamento de imagens com uma boa variedade de efeitos, que pode suprir sem problemas as necessidades de um webdesigner e vem sendo desenvolvido no sentido de suprir necessidades específicas para uso em produções gráficas. Ele trabalha com uma grande variedade de formatos de arquivo de imagens.
Ao inciar o Gimp, a primeira coisa que se nota é que ele foge um pouco ao padrão de uso de softwares proprietários.


Capturando uma tela com o Gimp

Conforme indicado na figura abaixo, é só usar o menu:
Arquivo (File) >> Capturar (Acquire) >> Capturar Tela (Screenshoot)




É importante observar as opções disponíveis no menu Capturar (Acquire). São elas:
TWAIN é utilizada para adquirir imagens de Scanner
From Clipbord para alguma imagem que esteja na área de transferência.

Em seguida surgirá a tela mostrada abaixo:



As opções mostradas são:
Grab a single window: esta permite você selecionar qual janela ou área da tela que você quer copiar.
Grab the whole screen (Capturar todo a tela): faz uma cópia de todas as janelas ou programas abertos na área de trabalho.
After ... seconds delay: Permite que você programe quando o Gimp fará a captura da tela, permitindo assim que você feche, abra programas, ou altere a ordem das janelas, permitindo-lhe fazer demonstrações de erros, papéis de paredes, programas etc.

Corrigindo fotografias que possuem pequenas manchas, riscos, etc. .


Abra uma imagem (CTRL+O). Clique com o botão direito do mouse sobre ela e acesse a opção:

Filters (Filtros) >>Enhance (Realçar) >> Despeckle

Altere as opções e veja no preview o que acontece. Ajustando os valores de branco e preto da imagem você poderá otimizar os resultados.

Dica: Você pode ainda em alguns casos selecionar apenas parte da imagem

Corrigindo imagens borradas, e dando mais realismo as impressões


As câmeras digitais recentes produzem imagens modeladas e realistas, muitos scanners suavizam o foco de fotografias para um ponto inaceitável. Isso sem falar em impressões antigas que costuma estarem borradas ou fora de foco.

Para corrigir isso clique com o botão do mouse sobre a foto e selecione :

Filters >> Enhance >> Sharpen ou
Filters >> Image >> Sharpen (Dependendo de sua versão do GIMP)

Quando a caixa de díáogo abrir mova o slider e perceba as mudanças na janela de pré-visualização.

Corrigindo níveis


É comum vermos na internet fotos com um aspecto encardido, vagamente opaco, com sombras escuras, um tanto avermelhadas, com menos intensidade que as que vemos na vida real, sendo isto muitas vezes características dos scanners baratos ou culpa dos usuários que não sabem configurá-los.
Para ver e modificar quais partes da escala dinâmica, sua imagem realmente utiliza precisamos verificar os níveis da imagem.
Com o botão direito do mouse clique sobre a imagem desejada e selecione:

Image >> Colors >> Levels (Níveis)

Será carregada a caixa de diálogo contendo um histograma. Como você vêr na figura abaixo.



Caso a imagem não esteja muito nítida, o histograma mostra o grau de nitidez, se você quiser experimentar cuidadosamente, mova o slider do topo da esquerda para a direita, e você verá como este movimento afeta a imagem, você pode salvar a imagem em diferentes níveis mas é aconselhável você usar o botão Auto (Automático).
Este recurso é muito interessante, só não faz milagre.

Corrigindo uma imagem avermelhada, muito escura, ou com ausência de uma determinada cor.


Suponhamos que você tenha uma imagem que está com um excessivo tom de vermelho ou rosa e você quer corrigir isso.
Clique sobre a imagem com um o botão direito do mouse e escolha:

Image >> Colors >> Curve

Clique sobre o botão Value, no topo da janela que se abrirá, e selecione a cor que você deseja alterar ou remover.
A linha da janela principal tem apenas dois pontos de controles, porem é possível acrescentar mais três ou quatro pontos de controle.
Quando estiver a seu gosto clique em OK.



Usando o Filtro Motion Blur


Veja a imagem abaixo, perceba que ela tem uma ligeira impressão de movimento.



Para conseguir este efeito clique com o botão direito do mouse sobre a figura e selecione as opções:

Filters >> Blur >> Motion Blur

Mapeando imagens para a Web


Você já deve ter visto em sites em que, ao clicar em uma determinado imagem, automaticamente você é direcionado para uma outra pagina ou link. Para alguns webdesingners mais céticos, o Gimp oferece uma ferramenta muito completa para isso. Basta apenas clicar com o botão direito do mouse na imagem desejada e escolher :

Filters >> Web >> Image Map

Você verá a tela abaixo, que dispõe diversas ferramentas úteis e intuitivas.



É só salvar tudo e anexar a sua página o arquivo gerado com as informações necessárias para o(s) link(s) da(s) imagem(ens).

Conhecendo o efeito Supernova.


Veja a imagem Espaço.jpg



Agora, vamos fazer surgir o sol iluminando o planeta terra. Para isso, clique com o botão direito do mouse sobre o a imagem e escolha a seguinte opção:

Filters >> Light Effects >> Supernova

Mova a supernova para o local desejada, escolha o o tamanho a cor e o resultado será como o que temos abaixo:



Dica: O efeito supernova também pode ser utilizado para criar uma lua do exemplo seguinte.

O efeito Vitral


O Gimp traz um filtro chamado Tile Glass, que permite criar vitrais, ladrilhos, etc. Ao clicar com o botão direito do mouse sobre uma imagem e escolher a opção:

Filters >> Glass Effects >> Tile Glass

Você terá uma imagem como a que esta sendo mostrada abaixo:



Dando Volumes as suas Fontes


Nesta parte do manual, será feita apenas uma introdução, pois há muitas outras maneiras de fazer este efeito. Daremos um pouco de prioridade ao uso de layers (camadas).

1. Crie uma imagem com um fundo claro ou branco



2. Crie um layer transparente, clicando na caixa Layers, Chanels and Paths ou clicando com o botão direito do mouse sobre a imagem e selecionando a opção layers.

3. Clique no botão New Layer (Nova camada) e você vera a a caixa de dialogo abaixo selecione transparente e clique em OK



Após isso, a caixa Layers, Chanels and Paths estará com a aparência mostrada abaxo. Selecione, então, o novo layer e, em seguida, clique na imagem, depois na ferramenta de texto, e digite o texto desejado.
Após digitar o texto, clique na ferramenta de seleção para que o texto e clique em qualquer lugar da imagem para deselecionar o texto.
Agora, é só clicar com o botão direito do mouse sobre a imagem e escolher a seguinte opção:

Script-Fu >> Decor >> Add Bevel

OBS: O Menu Script-fú oferece rotinas prontas para a geração de diveros efeitos, optei pelo uso dele aqui para ficar mais facil o entendimento por pessoas não acostumadas com programas graficos, mas esta não é a única forma de adicionar relevo ou volume no GIMP

Na tela mostrada abaixo desmarque a opção : Work on copy ( exceto se você não tiver certeza de que vai aplicar este efeito), escolha a quantidade de volume na opção Thickness e clique em OK.



E o resultado é algo como os exemplos que é mostrado nas imagens abaixo:



Porém, antes de pensar em salvar clique na imagem com o botão direito do mouse, e escolha a opção:

Layers >> Merge Visible Layers ou tecle CTRL + M

Agora é só salvar a imagem e colocar por exemplo em sua homepage.

Dica: Você verá mais a frente que este recurso é útil na criação de botões.

Aproveitando areas importantes de uma imagem.


Muitas vezes, quando criamos um site, é comum a preocupação com a rapidez que estas paginas e imagens serão abertas. Um recurso muito útil no GIMP permite que você possa “Aparar” uma imagem veja o exemplo abaixo:



Temos a imagem de um avião. Observe que o avião está no centro da imagem e que temos todo aquele espaço ao redor que não acrescenta nada a imagem. Agora, imagine que temos 50 imagens semelhantes para mostrar no site. Se reduzirmos o tamanho das imagens elas serão mostradas muito mais rapidamente que antes. Esta é uma maneira de aproveitar áreas importantes usando a ferramenta Crop or Resize:

Dica! interressante é que antes de aplicarmos algum efeito em uma foto é aconselhavel convertê-las para formatos descompactados, como BMP ou Tiff.

Formatos como Jpg e GIF são formatos compactados e, ao serem alterados repetidamente, vão perdendo qualidade e com isso ou seu trabalho poderá ficar prejudicado.

Agora, vamos utilizar a Toolbox do Gimp, clicar na ferramenta Crop or Rezise e selecionar somente a área da imagem que realmente nos interressa.



E, depois, clicar em Crop. O resultado será mostrado abaixo:



Agora, temos a figura mostrando só o que é importante.

Dando volume e sombra as sua imagens


Já vimos alguns exemplos de fontes com volumes, agora veremos um jeito fácil de inserir sombras a textos e assim criar fontes. Para incrementar ainda mais, vamos inserir volumes e sombras.

Como já citado anteriormente vamos criar uma imagem com fundo branco. Eu criei uma com 80 pixels de altura e 350 de altura e, em seguida, na caixa Layers Chanels e Paths criei um novo layer e escolhi a opção transparente. Feito isso, é hora de acrescentar o texto desejado e usar uma cor, que pode ser a mesma do fundo. Em seguida, vamos deselecionar o texto, clicar o botão direito do mouse e escolher:



Script-Fu >> Shadow >> Drop Shadows

Na tela que aparece em seguida, você tem as seguintes opções:

Offset X e Y: marque valores baixos (no exemplo abaixo eu usei o valores de X e Y em 4 ).
Blus Radius: O padrão é 15 mas você pode alterar conforme a sua vontade.
Color: Permite a você escolher a cor da sombra .
Opacity: Permite a você controlar o grau de densidade da sombra.
Reset to Default: Volta as opções atuais para as opções padrão.
Allow Resizing: Redimensiona a imagem. No nosso exemplo, vamos manter esta opção desmarcada.



Agora vamos acrescentar a imagem volume:
Clique com o botão direito do mouse sobre a imagem e escolha;

Script-Fu >> Decor >> Ad Bevel

Na tela que se abrirá desmarque a opção Work on copy , aumente ou diminua a opçãoThickness conforme o seu gosto e clique em OK.

O resultado é a imagem que vemos abaixo :



Criando Gifs Animados e Transparências em arquivos GIF e PNG


Para trabalharmos com o Gimp, a primeira coisa a ser feita é obter e instalar um plugin que permite a gravação de arquivos no formato GIF.
Dica: O formato PNG também aceita transparências e o procedimento para salvar um arquivo PNG é semelhante ao de um arquivo GIF. As imagens em PNG são abertas por praticamente todos os navegadores mais usados (IE, Mozilla,Opera,Navigator,Konqueror, etc) e por programas gráficos diversos, ou seja, é uma alternativa ao GIF que é um formato proprietário.

Criando um gif animado com o GIMP ( * )

1. Crie uma nova imagem (400x60). Coloque uma texto qualquer, um slogan, uma imagem, ou um texto e uma imagem, etc.
2. Adicione um Layer. Coloque um segundo frame e adicione outro texto que complemente o texto da imagem anterior ou simplesmente a frase : "Clique Aqui".



3. Clique com o botão direito do mouse na imagem e use Image >> Mode >>Indexed ou as teclas A+I. (este procedimento é necessario para fazer um arquivo .gif animado ou simples ou ainda um png com transparências).
4. Use Filters >> Animations >> Playback para ver a animacao.
5. Salve a imagem com o Formato *.gif, não esqueça de marcar a opção Save as Animation e clique no botão Export File.
6. Não faça os frame delays ( atrasos entre os quadros ) muito curtos ou as animações ficaram muito rapidas. É aconselhavel valores altos, no nosso exemplo eu usuei um delay de 1000 Milleseconds, ou seja quanto maior o delay mais lenta é a apresentação. Você ira configurar o frames delays na tela abaixo:



Agora é só você Teclar OK e abrir o seu editor web preferido e inserir o seu banner.

( * ) Esta dica foi retirado do site http://linux.brasileiro.net e adaptada para a versão 1.2.3 do GIMP e foi tambem acrescentado mais detalhes, imagens e comentários feitos por mim.

Inserindo Transparências com o GIMP


Uma das formas mais facil de inserir transparências no GIMP é utilizar o filtro de transformação Color to Alpha, que acompanha a versão 1.2.x do Gimp:

Filters >> Colors >> Color to Alpha

Clique com o botão direito sobre a caixa de cor da janela Color to Alpha, ou arraste para ela a cor desejada e aplique o filtro. A imagem deve ser RGB, e isto possibilita a criação de cores 'semi-transparentes' (com valores RGB próximos à cor indicada).

Quando for salvar a imagem ela poderá ser em formato GIF ou PNG, mas não esqueça de alterar a imagem para o Modo Indexed (Image >> Mode >>Indexed ou as teclas A+I ) e depois salve o arquivo.

Criando textos com bordas


Uma dúvida que faz parte do cotidiano é se o Gimp permite que seja feito textos com bordas e existem varias maneiras de fazer isso, mas estou priorizando a simplicidade por isso vou mostrar uma maneira bem facil de fazer isso, mas não é a única.

1. Crie uma imagem RGB 300 X 100.
2. Digite o texto que pretende usar e cole-o no local desejado
3. Use a ferramenta de seleção contigua e mantendo a tecla Shift pressionada, vá clicando de letra em letra até selecionar todas.
4. Após selecionar todo o texto clique com o botão direito do mouse na opção Select >> Border, escolha o valor em pixel, no exemplo e usei 2 pixels mas isso vai depender do tipo de fonte que você escolheu.
5. Com você poderá ver o texto aparecerá selecionado, clique com o botão direito do mouse e escolha : Edit >> Fill with FG Color ou Fill with BG Color (Escolha a cor antes).

Veja um exemplo aqui:



Ainda é possível colocar uma efeito num texto com borda.

1.Crie uma imagem RGB 300 X 100.
2.Digite o texto que pretende usar e cole-o no local desejado


3.Use a ferramenta de seleção contígua e pressionando a tecla Shift vá clicando e selecionando letra por letra.
Quando todas as letras estiverem selecionadas, clique com o botão direito do mouse sobre a imagem e escolha: Select >> Grow e escolha 3 ou 4 pixels e clique em OK.



No menu mostrado acima você escolhe Grow e a imagem ficará semelhante a esta abaixo:



Feito isso, clique com o botão direito do mouse sobre a imagem e escolha Edit >> Fill With Fg Color mas não esqueça de antes de fazer isso escolher qual será a cor a ser utilizada na Toolbox do Gimp. Sua imagem terá o aspecto mostrado abaixo :



Sendo que, a partir daí, ainda ta para aplicar mais alguns efeitos para a imagem ficar mais interessante, como por exemplo a partir daí ir para o layer plano e selecione as letras da palavra Linux e pedir Select >> Shrink escolher por exemplo 2 pixels e em seguida Script-fu >> Décor Add Bevel , marcar Tickness = 5 (podendo variar a depender da fonte usada ou do seu gosto) , e sua imagem deverá ficar como a mostrada abaixo:



Criando um Texto Flamejante


1. Crie uma RGB com fundo preto, o tamanho neste e exemplo eu usarei : 300 x 70 px
2. Digite um texto qualquer em branco por exemplo Hotlinks:



3. Quando a sua imagem estiver com a aparência da imagem acima, clique com o botão direito do mouse sobre a imagem e escolha as seguintes opções :

Image >> Transforms >> Rotate >> 90 Degrees

4. Sua imagem deverá estar da forma mostrada a abaixo.



5. Clique com o botão esquerdo do mouse sobre a imagem e escolha:

Filters >> Distorts >> Wind

Na que se abre marque os seguintes valores :

Style = Wind
Direction = Left
Edge Affected = leading
Threshold = 10
Strenght = 10

6. Tecle OK e em seguida clique com o botão direito do mouse e escolha a seguinte opção:
Image >> Transforms >> Rotate >> 270 Degrees



Sua imagem deverá estar igual a que está sendo mostrada acima.

7. Clique com o botão direito do mouse sobre a imagem e escolha:

Filters >> Blur >> Gaussian Blur (RLE)

Escolha um valor entre 3 e 5

8. Agora clique na Toolbox e escolha o Gradient chamado incandescent



9. Feito isso, clique com o botão direito do mouse sobre a imagem e escolha a opção:

Filters >> Colors >> Map >> Gradiente Map

Para finalizar a abra a caixa Layers , Chanels and Paths e crie udas cópias do layer da imagem e mude a propriedade das cópias para Adition conforme na imagem abaixo:



Aqui está o resultado :



Autoria


Este manual foi escrito por Cláudio Santos, usuário de Linux Mandrake, Linux Slackware e Windows 2000, e reeditado e revisado por Vitor Cheregati, usuário de Linux Debian. Este manual foi editado com uso de OpenOffice.

Last modification: 08/12/2007 at 22:53, by: zepower