Design grfico usando

ferramentas livres para

GNU/Linux

Design: Definio Acadmica

Esforo criativo relacionado configurao,

concepo, elaborao e definio de algo,
como um objeto, uma imagem, entre outros, em
geral voltados a uma determinada funo.

Design: Definio Acadmica

Portanto, um esforo criativo atravs do qual

se projetam todo tipo de coisas, incluindo
utenslios, vestimentas, peas grficas, livros,
mquinas, ambientes e (recentemente) tambm
interfaces de programas.

Alguns Princpios do design

Com eles podemos controlar melhor a
diagramao de contedos facilitando
visualizao

Contraste;
Repetio;
Alinhamento;
Proximidade.

Proximidade

Itens relacionados entre si devem ser

agrupados.
A Proximidade implica em uma relao
Os itens relacionados entre si devem ser
agrupados
Veja para onde seus olhos se dirigem
Siga uma projeo lgica da pgina

Proximidade?
UNOPAR

www.jaymeayres.orgfree.com

Jayme Ayres

43-3025-6449

Londrina - Pr

Proximidade - Exemplo

Jayme Ayres
www.jaymeayres.orgfree.com

UNOPAR
43-3025-6449
Londrina - Pr

Proximidade - Exemplo
CD ROM
CD infantil
CD educacionais
CD de lazer
Editor de texto
Editor grfico
Editor de slides
Disquetes
Impressoras
Cabos

CD ROM
CD infantil
CD educacionais
CD de lazer
Aplicativos
Editor de texto
Editor grfico
Editor de slides
Hardware
Disquetes
Impressoras
Cabos

Alinhamento

Cada elemento deve ter alguma conexo visual

com outro elemento da pgina.
Amarras visuais entre os elementos
Mesmo que no estejam prximos fisicamente,
os elementos podem parecer conectados,
relacionados, unificados a outras informaes
simplesmente devido ao seu posicionamento.

Alinhamento - Exemplo
Jayme Ayres
www.jaymeayres.orgfree.com

UNOPAR
43-3025-6449
Londrina - Pr

Alinhamento - Exemplo

Jayme Ayres
www.jaymeayres.orgfree.com

UNOPAR
43-3025-6449
Londrina - Pr

Repetio

Algum aspecto do design deve ser repetido

O elemento pode ser

Uma fonte em bold (negrito)

Um fio (linha) grosso
Algum sinal de tpico
Relaes espaciais e etc.

Exemplo clssico: Ttulo e subttulos de

trabalhos acadmicos

Repetio - Exemplo
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit.
Duis mi dolor, lacinia et, lobortis vel,
sollicitudin in, elit.
Duis mi dolor, lacinia et, lobortis vel,
sollicitudin in, elit.
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit.

Contraste

Se dois itens no forem exatamente os

mesmos, diferencie-os completamente
Utilizar o princpio do contraste como fazer o
retoque em uma parede: no se pode combinar
mais ou menos a cor; ou voc encontra a cor
exata ou precisar pintar a parede inteira

Contraste - Exemplo
Lorem ipsum dolor sit amet
Exemplos:
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit.
Duis mi dolor;
Duis mi dolor:
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit.

Fontes

Fontes

Fonte, ou Tipo, o material bsico para

qualquer pea de design.
Seu objetivo: COMUNICAO
Problema: combinar mais de um tipo de fonte
Soluo: aplicar uma relao que pode ser

Concordante
Conflitante
Contrastante

Fontes - Concordante

Utilizao de apenas um tipo de fonte.

Variaes: itlico, negrito, sublinhado e um
tamanho maior nos ttulos.
Tende a ser mais formal.
Ideal para pginas com grandes textos.

Fontes - Conflito

Utilizao de duas ou mais fontes similares na

mesma pgina.
Em casos que se utiliza fontes similares muitas
pessoas confundem e acham que foi um erro.
O que no deixa de ser.
Deve ser evitado.

Fontes - Contraste

Funo:

atrair os olhos
est relacionado organizao e clareza das
informaes

Pode ser confundido com conflito.

Fontes - Categorias

Estilo Antigo
Moderno
Serifa Grossa
Sem Serifa
Manuscrito
Decorativo

Serifado
Sem serifa

Fontes - Categorias

Serifa

So os pequenos traos e prolongamentos que

ocorrem no fim das hastes das letras
Os textos serifados so usados em blocos de texto
pois, as serifas tendem a guiar o olhar atravs do
texto

Sem Serifa

fontes sem-serifa costumam ser usadas em ttulos

