APLICATIVOS GRÁFICOS (AULA 6)

Transcrição

1 Prof. Breno Leonardo G. de M. Araújo APLICATIVOS GRÁFICOS (AULA 6) 1

2 Inkscape O Inkscapeé um programa de desenho vetorial, com capacidades similares a alguns programas existentes no mercado como o Illustrator, o Freehand, o CorelDraw ou o XaraX. O Inkscapeé um software de código aberto que usa como formato de arquivo o SVG (ScalableVector Graphics) que é um formato de arquivo gráfico padrão que está de acordo com o padrão estabelecido pela W3C. 2

3 Inkscape Os arquivos SVG podem ser abertos com um programa de navegação (browser). Se as fotos que o integrarem estiverem em formato jpg, pngou gifsão visíveis como parte integrante do documento. Portanto o formato em que os nossos arquivos são guardados, é por padrão o SVG, assim podemos facilmente editá-los e modificá-los. O Inkscapetem a capacidade de importar arquivos JPEG, PNG, TIFF e outros e exportar em formato PNG. 3

4 Como baixar O site oficial do inkscapeé o Clique em Download. 4

5 Como baixar Clique em Installer para baixar a versão para windows. 5

6 Como instalar Aguarde o término do download e proceda a instalação, clicando no ícone do programa. Clique em para Installer Language. Clique em para continuar com a instalação. A partir daí todas as telas têm respostas intuitivas. 6

7 Como instalar No final da instalação aparecerá este ícone em sua área de trabalho, bem como na barra de acesso rápido. Para abrir o programa você poderá clicar em qualquer um desses ícones, bem como através do botão Iniciar / Todos os programas / Inkscape. 7

8 Ambiente de trabalho 8

9 Ambiente de trabalho Como ferramentas temos as seguintes e principais: 9

10 Ambiente de trabalho Ferramentas (cont): 10

11 Ambiente de trabalho Ferramentas (cont): Todas as ferramentas produzem ações sobre os objetos. Para anular a ação, podemos usar o atalho Ctrl+ Z ou pressionar o ícone. 11

12 Ambiente de trabalho No site há documentação em português do Brasil. 12

13 Aplicação Simples e Rápida Criação de uma aplicação simples utilizando o objeto retângulo. Muitas das ações aqui demostradas também se aplicam a quase todas as ferramentas. Pressione o número 5 para aumentar a área de tela. Clique na ferramenta retângulo e desenho um retângulo na área da tela. Observe que existem três pontos no desenho. Atenção para o ponto redondinho na parte superior esquerda. 13

14 Aplicação Simples e Rápida Esse ponto permite a modificar o raio horizontal e vertical do retângulo para arredondar os cantos. Quando se desenha um objeto a barra de propriedades se modifica. Observe largura, altura, raio de inclinação, unidade de medida e restaurador de arredondamento de canto. Ao desenhar um novo objeto serão conservadas as mesmas propriedades do último objeto criado. 14

15 Aplicação Simples e Rápida Ao desenhar um retângulo com a tecla CTRL pressionada, será desenhado um quadrado e não um retângulo. Ao desenhar um retângulo com a tecla SHIFT pressionada, o retângulo será pressionado a partir do centro. Ao selecionar um objeto com a ferramenta de seleção, oito alças aparecem em volta do mesmo. Essas alças permitem o redimensionamento do objeto. 15

16 Aplicação Simples e Rápida Clicando na diagonal com a tecla CTRL pressionada, será redimensionado proporcionalmente. Clicando na diagonal com a tecla SHIFT pressionada, os dois lados serão redimensionados ao mesmo tempo. Um segundo click no objeto selecionado fazem com que as alças se modifiquem permitindo rotacionarou inclinar o objeto. Rotacionandocom a tecla CTRL pressionada o objeto é rotacionadoa cada 15 graus. 16

17 Aplicação Simples e Rápida Cada objeto criado no inkscapeé considerado um objeto compacto e para ser trabalhado com nós precisa ser convertido para um caminho. Para isso selecionar o objeto desejado, abrir o menu Path (caminho) e escolher a opção Objecttopath (objeto para caminho). Os nós serão exibidos. Para selecionar objetos no inkscapepodemos envolvê-los com o arraste do mouse. Podemos também, selecionar um a um com a tecla SHIFT pressionada. 17

18 Aplicação Simples e Rápida Para trabalhar vários objetos como um só é necessário agrupá-los. Depois de selecionados deverá ser acionado o menu Objectopção Group(Agrupar). Para desagrupá-los deverá ser acionado o menu Object opção Ungroup(Desagrupar). Para tornar dois objetos em um só (soldar), deverá ser acionada o menu Path (Caminho) opção Union (União). CTRL + D duplica um objeto selecionado. PgUpenvia o objeto selecionado para trás de outro não selecionado. 18

19 Aplicação Simples e Rápida Para aplicar o efeito blur(borrado) clicar no ícone Preenchimento de Traço na barra de ferramentas. Clicando na caixa de seleção do blur(borrado) escolher o nível de borrado desejado. 19

20 Aplicação Simples e Rápida Agora vamos criar uma seta utilizando estes e novos recursos do inkscape. 20

21 Aplicação Simples e Rápida Vamos criar um retângulo na vertical e aplicar a cor verde. Vamos fazer um quadrado na parte superior do retângulo criado e trabalhar com ele como um caminho. Vamos selecionar o nó inferior e deletá-lo. 21

22 Aplicação Simples e Rápida O próximo passo será soldar os dois objetos. Em seguida devemos duplicar o objeto criado, aplicar a cor preta e enviá-lo para trás do objeto principal. Agora devemos aplicar o nível 7 ao efeito borrado. Pronto, nossa primeira aplicação está concluída. 22

23 Exercício Individualmente, criar uma figura bem interessante, com quaisquer ferramentas da barra de ferramentas. O Inkscapepoderá ser explorado para utilização de outros efeitos na figura. Enviar a figura criada para o do professor: brenod123@gmail.com Assunto: [IF] Sub AG Exercício aula 06 No corpo da mensagem colocar o nome da dupla. Não esquecer de anexar o arquivo criado. 23

24 24

25 Obrigado! 25