GimpZine 3.1

8/9/2019 GimpZine 3.1

1/29

GIMPZINE Edio 03- www.ogimp.com.br

N 03 MARO DE 2007Criatividade nas asas da liberdade

ENTREVISTACristiane Jagmin

ANLISEPlugin Voronoi

TUTORIALProgramao Visual (mdulo 3)

WWW.OGIMP.COM.BR

Veja tambm:

HQ "Vila do Ouro"Pixel Art no GIMPHall de imagens

8/9/2019 GimpZine 3.1

2/29


Atribuio-Uso No-Comercial-Compartilhamento pela mesma licena 2.5 Brasil

Voc pode:

- copiar, distribuir, exibir e executar a obra- criar obras derivadas

Sob as seguintes condies:

Atribuio. Voc deve dar crdito ao autor original, da formaespecificada pelo autor ou licenciante.

Uso No-Comercial. Voc no pode utilizar esta obra comfinalidades comerciais.

Compartilhamento pela mesma Licena. Se voc alterar,transformar, ou criar outra obra com base nesta, voc somente

poder distribuir a obra resultante sob uma licena idntica aesta.

- Para cada novo uso ou distribuio, voc deve deixar claro para outros ostermos da licena desta obra.

- Qualquer uma destas condies podem ser renunciadas, desde que Vocobtenha permisso do autor.

Qualquer direito de uso legtimo (ou "fair use") concedido por lei, ou qualquer outro

direito protegido pela legislao local, no so em hiptese alguma afetados pelodisposto acima.

Este um sumrio para leigos da Licena Jurdica (na ntegra).

Termo de exonerao de responsabilidade

Creative Commons

Condio da Atribuio DE:"by"A Reproduo do material contido neste Fanzine permitido desde que se incluam os crditos aos

autores e a frase: Reproduzido do GIMPZINE N3 www.ogimp.com.br em local visvel.

O GIMPZINE declara no ter interesse de propriedade nas imagens, os direitos sobre as mesmaspertencem a seus respectivos autores/proprietrios. Esta licena no se aplica a nenhuma imagem

exibida no zine, para utilizao da mesma obtenha autorizao junto ao autor.
http://creativecommons.org/licenses/disclaimer-popup?lang=pt-brhttp://creativecommons.org/licenses/by-nc-sa/2.5/br/legalcodehttp://creativecommons.org/licenses/by-nc-sa/2.5/br/

8/9/2019 GimpZine 3.1

3/29


Coordenao:

Anderson Prado

Diagramao e Arte da capa:Anderson Prado

Colaboradores desta edio:

Mozart Couto, Guilherme (Razgriz)

CAPA - Brown Wall

O Contedo assinado, e as imagens que o

integram, so de inteira responsabilidade de

seus respectivos autores, no representado

necessariamente a opino do zine e de seus

responsveis.

Todos os direitos sobre as imagens so

reservados a seus respectivos proprietrios.

O que GIMP

(GNU Image Manipulation Program) comoseu prprio nome j diz, ele um programa

de manipulao de imagens e esta sob os

termos da licena GNU (GPL).

Nota: Este zine foi montado com o Scribus,

um software opensource de diagramao.

http://www.scribus.net

EDITORIAL

GIMPZINE uma publicao do site OGimp!1 Edio de 2007

Chegamos a um consenso (ou no) sobre o layout, ele

foi simplificado pensando nos leitores que fazemimpresso do mesmo e tambm para facilitar aleitura, com mais espaamentos o que acontecer

nas prximas edies sero pequenas alteraes e melhorias.Quero agradecer o designer grfico Mauricio Campos(www.commodesign.com ) que deu algumas dicas para nossonovo layout, esperamos receber mais dicas e opinies, saibamque para fazermos a revista usamos Scribus, GIMP, Inkscape efontes DejaVu.

Novo bloco na seo Conexo com Leitor, para avisar sobre

eventos de Software Livre no Brasil, se voc sabe de algum,avise-nos que publicaremos na edio do GIMPZine, mas antesde enviar saiba que os lanamentos das edies so prximasas estaes do ano, nos meses de Maro, Junho, Setembro eDezembro. Ento avise com antecedncia se quiser verpublicado o evento.

Por falar nisto acontecer o I Libre Graphics Meeting - Brasilser um evento comunitrio dentro do FISL 8.0 organizadopelas comunidades brasileiras de GIMP, Inkscape, Blender eEstudio Livre, para divulga-las, divulgar a arte grfica digital

livre e trocar conhecimentos entre ns e o pblico do ForumInternacional de Software Livre. Joo Calligaris (Gwidion) sero palestrante do Software Livre GIMP

O 8 Frum Internacional Software Livre acontecer nos dias12, 13 e 14 de Abril de 2007 em Porto Alegre - RS. Para maisinformaes visite o site http://lgm.softwarelivre.org/

Nesta edio: 3 paginas da HQ - "Vila do Ouro" colorizada noGIMP , Entrevista com Cristiane Jagmin instrutora do GIMP da

SISNEMA, Tutorias etc.

Boa Leitura

Anderson Prado (AndeOn)http:\\www.ogimp.com.br
http://lgm.softwarelivre.org/http://lgm.softwarelivre.org/http://fisl.softwarelivre.org/8.0/www/?q=pt-BR/c-eventshttp://creativecommons.org/licenses/by-nc-sa/2.5/br/

8/9/2019 GimpZine 3.1

4/29


CONEXO COM O LEITORAvisos, correes, comentrios...

pg 5

DICASLimites de camadas e Modos decursores de mouse

pg 6

ANLISEPPlluuggiinn VVoorroonnooii

pg 7

HQ "VILA DO OURO"Mozart Couto

pg 10

ENTREVISTACristiane Jagmin

pg 13

TUTORIALProgramao Visual (mdulo 3)

pg 17

TUTORIALPixel Art no GIMP (parte2)

pg 20

TUTORIALFacilitando as Coisas

pg 24

HALL DE IMAGENSImagens do Usurios GIMP

pg 28

Anderson Prado (AndeOn) mantenedordo site www.ogimp.com.br formado emtecnlogia em informtica atua na rea,escreve tutoriais e contribui com imagenspara projetos da comunidade livre nas horasvagas. andeonbr-ogimp#yahoo.com.br

