O Tux vai à escola: Uma introdução à edição de imagem com o GIMP

8/14/2019 O Tux vai escola: Uma introduo edio de imagem com o GIMP

1/14

O TUX VAI ESCOLA: UMA INTRODUO EDIO DE IMAGEM COM O GIMP

O GIMP (GNU Image Manipulation Program) (http://www.gimp.org/) uma aplicao de SoftwareLivre para desenho e edio de imagem digital. As imensas ferramentas e filtros disponveis permitem a suautilizao para desenho livre com rato ou mesa digitalizadora, edio e manipulao de fotografias, criaode logtipos, etc.

Depois de iniciar o GIMP, comece por organizar a sua rea de trabalho. Maximize a janela principal,posicione a seu gosto a janela com a caixa de ferramentas e a janela das Camadas (Layers), Canais(Channels), Caminhos (Paths), etc. Se no encontrar alguma destas janelas, utilize o menu Janelas(Windows) para activar a janela de que necessita. Neste tutorial iremos apenas utilizar a janela da caixa deferramentas e a janela de Camadas.

ASSOCIAOENSINO LIVRE OPENLAB ESEVE.N. 111 PROJECTO DE SOFTWARELIVRE DA ESEV3140 - 274 MONTEMOR-O-VELHO ESCOLASUPERIOR DE EDUCAO DE VISEUHTTP://WWW.ENSINOLIVRE.PT/ HTTP://WWW.ESEV.IPV.PT/OPENLAB


2/14

1. Caixa de ferramentas do GIMPA caixa de ferramentas do GIMP a janela mais importante da aplicao. Nela encontramos as principaisferramentas da aplicao. A rea que surge abaixo das cores de primeiro plano e de fundo varia consoantea ferramenta seleccionada apresentando os respectivos parmetros de configurao.

Seleco de rea rectangular

Seleco livre

Seleco de reas com mesma cor

Selecciona cor do pixel

Medio de distncias e ngulos

Alinhamento da seleco

Rotao da seleco

Inverso/espelhamento da seleco

Balde de tinta

Desenhar com lpis

Borracha

Desenhar com tinta

Correco de irregularidades

Enevoar (blur) ou afiar (sharp)

Escurecer ou aclarar

Cor de primeiro plano

Seleco de rea oval

Seleco de reas contguas com coresprximas

Seleco de reas respeitando os limitesexistentesCriao e edio de caminhos

Lupa/Zoom para afastar/aproximar

Mover a seleco

Recorte das reas na borda da imagem

Redimensionar a seleco

Alterar a perspectiva da selecoCriao de texto

Criao de degrads/gradientes

Desenhar com pincel

Desenhar com aergrafo

Pintar clonando ou copiando reaseleccionada

Borrar

Cor de fundo



3/14

2. Criar uma nova imagemNo canto superior esquerdo da janela principal, clique no menu File (Ficheiro) e escolha a opo New...(Nova...) para criar uma nova imagem. Na janela Create a New Image (Criar uma Nova Imagem), escolhao Template (Modelo) para uma imagem com 640 pixels de largura e 480 pixels de altura. Clique em OK.

3. Criar e nomear camadasNa janela de Camadas, clique duas vezes no nome da camada

que o GIMP criou automaticamente e atribua-lhe o nomeFundo Branco.Clique com o boto direito do rato em cima da camada FundoBranco escolha a opo New Layer... (Nova Camada...). Na janela para criao de nova camada atribua o nome FundoPreto, mantenha os valores para altura e largura, escolha aopo para preenchimento com transparncia e clique em OK.



4/14

4. Preencher a nova camada com uma cor Na janela da caixa de ferramentas, clique na cor de primeiro plano e utilize a janela que ir surgir paraescolher o preto como cor de primeiro plano.

Certifique-se que tem a camada Fundo Preto seleccionada. Active a ferramenta Balde de tinta (na caixade ferramentas) e clique na sua imagem para pintar a camada com preto.

Agora, dever estar a ver um rectngulo com 640x480 preenchido com preto. A sua camada Fundo Pretoest por cima da camada Fundo Branco. Se assim o desejar, pode utilizar a janela de camadas para trocar a ordem (clique na camada Fundo Preto e arraste-a para baixo da camada Fundo Branco) ou paraesconder camadas (clique no olho esquerda do nome da camada para esconder ou mostrar a respectivacamada).

Para continuar este tutorial dever ficar visvel a camada Fundo Branco. Ou seja, pode optar entre

esconder a camada Fundo Preto (clicar no cone do olho esquerda do nome da camada) ou trocar aordem das camadas, ficando a camada Fundo Branco em cima da camada Fundo Preto.



5/14

5. Adicionar o Tux nossa imagemVisite o endereo http://en.wikipedia.org/wiki/File:Tux.png e copie a imagem do Tux (clique com o botodireito do rato em cima da imagem e escolha a opo Copiar Imagem) disponvel na Wikipdia. Estapopular imagem do Tux foi criada em 1996 por Larry Ewing ([email protected]) com o GIMP.A vantagem de utilizarmos esta imagem em formato PNG que o fundo da imagem j transparente e,portanto, poupamos o trabalho de limpar a cor de fundo.

De regresso ao GIMP, aceda ao menu Edit (Editar), opo Paste as (Colar como) e Nem Layer (NovaCamada). Ou seja, a imagem do Tux ir ser colada como uma terceira camada na nossa imagem.



6/14

Utilize a ferramenta de alinhamento para centrar a imagem do Tux.

Em primeiro lugar, clique na ferramenta de alinhamento. Depoisclique na imagem do Tux para activar os botes que permitemalinhar ao centro na horizontal e na vertical.

Aps esta etapa, dever ter uma imagem com 3 camadas e com umaspecto global semelhante a este:



7/14

6. Adicionar texto com um caminhoActive a ferramenta para criar caminhos (caixa de ferramentas) e clique com o rato nos pontosassinalados com crculos vermelhos. O GIMP ir criar uma linha recta, um caminho, entre estes dois pontos.Depois, clique com o rato no meio da linha e arraste-a para cima da cabea do Tux at ficar com uma linhasemelhante da imagem abaixo.Se se enganar, pode desfazer com o Ctrl+Z e voltar a tentar.

Quando estiver satisfeito com o caminho criado active a ferramenta para edio de texto.

Desenhe uma caixa de texto e escreva:Escola Secundria do Software Livre

Pode utilizar a janela de configurao para escolher o tipo de fonte, tamanho e alinhamento a seu gosto.

Na janela de camadas dever ter surgido agora uma nova camada no topo com o texto que acabou deescrever. Clique com o boto direito do rato na camada do texto e escolha a opo Text along path (Textoao longo do caminho).



8/14

O texto que escreveu dever ter surgido com um alinhamento de acordo com a linha traada anteriormente.

Aceda janela dos Paths (Caminhos), seleccione o caminho do texto, o nico caminho visvel (que temo cone do olho visvel), clique com o boto direito do rato e escolha a opo Path to Selection (Caminhopara Seleco).

NOTA: se no tiver disponvel a janela de caminhos, aceda ao menu Janelas (Windows) e active a janelaCaminhos (Paths)

Na janela de Camadas, com o boto direito do rato, crie uma nova camada. Atribua o nome Ttulo novacamada e clique em OK.,

Na caixa de ferramentas, active a ferramenta para criao de degrads/gradientes.

Escolha um gradiente a seu gosto. Com a ferramenta para criao de gradientes activada, clique na sua



9/14

imagem com o rato e arraste-o desenhando uma linha. esta linha que ir determinar o seu gradiente. Seno gostar do resultado, pode desfazer (Ctrl+Z) e traar uma nova linha ou escolher outro gradiente.



10/14

7. Melhorando o aspecto da imagemQuando estiver satisfeito com o aspecto do ttulo da imagem, aceda ao menu Select (Seleccionar) eescolha a opo None (Nada) para retirar todas as seleces.

Na janela de Camadas pode agora esconder a camada do texto que escreveu anteriormente (clique nocone do olho esquerda do nome da camada).

Na janela dos Caminhos pode agora esconder o caminho que utilizou para deformar o texto (clique no conedo olho esquerda do nome do camonho).

Seleccione a camada com o nome Ttulo e utilize as ferramentas para Mover e de Rotao para melhorar o alinhamento do seu ttulo.



11/14

8. Criar um sombreado no texto do ttuloSeleccione a camada Ttulo. Aceda ao menu Filters (Filtros), opo Light and Shadow (Luz e Sombra) eescolha a opo Drop Shadow.

Configure o sombreado a seu gosto e clique em OK. Uma nova camada foi criada para a sombra.



12/14

9. Criando um novo fundoEsconda a camada Fundo Branco (clique no cone do olho esquerda do nome da camada). Revele acamada Fundo Preto (clique na caixa do cone do olho esquerda do nome da camada). Dever estar aver o Tux e o ttulo da sua imagem com um fundo preto.

Active a ferramenta para criao de degrads ougradientes.

Escolha o gradiente do tipo Burning Paper (Papel aarder).

Escolha uma forma Radial para o gradiente.

Assegure-se que tem a ferramenta para criao degradientes activada. Assegure-se que tem a camadaFundo Preto seleccionada.

Desenhe uma linha recta entre o centro da imageme o limite inferior da imagem. Desenhe a linhapartindo do centro.



13/14

10. ltimas sugestesa) Crie outros fundos com gradientes diferentes.

