Você está na página 1de 26

Criatividade nas asas da liberdade

Nº 8 JUNHO DE 2008

T UT O R I A L
C e n á r i os D i g i t a i s

A N Á L IS E
S c r i p t p a r a e f e i t os
e m t e x t os

ENTREVISTA
Er i c k H e n r i q u e

Veja também:
P i n t a n d o c om a f e r r a m e n t a C l on a g e m ,
I m a g e m D e s ta q u e

www.ogimp.com.br
Creative Commons

Atribuição-Uso Não-Comercial-Compartilhamento pela mesma licença 2.5 Brasil

Você pode:

- copiar, distribuir, exibir e executar a obra


- criar obras derivadas

Sob as seguintes condições:

Atribuição. Você deve dar crédito ao autor original, da forma


especificada pelo autor ou licenciante.

Uso Não-Comercial. Você não pode utilizar esta obra com


finalidades comerciais.

Compartilhamento pela mesma Licença. Se você alterar,


transformar, ou criar outra obra com base nesta, você somente
poderá distribuir a obra resultante sob uma licença idêntica a
esta.

- Para cada novo uso ou distribuição, você deve deixar claro para outros os
termos da licença desta obra.
- Qualquer uma destas condições podem ser renunciadas, desde que Você
obtenha permissão do autor.

Qualquer direito de uso legítimo (ou "fair use") concedido por lei, ou qualquer outro
direito protegido pela legislação local, não são em hipótese alguma afetados pelo
disposto acima.

Este é um sumário para leigos da Licença Jurídica (na íntegra).

Termo de exoneração de responsabilidade

Condição da Atribuição DE: "by"


A Reprodução do material contido neste Fanzine é permitido desde que se incluam os créditos aos
autores e a frase: “Reproduzido do GIMPZINE Nº 8 – www.ogimp.com.br” em local visível.

O GIMPZINE declara não ter interesse de propriedade nas imagens, os direitos sobre as mesmas
pertencem a seus respectivos autores/proprietários. Esta licença não se aplica a nenhuma imagem
exibida no zine, para utilização da mesma obtenha autorização junto ao autor.
SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM

CONEXÃO COM O LEITOR ENTREVISTA


Avisos, correções, cartas ... Erick Henrique (Designer)
pág 4 pág 18

ANÁLISE DICAS
Efeitos em textos Janela de Navegação
pág 5 pág 24

TUTORIAL IMAGEM DESTAQUE


Cenários Digitais Imagem selecionada
pág 8 pág 25

Simulando desenhos vetoriais (final)


pág 14

Pintando com a ferramenta


Clonagem
pág 16

SOBRE OS AUTORES
Anderson Prado (AndeOn) - Mante- Mozart Couto - Quadrinhista, ilustra-
nedor do site www.ogimp.com.br forma- dor e artista plástico. Autodidata, atua
do em tecnologia em informática atua profissionalmente nas áreas citadas
na área, escreve tutoriais e contribui desde 1979. Tem vários trabalhos
com imagens para projetos da publicados no Brasil e exterior. Há três
comunidade livre nas horas vagas. anos descobriu o mundo dos softwares
andeonbr-ogimp @ yahoo.com.br livres e tem estudado e utilizado espe-
cialmente o Gimp, passando, sempre
Guilherme (Razgriz) - Publicitário que é possível, suas experiências em
(Diretor de arte) desde 2002, sendo que tutoriais. Para mais detalhes sobre sua
utiliza apenas software livre no seu obra.
CAPA - The winter glass
ambiente de trabalho e residência, o visite: www.mozartcouto.com.br
mesmo também ministra cursos sobre O Conteúdo assinado, e as imagens que o integram,
são de inteira responsabilidade de seus respectivos
edição de imagens/programação visual
autores, não representado necessariamente a
além de quando possivel contribuir com
opinião do zine e de seus responsáveis.
a comunidade escrevendo artigos e Todos os direitos sobre as imagens são reservados
a seus respectivos proprietários.
documentos diversos.
hellcomdev @ gmail.com
O que é GIMP
(GNU Image Manipulation Program) como seu
próprio nome já diz, ele é um programa de
manipulação de imagens e esta sob os termos da
licença GNU (GPL).
EDITORIAL
Coordenação e Diagramação: Nota: Este zine foi montado com o Scribus, um
Anderson Prado software opensource de diagramação.
Arte da capa: http://www.scribus.net
Guilherme (Razgriz)
Colaboradores desta edição:
GIMPZINE é uma publicação do site OGimp! Mozart Couto, Guilherme (Razgriz)
SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM

Correções, Avisos,
C a r ta s . . .

Quer publicar seu Aviso Importante:


artigo na GIMPZINE? Os desenvolvedores do GIMP criaram um blog o
http://www.gimp-brainstorm.blogspot.com para
Para contribuir acesse o site colher sugestões para a nova interface do GIMP.
http:\\www.ogimp.com.br vá no menu Agora é sua chance de opiniar e ajudar o GIMP a
contato e envie o texto com o Titulo de ter uma interface muito mais funcional. Participe !
seu artigo na mensagem, escreva um
Dúvidas sobre como proceder o envio ? Entre em
resumo sobre o que se trata seu artigo. Se
contato pelo site OGIMP que responderemos na
não existir o tema abordado e se ninguém
medida do possível. Pois é interesse de todos nós.
mais estiver escrevendo sobre o mesmo
assunto, você tem grande chance de seu
artigo ser aprovado.
Eventos Software Livre:
No artigo deve conter o nome do autor Evento CESoL-CE
que pode ser substituído pelo nickname
Site: http://www.cesol.ufc.br/
"apelido" , nome da empresa, projeto se
Data: de 19 a 23 de Agosto de 2008
estiver relacionado, endereço de email
e/ou página.
obs: Os eventos devem ser confirmados com seus