Guilherme (Razgriz) Publicitrio(Diretor de arte) desde 2002, sendo queutiliza apenas software livre no seu ambientede trabalho e residncia, o mesmo tambmministra cursos sobre edio de imagens/pro-gramao visual alm de quando possivelcontribuir com a comunidade escrevendoartigos e documentos diversos.

Mozart Couto quadrinhista, ilustrador eartista plstico. Autodidata, atua profissional-mente nas reas citadas desde 1979. Tem vrios trabalhos publicados no Brasil eexterior.H trs anos descobriu o mundo dos

softwares livres e tem estudado e utilizadoespecialmente o Gimp, passando, sempreque possvel, suas experincias emtutoriais. Para mais detalhes sobre sua obra.visite: www.mozartcouto.com.br

SUMRIO

SOBRE OS AUTORES

8/9/2019 GimpZine 3.1

5/29

TUTORIALTUTORIALCONEXO COM LEITOR

5GIMPZINE Edio 03- www.ogimp.com.br

Quer publicar seuartigo na GIMPZINE?

Para contribuir acesse o sitehttp:\\www.ogimp.com.br v no menu

contato e envie o texto com o Titulo deseu artigo na mensagem, escreva umresumo sobre o que se trata seu artigo. Seno existir o tema abordado e ningummais estiver escrevendo sobre o mesmoassunto, voc tem grande chance de seuartigo ser aprovado.

No artigo deve conter o nome do autorque pode ser substituido pelo nickname"apelido" , nome da empresa, projeto seestiver relacionado, endereo de emaile/ou pgina.

O texto preferimos que envie em formato.txt e claro que faa uma revisogramatical as imagens devem serpreferencialmente em .PNG com nomnimo 100 DPI, no texto deve haver o

referenciamento as imagens parapodermos alocar corretamente asimagens no artigo.O arquivo de texto e a imagens devem sercompactados em nico arquivo quandofor enviado.

Agradecemos desde j suas futurascontribuies

CCoorrrreeeess,, AAvviissooss,,CCaarrttaass

ERRAMOS!

Edio n 0

* Erros de portugus na ltima respostada pgina 11: Essa foi a primeira vez queum a tal convena foi realizada.Contribuio: IRio

obs: Os erros publicados aqui implicam na

correo das edies anteriores. Ao realizar o

download do mesmo, provavelmente no

encontrar mais o erro. Exemplo gimpzine1.2

significa: Edio n 1 - 2 (segunda) correo.

Eventos Software Livre:

obs: Os eventos devem ser confirmados com seus

idealizadores e fontes, no somos responsveis pelas

informaes ou cancelamentos de datas.

I Libre Graphics Meeting

Site: http://lgm.softwarelivre.org/Data: 12, 13 e 14 de Abril de 2007

8/9/2019 GimpZine 3.1

6/29

DICAS


Q uando trabalhamos desenhando,pintando ou tracejando, com asferramentas conhecidas como"Pincel"; Lpis; "Aergrafo";

Tinta; Borracha e algumas outras,

importante que desabilitemos o recursoExibir Limites de Camadas ou, ao passaro cursor na borda, bem no limite da imagem,e ultrapass-la, a ferramenta que est sendousada, muda para a ferramenta Mover, quedesloca do fundo a imagem ativa, ou a camadaatual causando alguns transtornos.

Para desabilitar essa funo, o caminho Menu> Visualizar> Exibir Limites de

Camada

, ou v em

Caixa de Ferramentas> Arquivo> Preferncias> Janelas de Imagem> Aparncias edesabilite a caixa Exibir Limites de Camadaspara as prximas vezes que iniciar oprograma.

Para melhorarmos a performance dasferramentas de pintura, em alguns casos,exigindo menos recursos de memria, eprincipalmente se estamos utilizando umamesa digitalizadora, melhor deixar, como nafigura acima, as configuraes referentes Cursores de Mouse.O caminho Caixa de Ferramentas>

Preferncias> Janelas de Imagem.

LLiimmiitteess ddee ccaammaaddaass eeMMooddooss ddee ccuurrssoorreess ddee mmoouusseePor Mozart Couto

Opes Cursores de Mouse

checkbox Exibir Limites de Camadas

8/9/2019 GimpZine 3.1

7/29

TUTORIALTUTORIALANLISE


PPlluuggiinn VVoorroonnooiiCCrriiaannddoo TTeexxttuurraass nnoo GGIIMMPPPor Anderson Prado (AndeOn)

Voc que precisa usar texturas parausar em seus objetos fabricados emprogramas em 3D como Blender,Wings 3D ou usa em suas imagens2D, montagens para dar um ar de maiorrealidade ou ainda precisa de fundos para

assinaturas, Wallpapers, Jogos. Mas no temhabilidade para criar com as ferramentasdiponveis, saiba que o existe inumerosplugins que fazem este trabalho no GIMP.Nesta anlise escolhemos o Voronoi quefornece um nmero razovel de opes pararealizar esta funo.

O procedimento para a instalao ir ao site:http://registry.gimp.org/plugin?id=1426 e fazer odownload do plugin e colocar o arquivo .exe

na pasta ..\GIMP-2.0\share\gimp\2.0\plugins\.ou instalar com make install no Linux. Existeum outro mtodo que particularmente euadoto o uso (no Windows), basta ir no menu"Arquivo" da janela "Ferramentas" caminhoabaixo: "Ferramentas> Preferncias>Diretrios> Plugins" aqui voc podeespecificar outros diretrios, por exemplo, apasta onde voc faz downloads de seus novosextras, isto serve tanto para pinceis, texturas,plugins, paletas, degrads etc.

A vantagem que no mistura os novosscripts com os antigos, numa nova instalaose houver incompatibilidade s desabilitar apasta e ficar mais facil controlar os arquivos.

ps: Ao indicar novo diretorio necessrioabrir e fechar o GIMP

Depois de instalar o plugin ele aparece no

menu filtros> Renderizar> Padro> Voronoi.

Veja na figura abaixo:

Ao abrir a janela do plugin vai apresentarinumeras funes, explicaremos algumasdelas.
http://registry.gimp.org/plugin?id=1426

8/9/2019 GimpZine 3.1

8/29

