ANIMANDO EM GIF

Por Débora Caroline da Silva

Para fazer esta animação do tipo “GIF” - quadro a quadro-  é simples, basta criar o desenho no programa inkscape em diferentes quadros.

1º:Ao abrir o programa certifique-se que esta no modo vídeo.

Você fará da seguinte forma:

Na barra de ferramenta “FILE (arquivo)” clique, desce o cursor até a palavra “NEW (novo)”, abrirá várias opções, escolha “VIDEO-PAL” e clique, logo aparecerá uma nova janela, o desenho será criado a partir daí.

2º:Desenhe o sapo da mesma forma que já fora ensinado, com exceção das pernas e braços que serão desenhados separadamente para que os movimentos sejam executados.

Exemplo: desenhar os membros separados para poder aproveitar o desenho para novos quadros.

Depois de desenhar, você tem que salvá-lo como foto.

Para essa função ,vamos usar “exportar”. Vamos até a barra de ferramenta “FILE(arquivo)”, desça com o cursor até a opção ”EXPORT BITMAP (exportar bitmap) ”. Clique. Abrirá uma janela, você usará a opção “PAGE (página)”, que é a página inteira, logo abaixo no “BROWSE (localizar)”...escolha uma pasta para onde deseja exportar, salve em “png” e exporte sucessivamente os outros quadros, assim que for finalizando os desenhos. Utilize um sistema de contagem para o nome do cada arquivo.

Exemplo:

Sapo1.png

Sapo2.png

Sapo3.png etc...

4º:Para fazer os outros quadros, use o primeiro desenho. A partir dele você irá criar os movimentos.

CRIANDO O GIF

Para montar o GIF utilize o software GIMP.

Abra o Gimp. Vá em Arquivo (ficheiro) > Abrir como camadas

Escolha todos os quadros.

Depois vá em arquivo (ficheiro) > exportar

Na caixa de diálogo escolha em “tipos de arquivos (ficheiros) por extensão” – na base da caixa de diálogo, clicando sobre o sinal de mais.

Escolha Imagem GIF e clique em exportar.

Vai surgir uma nova caixa, escolha salvar (guardar) como animação (as animation) e selecione “um quadro por camada” ou “um fotograma por camada” na disposição dos “frames”.

Você também pode escolher a duração do quadro. Se não sabe como vai ficar a velocidade, teste com o padrão de 100 milissegundos.

Quando terminar as escolhas exporte e pode ver o GIF animado pronto na pasta que escolheu.

Usando a mesma técnica e a criatividade é possível criar várias animações.

ESTUDO DE MOVIMENTO FEITO POR RAFAELA ROCHA.

Um pouco sobre desenhos vetoriais

Por Mariel Adamek 

(informativo)

Na computação gráfica o que pode classificar uma imagem é a sua origem e ela pode ser de duas formas: desenho vetorial, que se baseia em gráficos matemáticos e rasterização, que é a descrição da cor de cada pixel (bitmap).

A imagem vetorial é nada mais que um tipo de imagem gerada a partir de descrições geométricas de formas diferentes das imagens chamada do mapa de bits. Uma imagem vetorial normalmente é composta por curvas, elipses, polígonos, texto, entre outros elementos, isto é, utilizam vetores matemáticos para sua descrição, utiliza as "curvas de Bezier" para sua manipulação dos pontos de um desenho, cada linha descrita possui “nós” e cada nó possui alça para manipulação do segmento de reta ligado a ele. Isso associado a uma proporcionalidade de posição permite que mesmo que se estenda a área de imagem não irá perder qualquer definição da imagem diferente o que acontece com gráficos raster que utilizam métodos de interpolação na tentativa de preservar a qualidade. Também há a possibilidade de isolar objetos e zonas, tratando-as independentemente. Além de ter a vantagem adicional de ocupar menos espaço na memória.

Há um tipo especial de imagem, que mistura os dois conceitos (cálculos matemáticos e imagem rasterizada) que é chamado de imagens fractais.

Formatos comuns de imagem vetorial:

• SVG Padrão para gráficos vetoriais recomendados pela W3C
  (formato nativo de programas como o Inkscape)