O texto, preferimos que envie em formato idealizadores e fontes, não somos responsáveis pelas
informações ou cancelamentos de datas.
.txt e é claro, que faça uma revisão
gramatical. As imagens devem ser
preferencialmente em .PNG com, no
mínimo, 75 DPI. No texto deve haver o
referenciamento às imagens para
podermos alocá-las corretamente no
artigo. ERRAMOS!

O arquivo de texto e a imagens devem ser Nenhum erro foi informado nas edições
compactados em único arquivo quando anteriores !
for enviado.

obs: Os erros publicados aqui implicam na correção


Agradecemos desde já suas futuras
das edições anteriores. Ao realizar o download do
contribuições
mesmo, provavelmente não encontrará mais o erro.

Exemplo gimpzine1.2 significa: Edição nº 1 - 2º

(segunda) correção.

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 4 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM

E f e i t os e m t e x t os
c om S c r i p t - f u
Por Anderson Prado (AndeOn)

N
esta analise irei apresentar 3 em "..\GIMP-2.0\share\gimp\2.0\scripts" com o
Scripts, sei que este negocio de programa fechado, caso ele esteja aberto
script e plug-in ainda confunde o feche e abra novamente para carregar o script.
usuario GIMP afinal ele serve
também para incrementar a ferramenta, então O primeiro Script apresentado é o
muitos o chamam de plug-in também, só não "Chrominium" [2] ele fornece um efeito
podemos esquecer que os scripts tem a cromado muito realista, para aciona-lo acesse
extensão .scm e devem estar na pasta correta o menu Extras → Script-Fu → Logos →
e nem de informar aos novatos sobre estas Crominium na janela que surgir basta
diferenças. escrever o texto e selecionar as opções
desejadas como degradê, cor de contorno, cor
Os scripts foram baixados no site Gimpscript de fundo e sparkles em volta do texto (ver
[1] lá é possivel encontrar outros scripts com figura 1).
o mesmo intuito de enfeitar textos além
destes aqui analisados, devido ao uso Apesar de apresentar poucas variações de
especifico e as opções simples dos scripts a opçoes temos um efeito muito caprichado no
análise será rapida, o importante é adicionar final. (ver figura 2 e figura 3).
novas funções ao GIMP.

Os arquivos devem ser descompactados


apontando para o diretorio scripts geralmente

Figura 2: Efeito aplicado com a configuração padrão do script

Figura 3: Efeito aplicado mudando fonte e outras opções.


Figura 1: Janela de configuração do script

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 5 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM

Agora conheceremos o "Bling Text" [2] que queira que o script crie os quadros de
cria um efeito animado no texto com texturas animação. (ver figura 4).
pré-definidas. Em homenagem as garotas
exibiremos um exemplo com direito a efeito de Comparando as imagens abaixo podemos
corações animados, claro que no zine não será notar a variação no alinhamento da textura
possível visualizar a animação. corações dentro do contorno no texto.

Note que no arquivo compactado do Bling


vem uma pasta com texturas elas devem ser
alocadas na pasta "patterns" depois da
descompactação, senão o efeito não
funcionará, pois elas são parte integrante do
script.

Para aciona-lo acesse o menu Extras → Script-


Fu → Bling text na janela que surgir basta
escrever o texto desejado e configurar as
opções desejadas como tipo de fonte, cor da
borda e de fundo etc, lembre-se de selecionar
em Sparkle Type a textura do efeito a ser
animado e de marcar a opção animate caso

Figura 5: Efeito aplicado textura Hearts TBG

Para visualizar a animação na tela do GIMP é


preciso execultar o filtro reproduzir localizado
no menu filtros → animação → reproduzir. (ver
figura 6)

Figura 6: Janela de configuração do plug-in

Este efeito é muito usado em assinaturas em


foruns, nos temas de sites na internet, para
envio daquelas menssagens de reflexão.

Se quiser manter a animação é necessario que


Figura 4: Janela de configuração do script salve a imagem com gif animado.

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 6 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM

Por ultimo e nem por isso menos importante o É importante saber que cada Script tem a
"Electricity Logo Animated" [2] esta versão do opção "restaurar" isto reseta a configuração
script permite a animação semelhante ao que você fez para a padrão (original), por isto
Bling Text. não tenha medo modificar as opções mesmo
não sendo possivel ver a animação da imagens
O Script deve ser acionado pelo menu Extras pelo que foi apresentado temos ideia do que
→ Logos (MS) → Electricity (With Animation da para fabricar com este scripts.
Option). Neste script logo na primeira opção é
possivel determinar quantos quadros teremos Sugiro uma visita ao site gimpscript para
na animação. O restante da configuração realizar o download de outros scripts. Abaixo
uma palhinha deles: (ver figura 9)

Figura 7: Janela de configuração do script

segue praticamente os padrões dos outros


scripts nada muito complicado, é só ir
testando, abaixo o resultado do efeito. (ver
figura 8)

Figura 9: Scripts Shrek, Ice cube, Dracula e Ice Fire uma amostra do
que vai ser encontrado no site GimpScripts

Informações
[1] GIMPScripts:
http://gimpscripts.com/

[2] Download dos Scripts:


http://gimpscripts.com/?page_id=5

Figura 8: Efeito electricity

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 7 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM
Cenários Digitais | Simulando desenhos vetoriais | Pintando com a ferramenta Clonagem