TUTORIALTUTORIALANLISE


Nas opes "Graphic Options" e "Cells" em"Grid Generations"

Coloring method: Cor da textura, permiteselecionar entre Escala de Cinza ou Degrad.

Cell type: o tipo de forma que temos adisposio para a clula quadrado. tringuloetc.

Nas opes "Deformation"podemos alterar interligaes ealeatoriedade.

Nas opes de "Visualization" em"Quantities Shown" temos opes de Coresaleatorias, Distncia etc. Modificaes naexibio da textura, j em "Scale & Shift"podemos deslocar e rescalar, nestas opestemos alteraes bruscas, mudaas de formae de como a textura apresentada.

Poderiamos criar varios tipos de texturascombinando e mesclando camadas ouaplicando efeitos com outra ferramentas doGIMP.

Veja as imagens apresentadas abaixo, foramfeitas apenas usando opes do plugin:

8/9/2019 GimpZine 3.1

9/29

TUTORIALTUTORIALHQ "VILA do OURO"


VViillaa ddoo OOuurrooHHQQ CCoolloorriizzaaddaa nnoo GGIIMMPPPor Mozart Couto

AHQ "VILA do OURO" uma novela

grfica com 144 pginas que est emproduo e ser disponi-bilizada nainternet brevemente, sendo que o

GIMPZine publicar as primeiras 20 pginas.

Essas foram colorizadas no Gimp. Portanto aprimeira histria em quadrinhos feita noBrasil onde esse programa foi usado pararetoques no acabamento, edio e cores. A histria se passa na antiga "Capitania deSo Paulo e das Minas do Ouro".

Baseada nos costumes do povo do local emmeados do Sc. XVIII, quando a populaoultrapassou os 600 mil habitantes, enquantotoda a populao do Brasil e de Portugal nopassava de 4 milhes. Atravs de

personagens envolventes o leitor poderacompanhar uma "HQ" diferente, abordandoo Brasil numa poca e regio consideradaspor muitos historiadores como basilar paranossa cultura e sociedade.

Pginas 3,4,5

8/9/2019 GimpZine 3.1

10/29



8/9/2019 GimpZine 3.1

11/29



8/9/2019 GimpZine 3.1

12/29



8/9/2019 GimpZine 3.1

13/29

TUTORIALTUTORIALENTREVISTA


GIMPZINE - Qual sua for-

mao?

Cristiane Jagmin - Napoca que iniciei na rea,

isso h 10 anos atrs, eucursava Publicidade e Pro-paganda e faltava poucopara me formar, mas acabeitrancando para dedicarmeus estudos a rea Webque no possua cursos apro-priados para quem desejassetrabalhar em criao desites. Posso dizer que minhaformao sempre foi mais

focada em Publicidade o quetem muito a ver com criarsites e este sempre foi omeu norte quando atendiaaos clientes, alm dissopossuo cursos de Macrome-dia Fireworks, Dreamwea- ver, Flash, Corel ePhotoshop tendo sido pordois anos instrutora de

cursos oficiais MacromediaFireworks, Dreamweaver eFlash.

GIMPZINE - A quanto

tempo voc ministra cur-

sos de informtica?

Cristiane Jagmin - J fa-zem 7 anos que estou minis-

trando cursos na rea e 10anos atuando como webde-signer.

GIMPZINE - Sobre quais

softwares livres, seja gr-

fico ou no, voc minis-

trou cursos ou palestras ?

Cristiane Jagmin - Softwa-res livres como o Gimp,somente ele mesmo massempre foquei meus cursose palestras em solues quealm de trazer o retorno aosusurios tambm possus-sem custo zero o quesignifica ensinar sobre etrabalhar com softwares quemuitas vezes no so

OpenSource.

GIMPZINE - Como foi que

surgiu seu interesse por

programas grficos em

particular o GIMP ?

Cristiane Jagmin - A pri-meira vez que tive contatocom um software de edio

grfica o nosso conhecidoPhotoshop foi em 1995quando adquiri o meuprimeiro scanner ele vinhacom um Photoshop LE e jera consagrado pelos fot-grafos da poca. Da parausar o Gimp aconteceu deforma natural quando sebusca aprimorar o conheci-

mento vamos atrs de pro-gramas que sejam to bonsquanto o que j usamos masque por um motivo ou outro

esto deixando a desejar. Nocaso do Gimp alm da opode custo que me atraiumuito existia aquela informa-o de ele seria uma opoao Photoshop e ainda porcima free ento procureimais informaes sobrecomo instal-lo e l estavaele pronto para serdescoberto.

EEnnttrreevviissttaammoossCCrriissttiiaannee JJaaggmmiinn IInnssttrruuttoorraa GGIIMMPP

Por Anderson Prado (AndeOn)

Cristiane Jagmin

Webdesigner desde 1997 e

possui formao incompleta

em Publicidade e Propa-

ganda. Criou os cursos de

Webdesigner (so 5 mdulos)

de um dos mais conceituados

Centros de Treinamento do

Sul do pas a empresa

SISNEMA Informtica ondeatualmente trabalha como

instrutora free-lancer.

Possui sites criados no Brasil

e exterior como NY e Miami.

Palestrante em escolas e

eventos onde fala sobre

Software Opensource como o

Gimp, Mercado de Trabalho,

Redes e Certificao na rea

de TI.

email: cris#studiodess.comsite: www.studiodess.com
mailto:[email protected]

8/9/2019 GimpZine 3.1

14/29

ENTREVISTA


GIMPZINE - Quanto tem-

po demorou para assimi-

lar o GIMP?

Cristiane Jagmin - Bem pra

ser sincera bastante tempo.Sendo eu uma cria doWindows estava habituadaas janelas que abriam edisponibilizavam em um sambiente as ferramentasnecessrias para edio ecriao de imagens e nessequesito o Gimp me chocoubastante no incio. Sehabituar a trabalhar deforma diferenciada com oprograma aberto no desktopfoi muito estranho e vriastentativas de adaptao afrente, finalmente descobrique era somente uma formadiferente de organizao doambiente de trabalho eprocurei focar assim no queo produto poderia oferecer

como diferencial e opo aosusurios de edio deImagens e olha que testeimuitos outros programas atfinalmente me render aosencantos do Gimp.

