Colégio Pedro II Campus Realengo II Informática Educativa 2015 9º ano Professores: Sônia Sá Vianna (Desenho Geométrico), Simone da Costa Lima, Érika Santana e Alexandra Alves (informática Educativa) PROJETO TRANSFORMAÇÕES PONTUAIS 1. Introdução A parceria do projeto com a Informática Educativa tem o objetivo de apresentar aos alunos todo o processo que envolve a elaboração de um logotipo, utilizando as transformações pontuais trabalhadas durante as aulas de Desenho Geométrico. O programa utilizado será o INKSCAPE 0.91. Esse é um software gratuito, de código aberto, utilizado para a edição de imagens e documentos vetoriais. O download do programa está disponível em: https://inkscape.org/pt/download/. Lembre-se de escolher a versão compatível com o seu sistema operacional. Em um primeiro momento, trabalharemos a construção de um logotipo a partir da manipulação de imagens vetoriais dos esportes olímpicos disponíveis na web. Em seguida, trabalharemos a construção de uma imagem nova para a criação de um logotipo que simbolize a identidade da turma. Os logotipos criados pelos alunos serão objeto de votação para o logotipo oficial de cada turma. Fase 1: Atividades sobre Transformações Pontuais durante as aulas de Desenho Geométrico. Fase 2: Apresentação do projeto em parceria com a Informática Educativa e da ferramenta Inkscape. Fase 3: Edição de imagens vetoriais dos Esportes Olímpicos de modo a criar um logotipo. Fase 4: Criação do logotipo da turma a partir do uso das Transformações Pontuais. 2. Inkscape Primeiros passos a) Para iniciar o Inkscape, clique no botão iniciar e, em seguida, digite Inkscape na caixa de pesquisa. b) Clique na Opção Inkscape 0.91. 1
c) Observe as principais ferramentas exibidas na Barra de Comandos. d) Para configurar as propriedades da página, clique na opção arquivo e, em seguida, clique em Propriedades do Desenho. e) Na aba Página, defina o tamanho desejado (em mm, cm, pixels, etc) e a orientação da mesma (retrato ou paisagem). 2
f) Para facilitar o trabalho, torne visíveis as linhas de grade. Clique na opção Exibir / Grade da página. g) Agora vamos importar uma figura ou imagem em formato SVG para o documento. Clique na opção conforme a imagem abaixo ou utilize o atalho (Ctrl + I). 3
h) Localize a imagem desejada e clique em Abrir. i) Após a importação, selecione a imagem e clique no ícone do cadeado. Uma vez ativado, ele permite a alteração proporcional da largura e da altura da imagem. j) Clique sobre a imagem e arraste-a pelas bordas para ampliá-la. Depois a posicione corretamente, utilizando as linhas de grade como guia. 4
3. Utilizando o Inkscape para fazer as transformações pontuais REFLEXÃO (Simetria Axial) a) Selecione a imagem e use o comando (Ctrl + D) para duplicá-la. Selecione a cópia da imagem e movimente-a para a direita. Clique no ícone correspondente para invertêla horizontalmente. Ou então utilize o atalho (H). b) Agora será necessário alinhar as imagens. Selecione as duas imagens (basta manter o Shift pressionado enquanto clica sobre as mesmas) e clique no botão Alinhar e distribuir objetos. c) Selecione a opção Centralizar no eixo horizontal e observe o resultado. 5
TRANSLAÇÃO a) Selecione a imagem e use o comando (Ctrl + D) para duplicá-la várias vezes. b) Após duplicar as imagens (antes de movimentá-las), selecione todas elas e clique em Objeto / Transformação. c) Clique na aba Mover e defina o espaçamento desejado (horizontal e/ou vertical). Marque a opção Aplicar a cada objeto em separado e clique em Aplicar. Veja o resultado obtido. 6
ROTAÇÃO a) Selecione a imagem e use o comando (Ctrl + D) para duplicá-la. Selecione a cópia da imagem (que está sobreposta à imagem original) e dê mais um clique sobre a mesma. Observe se os cantos ficam em formato arredondado. Localize no meio da imagem o seu centro de rotação, identificado por uma cruz (um ponto). Clique sobre o mesmo e arraste-o para fora da imagem. b) Agora clique em Objeto / Transformação e selecione a aba Girar. Digite 45 no campo ângulo, selecione Sentido horário (ou anti-horário), marque a opção Aplicar a cada objeto separado e clique em Aplicar. c) Observe o resultado. Selecione a cópia da imagem, dê Ctrl + D para duplicá-la e clique em Aplicar novamente. Repita o mesmo procedimento até completar sua composição. 7
MEIO-GIRO (Simetria central) a) Selecione a imagem e use o comando Ctrl + D para duplicá-la. Selecione a cópia da imagem e clique em um dos ícones destacados abaixo para girá-la a 90º no sentido horário ou anti-horário, dependendo do efeito desejado. b) Agora, você precisará clicar novamente em um dos ícones destacados acima para girar a imagem mais 90º, totalizando, então, 180º. c) Se necessário, utilize as linhas de grade para melhor posicionar as imagens. 4. Desenhando com o Inkscape a) Agora você precisará criar uma composição vetorial que simbolize a sua turma. Para começar, utilize as diversas opções exibidas na Barra de Ferramentas lateral. 8
b) Para alterar as cores de preenchimento e contorno, utilize a Paleta de cores exibida na parte inferior da janela. Selecione o objeto e clique com o botão direito na cor desejada, escolhendo uma das opções disponíveis. c) Para fazer ajustes mais precisos nos objetos, selecione-os, um a um, e observe que a Barra de Controle de Objetos é exibida automaticamente no topo da janela. Com as ferramentas disponíveis, você poderá trabalhar com diferentes camadas, definir o tamanho das imagens, entre outras ações. d) Para editar um texto, selecione-o e clique no ícone correspondente (na barra de ferramentas lateral). Em seguida, observe que a Barra de Controle de Texto é exibida automaticamente. 9
5. Salvando o arquivo e exportando sua imagem em formato PNG a) Para salvar seu arquivo, clique em Arquivo / Salvar como, localize o diretório desejado, atribua um título ao arquivo, defina o formato (SVG - Scalable Vector Graphics) e, ao final, clique em Salvar. b) Imagens em formato SVG podem ser facilmente visualizadas em qualquer navegador (Internet Explorer, Chrome, Mozilla, etc.) e podem ser impressas em diferentes tamanhos sem perda de qualidade. No entanto, elas não podem ser inseridas em documentos de texto e apresentações, por exemplo. Nesse caso, é necessário exportar as imagens em formato PNG (Portable Network Graphics). c) Para exportar as imagens, clique no atalho correspondente exibido na Barra de Comandos. d) Será exibida, então, à direita da imagem, a janela de configuração da exportação. 10
e) Selecione a área de exportação: Página, Desenho ou Seleção. f) Defina a resolução da imagem (dpi - dots per inch - pontos por polegada). Para impressão em melhor qualidade, escolha 300 dpi. Para a exportação de imagens para visualização digital, escolha 90 dpi. g) Clique em Export As para definir um título para a imagem e o diretório de destino da mesma. Ao final, clique em Exportar. 11