C e n á r i os D i g i t a i s
( a b s t r a ç ã o v ol u m e t r i c a )
Por Guilherme (Razgriz)

I
sso mesmo meus amigos, hoje nós selecionado, no caso o que predomina a cor
vamos aprender a criar cenários digitais verde.
baseados em abstrações volumétricas,
vamos lá?
Comecemos criando uma nova imagem com
tamanho proporcional ao peso que o seu
hardware pode carregar, isto porque os
procedimentos que iremos executar requerem
muito processamento e memória, então,
consulte a lista abaixo para não comprometer
a performance da sua maquina durante as Figura 1: Opções riando imagem com camada de tom claro

atividades propostas:
Clicando nesta barrinha nós temos acesso a
Entre 256mb e 512 mb = imagem de tamanho escala de degradês, para escolher o desejado
da imagem recomendado 800×600 pixel s basta clicar sobre ele:

Entre 512mb e 1GB ram = imagem de


tamanho da imagem recomendado 1024×768
pixel s

Entre 1GB e 4GB ram = imagem de tamanho


da imagem recomendado 1600×1200 pixel s

A cor de fundo da imagem a ser criada pode


ser preto ou branco, a variação no resultado
final se dará apenas na freqüência de luz e
intensidade em áreas sortidas.

Agora crie uma nova camada transparente


sobre a camada base da imagem, e selecione
como degradê padrão na escala de degradês
presente na interface principal do Gimp o
modelo que tem a cor verde como
predominante. A imagem (ver figura 1)
mostra a localização deste recurso na janela.

A escala de degradês e a barrinha que está


abaixo do ícone que representa os pinceis e a
mesma já está com o degradê solicitado

Figura 2: Selecionando a escala de degradê

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 8 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM
Cenários Digitais | Simulando desenhos vetoriais | Pintando com a ferramenta Clonagem

Agora vamos direto a primeira parte da nossa ser gerado, ou seja, quanto maior a sua
pequena mágica do dia. Para criarmos a valoração mais pontos irão aparecer no
primeira parte da nossa selva digital, vamos resultado da criação, contudo o seu ajuste só
utilizar o filtro renderizador denominado é necessário quando não se deseja um
"Chama". A imagem abaixo ilustra o caminho resultado “liso”*(sem pontos e ou quebras de
até o filtro: linha)

Densidade da amostra: Define o grau de


densidade do espectro a ser gerado.

Super-amostragem espacial : Este recurso


tem ligação direta com supracitado definindo
o grau de intensidade dos traços do espectro
a ser criado.

Raio do filtro Espacial : Este recurso


determinará o raio de ação do efeito “estelar”
que fica pairando sobre determinadas formas
que o espectro possa vir a assumir após a sua
geração.

Figura 3: Selecionando o filtro Chama


Mapa de cores: Neste campo podemos definis
qual recurso definirá o esquema estrutural de
Uma vez aberto o filtro somos apresentados a cores do objeto a ser criado, tanto pode ser
sua interface principal que é composta por uma imagem como um degradê. Para utilizar
duas abas e recursos diversos, vamos agora o degradê que designamos na interface
analizar a mecânica e a interface do filtro por principal do Gimp, basta escolher a opção
inteiro a fim de amplificar a sua usabilidade: “Degradê personalizado”.
(ver figura 4)
Na aba seguinte nós temos todos os ajustes
Na aba denominada "Renderização" se pode
ajustar todos os parâmetros referentes ao
espectro luminoso do objeto a ser gerado.
Vamos agora analisar tais recursos:

Brilho/Contraste : Creio que todos já saibam


para que estes recursos servem, mas mesmo
assim vamos lá, o brilho faz a distribuição da
luminosidade primária sobre a imagem, ou
seja, quanto maior for a sua valoração, mais
“clara” será a imagem. Quanto ao contraste o
efeito é o oposto, por isso estes dois recursos
trabalham em conjunto, um compensando as
limitações do outro a fim de se obter um bom
resultado.

Gama: Este recurso altera o grau de


detalhismo presente no espectro do objeto a

Figura 4: Opções do filtro Chama

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 9 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM
Cenários Digitais | Simulando desenhos vetoriais | Pintando com a ferramenta Clonagem

referentes a orientação espacial do objeto a


ser criado, vamos a ela: (ver figura 5)

Zoom: Ele amplia o tamanho do espectro.

X: Orienta horizontalmente a posição do


espectro a ser criado dentro da imagem.

Y: Orienta horizontalmente a posição do


espectro a ser criado dentro da imagem.

Figura 6: Opção editar da opção Câmera

Agora que já estudamos o filtro a fundo,


vamos ao seu uso dentro do exercício do dia,
gere um espectro que se pareça com folhas e
ou “ligações” de arvores, para isto basta
clicar em “randomizar” até que algum dos
espectros gerados o satisfaça, depois clique
em ok e aguarde. Como é um procedimento
Figura 5: Opções de Cãmera do filtro Chama demorado recomendo fazer um lanche ou
Agora vamos para a melhor parte deste filtro adiantar outras tarefas enquanto espera. E é
e lá mesmo explicar o que nós vamos fazer este o resultado do exemplo após a geração
hoje dentro dele, para tanto clique no botão do nosso primeiro espectro.
denominado editar. (ver figura 6)

Como podemos ver, ele gera diversos padrões


espectrais seguindo um padrão único que
pode ser independente ou interdependente
dentro de um ou mais parâmetros únicos que
encontram-se na parte interior da interface,
são eles:

Velocidade: Determina o tempo que será gasto


para a geração de uma nova gama de
espectros.