GIMPZINE - Como foi que

fez a introduo do GIMP

dentro dos cursos?

Cristiane Jagmin - Depoisde estar dominando o Gimpe isso significava tambm te-lo em verso estvel paraWindows j que as mquinasda empresa que eu tra-balhava rodavam nestesistema operacional e osalunos tinham Windows em

casa esta introduo foinatural. Quando temos cer-teza da qualidade e recursos

oferecidos por um sofware,mesmo ele sendo Openso-urce, esta transio tran-quila porque o programa desta tranquilidade de poder-

mos fazer o que desejarmoscom ele.

GIMPZINE - Voc desco-

briu outras aplicaes

alm do que tinha previs-

to inicialmente?

Na realidade gostaria eumesma de ter testado osrecursos avanados de ani-mao com o uso do GAP,mas por absoluta falta detempo estou me devendo

esta parte do Gimp.

GIMPZINE - Quais os

principais recursos abor-

dados dentro dos curso(s)

que tem o tpico GIMP ?

Cristiane Jagmin - So 20horas de curso onde comeoensinando desde cuidados

na instalao do Gimp,algumas opes das prefe-rncias pois so muitas

como os nveis de Undo,customizao da rea detrabalho, criao de atalhosdinmicos, uso das ferra-mentas, gerenciamento das

janelas, trabalho rduo comlayers onde bato mais forte,animao e filtros. umcurso completo que propor-ciona ao aluno continuarestudando posteriormentepara aprimorar os conhe-cimentos do Gimp.

GIMPZINE - Sabemos

que o GIMP passa desper-

cebido muitas vezes, ain-

da mais por iniciantes. Os

alunos assimilam e acei-

tam bem o Programa?

Existe preconceito?

Cristiane Jagmin - Quandose possui um programacomo o Gimp para trabalhare comprovar os seus recur-

sos ao vivo e a cores noexiste preconceito ou sejaeles usam o produto ecomprovam eles mesmos oquanto bom e os nveis deaceitao do mesmo soexcelentes.O preconceito se quepodemos chamar, existe emalguns momentos mas pas-

me pelos alunos que j usamo Photoshop, ento eu noconsidero preconceito, masuma afirmao do que falosempre para eles, que oGimp em muito seme-lhante ao Photoshop, quepossui os mesmos recursose que no atrapalha emnada o posterior desejo ou

necessidade de trabalharcom o Photoshop. O queouo deles que j

Figura 1: Exercicios complementaresdo curso, criado por Cristiane

8/9/2019 GimpZine 3.1

15/29

TUTORIALTUTORIALENTREVISTA


conheciam esta ferramentaou este recurso que o Gimptem, mas conheciam doPhotoshop o que seria umelogio e a comprovao doque falo nos cursos epalestras que dou.

GIMPZINE - Qual o im-

pacto dos alunos saberem

que o mesmo pode ser

modificado, distribudo li-

vremente e que man-

tido pela comunidade? E

que se quiserem podem

contribuir tambm?

Cristiane Jagmin - A curio-sidade em saber de que

forma pode ser feito, issoexiste mas muitas vezes noprossegue pela falta deinformaes mais claras arespeito de como eles pode-riam contribuir e tambmtemos aquela parcela depessoas que acha isso bemlegal, mas no tem neces-sidade de buscar mais

informaes, simplesmenteporque o Gimp j tem muitocom o que eles precisamestudar.

GIMPZINE - Aps o curso

voc tem notcias de

alunos que usam GIMP de

forma mais intensa, seja

profissional ou partici-

pando da comunidade?

Infelizmente no tenho estecontato com eles, mas noscursos sempre dousugestes de sites como oprprio OGIMP onde elespodem buscar mais informa-es e mesmo entrar emcontato com mais pessoasinteressadas no uso do Gimp.

GIMPZINE - Voc tem

conhecimento de outroslugares que introduzem o

GIMP ou outros software

livres como Blender,

Inkscape, Scribus etc. em

cursos, seja no seu estado

ou no Brasil?

Infelizmente no, o que medeixa muito triste pela capa-

cidade que estes programaspossuem e no Brasil atpouco tempo atrs o nico

local que tinha curso deGIMP era aqui em Porto Alegre, sendo que tivealunos de fora como Brasliapor exemplo que vieram

fazer o curso aqui por noexistir ou no ser divulgadoo curso em outros locais.Existir um curso deInkscape por exemplo seriauma tima opo aosusurios de Corel, assimcomo o Blender na criaode imagens 3D.

GIMPZINE - Eles sopouco difundidos? O que

poderamos fazer para

melhorar isto? Afinal so

programas que poucos

profissionais grficos ou

estdios conhecem e po-

deria ser uma opo

vivel.

Esta uma tima perguntae neste sentido posso dizerestou procurando fazer aminha parte difundindoentre os alunos dos cursos enas palestras, que sim possvel trabalhar com pro-gramas Opensource.Gostaria de ter mais tempopara estudar os outrosprogramas citados e criar

mais cursos nesta rea eassim contribuir mais com acomunidade.

GIMPZINE - Voc teria

sugestes para melhorar

ou adicionar alguma

funo no GIMP?

Ah, sim, mesmo tendo me

habituado ao trabalho comas janelas separadas ainda

Figura 2: Exercicios complementares

do curso, criado por Cristiane

8/9/2019 GimpZine 3.1

16/29

ENTREVISTA


prefiro o sistema de usar oprograma dentro de uma srea de trabalho. Para quemtem uma vida muito agitadacom muitos projetos para

criar esta facilidade viria emboa hora.

GIMPZINE - O que voc

achou sobre a iniciativa

do GIMPZINE ?

O Gimpzine saiu do lugarcomum dos sites sobre oGimp criando a Revista

Gimpzine proporcionando as-sim uma outra forma de serlida. Parabns pela iniciativae pelo envolvimento noProjeto que eu sei devetrazer muito trabalho masao mesmo tempo propor-cionar uma satisfao pesso-al em trabalhar em algo queacreditamos. Quem sabe oprximo passo seja a criaode um Podcast dentro doGimpzine.

GIMPZINE - Fique livre

para expor o que quiser.

Sempre que falo empalestras e em sala de aulasobre o Gimp costumoenumerar as qualidades e