e chamadas
valorizam cada palavra individualmente e tendem a
ter maior peso e presena para os olhos

Cores - Divises

Cores Quentes, Frias e Neutras

Cores Quentes: vermelho, amarelo e laranja, que

por serem fortes e excitantes.
Cores Frias: tons de azul, verde e violeta, que so
mais repousantes .
Cores Neutra: branco, preto e cinza, em suas
diversas graduaes.

Cores

Cores

Cor Luz

Objetos que emitem luz (monitores, televiso, sol)

Adio de diferentes comprimentos de onda das
cores primrias de luz Vermelho + Azul (cobalto) +
Verde = Branco
Sistema RGB

Cor Pigmento

Mancha-se uma superfcie sem

pigmentao(branca)
Mistura-se as cores secundrias da luz (tambm
chamadas de primrias em artes plsticas) Ciano +
Magenta + Amarelo = preto.
Sistema CMYK

Cores - Psicodinmica

Vermelho, por exemplo, parece aguar o nosso

apetite.
Azul nos ajuda a sentirmos relaxados,
Amarelo refrescante, simboliza alegria,
persuaso
Verde calmante para nossos olhos e psique,
por isso a natureza nos presenteia com
bastante dessa cor em suas formas e florestas.

Cores em sentido oposto (Fig A)

complementam uma a outra. No devem ser
usadas nas mesmas quantidades, por exemplo,
50% cada em uma mesma rea, melhor que
apenas uma seja usada na maior parte da rea
e a outra em menor quantidade.

Quaisquer trs ou quatro cores adjacentes (Fig

B) possuem harmonia entre si.
Poderemos observar isso na Natureza, por
exemplo, as flores amarelas entre folhas
verdes.
Se no sabemos como combinar cores,
seguindo esta orientao ser mais seguro.

A Figura C ilustra uma seqncia de trs cores

separadas pela terceira. Qualquer uma das
combinaes possveis cria um esquema de
cor sensato baseado na pureza das cores.

Cores - Combinao

Neste Link podemos ver um misturador que

poder ajudar os designers e webdesigner a
resolver problemas com a combinao das
cores

Web arte

Um canal de experincias visuais, sonoras ou

temporais com o visitante, tornando a
navegao, uma experincia inslita, cmica,
hermtica, repetitiva, labirntica, esttica etc.
O usurio reflete a sua relao com a mquina
e com outras pessoas, no mundo onde os
relacionamentos so cada vez mais mediados
pela teleinformtica.

Web arte

Reconsidere as normas de usabilidade

Desperta-se duvida e/ou interesse
Compreenso ou repdio por parte usurio
isso faz com que o usurio lembre sempre do
site
Diferenciar Design de Arte: em quanto a
mensagen, no Design est em funo de quem
recebe na Arte est em funo de quem cria.

Web design

O web design uma extenso da prtica do

design, onde o foco do projeto a criao de
web sites e documentos disponveis no
ambiente da web.
Aplicao de conceitos de usabilidade
Consiste no emprego de tais conceitos:
Planejamento
Estratgico

Estrutura

Layout

Navegadores

Padres

Ferramentas Grficas de
desenvolvimento

Web design

Partindo dos princpios bsicos do Design

deve-se lembrar que um layout para websites
dever ser:
Atraente.

Funcional.

Comunicativo.

Web design - Recomendaes

Ocupar de 50 a 80% da pgina com contedo;

Evitar frames, pois diminuem o espao
disponvel para apresentao de contedo;
Agrupar os diferentes tipos de informaes
disponveis na pgina apresentando as mais
importantes em primeiro lugar;
Usar espao em branco para separar
contedos ou assuntos diferentes;
Nunca use uma grande quantidade de texto
todo em maisculas.

Casos de insucessos

Desafio

Encontre neste site onde est a sesso de

wallpapers.

Casos de Sucessos

UOL www.uol.com.br

Globo Esporte www.globoesporte.com

CSS Remix www.cssremix.com

CSS Beauty www.cssbeayty.com

4efx Repository www.4efx.com.br

Web design - Ferramentas

Solues em SL para um bom desenvolvimento

de layout para web ou at para pequenos
impressos.
Comparativo com os Softwares proprietrios
Prs e contras entre as duas plataformas
Ferramentas:

Gimp Imagens geradas atravs de mapa de bits

ou bitmaps
Inkscape Desenhos Vetorias 2D
Blender Renderizao 3D

The GIMP

Gimp

GNU Image Manipulation Program