Variação: Determinará o tipo e modelo de


espectros a serem gerados.

Figura 7: Resultado do espectro

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 10 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM
Cenários Digitais | Simulando desenhos vetoriais | Pintando com a ferramenta Clonagem

Agora torne esta camada na qual foi criado o gerado, torne novamente visível a camada que
primeiro espectro invisível*(para isto basta carrega o primeiro espectro e crie sobre os
clicar no pequeno olho ao lado da miniatura mesmos uma nova camada transparente:
da camada selecionada dentro da interface de
controle de camadas) e crie uma nova camada
transparente na imagem, e utilizando o
mesmo filtro crie um novo espectro que se
assemelhe a a folhas de arvore grossas, abaixo
temos alguns exemplos :

Figura 11: Trabalhando com camdas do espectro

Dentro desta nova camada, vamos criar a


atmosfera primária da nossa selva utilizando o
filtro denominado “Plasma”. A imagem abaixo
mostra o caminho até o referido filtro:

Figura 8: 1º exemplo de espectro

Figura 12: Acionando o filtro Plasma

Uma vez aberto o filtro, vamos analisar a sua


Figura 9: 2º exemplo de espectro interface:

Limpa e objetiva a mesma é composta de

Figura 10: 3º exemplo de espectro

Uma vez satisfeito com o novo espectro


Figura 13: Opções do filtro Plasma

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 11 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM
Cenários Digitais | Simulando desenhos vetoriais | Pintando com a ferramenta Clonagem

quadro parâmetros que podem sofrer ajustes Após este processo, vamos aplicar a cor verde
de maneira independente e ou combinados ao plasma, acionando a ferramenta
entre si. Vamos a eles: “Colorizar”, as imagens a baixo ilustram esse
processo:
Semente aleatória: A cada nova valoração
setada uma nova plasma de cores e tons será
gerada de maneira sortida.

Nova semente: Clicando sobre este botão, a


valoração é trocada aleatoriamente gerando
também uma nova plasma sortida.
Marcando o campo “Randomizar, temos o
mesmo resultado mencionado acima.

Turbulência: quanto maior for a valoração


desta barra, maior será o grau de detalhismo
Figura 16: Selecionando Colorizar
e pontos presentes na plasma gerada.
Como podemos ver a interface da ferramenta
Satisfeito clique em ok e aguarde. nos permite ajustar a matiz, a saturação e a
luminosidade, vale lembrar que tais ajustes
Gerada a plasma, vamos agora anular o seu são independentes.
esquema de cores, afim de gerarmos um
compatível com o tipo de trabalho que
estamos desenvolvendo, para tanto primeiro
devemos dessaturar a camada que é
portadora do efeito que acabamos de gerar. As
imagens abaixo ilustram esse processo:

Figura 17: Ajustando a ferramenta Colorizar

Agora, aplique sobre todas as camadas o


efeito de camada “Luz Dura” e veja o que
temos até aqui:

Figura 14: Selecionado Dessaturar

Figura 18: Resultado do parcial do efeito


Figura 15: Selecionando a opção claridade

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 12 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM
Cenários Digitais | Simulando desenhos vetoriais | Pintando com a ferramenta Clonagem

Agora combine todas as camadas visíveis, e


duplique a resultante aplicando em seguida o
efeito de camada “Somente Clarear” sobre a
nova camada. Agora basta “construir” o
cenário, espelhando a camada que recebeu o
efeito de camada “Somente Clarear” para
onde quiser. Caso ache necessário, você ainda
pode duplicar a mesma quantas vezes quiser
para preencher area útil e ou construir a selva
do jeito que você desejar. As imagens abaixo
ilustram esse processo: Figura 21: Previa do resultado do efeito

E para quem quiser um pouco mais de realce


Aqui nós temos a ferramenta de espelhamento basta combinar as camadas visíveis, duplicar
presente na interface principal do Gimp em a resultante aplicar o efeito de camada “Luz
ação: dura” sobre a camada de cima:

Figura 22: Realçando a imagem


Figura 19: Selecionando a ferramenta espelhamento

E para finalizar o assunto do dia, um pequeno


Note que você SEMPRE pode contar com a exemplo do mesmo exercício sob fundo
ferramenta “Borracha” para eliminar todos os branco:
trechos indesejáveis que por ventura surgirem
oriundos do trabalho com camadas:

Figura 20: Eliminando trechos da imagem com a ferramenta borracha


Figura 23: Resultado final do espectro

E aqui nós temos o nosso resultado do Muito bem, vejo vocês no nosso próximo
exemplo de hoje: assunto!

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 13 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM
Cenários Digitais | Simulando desenhos vetoriais | Pintando com a ferramenta Clonagem

S i m u l a n d o d e s e n h os
v e t or i a i s ( p a r t e f i n a l )
Por Anderson Prado (AndeOn)

P
ara finalizar nosso tutorial de
simulação de vetores nada melhor
do que simular outro, nesta etapa
transformaremos uma foto em vetor,
a exigência para continuar é ter acompanhado
os tutoriais anteriores, pois ficaremos mais na
teoria e não entraremos em detalhes.

Neste tutorial vale o uso todos os recursos