obviamente os defeitos doproduto pois estes mesmo oPhotoshop possui mas umadas maiores qualidades queo Gimp possui acapacidade de levarmos aqualquer pessoa interessadaem trabalhar com Progra-mas de Edio de imagemesta possibilidade. Voc

instala em um laboratrio deuma escola por exemplo eele est a disposio de

quem desejar utilizar, sejaum ou vinte alunos e isso fantstico porque no deixaa desejar a nenhum outrosoftware da sua categoria.Tambm gostaria de chamar

a ateno das pessoas quefalam sobre o Gimp em

palestras que elas foquemem demonstrar opes maisavanadas do programa emdeterminados tipos deevento onde se sabe que o

nvel das pessoas interes-sadas maior e elas estoali para decidir entreinstalar ou no aqueleprograma e comear a us-lo de forma profissional.Fazer demonstraes sim-ples para um programa torobusto quanto ele no trazbenefcios e sim prejudica a

pouca divulgao que temosdele .

Figura 3: Exercicio complementaresdo curso, criado por Cristiane

"Fazer demonstraessimples para um

programa to robustoquanto ele no traz

benefcios e simprejudica a pouca

divulgao que temosdele"

8/9/2019 GimpZine 3.1

17/29

TUTORIALTUTORIALTUTORIAL


PPrrooggrraammaaoo VViissuuaall((MMdduulloo 33))

Por Guilherme (Razgriz)

Neste mdulo veremos como usaredio de imagens com certaresponsabilidade na publicidade emsi. Tambm veremos que as regrasforam feitas para serem quebradas (pelomenos para ns da criao), porm com bom

senso.

Muito se fala do conflito "Atendimento vsCriao". Aqui na "comunidade" (sim, entreaspas, j que na minha opinio no existecomunidade de software livre ou qualqueroutra, esse pensamento utpico deveria serextinto na cabea das mentes no alienadas,porm adorno esteja errado, =[ j que todosns fazemos parte da massa e somoscontrolados por alguma instituio qualquerou at mesmo por um jogo de interesses).

Ento vamos agir de acordo com essasdiretrizes, ou seja: NO existem regras e que vena o mais bem preparado no mercado detrabalho, isso significa que voc no devecontar com a ajuda de ningum, a menos queambos desejem o mesmo objetivo e possamcumprir a meta almejada JUNTOS.

Isto pea chave para voc daqui para afrente:

Se algum que tem algum cargo maior do queo seu cometer um erro crasso na sua frente,no pense em esmag-lo, a menos que elemerea, agora lembre-se que cometer o erroduas vezes burrice.

Se o cliente no te der liberdade para criar,

aconselho voc a no assinar o trabalhoapesar de executar.NO adianta voc querer culpar o software

por um erro que VOC cometeu ou pela tuatotal INCOMPETNCIA, preciso ter ahumildade e grandeza de saber pedir ajuda devez enquando.

No seja arrogante com o cliente, a menosque ele MEREA (e muito).

Saiba reconhecer os seus prprios erros antesde criticar algum.

PARE de reclamar do que voc tem paratrabalhar (software e hardware). O software VOC MESMO ESCOLHEU (no caso dosoftware livre claro, se te forarem a usar ooutro a culpa deles), afinal o softwareapenas faz o que voc manda, ento no oculpe pena sua incompetncia.

Se voc no sabe, PROCURE aprender.

Supondo que voc j tenha os softwaresinstalados (o nosso "amigo" GIMP, os seus dedesenho vetorial, 3D e o que mais for) vamosprosseguir.

Munio:

"Um fotgrafo na hora certa, com a lentecerta, cmera certa, sem o filme no NADA."

Supondo que voc no tenha um bom estoquede brushes, fontes e por a vai, vou passaralgumas fontes minhas para voc se "armar".

8/9/2019 GimpZine 3.1

18/29

TUTORIAL


Fontes:

* DaFont.com: site francs muito bom, temquase de tudo);

* FontesGrtis.com.br (s os banners que sochatos, mas muito bom);

* NetFontes.com.br (razovel, mas meio maisou menos);

* AbstractFonts.com (o nome j diz...);

* 1001FreeFonts.com (tem algumas coisasbem originais, mas tem que ter pacincia praprocurar).

Pincis (brushes):

* DeviantArt.com (no campo de busca, digite"gimp brushes", possvel encontrar fontes ltambm).

Stocks (imagens com direitos de uso livre parausar em trabalhos e coisas do gnero sem dorde cabea):

* SXC.hu (incrvel, um dos melhores);

* DeviantArt.com (digite "stocks" no campo debusca e no esquea de ver a licena de usoda imagem).

Muito bem, j tem outros artigos meusexplicando como voc coloca os pincis eas fontes no GIMP, caso voc precise deles:

* http://vivaolinux.com.br/~razgriz/artigos

Muito bem, vamos em frente.

Hoje ns vamos criar:

Diz uma diretriz da publicidade,programao visual e design que vocobrigatoriamente deve criar uma logoTOTALMENTE VETORIZADA, sob pena deser um pesadelo para ampliao e

escalabilidade da mesma.

Mas a entra uma das minhas diretrizesfavoritas: algumas vezes voc pode e DEVEarriscar-se a quebrar (ou pelo menos tentar)

esta pequena regra sobre criao delogomarca.

Vamos aqui mostrar um exemplo vivel, masproporcionalmente menor, j que o nossoespao aqui relativamente limitado (fsico).

Vamos comear criando uma imagem nova noGIMP com tamanho de 1000x1000 pixels,lembre-se que pixel no igual a centmetro!

Como normalmente uma logomarca "animada" (desenho, ilustrao etc) epraticamente nunca uma imagem "slida",devemos ter um pouco mais de cuidado,podemos sim fazer o uso de brushes, pormquando fazemos isto na totalidade do trabalho(ou seja, apenas usando este recurso),provavelmente teremos um resultadorelativamente prximo em execuo aotrabalho com vetorial.

Aqui ns temos um exemplo de umalogomarca feita apenas com brushes.Obviamente que o "cliente" neste caso sou eumesmo=].

Logomarca (use o zoom no pdf imagem em alta resoluo)

8/9/2019 GimpZine 3.1

19/29