O projeto foi criado em 1995 por Spencer
Kimball e Peter Mattis.
Projeto Universitrio
Primeiro grande projeto de Cdigo Aberto para
usuios finais (pessoas normais)
Possibilidade de se escrever scripts para criar
efeitos mesclando filtros

Gimp

Seus usos incluem

criar grficos e logotipos,

redimensionar fotos,
alterar cores,
combinar imagens utilizando o paradigma de
camadas,
remover partes indesejadas das imagens
converter arquivos entre diferentes formados de
imagem digital.

Gimp

Princpios:

Trabalhar em camadas;
Trabalhar com seleo;
Trabalhar com paths;

Algumas ferramentas de auxlio

Script de shortcuts para o PS;

Script de Alinhamento;
Definir pattern

Gimp

Alguns detalhes entre o Gimp e o Adobe

Photoshop

No existe um bom suporte ao padro CMYK color

space at a verso 2.0
No existe um suporte para o padro Pantone.
O nmero de plugins para o PS bem maior.
A partir de 2004 com a melhora da blioteca GTK
usurios Microsoft puderam fazer a utilizao do
GIMP

Gimp

Workspace:

Barra de Ferramentas

Gimp

Workspace:

Barra de Ferramentas
Janela de Layers

Gimp

Workspace:

Barra de Ferramentas
Janela de Layers
Color tool

Seleo Retangular

Cria uma seleo retangular em

que nesta rea o usurio possa
fazer o que bem entender,
como:

Pintar a rea;
Retocar a rea;
Arredondar seus cantos;

Opes extras:

Modo
Enevoar bordas
Encolher a seleo
Seleo livre

Seleo Elptica

Cria uma seleo elptica em

que nesta rea o usurio possa
fazer o que bem entender,
como:

Pintar a rea;
Retocar a rea;
Arredondar seus cantos;

Opes extras:

Modo
Enevoar bordas
Encolher a seleo
Seleo livre

Detalhe em comum

Modo

Enevoar

Substituir a Seleo Atual:

Retocar a rea;
Adicionar Seleo:
Fazer Interseco com a Seleo
Atual:
Enevoa a borda (blur ou feather)
Encolher a seleo
Seleo livre

Selecionar todo o documento

<ctrl-a>

Seleo Livre

Permite que se refine a seleo

traando atravs do mouse ou
outro dispositivo suas bordas;
tima para recortar fotografias exigedestreza do usurio;
Alternando as teclas <shift> e
<ctrl> pode-se adicionar ou
remover a seleo;
Suavizar;
A opo Enevoar Bordas
funciona como nas outras.

Seleo Contgua

Seleciona cores similares cor

da regio que for clicada.
Seleciona reas transparentes;
Usar amostra combinada em

calcula a seleo com base em

todas as camadas visveis;

Limite:

cores similares
quanto maior o limite maior a
abrangncia da seleo

Seleo por Cor

Esta ferramenta funciona de

forma bem similar a seleo de
regies contguas, no entanto,
seleciona instantaneamente
cores similares em toda a
imagem.
Funciona bem com cores
slidas e no com texturas e
degrads.
As opes so idnticas s da
ferramenta de Seleo
Contguas

Tesoura

Esta ferramenta funciona de

forma bem similar a seleo de
regies contguas, no entanto,
seleciona instantaneamente
cores similares em toda a
imagem.
Funciona bem com cores
slidas e no com texturas e
degrads.
As opes so idnticas s da
ferramenta de Seleo
Contguas

Vetores

Tambm chamada de Bezier

esta ferramenta cria objetos de
vetores (ou caminhos) em uma
camada a parte da camada de
bitmap.

