| 
  • If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • Buried in cloud files? We can help with Spring cleaning!

    Whether you use Dropbox, Drive, G-Suite, OneDrive, Gmail, Slack, Notion, or all of the above, Dokkio will organize your files for you. Try Dokkio (from the makers of PBworks) for free today.

  • Dokkio (from the makers of PBworks) was #2 on Product Hunt! Check out what people are saying by clicking here.

View
 

inkscape

Page history last edited by PBworks 15 years, 3 months ago

links-inkscape

 

  1. http://www.inkscape.org/doc/ Tutoriais do site oficial
    1. http://www.inkscape.org/doc/basic/tutorial-basic.pt_BR.html Tutorial básico
    2. http://www.inkscape.org/doc/advanced/tutorial-advanced.pt_BR.html Avançado
    3. http://www.inkscape.org/doc/shapes/tutorial-shapes.pt_BR.html Formas
    4. http://www.inkscape.org/doc/calligraphy/tutorial-calligraphy.pt_BR.html Caligrafia
    5. http://www.inkscape.org/doc/tracing/tutorial-tracing.pt_BR.html Vetorização
    6. http://www.inkscape.org/doc/elements/tutorial-elements.pt_BR.html Elementos
    7. http://www.inkscape.org/doc/tips/tutorial-tips.pt_BR.html Dicas e truques

 

 


 

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
     Usando a guia cor
               
              Obs: Ao usar a guia cor você deverá 
                   deixar a cor em "?" no diálogo de preenchimento
                   e escolher a cor inicial

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.