Vamos dar uma pequena pausa no assuntopara que eu possa explicar como cheguei noresultado visto anteriormente.

Apliquei o pincel escolhido na imagem,

depois copiei e colei o mesmo como umanova camada. Feito isso inverti os ladosdesta nova camada e apliquei o efeito"Valor". Depois dupliquei a camada doresultado e apliquei na mesma o efeito"Multiplicar", para aumentar o preto comotonalidade. O texto uma fontemodificada, bastou escrever por cima dafigura.

Voltando ao nosso assunto, a logomarcano pode ser uma composio de brushesa "esmo". Voc quer dizer alguma coisarelativamente BVIA e no criar uma obrade arte surrealista que deixe o possvelconsumidor do seu cliente tentandoadivinhar qual o servio e/ou produto que aempresa do mesmo prov.

Mas isto no quer dizer que voc no possacriar uma composio para a logomarca, isto

apenas diz que: "Voc deve saber o que faz edar sentido a mesma de uma forma que fiquefcil para o consumidor final e o prpriocliente entenderem a mensagem que elatransmite."

adequado mencionar que no necessrio opreenchimento de toda a rea til da imagembase, faa-o apenas se no seu projeto isso forpertinente.

Segue um exemplo:

Aqui podemos acompanhar o procedimento deconfeco do exemplo:

O exemplo acima foi confecsionado apenasusando a mesma fonte para todas as letras emtamanhos diferentes, com uma camada

aplicada sobre as mesmas ( sendo que estacamada leva os efeitos visuais do trabalho. )com o efeito de camada "diferena".

por fim:

Nesta pequena srie vimos o BSICO sobreprogramao visual acrescido da minha visosobre o assunto.

Procedimento de confeco de exemplo (use o zoom no pdfimagem em alta resoluo)

exemplo (use o zoom no pdf imagem em alta resoluo)

8/9/2019 GimpZine 3.1

20/29

TUTORIAL


Continuando o artigo anterior sobrePixel Art! Muitos ficaram comdvidas como proceder, mas foiexplicado que a tcnica pixel a

pixel ou seja ponto a ponto, ento qual advida? Basta praticar! Lembre-se que

existem tutorias no site www.ogimp.com.br

que podem auxiliar na criao de Pixel Art.

Hoje o maior problema para criar jogos afalta de artistas principalmente em jogoslivres alguns programadores acabamassumindo esta funo, ento depois depraticar tente contribuir com algum projeto.J que recebi pedidos sobre mais informaessobre pixel para jogos a mesma que iremoscriar vai ser incorporada num pequeno cdigono Pygame. "Como assim ?" Vamos apenas

exibir a imagem no entraremos em detalhes,pois estamos trabalhando com editor deimagens e no programao irei apresentar

algumas bibliotecas de jogos e seusrespectivos sites. Use o google para buscarmais informaes.

Antes de comear vou mostrar os tipos de

pontos mais comuns. Veja este exemplo:

A regra ao aplicar a linha o objeto tem queficar uniforme ou com aspecto agradvel. Pois

nem sempre o mesmo ser assimtricoimagine se for fazer uma rocha ou objetosimperfeitos, eles no tem formas regulares,no mesmo!

PPiixxeell AArrtt nnoo GGIIMMPPCCrriiaannddoo uumm eexxeemmppllooPor Anderson Prado (AndeOn)

Akumajyou Dracula X - Chi no Rondo (J) - Rondo of Blood (US) do saudoso PCE (PC Engine)

8/9/2019 GimpZine 3.1

21/29



Para continuar com nosso artigo explicareicomo criar uma imagem seguindo a risca aregra dos artistas puritanos, j havamosconfigurado algumas ferramentas no artigoanterior como o lpis, borracha,

preenchimento limitando o antialiasing. Agora vamos eliminar definitivamente esta preocu-pao convertendo a imagem como indexada.Porm ela anula diversas funes dasferramentas cores e filtros, imagens gifs soindexadas por isto no possivel realizarcertas modificaes nelas, pois a ela usa umnmero limitado de cores que vai pode ir de 1at 256 cores possveis.

Configurao:

Crie uma imagem com as medidas 32x32 Px

Na barra de ferramentas va em "Dilogos > Mapa de Cores", tambm pode adicionarcom aba (leia o GimpZine n 2 Dica:personalizando a interface do GIMP).

Agora vamos limitar o GIMP (S trabalharcom as cores do mapa) v na opo "Imagem> Modo > Indexado" escolha o opo usarpaleta preto em branco (1 Bit).

Alguns diro porque no usar paletapersonalizada, mas vamos ver a vantagem deusar desta maneira.

Veja a janela de mapa de cores surgiro 2cores preto e branco ou seja s podermos

usar estas duas cores, por enquanto.

Note que podemos editar ou inserir outrascores, definiu uma cor do objeto como porexemplo o vermelho e quer substituir paraazul, basta editar o ndice da cor e toda a

pintura ser substituida. Isto agiliza e muitonosso trabalho na imagem. Agora viu porqueno usamos a paleta, Sim, podemos combinar

as 2 ferramentas experimente criar umapaleta faa a pintura com as cores dela edepois mande indexar com a paleta que

8/9/2019 GimpZine 3.1

22/29

TUTORIAL


criou, assim poder alterar pelo mapa decores. Lembre-se o mapa de cores s trabalhacom cores indexadas.

Voc pode alternar entre o modo RGB e

indexado geralmente eu fao a imagem nomodo indexado volto ao RGB e aplico algunsefeitos com ajuda de ferramentas de seleoou at mesmo um degrad personalizado.

O Pixel pode ser feito direto no modo RGBauxiliado por uma paleta ou no. Descubra amelhor maneira de trabalhar, j que isto no regra.

Criando:

Crie a base da imagem desenhado com o lpiscom pincel circle (01), no tem segredo straar e usar a ferramenta de preenchimento. Veja que coloquei no exemplo as etapas deforma bem acelerada. Note que usamos umaquantidade razovel de cores cerca de 10 a15 pois o efeito delas garante um trabalhomais bonito. Veja o modelo final de iconesdepois de alterar pelo mapa.

Programando:

Vejamos as ferramentas livres que selecioneipara criao de jogos se eu deixei alguma defora me perdoem.