• CDR Formato proprietário da Corel Corporation®
• AI Formato Adobe ® gerado no Adobe Ilustrador
• EPS (encapsuled post script)
• CMX
• WMF Windows Meta File (Meta- arquivo do Windows)

A maioria dos programs para desenho vetorial são chamados de programas para lay-out ou para ilustração e normalmente aceitam que se colem imagens bitmaps junto com os desenhos.

Alguns exemplos de desenhos vetoriais fáceis de executar, desenhados por Débora Caroline da Silva.

Os desenhos foram feitos utilizando o programa gratuito Inkscape.

Para aparecer aqui no blogue, foram exportadas imagens em png.

Aproveite para criar com os desenhos vetoriais :)

Desenhando um sapinho com o Inkscape

Por Débora Caroline da Silva

(para iniciantes)

Através do programa inkscape, podemos executar desenhos gráficos utilizando o método de desenho vetorial, no qual o desenho é executado através de cálculos matemáticos e pode ser aumentado indefinidamente sem perder a resolução.

Vamos dar início com um desenho fácil,um “sapinho”,onde usaremos poucas ferramentas.

1°: Utilizaremos a ferramenta “ELIPSE”. Clicamos nela,levamos o cursor até o retângulo que fica no centro da página,clique e arraste,você determinará o tamanho do desenho.Para colorir clique no círculo,com as opções de cores na parte inferior da página,escolhe a cor e clique,automaticamente ela preencherá o círculo.

2°:Vamos utilizar a ferramenta “CANETA BÉZIER”-ela desenha tanto curva quanto linhas retas,basta clicar,soltar e puxar,assim fará a linha,é como se estivesse fazendo um contorno,através desta ferramenta desenharemos a perninha,pode desenhá-la separada.Depois de desenhar,clique em cima dela e arraste para perto do círculo,

Com a perninha selecionada, você irá com o cursor até a ferramenta “ENVIA A SELEÇÃO PARA TRÁS” automaticamente ela irá recuar a perna. (Para selecionar, utilize a primeira ferramenta do menu de desenho, que é uma seta).

 3°:Sucessivamente usará os mesmos comandos do 2° passo para fazer a outra perninha, Podemos também usar o comando copiar,colar e girar. Para girar é só selecionar a perninha e clicar em uma das setas e movimentar o mouse na direção desejada.

4°:Agora vamos fazer as mãozinhas,com a ferramenta “CANETA BÉZIER”, é a mesma forma de desenhar as perninhas,depois de desenhar uma das mãos,copie,cole e gire,fazendo assim a outra mão.

5°:Próximo passo,os olhinhos,estaremos usando a ferramenta“CÍRCULO”.Faça um círculo dentro do outro,um maior e outro menor,logo após copie e cole o outro olho.

6°:Para fazer o nariz,também estaremos usando a ferramenta “CÍRCULO”só que metade dela,para que isso aconteça é necessário desenhá-la,clique arraste e solte,aparecerão três figuras geométricas,dois quadrados e um círculo,clique e arraste na figura círculo,ao arrastar ela já ficará com a circunferência pela metade.Em seguida determine o tamanho,com a figura selecionada clique nas setas e movimente o mouse,copie e cole fazendo o outro nariz.

7°:Por fim,da mesma maneira que fez o nariz,você fará a boca.

Desenhando uma planta baixa com programas do tipo CAD

Por Rafaela Rocha Santos

(para iniciantes)

Antes de começar, dê uma olhada na postagem anterior.

Fazendo as Paredes

Comece fazendo um retângulo com as medidas da casa Ex: 7.00m por 14.00m,  depois copie as linhas pra dentro do retângulo dando um offset ("o" + enter) de 0.15cm (olhe a barra de comandos para saber quando entrar com a distância) , que serão as paredes da casa, faça esse mesmo processo com as paredes interiores da casa que serão os cômodos.

Após desenhar todas as paredes, abra um vão na parede com o tamanho da porta desejada, caso queira fazer a porta próximo ao encontro de duas paredes deixe sempre um espaço de 10cm. Para abrir o vão trace linhas (l) delimitando o vão e corte o que sobrou com o trim (tr) ou com a ferrramenta aparar (ap), conforme o programa que estiver usando.

Como representar a porta.

Faça um retângulo de 0.05 de largura e o comprimento com o tamanho da porta desejada Ex: 0.80