aprendidos ou que pode facilitar a criação do
efeito: mascaras, guias, filtros etc, ele será um Figura 2: Exemplo da separação por grupo em camadas e vetores
dividios em partes
vetor falso por natureza não reprima o ato da
falsificação da peça, quanto mais perfeita linear das camadas separando em grupos
melhor. ex: Pele ( cor, contorno, iluminação, sombra),
Olhos ( cor, contorno, iluminação, sombra) e
Vamos selecionar um imagem de um rosto, assim por diante (ver figura 2) desta forma o
para iniciantes o ideal seria escolher um de trabalho fica mais fácil, se desejar as camadas
perfil por não ter muito detalhes para podem ser mescladas ao ser concluída cada
vetorizar, quando se aprende uma parte a etapa do grupo. Os vetores também devem
outra segue a mesma regra os macetes e ser divididos em partes para facilitar é
aprimoração depende da prática. através deles que podemos recriar ou
remodelar as seleções.
Sabemos que no GIMP por enquanto não
existe agrupamentos de camada então o ideal Na camada transparente correspondente use
para nosso trabalho é criar uma disposição a ferramenta vetor e vá criando pontos
pressionando o botão esquerdo do mouse
sempre arrastando as alças para moldar o
contorno da área desejada. (ver figura 3)

Figura 3: Criando seleções para camadas e vetores

Figura 1: Imagens usada paraa simulação

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 14 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM
Cenários Digitais | Simulando desenhos vetoriais | Pintando com a ferramenta Clonagem

Eu costumo fazer todas as seleções com seleções as originadas por vetor não geram
vetores e depois as transformo em "máscaras borda dura ao serem preenchidas, os
de camada" para depois iniciar a pintura ( não contornos sempre ficam bem suaves.
temos preenchimento automático). Já apren-
demos a usar as tais "máscaras de camadas" e A idéia é criar uma imagem bem próxima a
conhecemos bem suas vantagens, por isto fica um desenho com contornos e formas curvas
ao críterio de cada um como proceder. Neste sem exagerar nas sombras e iluminação,
exemplo iremos preencher as seleções direto evitando que a imagem fique muito realista. A
nas camadas. opacidade da camada pode ser reduzida para
facilitar a criação. Duplicar camadas e usar a
Depois de criado o vetor tecle "Enter" para ferramenta de desfoque ou degradê com opa-
criar a seleção, agora basta usar a ferramenta cidade baixa pode trazer ótimos resultados.
de preenchimento (balde). Abaixo podemos
ver o rosto já com a cor aplicada e alguns
pontos de sombra. (ver figura 6)

Figura 8: Opacidade da camada reduzida

Mesmo o efeito criado sem capricho e não


usando todos recursos indicados, o resultado
Figura 6: Seleção dos rosto preenchida final da simulação é muito bom.
Agora basta criar as camadas com as áreas de
sombra e iluminação e ir preenchendo. No
final desta etapa teremos noção de como vai
ficar nossa simulação (ver figura 7), faça o
mesmo com as partes restantes.
Ao contrario das outras ferramentas de

sombra

contorno

Figura 9: Caracteristicas próximas a realidade não é indicado


para este tipo de arte.
sombra com
tom escuro
Espero que o tutorial tenha sido útil.
Figura 7: Aplicando pintura na camada

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 15 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM
Cenários Digitais | Simulando desenhos vetoriais | Pintando com a ferramenta Clonagem

P i n t a n d o c om a
f e r r a m e n t a C l on a g e m
Por Mozart Couto

N
o GIMP é possivel criar um efeito 2- Observe na imagem a configuração da
de pintura chamado “impasto”, ferramenta “Clonagem” (ver figura 1).
ou seja: (quando a tinta é aplica-
da espessa sobre uma superfície 2.1- Escolha a textura, ou padrão que vai usar.
e podemos perceber as pinceladas sobrepondo-
se umas sobre as outras em relevo). 2.2- No campo “Sensibilidade à pressão”
Para conseguir isso, basta seguir os passos foram ativadas as funções “Opacidade” e
abaixo. “Dureza” (no decorrer do trabalho, podemos
ativar também “Tamanho”).
Lembrando, que foi utilizada uma mesa
digitalizadora para que o efeito aconteça. 2.3- Em “Origem”, marque “Textura”.

1- Abra um novo arquivo e escolha a 2.4- Em “Alinhamento” escolha “Fixo” - Esse é


ferramenta “CLONAGEM”. o ponto mais importante para se conseguir o
“Efeito Impasto”.

2.5- Escolha um pincel para utilizar com a


ferramenta “Clonagem” (ver figura 2).

Figura 2: Selecionando um pincel “capturado”-criado por mim de uma


imagem, ou parte dela.

Agora basta ir pincelado toda a área da


imagem que deseje aplicar o efeito, sempre
sobrepondo os traços, é como se fosse fazer
Figura 1: Abrindo uma nova imagem e selecionado a ferramenta
em papel com tinta de verdade.
clonagem.

No resultado final podemos ver as pinceladas

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 16 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM
Cenários Digitais | Simulando desenhos vetoriais | Pintando com a ferramenta Clonagem

sobrepondo-se umas às outras na imagem. ferramenta “Clonagem” como vemos na outra


(ver figura 3) imagem abaixo. (ver figura 4)

Figura 3: Imagem recebendo a aplição do efeito "impasto".

Como as cores do pincel ficarão restritas às Figura 4: Selecionando o Modo Multiplcar.

cores do padrão, podemos variar um pouco


isso alterando o “MODO” de atuação da Aplicação em uma imagem completa!

Figura 5: Técnica usada na pintura da imagem touro.

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 17 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM

E n t r e v i s t a m os
E r i c k H e n r i q u e (D e s i g n e r )
Por Anderson Prado (AndeOn)