Simple DirectMedia Layer(SDL) uma bibliotecamultimdia e multiplata-forma escrita em C (mas

diretamente compatvel com C++ e possuiinterfaces para outras linguagens deprogramao, como Ada, Eiffel, Java, Lua,ML, Perl, PHP, Pike, Python, e Ruby), que criauma abstrao em vrias plataformas de

grficos, sons, e entrada de APIs, tornandopossvel ao programador escrever um jogo decomputador ou outra aplicao multimedia jque ela pode rodar em GNU/Linux, Windows,Mac OS Classic, Mac OS X, BeOS, FreeBSD,OpenBSD, Solaris, QNX, IRIX, e muitas outrasplataformas no oficialmente suportadas. Elagerencia video, eventos, audio digital, CD-ROM, som, threads, processamento deobjetos compartilhados, rede e tempo.http://www.libsdl.org

O Allegro umabiblioteca escrita em

C/C++ criada para uso em programao dejogos. atualmente usada por muitas pessoaspara construo de jogos em 2D. Sua grande vantagem est na alta portabilidade paradiversos Sistemas Operacionais como DOS,Unix (Linux, FreeBSD, Irix, Solaris, Darwin),Windows, QNX, BeOS and MacOS X ela

permite uso das APIs grficas do DirectX ouOpenGL para a parte grfica da programao.http://alleg.sourceforge.net

O clanlib trata-se deum kit de desenvolvi-

mento de nvel mdio. Em seu nvel maisbaixo, proporciona o desenvolvimento de jogos independentemente da plataforma (etudo o que for possvel fazer em C++),

garantindo a interao com vdeo, som,entrada, rede, arquivos e etc.http://clanlib.org/

8/9/2019 GimpZine 3.1

23/29



Crystal Space kit paracriao de jogos 3D,desenvolvido em C++.Suporta sprites 3D, luz

colorida, superfcies reflectivas, transparn-

cias, espelhos, texturas, partculas, nvoa volumtrica, scripts e muito mais. Suporta video 32-bit e 16-bit, openGL e outrosrenderizadores.http://www.crystalspace3d.org/

PLIB a biblioteca foiescrita para os pro-gramadores de gamese de outras aplicaes

interativas criassemaplicaes que apro- veitassem os recursosdo hardware e do sis-

tema operacional dos usurios em 100%.Inclui um engine 3D completo, efeitos desons, msicas, diversos utilitrios uma bi-blioteca matemtica.http://plib.sourceforge.net/

Pygame uma bi-

blioteca multiplata-forma feita para ser

utilizada com a linguagem de programaoPython. Ela construda sobre a SDL por PeteShinners, permite criao de jogos e pro-gramas multimdia. Ela se baseia na idia deque as tarefas computadorizadas intensivasem um jogo podem ser abstradasseparadamente da lgica principal. Tornandopossvel utilizar uma linguagem de alto nvel,

como Perl ou Python para organizar aestrutura dos aplicativos.http://www.pygame.org/

Agora vamos ao exemplo bem simples que fizcom Pygame, mas antes gostaria deagradecer a ajuda do Gustavo SverzutBarbieri e indicar estes links do site que elemantm com muitos bons exemplos paraaprender a programar com esta excelente

ferramenta Pygame.

http://palestras.gustavobarbieri.com.br/pygame/

http://www.gustavobarbieri.com.br/jogos/

Finalmente a nossa imagem carregada naaplicao. Este cdigo voc pode tanto usar

no Linux como no Windows ou qualquerplataforma que suporte.

Geralmente na criao de imagens comoobjetos no assimtricos, personagens para jogos usado a tcnica color key na qual umcor designada para representartransparncia, em poucas palavras vai ser acor de fundo. A cor magenta (255 0 255) ouseja (100% vermelho, 0% verde, 100% azul) uma das mais usadas. Com isto ser reduzidoo alto consumo de CPU em exemplos maiscomplexos ou jogos definitivos.

Chegamos ao final deste artigo agorapesquisem e pratiquem esta arte!

#!/usr/bin/env python

import pygamefrom pygame import *

screen = pygame.display.set_mode((320, 200))width, height = screen.get_size()

bg = pygame.Surface((width, height))bg.fill((255, 255, 128)) # light yellowscreen.blit(bg, (0, 0))

pygame.display.flip()

obj = pygame.sprite.Sprite()obj.image = pygame.image.load("icone.png")obj.rect = obj.image.get_rect()objs = [ obj ]

group = pygame.sprite.RenderUpdates(objs)

clock = pygame.time.Clock()run = Truewhile run:

clock.tick(60) # 60 frames per second

for e in pygame.event.get():if e.type == QUIT:

run = False

elif e.type == KEYDOWN:if e.key == K_LEFT:

if obj.rect.left > 0:obj.rect.left -= 10

elif e.key == K_RIGHT:if obj.rect.right < width:

obj.rect.right += 10

group.clear(screen, bg)r = group.draw(screen)pygame.display.update(r)

Use as setas esquerda e direita do teclado para movimentaro sprite.
http://www.gustavobarbieri.com.br/jogos/http://palestras.gustavobarbieri.com.br/pygame/

8/9/2019 GimpZine 3.1

24/29

TUTORIAL


FFaacciilliittaannddoo aass

CC

oo

iissaa

ss -- DDiiccaass rrppiiddaass

Por Mozart Couto

Tem muita gente, usurios do Gimpfor Windows, que no gosta muito damaneira como a janela principal e ascaixas de dilogos do programa seapresentam. Acostumados com as interfacesdos programas para Windows, que

apresentam um fundo fixo onde todas asoutras janelas flutuam, tm algumadificuldade em lidar com a interface do Gimp.

Encontrei uma soluo bem simples para isso:

Utilizo o programa WinRoll, que permiteencolher as janelas, com um simples cliquedo boto direito do mouse na barra de ttulodestas.

Para baixar o programa, que freeware eOpen Source, v ao endereo abaixo e resolvade vez seu problema:

http://www.palma.com.au/winroll/ escolha o arquivo set up:http://www.palma.com.au/winroll/winroll-2.0.exe

No meu caso para us-lo, fao o seguinte:

Maximizo a janela de Imagem (fig.1), quecobrir a caixa de ferramenta e as caixas dedilogos, Camadas e etc. (vetores, pincis,degrads...).

