links-inkscape
Introdução
O que é Software Livre
"Software livre" se refere à liberdade dos usuários executarem, copiarem, distribuírem, estudarem, modificarem e aperfeiçoarem o software. Mais precisamente, ele se refere a quatro tipos de liberdade, para os usuários do software:
- A liberdade de executar o programa, para qualquer propósito (liberdade no. 0)
- A liberdade de estudar como o programa funciona, e adaptá-lo para as suas necessidades (liberdade no. 1). Acesso ao código-fonte é um pré-requisito para esta liberdade.
- A liberdade de redistribuir cópias de modo que você possa ajudar ao seu próximo (liberdade no. 2).
- A liberdade de aperfeiçoar o programa, e liberar os seus aperfeiçoamentos, de modo que toda a comunidade se beneficie (liberdade no. 3). Acesso ao código-fonte é um pré-requisito para esta liberdade.
O que é o inkscape
O inkscape é um programa de desenhos vetoriais livre, ou seja, pode
ser copiado e distribuido livremente. Embora ainda não tenha alcançado
o nível de programas como o coreldraw possui algumas vantagens sobre este.
Abre em poucos segundos e está em conformidade com os padrões da
Internet. Com ele já é possível realizar trabalhos bastante profissionais.
Outro aspeco a ser considerado é que, sendo um software de código aberto,
as inovações para ele são muito mais rápidas do que nos softwares
comerciais. Portanto podemos esperar bastante dele.
O site do inkscape é:
http://www.inkscape.org
O formato SVG
SVG significa "Gráfico escalar vetorial" é um padrão adotado pela
W3C, um consórcio Internacional pela padronização da Internet.
Todos os padrões da W3C visam a melhoria das aplicações, como
velocidade e intercâmbio. Duas coisas que o Software Livre apoia
incondicionalmente.
Aula 1
links: http://twiki.softwarelivre.org/view/InkscapeBrasil
http://www.rau-tu.unicamp.br/nou-rau/softwarelivre/document/?code=143
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Introduction-VectorGraphics.html
1 - Diferenças entre gráficos vetoriais e bitmap
* http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Introduction-VectorGraphics.html
2 - A interface do inkscape
2.1 Caixa de Ferramentas
Obs: Lembrar aos alunos que as ferramentas são contextuais, ou seja,
se modificam de acordo com a ferramenta selecionada.
2.2 A ferramenta retângulo "F4"
2.2.1 Criar um retângulo simples com os alunos
aplicar uma cor clicando na paleta
2.2.2 Ampliar a tela e reduzir usando + e -
2.2.3 Criar um retângulo proporcional
Exercício: Usando as teclas Control+Shift mover
o cursor exatamente a 45° graus e aplicar
uma cor clicando na paleta de cores
2.3 A ferramenta seleção "F1" ou "s" seletor
2.3.1 Citar outro atalho "Barra de espaços"
Criar um objeto qualquer e ativar a ferramenta seleção
pelos dois modos descritos acima
2.3.2 Ao mover usar o control para manter alinhamento vertical o horizontal
2.3.3 Alças
* Alças para redimensionar e inclinar (Uso do control restringe a 15°)
* Alças para girar
* O centro de rotação
Dica: Ao dar um segundo clique em um objeto aparecerá
uma pequena cruz no seu centro, é o centro de
rotação. Quando giramos um objeto ele gira
em torno dele.
Dica: "Ao girar um objeto se mantiver-mos a tecla shift
pressionada o centro de rotação passa a ser o canto oposto"
Mostrar como votar o centro de rotação que foi modificado
(Pressionando a tecla Shift e dando um clique simples
no centro de rotação)
2.4 Arredondando os cantos de um retângulo "F4" ou "r"
2.4.1 Acionar a ferramenta forma "F2" ou "n" (node tool)
2.4.2 Mover a bolinha do canto superior direito para baixo
2.4.3 Lembrar que cada ferramenta tem um botão na barra contextual
que possibilita retornar a mesam ao padrão original
2.5 A ferramenta elipse "F5" ou "e"
2.5.1 Criando arcos e tortas
2.5.1.1 Usando a ferramenta forma F2, mova a bolinha
Girando por dentro cria tortas
Girando por for cria arcos
Exercício: Criar um arco e uma torta
3 - Alinhando, distribuindo e camadas
3.1 Exemplos
3.1.1 Exemplo de alinhamento
3.1.2 Exemplo de distribuição
3.1.3 A ferramenta de alinhamento e distribuição - Control+shift+a
Exercício: Criar vários objetos, alinhar e distribuir
3.2 Ordenação em camadas
3.2.1 Exemplos com imagens sobrepostas
3.2.2 Atalhos para ordenar
Pageup ............. sobe uma camada
Pagedown ........... desce uma camada
End ................ camada inferior
Home ............... camada superior
3.2.3 Exibir diálogo de camadas:
Control+Shift+l
3.2.4 Ícones para ordenar e girar
Exercício: Criar vários objetos em tamanhos e cores
diversas e ordenalos.
4 - Aparando soldando e convertendo em curvas. Duplicando
4.1 Agrupando dois ou mais objetos
Control+g .............. agrupa objetos selecionados
Control+u .............. desagrupa objetos selecionados
Exercício: Criar vários objetos, agrupa-los
e em seguida desagrupa-los
4.2 Soldando e aparando
Control+"+"............. Solda objetos selecionados
Control+"-" ............ apara objetos selecionados
citar também a exclusão (combinar do corel Draw)
4.2.1 Criando uma seta
Exercício de criação de uma seta
usando o recurso de soldar, a ferramenta estrela etc.
4.3 Como duplicar
4.3.1 com o mouse (botão direito >> duplicar)
4.3.2 Através de atalhos (Control+d)
4.3.3 Ao arrastar com o mouse (dar um toque na barra de espaços)
Criar um objeto e duplicar usando os três modos descritos acima
4.4 Propriedades de objetos
4.4.1 Posição X e Y
4.4.2 Tamanho X e Y (mostrar o cadeado)
Enfatizar o fato de que os desenhos técnicos
são baseados essencialmente em valores matemáticos
Criar um objeto, anotar todas as propriedades
apaga-lo e depois recria-lo digitnado as propriedades
5 - A ferramenta texto F8
5.1 Criando caixas de texto
Ativar a caixa de texto, criar um retângulo
na barra interativa marcar justificado e digitar
5.2 Modificando o espaçamento no texto usando atalhos (Alt ou Alt+Shift)
5.3 Criando textos simples
5.3 Exercício: Criar um texto duplicar e recortar criando
uma espécie de sombra
6 - Criando sombras, criando estrelas e formas
6.1 sombra através de duplicação
6.2 Técnicas para sobras e baixo relevo
O efeito de baixo relevo é criado colocando-se a luz
abaixo e à direita e a sombra acima e à esquerda
6.3 - Sombra através do efeito blur (Desfocar)
6.2 A ferramenta estrela * "asterisco"
6.2.1 estrela como polígono
6.2.2 número de pontas ou lados
Exercícios: Criar uma estrela de cinco pontas
Criar um pentágno
Criar um triângulo
7 - Prenchimento e contorno
7.1 Tipos de preenchimento
7.1.2 chapado (cor uniforme)
7.1.3 gradiente linear
7.1.4 gradiente radial
Criar uma esfera com os alunos
7.1.5 efeito alfa
Exercícios: Criar uma esfera com gradiente radial
de branco para preto
Criar uma máscara sobre uma imagem
contendo um texto
7.2 Cores e contorno através de valores (copiando e colando)
7.3 Copiando propriedades através do atalho (Control+Shift+v)
7.3.1 Copiando propriedades através de atalhos
Control+Shift+v ....... cola propriedades de objeto copiado
7.4 Paletas de cores
Outras paletas
arrastar a cor para dentro do objeto
7.4.1 A ferramenta preenchimento
Control+Shift+f........ ativa a ferramenta preenchimento
7.4.2 A ferramenta conta gotas F7
A ferramenta conta gotas copia a cor de um objeto para outro
* selecione o objeto que receberá a cor
* clique com a ferramenta conta gotas sobre o objeto que tem
a cor modelo
7.5 tipos de contorno
7.5.1 Pontas de seta
7.5.2 Criando uma seta usando o recurso de soldar
* Criar um triângulo
* Criar um retângulo
* Alinhar e soldar
7.5.3 linhas pontilhadas
Ativar a ferramenta mão livre e criar uma reta:
Dar um clique simples, pressionar o control
e dar outro clique. Aplicar uma linha pontilhada
7.6 Modos de exibição
Para visualizar figuras complexas vá no menu exibir >> modo
(na versão 0.45 do inkscape há um atalho Control+(5 do teclado numérico)
7.6.1 Modo de visão normal
7.6.2 Modo de visão "outline" (contorno)
Dica: Atalho para exibir só linhas --> Control+5 (teclado numérico)
8 - Girando e espelhando objetos
8.1 Girando com o mouse (dar duplo clique e mover na alça do canto)
8.2 Girando pelo teclado usar atalhos
] ................ gira 15° para a direita
[ ................ gira 15° para a esquerda
Control+] .........gira 90° para a direita
Control+[ .........gira 90° para a esquerda
8.3 espelhando
usando os ícones na barra de ferramentas
h ............ espelha na horizontal
v ............ espelha na vertical
9 - Zoom
9.1 Zoom interativo F3 (criar um retângulo em volta de uma região)
O zoom interativo permite aumentar uma região específica:
* Pressione F3
* Abra um retângulo em volta da área a ser ampliada
9.2 Zoom para os objetos, para a pagina, para a seleção
Para seleção............. 3
Para os objetos ......... 4
Para a página ........... 5
9.3 + e -
10 - Curvas de Bezier
Mostrar um exemplo de um quadro normal
e um convetido em curvas
10.1 Convertendo objetos em curvas
10.2 Ferramentas interativas para editar nós e curvas
Mostrar a barra interativa após converter
um objeto em curvas e seleciona-lo
10.2.1 Converter segmento
em curva (Shif+l)
em linha (Shift+u)
10.2.2 Nó suave - Shift+s
10.2.3 Nó simétrico - Shift-y
10.2.4 Nó reto ou cúspede - Shift+c
10.2.5 Abrir e fechar nós
Abrir nós (Shift+b)
Fechar nós (Shift+j)
10.2.6 - Adicionar e apagar nós
Dicas: Para modificar as propriedades do nó
sem usar a barra de ferramentas pressione
a tecla control e clique sobre o nó.
Para adicionar um nó mantenha a tecla
control pressionada e dê um duplo clique
Para inserir um nó entre outros dois
selecione os nós e pressione insert
Para deletar um nó selecione o mesmo
e pressione a tecla delete
10.2.7 - Alinhar nós
10.2.8 - Atalhos para as ferramentas de nós
F2 .............. Ferramenta forma
b ............... bezier
c ............... caneta caligráfica
10.3 A ferramenta Curvas de bezier (Shift+F6)
10.4 Exercícios de aprendizagem
10.5 - Criando uma figura nó a nó (Shift+F6)
Citar o exemplo da logomarca da prefeitura
que foi criada para o folder da BV
10.6 - A ferramenta mão livre
10.6.1 usando como lápis
10.6.2 Criando uma reta
* Abrir a ferramenta mão livre
* dar um clique
* Segurar a tecla control e dar outro clique
11 - Como manter a proporção do contorno em relação à figura?
Na barra de ferramentas principlal há um botão apropriado
que quando ativado mantem a proporção do contorno em ralçâo à figura
12 - Criando clones (Editar >> Clonar >> Criar padrões clonados)
Usando a guia deslocamento
13 - Desfazer refazer
13.1 O histórico de desfazer (Control+Shift+h)
13.2 Atalhos para desfazer / refazer
Desfazer................ Control+z
Refazer ................ Control+Shift+z
14 - Importando e exportando
14.1 Exportando uma imagem para impressão
como exportar uma imagem e colar dentro do Br-office writer
15 - Criando um efeito de reflexo
* http://paradigma.pt/~vd/wlog/images/mockups/howto-web20-reflection-inkscape.svg
16 - Como selecionar um objeto que está sob outro?
use Alt+clique ou Control+Alt+clique
17 - Comprimir ou expandir
Criar uma forma básica (retângulo ou elipse)
duplicar Control+d
expandir Control + )
Tipografia dinâmica Control+j
Tipografia ligada Control+Alt+j
vim:tw=78:sw=4:ts=8:ft=txt:norl:
Comments (0)
You don't have permission to comment on this page.