Em seguida você vai fazer um arco na porta para representar o espaço que a porta vai percorrer, digite o comando A+Enter (arco) e C+Enter (para começar do centro) e clique de uma extremidade a outra da porta e arraste, formara um arco assim:

Lembre-se: arcos são medidos no sentido anti-horário. No caso da porta acima, temos que clicar no centro,  na ponta da porta e depois na parede.

Existem outras formas de usar o arco. Sempre olhe para a barra de comandos para ver o que você quer fazer. Normalmente a letra do atalho correspondente vem destacada.

Janelas

Abra um vão na parede com o tamanho da janela, faça primeiro um retângulo de 0.15 de largura e o comprimento com o tamanho da janela desejada, faça no meio da janela duas linhas assim:

O lado maior que sobra da janela fica quase sempre pro lado de fora da casa.

Depois de feito as portas e janelas é hora de adicionar o nome dos cômodos, sua área e tipo de piso. Procure na barra de ferramenta a ferramenta texto, clique sobre ela, abrirá uma caixa de texto, dígite o nome do comodo desejado

Ex: 

Quarto

A=9.00 m²

Piso Cerâmico

Depois arraste para dentro do cômodo desejado faça o mesmo procedimento com os demais cômodos.

Por hoje é só.

Efeito degradê no programa Inkscape

Por Mariel Adamek

(para iniciantes)

O Inkscape é um programa de desenho vetoriais livre, ou seja, pode ser copiado e distribuído livremente.

Dá para baixar gratuitamente da internet em vários locais, como no link abaixo:

http://www.baixaki.com.br/download/inkscape.htm

Para instalar em português, há vários tutorias no YouTube, ou siga o tutorial ilustrado abaixo:

http://www.trechyteen.com/2012/03/guia-do-inkscape-aprenda-usar-o.html

Ele utiliza o método vetorial que é baseado em cálculos matemáticos e que não deixa a figura distorcida, nem mostra pixels ao ampliar a imagem.

Ele trabalha normalmente com o formato SVG, um formato aberto de imagens vetoriais, em uma subdefinição DTD da linguagem XML. Exporta também para o popular formato da internet PNG e também vários formatos vetoriais ou bitmap, por exemplo: TIFF, GIF, JPG, AI, PDF, PS entre outros.

Para dar aquele efeito “degradê” em seus desenhos, o inkscape permite que isso seja possível através da ferramenta pintura gradiente:

• Primeiro faça um desenho qualquer, aqui faremos um círculo
  
  

  

  
  

  
  

  
  

  • Logo após vá à barra de ferramentas que esta na sua esquerda e procure o ícone que se chama gradiente ou acionar essa ferramenta com a tecla de atalho CTRL+F1.

  
  

  
  

  

  
  

  
  

  
  

  • em seguida clique em uma extremidade do seu desenho e arraste para onde você desejar. Uma linha com dois pequenos quadros em cada extremidade será criada para indicar o sentido do gradiente. Caso o gradiente não esteja aparecendo, pode ser necessário acionar o botão indicado na figura abaixo de nome “criar gradiente no preenchimento”.

  
  

  
  

  
  

  
  

  
  

  
  

  • com o preenchimento aplicado, podemos clicar o botão “editar” que fica em cima da sua tela para abrir a janela de edição.

  
  
  

  

  
  

  
  

  • Aqui mostraremos as funções da janela de edição.
    
    

  
  

  

  
  
  

  • Seletor de cores: Um preenchimento em gradiente possui no mínimo duas tonalidades, podemos selecionar uma dessas tonalidades para editar usando esse seletor.
  • Adiciona nova cor: Aqui podemos adicionar uma nova cor ao gradiente.
  • Remove a cor selecionada: Selecione uma das cores do gradiente no seletor de cores e pressione esse botão para que a cor seja removida do gradiente.
  • Seletor de tonalidade: Com essa opção podemos escolher a tonalidade de uma cor do gradiente. Existem vários sistemas de cores disponíveis como o RGB, CMYK ou HSL.
  • Transparência: Todas as cores que escolhemos podem apresentar graus diferentes de transparência, que é configurada nessa opção. Independente do sistema de cores, o parâmetro A sempre estará presente para ajustar a transparência.

  
  
  

  Agora é colocar a imaginação pra funcionar!

  
  
  