Quando quero acessar essas, dou um cliquecom o boto direito do mouse na barra dettulo da janela de Imagem, que encolhe, eacesso as outras, onde atuo nos pincis, nacaixa de ferramentas etc. (fig.2). Em, seguida,

s clicar de novo na barra de ttulo da Janelade Imagem e continuo a trabalhar nela.

Mais algumas dicas:

Para quem gosta de trabalhar com mais deuma rea de trabalho, e que, no caso tambmfaz uso do Gimp, e prefere abrir um novodocumento e deix-lo numa janela maximi-zada numa outra rea, e as caixas de dilogosflutuantes em outra rea, intercalando entre

as duas atravs de teclas de atalho, a sada usar o excelente programa Dexpot, que

Janela da Imagem ativaencolhida.

Figura 1

Figura 2
http://www.palma.com.au/winrollhttp://www.palma.com.au/winroll/winroll-2.0.exe

8/9/2019 GimpZine 3.1

25/29



altamente configurvel, e tambm gratuitopara uso pessoal.

O endereo : http://www.dexpot.de/

H ainda outro programa chamado DoubleDesktop que apenas duplica seu desktop,mas com uma certa vantagem que a depossibilitar o arrasto, com o mouse, de janelas de um para outro desktop, alm deteclas de atalho configurveis para a trocaentre os desktop.

Tambm gratuito para uso pessoal, que podeser baixado no endereo:

http://www.fatfreesoft.com

Mais dicas:

Continuando com as possibilidades dearranjar as janelas para que o trabalho fluamelhor, temos ainda as seguintes opes:

1- A primeira, mais simples e direta seria:

Posicionar a Caixa de Ferramentas no ladoesquerdo da sua rea de trabalho, e a Janelada Imagem no lado direito (fig.1)

Para ativar outras janelas e demais caixas dedilogos, basta utilizar os atalhos padres doprograma referentes elas como mostra afigura a seguir.

Para ativar a caixa de dilogocanais,siga o caminhomostrado na imagem ao lado

ou use as teclas Shift+F7

Figura 1

8/9/2019 GimpZine 3.1

26/29

TUTORIAL


Podemos acoplar caixas de dilogos caixa deferramentas, chamando as primeiras atravsdo menu e, em seguida, arrastando-as paracima da barra opes de ferramentas, comomostra a imagem abaixo.

A caixa de dilogo Cor de frente/fundo foichamada, pelo menu...

Em seguidaarrastada para abarra opes deferramentas ondeficar acoplada vejao resultado na

figura 3.

Para trabalhar com ilustrao, desenho ecolorao, tendo um desempenho rpido efcil, tenho organizado assim meu grupo dejanelas do Gimp para Windows:

Na Janela Flutuante da esquerda, acoplei, nabarra Opes de Ferramentas, mais duascaixas de dilogo que utilizo muito que so oEditor de Pincis e Cor de Frente/Fundo.Na da direita, acoplei as caixas de dilogosTexto e Paletas, com as outras, que abrempor padro.

Atravs das teclas de atalhos (F5 para ativartodo grupo da esquerda e F6 para ativar o

grupo da direita), intercalo os componentesde forma simplificada e rpida enquantomantenho a janela da imagem sempre visvel.

Figura 3 Resultado da aclopagem

8/9/2019 GimpZine 3.1

27/29



Esta tcnica de criar atalhos pode ser vista naedio n 0 do GIMPZine em atalhos deTeclados dinmicos.

Um outro modo, bem rpido e simples de

acessar caixas de dilogos que ficamescondidas sob a janela da Imagem (geralmente as que ficam do lado esquerdo:pincis, texturas e degrads ) clicar sobre osthumbnails referentes a elas, que ficam naCaixa de Ferramentas.

Veja exemplo a seguir:

A imagem acima, mostra o caminho paraconfigurar a caixa de ferramentas e seus

elementos.

Experimente tambm descobrir o seu melhor

esquema de trabalho. O Gimp muito flexvelquanto a isso.

Gerenciando Pincis fora do Gimp:

Para visualizar as formas dos pincis do Gimp,fora da caixa de dilogo pincis, noprograma, utilize o visualizador de imagensXnView - http://come.to/xnview. Assim, pelo xnview, poder acessar a pastaonde esto seus pincis e exclu-los, renome-los, ou mov-los, para outros locais.Ele mostrar no s as imagens dos pincisnativos do Gimp, como dos pincis criados esalvos por voc. Os pincis animados (.gih)

no aparecero, assim como os

.vbr

, pincisvirtuais, criados como novos e que no foramsalvos.

Veja, a imagem :

GIMPACK:

Essa uma nova ferramenta para gerenciar,baixar, instalar e desinstalar automaticamentepacotes de pincis, texturas, degrads epaletas no Gimp.Para conhecer melhor acessehttp://br.geocities.com/gimpack_for_gimp/Packs.htmle divirtam-se com essa excelente ferramenta!

A maioria das dicas foram exclusivas parausurios do Sistema Operacional Windows

mas algumas partes so aplicadas a usuriosde Linux e MAC.
http://br.geocities.com/gimpack_for_gimp/Packs.html

8/9/2019 GimpZine 3.1

28/2928GIMPZINE Edio 03- www.ogimp.com.br

HALL DE IMAGENS

Blood ForestAutor: Drdoom

Galeria: http://www.ogimp.com.br/modules/myalbum/photo.php?lid=80

Vector CarAutor: Cristian

http://www.ogimp.com.br/modules/myalbum/photo.php?lid=129http://www.ogimp.com.br/modules/myalbum/photo.php?lid=80

8/9/2019 GimpZine 3.1

29/29

TUTORIALTUTORIALHALL DE IMAGENS

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

Participe do frum galeria criando seu lbum virtual.Abra um tpico com a nomenclatura " imagens - seu usurio"

Mostre sua arte com software livre:compartilhe seu conhecimento, tire dvidas, solicite dicas etc.

She's In HeavenAutor: rafatyu

http://www.ogimp.com.br/modules/myalbum/photo.php?lid=176http://www.ogimp.com.br/modules/newbb/viewforum.php?forum=12

GimpZine 3.1

Documents

Transcript of GimpZine 3.1