GIMPZine - Qual é sua do em disquete. Tudo em vão oficialmente este ano após
formação? (risos). Após esbravejar que ingressar como embaixador
o driver de disquete estava do Fedora no Brasil. Além
Erick Henrique - Sou forma- com problemas, ouvi uma deste, coordeno o GEDJA
do em Processamento de frase que nunca esqueci: (Grupo de Estudos em
Dados pela Universidade do “Você está no Linux, é Desenvolvimento de Jogos e
Tocantins – UNITINS, e atu- preciso montar sua unidade Animação com Software
almente curso pós-graduação de disquete”. Aquilo me Livre) através do qual
em Produção de Software deixou extremamente intriga- organizo eventos, palestras e
com ênfase em software livre do e curioso, daí então passei oficinas de arte e
pela UFLA/MG. a revirar de cabeça pra baixo desenvolvimento de jogos
o sistema Gnu Linux e com software livre, e atuo
GIMPZine - Quando e descobrir as infinitas possibi- também como coordenador
como foi que descobriu o lidades de aprendizado e do Grupo Fedora Tocantins
Software Livre? colaboração que se abriam a que é o grupo local de
partir daquele dia. Depois usuários Fedora Linux no
Erick Henrique - A minha passei a usar o Red Hat meu estado.
primeira vez que ouvia a Linux e o Fedora, distri-
palavra “Linux” na minha buição esta que uso até hoje. GIMPZine - Como é o
vida foi quando cheguei um trabalho de organizar
dia no laboratório de redes GIMPZine - Você participa foruns e eventos envolven-
da universidade e encontrei de quais projetos de SL do o Software Livre?
uma tela de login com o a hoje?
frase “Bem vindo ao Erick Henrique - O
Conectiva Linux”. Após ser Erick Henrique - Atualmen- primeiro evento que organi-
orientado pelo monitor do te dedico meu tempo livre zei foi o 1° Fórum de
laboratório qual minha senha exclusivamente ao Projeto Tecnologia e Software Livre
de acesso ao sistema, tentei Fedora Brasil [1], do qual do Tocantins em 2006.
abrir um trabalho armazena- passei a fazer parte Dentro do qual dividi minha

Erick Henrique Silva Góes é formado em Processamento de Dados,


pós-graduando em Produção de Software (ênfase em software livre)
pela UFLA / MG, estudante auto-didata em computação gráfica e
game design. Desenvolve atividades como ilustrador de revistas on-
line, livros e character design utilizando softwares gráficos livres
como Gimp, Inkscape, e Blender 3D. É membro da equipe de arte
da Revista Fedora Brasil e colaborador do Projeto Fedora Brasil.
Site: [2] Email: br4in5t0rmmØgmail.com

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 18 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM

participação entre a
organização do evento, uma
oficina de arte gráfica com
Gimp e outra sobre
programação em Lazarus/
Freepascal. Confesso que as
oficinas foram infinitamente
mais fáceis de conduzir
(risos). Mas o que considero
mais importante a partir do
momento que decidi aceitar o
desafio de organizar aquele
fórum, e o que determinou o
sucesso do evento, foi a Figura 1: Oficina de Arte com Software Livre
participação ativa da
comunidade de software livre que dinheiro não compra gráficas e do cinema de
tocantinense, que embora tudo, nem é essencial para animação que é uma área
pequena na época soube organizar um evento de SL pela qual estou apaixonado e
conduzir um trabalho quando se possui amigos que na qual quero me
colaborativo e de apoio ao acreditam no ideal de especializar aqui no Brasil ou
evento fantástico. E, liberade que o software livre no exterior.
principalmente, o apoio que nos transmite.
recebi do Projeto Fedora GIMPZine - Sabemos que
Brasil, nas pessoas de GIMPZine - Como foi que os Softwares Livres
Rodrigo Padula e David surgiu seu interesse por Gráficos passam desper-
Barziley, que já haviam programas gráficos? cebidos muitas vezes.
participado de inúmeros Qual a reação das pessoas
eventos de software livre e Erick Henrique - Sempre quando conhecem estas
puderam me ensinar coisas gostei muito de assistir ferramentas nas oficinas?
importantes sobre como desenhos animados, e lembro
deveria organizar o fórum. É até qual foi o primeiro que Erick Henrique - Sempre
realmente uma experiência assisti na TV; era um desenho encontro três tipos de
incrível reunir pessoas em do Popeye, super tosco. Eu pessoas nas oficinas de arte
torno de um ideal que sempre quis aprender como gráfica que realizo e cada
objetiva desenvolver seres eles eram feitos, e o processo uma expressa uma reação
humanos através do técnico e artístico de criação diferente: os iniciantes se
compartilhamento de do desenho animado todo era comportam como crianças
conhecimento aliado a uma “mágica” que eu que acabaram de ganhar um
tecnologia dos softwares precisava aprender algum estojo de lápis coloridos e
livres. Outra lição que tirei dia. E os programas gráficos uma folha de papel em
ao trabalhar organizando livres caíram como uma luva branco, tudo é novidade para
eventos de software livre é na minha jornada rumo ao eles; os artistas gráficos
domínio do mundo das artes profissionais usuários de

Figura 2: Personagens "Os Inominaveis" criados por Erick Henrique

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 19 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM

softwares proprietários para dispor as imagens da