Dicas para programas CAD

por Rafaela Rocha Santos

(usuários em nível inicial)

Os programas do tipo CAD (do inglês Computer Aided Design - Desenho Assistido por Computador)
são bastante utilizados por todas as áreas do desenho projetivo.

Diversos fabricantes de sistemas CAD vêm disponibilizando versões gratuitas bastante eficientes. As dicas desta postagem forma testadas nos programas DraftSight, DoubleCad e Nanocad, todos com versões bem funcionais de distribuição gratuita.

1. Como fazer uma linha no cad. 

Clique sobre a ferramenta linha ou digite a tecla de atalho L+Enter, clique em um lugar qualquer da tela aponte a  linha na direção pretendida e digite a medida desejada, Ex:3.00 m e de um enter, mova o mouse e vera que a linha estará feita, caso queira continuar a fazer linhas direcione a linha para o lugar desejado e faça o mesmo procedimento anterior, caso queira sair deste comando aperte a tecla Esc do seu teclado.

Para que as linhas sempre sejam verticais e horizontais, clique no botão ORTO na base da tela.

2. Como fazer um retângulo.

Clique sobre a ferramenta retângulo ou digite a tecla de atalho Rec+Enter em seguida clique sobre a tela e arraste com o mouse para qualquer lado sem clicar nos botoes do mouse em seguida e então você digita as medidas desejadas, desta forma Ex:@2.70,3.60 + Enter. Estará feito o seu retângulo

3. Como mover um desenho.

Clique na ferramenta mover ou digite a tecla de atalho M+Enter em seguida clique sobre o desenho aperte enter e arraste o para onde quiser.

4. Como copiar um desenho. 

Clique sobre a ferramenta copiar ou digite a tecla de atalho Co+Enter e clique sobre o desenho e aperte Enter arraste o desenho e copie quantas vezes quiser.

5. Como separar as linhas de um desenho.

Clique na ferramenta explodir ou digite a tecla de atalho Ex+Enter clique sobre o desenho e aperte Enter, assim as linhas já estarão desagrupadas.

6. Como funciona a ferramenta Offset.

A ferramenta Offset serve para quando você quer copiar uma linha com uma medida determinada

Ex: clique na ferramenta Offset ou digite O+Enter, em seguida digite a medida desejada Ex: 2.00+Enter, clique sobre a linha desejada e direcione para o local desejado e de um clique.

7. Layers (camadas)

Ainda não existe uma norma para as camadas, mas fazê-las facilita a organização do projeto.
Se você deseja desenhar a planta de uma casa é necessário que você adicione os Layers, que podem ser os seguintes:

Layers	Cor	Espessura da linha	ipo da linha
Alvenaria	magenta	0.50	contínuo
Texto	verde	0.13	''
Área	verde	0.09	''
Janela	amarelo	0.13	''
Porta	amarelo	0.13	''
Símbolos	verde	0.09	'
Vista	Azul claro	0.05	''
Cotas	vermelho	0.09	''
Pilar	azul	0.25	''
Mobiliário	Azul escuro	0.13	''
Projeção	amarelo	0.13	Dashed (tracejada)
Vegetação	verde	0.09	''
Hachura	sépia	0.09	''
Viga	azul	0.25	''

Na próxima postagem vamos ver algumas dicas para desenhar uma planta baixa.

Construindo uma casinha simples com o SketchUp

Por Débora Caroline da Silva

e Rafaela Rocha Santos

O Sketchup é um programa de modelagem tridimensional básico, disponibilizado gratuitamente pela Google. Apesar de simples e gratuito permite modelagens bastante sofisticadas. Possui também uma versão profissional paga, com mais recursos.

Abrindo o Sketchup

Ao abrir o Sketchup, precisamos organizar as barras de ferramentas para que possamos dar inicio ao trabalho. Escolha modelo simples - metros. Vamos precisar do conjunto grande de ferramentas:

Vá ao menu Visualizar > Barras de ferramentas > Conjunto grande de ferramentas