b) Refaa o ttulo escolhendo outro tipo de gradiente ou criando um caminho diferente.

c) Adicione outros textos ou imagens.

d) Duplique as camadas para no perder o trabalho feito (clique com o boto direito do rato na camada quepretende duplicar e escolha a opo Duplicar Camada) e experimente utilizar as ferramentas disponveis

no menu Colors (Cores).

Para gravar a imagem, utilize o menu File (Ficheiro) e as opes Save as... (Guardar como...) ouExport... (Exportar...), dependendo da verso do GIMP que estiver a utilizar.



14/14

Ttulo: O Tux vai escola: Uma introduo edio de imagem com o GIMP

Autor: Nelson A. F. GonalvesData: 2009Edio/Publicao: Associao Ensino Livre e OpenLab ESEV (ESE Viseu)

Esta obra est licenciada sob uma Licena Creative Commons Atribuio-Partilha 3.0 Pode copiar, distribuir, exibir e criar obras derivadas a partir deste documento. As novasobras devem dar crdito ao autor original e se alterar, transformar, ou criar outra obra combase nesta, s poder distribuir a obra resultante atravs de uma licena idntica a esta.

Mais informaes sobre a licena: http://creativecommons.org/licenses/by-sa/3.0/


A Associao Ensino Livre tem como finalidade promover a utilizao desoftware livre e a produo de contedos livres nos processos de aprendizagem,nomeadamente ao nvel do sistema de ensino. Acreditamos que oconhecimento colectivo enriquecido pela partilha livre de saberesindividuais e/ou organizacionais, tendo presente que o prprio software,tambm ele uma forma de conhecimento. Cremos tambm que esta atitudecultural contribui para o desenvolvimento e o interesse dos jovens pelas novastecnologias e pelo ensino, num mundo em que este binmio se assumedeterminante para o desenvolvimento de uma sociedade.

Visite-nos em http://www.ensinolivre.pt

E-mail: [email protected]: Associao Ensino Livre, Estrada Nacional 111, s/n, 3140-274 Montemor-o-Velho

Apoio: Associao Diogo de Azambuja
http://www.ensinolivre.pt/http://www.ensinolivre.pt/http://www.ensinolivre.pt/

Documents

O Tux vai à escola: Uma introdução à edição de imagem com o GIMP