chegam geralmente muito revista. Tudo isso acontece
questionadores e inevita- em um período de dois meses
velmente comparando essa de intensa criação e
ou aquela função que um colaboração entre os
certo programa proprietário membros da equipe de arte,
tem e que no software livre pois somos muito preocupa-
funciona de uma forma dos com a qualidade do
diferente mas como um nosso trabalho de arte na
resultado excelente, e a revista e acreditamos que
terceira reação é dos artistas quanto mais pessoas
gráficos nativos do Gnu Linux puderem avaliar nosso
que costumo chamar de trabalho e sugerir melhorias,
artistas gráficos “livres”, que mais profissional ele se
se sentem muito a vontade ao Figura 4: Tira "Guerra das linguagens"
tornará a cada edição da
trocar idéias sobre um novo Revista Fedora Brasil.
filtro de imagem da última (LinuxES Zine), Davidson
versão do Gimp, ou sobre um Paulo e Guilherme (RazGriz) GIMPZine - Integrar Game
novo recurso de desenho que passou a integrar a Design com Software Livre
vetorial no Inkscape. equipe recentemente. Meu é uma tarefa complicada
trabalho consiste basicamen- na visão de muitos, você
GIMPZine - Você esta te em criar tudo que diz concorda com isto?
desenvolvendo o design da respeito a identidade visual
"Revista Fedora Brasil". da Revista Fedora Brasil, Erick Henrique - Não
Como é este trabalho? desde a capa até os ícones, concordo. Acredito que
fontes, logotipos, layout de nenhum trabalho é compli-
Erick Henrique - É um páginas, headers, fotos, cado demais quando quem o
trabalho fantástico e muito desenhos e imagens trabalha- desenvolve faz isso com
enriquecedor, no qual tenho das no Gimp, Inkscape ou muita paixão e um bom
tido o privilégio de trabalhar Blender 3D. Além disso, eu embasamento teórico e,
com profissionais excelentes, oriento os diagramadores, principalmente, prático sobre
como o Henrique Júnior supervisiona-dos pelo Hélio, o assunto. O trabalho do
(Lonely), Hélio S. Ferreira sobre qual o melhor lugar game designer exige além de
muita imaginação, noções de
formalização de projetos de
software e uma visão
completamente detalhada do
processo de desenvolvimento
de jogos como um todo. Não
é necessário programar em
C++ para trabalhar como
game designer em projetos
de jogos open source, ou
open games, como são
chamados os jogos baseados
em softwares livres, mas é
essencial conhecer quais as
possibilidades de materializa-
ção de idéias que uma deter-

Figura 4: Desenho "Expressões"

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 20 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM

minada linguagem poderá


oferecer a equipe de arte,
por exemplo. Alguns efeitos
especiais nos jogos só são
possíveis através de progra-
mação, e é neste momento
que o conhecimento da
linguagem de programação
entra em cena, para resolver
o problema. A melhor forma
de integrar game design com
as ferramentas de software
livre é utilizar uma metodo-
logia que permita aproveitar
o melhor que o software livre
tem que é a possibilidade de
Figura 5: Imagem 3D do predador sem textura
mudar de uma ferramenta
para outra rapidamente, com quem quiser iniciar os es- futuras frustrações. É comum
baixo custo e com uma curva tudos o que recomendaria? encontrarmos pessoas que
de aprendizado menor, já que são super habilidosas em
para aprender a desenvolver Erick Henrique - O programação, mas que
um jogo usando software li- processo de desenvolvimento resolvem investir na carreira
vre podemos contar também de jogos pode ser dividido em de game design, ou artista
com a ajuda da comunidade várias áreas: game design, animador 2D/3D, e se
de desenvolvedores da ferra- level design, arte conceitual, frustram, ou vice-versa.
menta que utilizamos. música, animação, programa- Buscar estudar aquilo que
ção, etc. Para quem está nos dá prazer é essencial. No
GIMPZine - Sabemos que querendo iniciar os estudos, meu caso, estou buscando
o Brasil não tem tradição tão importante quanto domi- me especializar em modela-
no mercado de jogos, Para nar os métodos, técnicas e gem 3D e animação para
ferramentas utilizadas em jogos digitais. Outra dica que
cada uma destas áreas é gostaria de deixar aqui é
descobrir com qual delas o quanto aos cursos. No Brasil
estudante aspirante a desen- existem diversos cursos
volvedor de jogos mais se profissionalizantes para de-
identifica, e principalmente, senvolvedores de jogos, tanto
em que área se diverte mais em nível de graduação
estudando. Este é um con- quanto de pós-graduação,
selho importante que deixo cujos professores são
aqui e que ajudará a evitar altamente capacitados e que

Figura 6: Algumas texturas criadas no GIMP para a imagem do predador

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 21 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM

Figura 7: Perfis da imagem predador

atuam no mercado de jogos lho é essencialmente criar


nacional e internacional. arte conceitual e interfaces Erick Henrique - A ferra-
Infelizmente, não encontrei para jogos, ilustrações de menta ideal para artistas que
em nenhuma das universi- livros, revistas e sites. Gosto precisam de praticidade e
dades que consultei um curso mais de trabalhar com game rapidez na hora de criar. O
de programação de jogos em design, criação de persona- Gimp é para os programas
software livre. É essencial gens 2D e 3D. Atualmente gráficos assim como o Fedora
buscar um curso/ tenho estudado bastante ani- é para as distribuições Gnu
treinamento onde atuem mação no Blender 3D, e Linux: um caminho para infi-
realmente profissionais que realmente sinto que no 3D nitas possibilidades criativas.
sabem o que estão fazendo. minha imaginação alcançará
Também é importante dizer um outro nível criativo. GIMPZine - Você teria
que é comum nas empresas sugestão para melhorar
fabricantes de jogos existi- GIMPZine - Quais progra- ou adicionar alguma
rem pessoas formadas em mas gráficos você costuma função no GIMP?
design gráfico, ciências da usar?
computação, cinema de Erick Henrique - Até pouco
animação, engenharia, comu- Erick Henrique - Uso em tempo atrás, sentia falta no
nicação social, marketing, meu trabalho o Inkscape para Gimp de um plugin python-fu
etc, e não só em desen- o desenho de personagens e para me ajudar a recortar e
volvimento de jogos digitais. cenários 2D, o Gimp para alinhar sprites, mas um
Portanto galera, se preparem criação de texturas e desen- amigo meu, DiogoRBG, um
bem porque o mercado é hos, e o Blender para mode- habilidoso programador C/
concorridíssimo. lar personagens e cenários C++ que mantém um blog
3D. Também utilizo o [4] sobre programação de
GIMPZine - Você se deno- M.U.A.N (Manipulador Uni- jogos em SDL , desenvolveu
mina desenhista, quais versal de Animação) [3] para um plug-in para mim que
trabalhos costuma realizar criar pequenas animações em utilizo em meu Gimp no
nesta área? E qual gosta stop motion. Fedora. Gostaria muito de
mais? ver esse plug-in funcionando
GIMPZine - O que você na próxima versão do Gimp,
Erick Henrique - Meu traba- acha do GIMP? pois acredito que facilitaria o

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 22 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM

trabalho de muitos outros programas gráficos livres no como esta devem ser apoia-
desenhistas de jogos como eu. meu trabalho, aproveitando o das e mantidas pela comuni-
melhor das características de dade brasileira de usuários
GIMPZine - Particulamen- cada um afim de obter arte do GIMP, uma vez que o
te o que você acha dos digital de qualidade, e portal ogimp.com.br e o
Softwares Livres que usa? acredito que cheguei no próprio GIMPZINE foi feito
ponto que queria. O Gimp, o para e pela comunidade. O
Erick Henrique - Costumo Inkscape e o Blender 3D são GIMPZINE democratiza a
me referir ao conjunto de a suite gráfica livre perfeita arte gráfica livre e educa
softwares livres gráficos que na minha opinião. todas as pessoas que buscam
uso como “A Tríade Gráfica nela uma fonte de informa-
Livre”, ou seja, o Inkscape, o GIMPZine - O que você ção sobre o GIMP em língua
Gimp e o Blender, e que esta achou sobre a iniciativa do portuguesa, e o que é
tríade de programas gráficos GIMPZINE? melhor, podendo ser lido on-
abre um portal multi-dimen- line ou impresso.
sional para outra dimensão, Erick Henrique - Conheço o
onde a imaginação é o meu GIMPZINE desde a versão n° GIMPZine - Fique livre
oxigênio e os programas gráfi- 0, lançada em junho de 2006, para expor o que quiser.
cos que uso, uma ex-tensão e foi a webzine que me
psico-cerebral-mental de mim incentivou a buscar mais Erick Henrique - Só queria
mesmo. Até chegar ao nível conhecimento sobre o Gimp. agradecer pelo convite feito
de integração que consigo Acredito que Andeon tem pelo Andeon para que eu pu-
obter com estas ferramentas feito um trabalho primoroso desse apresentar um pouco
gráficas, experi-mentei várias ao tornar possível a qualquer do meu trabalho artístico
outras solu-ções, mas pessoa ter acesso a desenvolvido no Gimp, e di-
nenhuma me satisfez. Acabei informação de qualidade zer que sinto-me muito feliz
chegando a conclusão de que sobre esta poderosa ferra- por utilizar um programa
precisaria estudar um meio menta gráfica de desenho gráfico livre que me permite
de integrar os três principais que é o GIMP. Iniciativas compartilhar conhecimento,
aprender novas possibilida-
des de criação artística
digital e de contribuir para o
desenvolvimento da comuni-
dade de usuários GIMP
brasileira.

ARTISTAS GRÁFICOS, SE-


JAM LIVRES. USEM GIMP!

Informações
[1] Projeto Fedora:
http://www.projetofedora.org/

[2] Site Erick Henrique:


http://www.mytoons.com/br4in/

[3] Muan:
http://www.muan.org.br/

[4] DiogoRBG:
http://diogorbg.blogspot.com
Figura 8: Predador finalizado

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 23 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM

Ja n e l a d e n a v e g a ç ã o
N a v e g a n d o e m i m a g e n s g ra n d e s
Por Mozart Couto

E
m qualquer situação que precise-
mos de navegar por uma imagem
grande na tela, podemos usar o
navegador rápido do GIMP que fica
na parte de baixo à direita. Ao clicar no ícone,
aparece a janela "Navega pela tela da
Imagem" (ver Figura 1).

Já a janela de navegação de imagens pode ser


chamada pelo menu Visualizar → Janela de
Navegação (ver Figura 2), a mesma pode ser
acoplada nas abas ver o tutorial "Facilitando
as coisas" GIMPZine nº 3 ou "Personalizando Figura 1: A navegação rápida pode ser acionada no botão indicado
a interface do GIMP" GIMPZine nº 2.

Figura 2: Navegando em imagens grandes pela "Janela de Navegação".

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 2 4 | PRÓXIMA


SUMÁRIO | CONEXÃO | ANÁLISE | TUTORIAL | ENTREVISTA | DICAS | IMAGEM

Locus
Autor: Crowexe

Mais imagens você encontra em www.ogimp.com.br

Participe do fórum galeria criando seu álbum virtual.


Abra um tópico com a nomenclatura " imagens - seu usuário"

Mostre sua arte com software livre:


compartilhe seu conhecimento, tire dúvidas, solicite dicas etc.

GIMPZINE (Edição 8) - www.ogimp.com.br ANTERIOR | 2 5 | PRÓXIMA

Você também pode gostar