1°PASSO: Com o ponteiro do mouse vamos até VISUALIZAR, e clicamos em BARRA DE FERRAMENTAS logo em seguida irá demostrar os primeiros passos. No mesmo menu irá clicar em EXIBIÇÃO, com essa ferramenta terá as vistas frontal, lateral, esquerda, direita e superior.

Como fazer um terreno para a casa

1° Vamos utilizar a ferramenta RETÂNGULO para construir, por exemplo, um terreno de 6m por 12m.

Ferramenta Retângulo

Para termos uma visão do chão, vamos usar a ferramenta ORBITAR, temos que pressionar a roda do mouse assim podemos mexer a visualização para qualquer lado.

Ferramenta Orbitar (acesse  apertando a roda do mouse e arrastando)

Com a ferramenta RETÂNGULO vamos clicar, arrastar um pouco e soltar o botão do mouse, daí digitar o tamanho do terreno 6; 12 e pressionar ENTER.

2° PASSO: dar a espessura do terreno (por exemplo: 10 cm)

Vamos até a ferramenta PUXAR/EMPURRAR, clicamos nela e posicionamos em cima do plano que criamos. Clique em cima e puxar um puco, solte o botão do mouse e digite a espessura. Como a espessura é de 10cm temos que por a virgula antes do número (,10) e confirmar com o botão ENTER.  

Ferramenta Puxar/Empurrar

3° PASSO: com a ferramenta EQUIDISTÂNCIA, vamos criar um outro retângulo para darmos início a casa.

Ferramenta Equidistância (offset)

Com a ferramenta. EQUIDISTÂNCIA selecionada, você vai até a borda do terreno. Vai clicar sem soltar, arrastar um pouco e digitar a distância desejada EX: ,15 e confirmar com a tecla ENTER.

4° Passo. Erguendo a casa.

Depois com a ferramenta PUXAR/EMPURRAR você vai usar o mesmo procedimento do 2° passo só que com a altura da casa EX:( 2,80m). Você vai subir tanto a parede quanto a o meio da casa.

5° Passo: janelas e portas

Com a ferramenta FITA MÉTRICA vamos dar a distância para começar a janela EX: (1m), do cantinho da parede vamos clicar e digitar 1 e ENTER. Com o lápis clicar no final da medida e subir EX: (1,20) ENTER.

Depois com o retângulo vamos fazer o tamanho da janela, EX: ( 1,80 ; 0,9 ) ENTER.

Com a ferramenta SELECIONAR clicar em cima da linha que sobrou e apertar DELETE para apagar a linha.

Para fazer a porta, usar o mesmo procedimento, com as medidas ex: (2,10; 0,90)

Para duplicar a janela selecione-a com a ferramenta SELECIONAR. Logo em seguida vá até a ferramenta MOVER clique e aperte ( CTRL) control, clique na janela e arraste e clique para soltar.

Ferramenta Selecionar

Ferramenta Mover
Para copiar um objeto, utilize a ferramenta MOVER  + TECLA CTRL. Um pequeno sinal de mais (+) aparecerá ao lado do objeto, indicando que uma cópia é que será movida.

 Para fazer o buraco na janela e na porta usar a ferramenta PUXAR/EMPURRAR.

Seleciona-a e empurre-a até a extremidade da parede (ou a borda superior da casa) e solte.

Ferramenta Puxar/Empurrar

6° Passo Telhado

Com a ferramenta LINHA (lápis) vou procurar o meio, aparecerá uma bolinha azul indicando o ponto mediano. Clicar e subir EX: digitar (1) e ENTER, o mesmo procedimento com o outro lado e ligar os pontos com o lápis. 

Para fechar o telhado clique com o lápis na ponta de cima do telhado e na diagonal da casa, automaticamente irá se fechar e assim sucessivamente

7° passo PINTAR a casa

Barra de ferramentas JANELAS clicar em MATERIAIS. Logo depois escolher um ícone de textura que deseje. EX: “Telhado” clicar, escolher uma janela e clicar em cima do telhado.

Para parede o mesmo procedimento só que com o ícone CORES escolher e clicar em cima das paredes.

Para pintar a janela é necessário fechá-la, para isso utilizamos a ferramenta RETÂNGULO. Vamos clicar em uma extremidade e levar até a outra em diagonal e clicar.

Volto para materiais e escolho ícone TRANSLUCÍDO.

 E por fim a casa está executada.