Muito til para recortes (aliada a

ferramenta de seleo
Desenhos complexos
Grficos

Com as teclas <alt>, <shift> e

<ctrl> h alternao nas
diferentes funes de edio

Vetores

Na imagem podemos ver

uma edio usando a
curva de Bezier para a
criao de uma forma
arredondada.
Deste vetor podemos
criar uma seleo e
depois de criado pode-se
pintar, retocar, recortar e
etc.

Vetores

A partir de uma seleo, podese criar um vetor/path

A seleo carregada atravs
da opo Carregar seleo do
canal Alfa
Usando uma ferramenta
parecida cria-se um vetor
atravs da seleo

Seletor de Cores

No altera a imagem;
As opes so:

Amostra mdia clculo da

mdia de variao de cor
conforme o raio determinado
Usar amostra combinada
opo de selecionar a cor em
outras camadas dica: habilitar
esta funo

Zoom

Controle de porcentagem de
aproximao
Indispensvel em recortes e
desenhos baseados em
selees para criao de
vetores
Ampliao

Medidas

No causa alterao na
imagem;
Informa a distncia entre dois
pontos na imagem
ngulo formado entre a linha
que une esses dois pontos e a
horizontal.

Mover

Permite que uma parte da

imagem, ou uma camada, seja
arrastada com o mouse para
qualquer outro ponto do espao
da imagem.
Opes extras:

Mover camada;
Mover seleo;
Mover path.

Cortar

Ferramenta para guilhotinar

imagens;
til para web designers;
til para profissionais que
trabalham com fotos;

Rotacionar

Do grupo de ferramentas de
transformao;
Esta permite a rotao de uma
imagem, seleo ou path;
Dica:

Na maioria dos casos, deixar a

opo Super-Amostragem
(melhora o serrilhado) marcada
antes de rotacional

Redimensionar

Segunda ferramenta do grupo

de transformao;
Permite que se redimensione
partes ou detalhes de uma
imagem.
Dica:

Redimensionar imagens de
fotografia melhor que se use a
opo Redimensionar no menu
Imagem

Inclinar

Certamente a transformao
menos utilizada;
Seu uso restringe a distorcer um
objeto para obteno de um
efeito
Talvez seu melhor uso seja para
aplicar efeitos especiais em
textos.

Perspectiva

Ferramenta mais flexvel do

grupo de transformao de
imagens;
Permite a transformao de
forma independente os quatro
pontos dos cantos do retngulo
a ser transformado;
Corrigir perspectivas de
imagens.

Espelhar

A mais simples das ferramentas

de transformao, porm muito
til, pois nos casos de
espelhamento de um objeto
cncavo, por exemplo, pode se
obter um cculo apenas.

Texto

Adiciona um texto imagem;

Nas opes encontramos:

Suavizar;
Modifica tamanho;
Cor;
Pargrafo;
Espaamento entre linhas e letras

Preenchimento

Adiciona uma cor pura, um

degrad ou textura a uma
imagem ou seleo;
Opes:

Modo do preechimento:

Normal
Dissolver
Atrs
Multiplicar
Dividir
Esconder

Sub-exposio
Super-exposio
Luz Dura e Suave
Extrair e mesclar
gros
Etc.

Preenchimento c/
Mistura / Degrad

Mistura ou Degrad vem do

ingls Blend, ou seja, mistura
suave entre as cores.
Esta uma tima ferramenta
para opteno de sombras;
Dentre as opes desta
ferramentas temos:

Linear
Radial
Cnico e Cnico Assimtrico
Acompanha Forma (Angular):

Preenchimento c/
Mistura / Degrad

Acompanha Forma (Esfrico);

Acompanha Forma (com ondas);
Espiral (sentido horrio);
Espiral (sentido anti-horrio);

Reticulado (deixar esta opo

sempre ativada)

Lpis

A primeira ferramenta de
desenho a mo livre;
Risco rebuscado;
timo para preenchimento
slido, sem variao

Pincel

timo controle de serrilhado

(aliasing) e blur na ferramenta
de pincel.
Tem as mesmas funes da
ferramenta de lpis.

Borracha

Esta ferramenta "apaga" partes

do desenho.
Diminui a opacidade nos pontos
da imagem

Aergrafo

Talvez a ferramenta de pintura

mais importante para quem tem
dons artsticos
Aergrafo X Pincel

Ao se manter o boto do mouse

pressionado, mesmo que no se
movimente o cursor, o aergrafo
vai adicionando cor imagem, de
maneira gradativa.

Tinta

Esta ferramenta simula o efeito

de uma pena utilizando tinta
nanquim;
Customizao da ponta da
caneta;
A diferena que a ponta pode
mudar de tamanho e de forma
conforme a velocidade com que
se desenha.
Funciona bem com mesas
digitalizadores

Clone

A ferramenta de pintura mais til

para modificar ou restaurar
fotografias danificadas;
Funciona como um pincel a
diferena que ela copia um
mapa de bits de outra parte da
prpria imagem

Convolver ou Blur

Esta ferramenta permite que se

tire de foco, ou torne mais ntida
uma parte pequena da imagem;
Para estas duas opes acima
existem filtros (ou plugins), mas
com esta ferramenta podemos
agilizar pequenos retoques em
imagens poupando-se tempo.

Borrar

Esta ferramenta faz com que as

cores presentes na imagem
deslizem sobre outras.
Desfocagem de movimento.

Ferramentas para Fotografias

Sub-exposio ou
Super-exposio

Esta ferramenta pode atuar

somente nas reas mais claras
da imagem, somente nas reas
de tons mdios, ou somente nos
pixels escuros.
Facilidade para escurecer ou
clarear reas em fotografias.

Equilbrio de Cores

Permite que se altere a

mistura geral das trs
componentes de cor da
imagem - Vermelho,
Verde e Azul

Equilbrio de Cores

Regulagem seletiva
de cor.

Bloco de notas.lnk

Colorizar
Regula a matiz de
cor, porm age em
toda a imagem,
deixando-a com um
efeito monocromatica
ou de duotone

Brilho e Contraste

Limite - Levels
Divide a imagem em
Preto e branco, dando
um efeito de imagem
fotocopiada.
Funciona mais como
efeito.

Limite - Levels
Umas das
ferramentas mais
completas e
complexas de um
editor de bitmaps.
Aplica-se em
correo de cores por
canal atravs do
histograma da foto.

Curvas
Atravs da curva de
tons, consegue-se a
regulagem mais
controlada e mais
simplificada do que na
regulagem por Nveis.
Engloba quase todas as
ferramentas de
regulagem.

Truques de Seleo

Em seguida veremos alguns truques com a

ferramenta de seleo que vo nos ajudar a
desenvolver formas e efeitos primordiais
para um bom design

Seleo - Encolher

Esta opo encolhe uma

seleo na quantidade
de pixels que o usurio
desejar

Seleo - Aumentar

Ao contrario da opo
anterior, esta encolhe
uma seleo na
quantidade de pixels
que o usurio desejar

Seleo - Encolher

Ao contrario da opo
anterior, esta encolhe
uma seleo na
quantidade de pixels
que o usurio desejar

Seleo - Arredondar

Esta opo arredondar

os cantos de uma
seleo em foma

Inkscape

Inkscape - Introduo
Fork do Sodipodi;
Editor de grficos vetoriais de cdigo
aberto,com similaridades ao Adobe Illustrator e
CorelDraw;
Formato padro de arquivo o SVG, que
uma subdefinio (DTD) da linguagem XML;
Trabalha com a intuitividade do usurio;
Problemas com arquivos de imagem
incorporados vnculo.

Inkscape - Introduo
Usado para fazer grficos e desenhos simples;

Fluxogramas;
Plantas baixas;
Plantas para cabeamento
Etc.

Desenhos complexos:
Desenhos vetoriais usando degrads;
Efeitos de sombra e luminosidade

Desenhos no estilo cartoon

Inkscape - Introduo
Viso Geral da Tela do Inkscape 0.44

Inkscape - Introduo
1. Barra do Menus.
2. Barra de comandos.
3. Controle de ferramentas.
4. Caixa de ferramentas.
5. rea para desenho.
6. Paleta de cores.
7. Barra de status

Inkscape - Introduo

Inkscape - Introduo
1. Barra do Menus.
2. Barra de comandos.
3. Controle de ferramentas.

Inkscape - Introduo
4. Caixa de ferramentas.
5. rea para desenho.
6. Rgua

Inkscape - Introduo
6. Paleta de cores.
7. Barra de status

Inkscape - Introduo
Um detalhe importante que conforme troca-se
de ferramentas muda-se tambm Controle de
Ferramentas;
Facilita o workspace;
Economiza tempo;

Inkscape teclas de atalho

Eficincia;
Poupa tempo;
Intuitivo;

Ferramentas e Controle

Ferramentas de Seleo
Ferramenta de controle de seleo:

Rotaciona 90 graus para direita e esquerda;

Inverte o objeto de lado (flip);
Avana o objeto para trs e para frente;
Manda o objeto para trs e para frente;
Ferramentas de proporo:

Preenchimento
Fios
Degrads e etc.

Ferramentas de Seleo

Seleciona objetos;
Redimensiona;
Rotaciona;
Deforma

Ferramenta de controle de seleo:

Alterao de ns ou alas de
controle
Adio e subtrao;
Soldagem e aparagem;
Edio de alas;
Transformar curvas em retas;
Suavizao de curvas e transformao
de retas;
Quebra objetos em n;
Quebra de fio em ns;

Ampliar e reduzir Zoom

Reduzir e ampliar;
Seleo free de zoom;
Zoom do objeto;
Zoom da pgina;
Largura do objeto;
Histrico;
1:1, 1:2, 2:1.

Criar Retngulos
Criar um retngulo ou um quadrado
Arredondar suas bordas com as abas;
Alterar/Deformar seu tamanho com as
abas;
Informaes sobre o tamanho e etc.

Criar Elipses
Criar uma elipse;
Alterar/Deformar seu tamanho com as
alas;
Formatar um arco.

Criar Estrelas e Polgonos

Criar uma estrela ou um polgono;

Alterar/Deformar seu tamanho com as
alas;

Criar Espirais
Criar um espiral;
Alterar/Deformar seu tamanho com as
alas;

Criar Linhas

Criar desenhos a mo-livre;

Suavizao nas curvas.

Criar Linhas com a curva de

Bezier

Criar desenhos a mo-livre;

Suavizao nas curvas atravs de alas
de controle para o ngulo da curvatura.

Criar Linhas Caligrficas

Criar desenhos a mo-livre com uma

ponta angulada;
Muito usado para se produzir um efeito
de fita.

Ferramenta de Texto

Criao de texto;
Escolha do tamanho e tipo de fonte;
Pargrafo;
Orientao do texto

Conectores
Criar conexo entre objetos;
Muito usado em fluxogramas e
organogramas.
Controle de linhas e;
Controle de espaamento;

Preenchimento em Degrad
Criar preenchimentos em que duas ou
mas cores possam ser mescladas;
Criao de efeito de sombra ou volume;
Controle de degrad linear ou radia;
Duplicao do estilo do degrad;
Edio das cores

Captura de cor ou Conta-Gotas

Captura cor de outros objetos;

Incluem-se bitmaps;

Janelas adicionais

Editar estilos de cor de preenchimento;

Largura, expessura e cor de fio;
Editar caixa de texto;
Editor XML;
Janela de alinhamento

Janelas adicionais

Janelas adicionais
Editar caixa de texto;

Janelas adicionais
Editor XML

Janelas adicionais
Janela de alinhamento

Blend
er

Blender - Introduo

Criado em 1998 e a partir de 2002 foi distribudo pela

licena GPL.
Aplicaes em arquitetura, design industrial,
engenharia, animao, vdeo, desenvolvimento de
games, entre outros.
Softwares similares proprietrios:

3dstudio

Rhinoceros3d

Maya 3d

Blender - Workspace

Trabalha com conceito de subdiviso de reas

de trabalho

Customizao da rea de trabalho;

Ganho de espao para modelagem;

Blender - Workspace

Blender - 3DWindow

Conceitos de navegao:

BEM Boto Esquerdo do Mouse

BMM Boto do Meio do Mouse

BDM Boto Direito do Mouse

Usando o boto do meio do mouse (BMM) e

arrastando, voc pode rotacionar sua viso.
Segurando [SHIFT]+BMM ou
[SHIFT]+[ALT]+BEM voc pode MOVER a
viso para cima, baixo ou para os lados.

Blender - 3DWindow

Segurando [CONTROL]+BMM, ou
[CONTROL]+[ALT]+BEM ou simplesmente
usando a Roda do Mouse, voc pode dar
ZOOM na viso.
Se estiver perdido o boto HOME volta a
vizualiao normal.
O teclado numrico combinado com as teclas
ALT, SHIFT e CTRL tambm funcionam como
navegadores no workspace

Blender - Mesh

O Blender trata os OBJETOS como MESH;

Apertando [ESPAO] na 3DWindow, aberto o
Toolbox, onde voc tem acesso maioria dos
comandos disponveis.

Blender - Mesh

Selecionar um objeto BDM

Modo de edio TAB para sair

Edio de vrios pontos B + [BEM] arrasta

CTRL + e adiciona pontos adjacentes

Blender - Mesh
Tutoriais Bsico

Blender 3d - Guia de
sobrevivncia
TUTORIAIS

Conhecendo Blender 3d
TUTORIAIS

Gimp
Tutoriais Bsicos

Mudando o tamanho da imagem;

Compresso em jpeg;

Cortar uma imagem;

Mudar o sistema de cores;

Rotacionando uma imagem

Gimp
Tutoriais Bsicos

Pintando uma seleo;

Fazendo um fio;

Criando simples vetores (Selees atravs dos
vetores)

Remover olhos vermelhos (canais)

Gimp
Tutoriais Intermedirio

Fazendo um simples Cubo com a ferramenta
de vetor (path).

Demais tutoriais no site oficial.

TUTORIAIS

Inkscape
Tutoriais Bsicos:
Explorando a barra de ferramentas

TUTORIAIS