SlideShare uma empresa Scribd logo
1 de 18
Baixar para ler offline
Introdução
Atividade prática, para realiza - lá basta seguir o passo -a- passo e
você terá um ótimo efeito para aplicar nas suas fotos.

Esse tutorial mostra como criar o efeito de bordas queimadas em uma fotografia.




                                  Como sair disso...




                                   ...e chegar a isso.


Usuários acostumados com editores vetoriais podem estranhar tantos passos para aplicar
essa técnica. Fiz assim porque acho mais didático fazer tutoriais em baby-steps onde
cada minima ação, por mais simples que seja é descrita em um passo diferente (até o
limite da paciência). Desta forma também ganho espaço para falar sobre questões
próximas e a teoria envolvida para um melhor entendimento, não só dos novatos.

O Processo
01 - Importe uma Fotografia




Sim, o Inkscape é um editor de imagens vetoriais e a fotografia é uma imagem bitmap
(JPG, PNG, GIF,...) e sim, nós iremos corta-la e tingi-la.

Quer dizer... não exatamente. Vamos colocar elementos por cima, dando a impressão de
que faz parte da foto e redefiniremos a área visível da foto, o que parece, mas não é o
mesmo que cortar.


Para adicionar uma imagem bitmap, use o botão       "Importar Arquivo" na barra de
ferramentas superior, ou o menu Arquivo > Importar...

02 - Aí está, ajuste.




A imagem bitmap pode ser manipulada no Inkscape com certa limitação. Podemos
aplicar transformações e filtros nos bitmaps.
Mas isso não é tão pouco se lembramos que transformações são as ações de
redimensionamento, deslocamento, inclinação e rotação, todas aplicáveis com a
ferramenta de seleção (a seta). E os filtros possibilitam uma infinidade de efeitos,
muitos já preparados para uso no menu "Filtros".

Se você quiser fazer edições que exijam um editor de bitmap, clique com o botão direito
na imagem e selecione a opção "Editar Externamente..." ela será aberta em no seu editor
bitmap (The GIMP) e quando você salvar a modificação o Inkscape atualizará a
imagem.




03 - Crie um retângulo cobrindo a área de interesse




Na barra de ferramentas do Inkscape temos alguns elementos primitivos: O retângulo, a
elipse, a estrela ou polígono e a espiral.

Crie um retângulo, pois ele é a forma mais próxima da borda queimada que
colocaremos nesta foto.
04 - Converta o retângulo em um elemento de curvas




Para fazer nossa borda queimada é preciso deformar esse retângulo, mas elementos
primitivos só permitem a manipulação de atributos que não retirem sua natureza. Para
deformar as linhas dele precisamos transforma-lo em um elemento de curvas.

Para transforma-lo selecione a ferramenta de edição de nós (ali abaixo da seta) e clique
no botão "Converter objetos selecionados em caminhos", como você vê na imagem ao
lado. ( Ok... existem outros caminhos: menu "Caminho > Converter em Caminhos" ou
simplesmente Shift+Ctrl+C )




05 - Aprecie a mudança




Os elementos de curvas podem tomar qualquer forma. É por isso que este retângulo
agora tem nós e não alças de controle. Você pode arrastar, tirar ou colocar nós, como
quiser.

Agora poderemos fazer algo interessante com esse retângulo.
06 - Selecione o efeito Fractalizar




Você encontra esse efeito no menu "Extensões > Modificar Caminho > Fractalizar...".
Ele aplica uma deformação rugosa aleatória em cada linha de um elemento de curvas.




07 - Defina os Argumentos da Fractalização




Eu escolhi os valores sub-divisões 6 e suavidade 8,0. Quanto mais sub-divisões mais
ondulação, quanto maior o valor de suavidade, menor a força da ondulação.
08 - Resultado da Fractalização




Perceba que a deformação não está igual ao resultado prometido. Podemos desfazer
Ctrl+Z e repetir o efeito, mas demoraríamos muito até achar uma forma que agrade. O
importante é ter uma ajuda... uma deformação aleatória inicial e na sequencia aplicamos
correções manuais.

Para fazer o ajuste fino das correções manuais precisamos usar a ferramenta de edição
de nós...



09 - Note o número de nós




...mas veja. São muitos nós!

O Fractalizar gerou uma quantidade muito grande de nós, o que atrapalha nossos planos,
mas considerando o fato de que as bordas queimadas não são tão detalhadas (na verdade
tendem a formar curvas mais suaves), podemos e devemos diminuir o número de nós.
10 - Ctrl+L para simplificar o caminho




O efeito "Simplificar" pode ser também encontrado no menu "Caminho > Simplificar",
mas usar o atalho Ctrl+L é mais interessante porque, em geral, simplificamos algumas
vezes seguidas até encontrar o ponto que interessa. Neste caso usei o simplificar apenas
uma vêz.

O objetivo do Simplificar é reduzir o número de nós sem perder a imagem que aquele
caminho representa. Naturalmente ao perder nós, perdemos detalhes do desenho.




11 - Reposicione alguns nós




Agora podemos usar a ferramenta de edição de nós, para fazer a borda como bem
queremos. Tente não deixar pontas, principalmente não para dentro, afinal, isso não
aconteceria na queima do papel.
12 - Crie um Círculo sobre a borda queimada




Eu gosto quando o fogo (ou algo que degrada, como a lagarta na folha) abre um buraco
no papel. O efeito fica bem interessante. Para simular isso, vamos colocar um pequeno
círculo sobre a borda queimada. Não se preocupe em converte-lo para curvas, isso
acontecerá automaticamente na sequencia.




13 - Selecione o círculo e a borda queimada




Vamos fazer com que o círculo seja um buraco no elemento que define a borda
queimada, para isso precisamos primeiro selecionar os dois.

Para selecionar mais de um elemento clique no primeiro, segure o shift e clique nos
seguintes, depois do último pode soltar o shift. Se soltar o shift e perceber que
esqueceu um elemento, não tem problema, pressione-o novamente e clique no faltante.
Se adicionar um elemento errado, é só clicar nele novamente segurando o shift. e ele
será de-selecionado, enquanto os outros continuam selecionados.




14 - Aplique a diferença entre os elementos




Tendo os elementos selecionados, vá no menu "Caminho > Diferença"

Lembra-se das aulas sobre operações com grupos nas aulas de matemática? É a mesma
idéia para as operações de União, Diferença, Interseção e Exclusão entre elementos.




15 - Veja os nós do resultado




Quando aplicamos a diferença entre dois elementos a área que o elemento de cima cobre
do elemento de baixo é retirada do elemento de baixo. Note que temos a representação e
do círculo com nós dentro da borda queimada.
16 - Deforme o buraco




O buraco do fogo não deve ser perfeito, então mova alguns nós e alças béziers.

A "alça bézier" é aquela linha de controle ligada ao nó que deforma a linha (traço) que
o une a seu vizinho, permitindo definir curvas suaves.




17 - Crie um retângulo escuro por traz da borda queimada




Precisamos de uma mancha escura nas bordas da foto queimada. Esse retângulo vai
possibilitar criar essa mancha quando fizermos dele o "negativo" do elemento que
define a borda queimada.

Não entendeu? Fique com isso em mente que no processo você vai entender...
18 - Crie uma cópia da borda queimada e guarde-a ao lado.




Precisaremos usar esse elemento que define a borda queimada algumas vezes, então
vamos guardar já uma cópia dele.

Para fazer a cópia podemos usar o velho Ctrl+C e Ctrl+V, mas eu prefiro um Ctrl+D.
O Ctrl+D cria a cópia no mesmo lugar do original e aproveitando que a mão já está no
teclado, segure o Shift e pressione a seta para um dos lados algumas vezes. Desa forma
será bem mais fácil retornar essa cópia à posição original.




19 - Selecione o retângulo escuro e a borda queimada para subtração




Agora é a hora de fazer o buraco no retângulo para criar o "negativo" da borda
queimada.

Use novamente o menu "Caminho > Diferença".
20 - O buraco já dá uma boa idéia sobre a borda queimada




Aí está o "negativo" e ele permitirá criar a mancha escurecida. A princípio basta borrar,
mas como queremos algo legal, vamos fazer alguns ajustes antes...




21 - Um vermelho bem escuro para essa primeira mancha da borda




Uma mancha marrom escura cai bem entre a área preservada da foto e a borda
totalmente queimada. Esse tom se consegue com um pouco de vermelho sobre o preto.

Abra o diálogo de preenchimento e Traço Shift+Ctrl+F para definir a cor. Eu usei os
valores: Vermelho 50, Verde 0 e Azul 0.
22 - Aumente a espessura da borda




Vamos borrar esse elemento "mancha". Precisamos que a mancha ocupe um bom
espaço, mas se fizermos da forma como está, a mancha será muito tênue. Precisamos
que ela ocupe espaço sem precisar borrar demais. Então vamos adicionar um traço
grosso ao elemento.

Na aba "Pintura de traço" você aplica a mesma cor do preenchimento para o traço,
tornando o preenchimento e traço indistinguíveis. Precisamos que seja grosso. Para o
meu caso defini a espessura de 30 pixels.




23 - Aplique o filtro borrar na borda




Agora podemos borrar o bastante para que a forma se perca, mas sem que a mancha
fique clara nos limites da borda queimada.
Para borrar, mova a barra ou digite um valor no controle na parte de baixo da mesma
janela de Preenchimento e Traço.

"Borrar" também é conhecido como "blur" ou "desfocagem", neste caso o valor 8 foi o
mais adequado.




24 - Duplique a borda, em preto e com menos blur




A mancha marrom era importante, mas é essencial uma mancha preta para representar a
carbonização. Esse passo contém sub passos, mas são muito simples:

   1. Duplique a mancha com Ctrl+D;
   2. Torne-a preta, zerando o valor do vermelho, tanto no preenchimento quanto no
      traço;
   3. Afine a espessura do traço na aba estilo de traço (eu usei 10 pixels);
   4. Reduza o filtro "Borrar" (eu apliquei o valor 2).

       25 - Agrupe a foto e suas sombras
Selecione a fotografia e as duas bordas borradas acima dela e então clique no botão
agrupar.

Para selecionar, experimente fazer um "retângulo de seleção":

   1. leve o mouse até uma posição mais acima e mais a esquerda que qualquer dos
      elementos que pretende selecionar;
   2. segure o botão esquerdo do mouse e arraste para baixo e para a direita;
      (note que um retângulo está sendo desenhado, acompanhando o mouse)
   3. leve o mouse até uma posição mais abaixo e mais a direita que qualquer dos
      elementos que pretende selecionar;
      (note que o retângulo de seleção deve envolver todos os elementos, se uma
      ponta de um elemento estiver de fora, ele não entrará na seleção)
   4. solte o botão esquerdo do mouse.

Depois de clicar no botão agrupar. Ao clicar em um desses elementos todo o grupo
aparece selecionado como uma coisa só. E é com uma coisa só que temos que trabalhar
agora.




26 - Crie uma nova cópia da borda queimada e mova-a para a posição
original.




Lembra-se quando orientei mover a primeira cópia usando o teclado? Agora da mesma
forma use Shift+[seta] para retornar rápido e facilmente para a posição original.

Essa cópia delimitará os limites da imagem.
27 - Aplique o clipe no grupo com a borda queimada.




Como não podemos cortar a fotografia e nem as manchas, vamos aplicar um clip. O clip
faz com que um elemento defina a área visível de outro. No caso a borda queimada
definirá a área visível do grupo.

Então, selecione os dois (o grupo e a borda queimada) e clique no menu Objeto > Clip >
Aplicar.




28 - Aprecie o trabalho quase pronto




O clip parece com um recorte, mas não é. Nada foi perdido, por isso a mancha não
mudou (recorte-a e você perceberá que a mancha mudaria) e a foto continua inteira
dentro do clip (Você pode seleciona-la com Ctrl+[click] e verá que pode move-la
mudando a área visível).
29 - Pinte de preto a borda queimada que sobrou




Bom, você já sabe como pintar elementos, né?

Estamos fazendo isso para criar uma sombra, pois dependendo do contexto a imagem
pode acabar sendo percebida como um buraco, em vez de uma queimadura.




30 - Mova a borda para baixo da fotografia




Além de deslocar você também deve faze-la descer um nível, pressionando PageDown

ou o botão     (mover seleção para baixo).
31 - Aplique um desfoque e... Voilà!




Agora a fotografia de bordas queimadas tem uma sombra, ela não é mais um desenho ou
um buraco no chão.

Mais conteúdo relacionado

Mais procurados

Apresentação 2 Formação Photoshop
Apresentação 2 Formação PhotoshopApresentação 2 Formação Photoshop
Apresentação 2 Formação PhotoshopJoão Leal
 
Tutorial de modelagem de um dado no Blender 3D
Tutorial de modelagem de um dado no Blender 3DTutorial de modelagem de um dado no Blender 3D
Tutorial de modelagem de um dado no Blender 3DRobson Guedes
 
Apresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISECApresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISECJoão Leal
 
Apostila de Animação Blender
Apostila de Animação BlenderApostila de Animação Blender
Apostila de Animação BlenderProjeto Aglomera
 
Exercícios imagem
Exercícios imagemExercícios imagem
Exercícios imagemJoão Leal
 
Tutoriais photoshop___ como usar a background eraser tool ou ferramenta bor...
  Tutoriais photoshop___ como usar a background eraser tool ou ferramenta bor...  Tutoriais photoshop___ como usar a background eraser tool ou ferramenta bor...
Tutoriais photoshop___ como usar a background eraser tool ou ferramenta bor...Jota Brandão
 
Interface gráfica blender
Interface gráfica blenderInterface gráfica blender
Interface gráfica blenderlmatosp
 
Slide blender 3 d apresentação
Slide blender 3 d apresentaçãoSlide blender 3 d apresentação
Slide blender 3 d apresentaçãoJosé Nascimento
 
Criandovideoscommoviemaker
CriandovideoscommoviemakerCriandovideoscommoviemaker
CriandovideoscommoviemakerLéo Kaplan
 
Apostila O Mundo Mágico do Photoshop
Apostila O Mundo Mágico do PhotoshopApostila O Mundo Mágico do Photoshop
Apostila O Mundo Mágico do PhotoshopWelington Carvalho
 
Ambiente de trabalho 3ds Max
Ambiente de trabalho 3ds MaxAmbiente de trabalho 3ds Max
Ambiente de trabalho 3ds MaxPedro Costa
 

Mais procurados (18)

Usando Paint.NET
Usando Paint.NETUsando Paint.NET
Usando Paint.NET
 
Tuto 2
Tuto 2Tuto 2
Tuto 2
 
Gimp2
Gimp2Gimp2
Gimp2
 
Apresentação 2 Formação Photoshop
Apresentação 2 Formação PhotoshopApresentação 2 Formação Photoshop
Apresentação 2 Formação Photoshop
 
Tutorial de modelagem de um dado no Blender 3D
Tutorial de modelagem de um dado no Blender 3DTutorial de modelagem de um dado no Blender 3D
Tutorial de modelagem de um dado no Blender 3D
 
Apresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISECApresentação exercícios imagem - ISEC
Apresentação exercícios imagem - ISEC
 
Apostila de Animação Blender
Apostila de Animação BlenderApostila de Animação Blender
Apostila de Animação Blender
 
Minicurso blender
Minicurso blenderMinicurso blender
Minicurso blender
 
Exercícios imagem
Exercícios imagemExercícios imagem
Exercícios imagem
 
Tutoriais photoshop___ como usar a background eraser tool ou ferramenta bor...
  Tutoriais photoshop___ como usar a background eraser tool ou ferramenta bor...  Tutoriais photoshop___ como usar a background eraser tool ou ferramenta bor...
Tutoriais photoshop___ como usar a background eraser tool ou ferramenta bor...
 
Interface gráfica blender
Interface gráfica blenderInterface gráfica blender
Interface gráfica blender
 
Slide blender 3 d apresentação
Slide blender 3 d apresentaçãoSlide blender 3 d apresentação
Slide blender 3 d apresentação
 
lustração Estilo GTA CS6
lustração Estilo GTA CS6lustração Estilo GTA CS6
lustração Estilo GTA CS6
 
Photoshop CS6-Efeito
Photoshop CS6-EfeitoPhotoshop CS6-Efeito
Photoshop CS6-Efeito
 
Geometria
GeometriaGeometria
Geometria
 
Criandovideoscommoviemaker
CriandovideoscommoviemakerCriandovideoscommoviemaker
Criandovideoscommoviemaker
 
Apostila O Mundo Mágico do Photoshop
Apostila O Mundo Mágico do PhotoshopApostila O Mundo Mágico do Photoshop
Apostila O Mundo Mágico do Photoshop
 
Ambiente de trabalho 3ds Max
Ambiente de trabalho 3ds MaxAmbiente de trabalho 3ds Max
Ambiente de trabalho 3ds Max
 

Destaque

2º Trabalho AIB
2º Trabalho AIB2º Trabalho AIB
2º Trabalho AIBqwertydiru
 
Trabalho de fundamentos da informática como funciona a internet
Trabalho de fundamentos da informática   como funciona a internetTrabalho de fundamentos da informática   como funciona a internet
Trabalho de fundamentos da informática como funciona a internetadelymelo
 
Aula 01 - Fundamentos de Computadores
Aula 01 -  Fundamentos de ComputadoresAula 01 -  Fundamentos de Computadores
Aula 01 - Fundamentos de ComputadoresWilliam Silva
 
Aula 5 - Montagem Básica de Microcomputadores I
Aula 5 - Montagem Básica de Microcomputadores IAula 5 - Montagem Básica de Microcomputadores I
Aula 5 - Montagem Básica de Microcomputadores IVitor Hugo Melo Araújo
 
Aula 01 fundamentos da informática
Aula 01   fundamentos da informáticaAula 01   fundamentos da informática
Aula 01 fundamentos da informáticaGilberto Campos
 

Destaque (9)

CELEBRITY VILA EMA
CELEBRITY VILA EMA CELEBRITY VILA EMA
CELEBRITY VILA EMA
 
2º Trabalho AIB
2º Trabalho AIB2º Trabalho AIB
2º Trabalho AIB
 
Trabalho de fundamentos da informática como funciona a internet
Trabalho de fundamentos da informática   como funciona a internetTrabalho de fundamentos da informática   como funciona a internet
Trabalho de fundamentos da informática como funciona a internet
 
Operação de computador
Operação de computadorOperação de computador
Operação de computador
 
trabalhos de grupo
trabalhos de grupotrabalhos de grupo
trabalhos de grupo
 
Aula 01 - Fundamentos de Computadores
Aula 01 -  Fundamentos de ComputadoresAula 01 -  Fundamentos de Computadores
Aula 01 - Fundamentos de Computadores
 
Aula 5 - Montagem Básica de Microcomputadores I
Aula 5 - Montagem Básica de Microcomputadores IAula 5 - Montagem Básica de Microcomputadores I
Aula 5 - Montagem Básica de Microcomputadores I
 
Aula 01 fundamentos da informática
Aula 01   fundamentos da informáticaAula 01   fundamentos da informática
Aula 01 fundamentos da informática
 
Impressão 3D - Um futuro sob demanda
Impressão 3D - Um futuro sob demandaImpressão 3D - Um futuro sob demanda
Impressão 3D - Um futuro sob demanda
 

Semelhante a Pratica inkscape2

Apostila 3
Apostila 3Apostila 3
Apostila 3Franbfk
 
Passos para o geogebra
Passos para o geogebraPassos para o geogebra
Passos para o geogebraFranbfk
 
Revista Digtal Gimp Lab Ed 2
Revista Digtal Gimp Lab Ed 2Revista Digtal Gimp Lab Ed 2
Revista Digtal Gimp Lab Ed 2Anderson Ramos
 
Oficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem DigitalOficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem Digitalmarcelasb
 
Modelagem e animação com blender
Modelagem e animação com blender Modelagem e animação com blender
Modelagem e animação com blender Nayron Fernandes
 
Tutorial dado
Tutorial dadoTutorial dado
Tutorial dadodrdoom39
 
Criando uma caneca 3D em Blender
Criando uma caneca 3D em BlenderCriando uma caneca 3D em Blender
Criando uma caneca 3D em BlenderNeil Rezende
 
Revista PHOTOSHOP em PDF receita trico facil
Revista PHOTOSHOP em PDF receita trico facilRevista PHOTOSHOP em PDF receita trico facil
Revista PHOTOSHOP em PDF receita trico facilTricô Fácil
 
Desenhando uma engrenagem no auto cad
Desenhando uma engrenagem no auto cadDesenhando uma engrenagem no auto cad
Desenhando uma engrenagem no auto cadRenato Knob
 
Do Blender (2.79) para a Unity (5)
Do Blender (2.79) para a Unity (5)Do Blender (2.79) para a Unity (5)
Do Blender (2.79) para a Unity (5)Roger Tavares
 

Semelhante a Pratica inkscape2 (20)

Blender.pdf
Blender.pdfBlender.pdf
Blender.pdf
 
Photoshop efeitosinteressantes
Photoshop efeitosinteressantesPhotoshop efeitosinteressantes
Photoshop efeitosinteressantes
 
Photoshop efeitosinteressantes
Photoshop efeitosinteressantesPhotoshop efeitosinteressantes
Photoshop efeitosinteressantes
 
Apostila 3
Apostila 3Apostila 3
Apostila 3
 
Passos para o geogebra
Passos para o geogebraPassos para o geogebra
Passos para o geogebra
 
Manual inkscape
Manual inkscapeManual inkscape
Manual inkscape
 
Revista Digtal Gimp Lab Ed 2
Revista Digtal Gimp Lab Ed 2Revista Digtal Gimp Lab Ed 2
Revista Digtal Gimp Lab Ed 2
 
Geogebra
GeogebraGeogebra
Geogebra
 
Oficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem DigitalOficina Edição E Manipulação de Imagem Digital
Oficina Edição E Manipulação de Imagem Digital
 
Modelagem e animação com blender
Modelagem e animação com blender Modelagem e animação com blender
Modelagem e animação com blender
 
Divisão de Imagens 3D com CloudCompare
Divisão de Imagens 3D com CloudCompareDivisão de Imagens 3D com CloudCompare
Divisão de Imagens 3D com CloudCompare
 
Tutorial dado
Tutorial dadoTutorial dado
Tutorial dado
 
Criando uma caneca 3D em Blender
Criando uma caneca 3D em BlenderCriando uma caneca 3D em Blender
Criando uma caneca 3D em Blender
 
Revista PHOTOSHOP em PDF receita trico facil
Revista PHOTOSHOP em PDF receita trico facilRevista PHOTOSHOP em PDF receita trico facil
Revista PHOTOSHOP em PDF receita trico facil
 
Desenhando uma engrenagem no auto cad
Desenhando uma engrenagem no auto cadDesenhando uma engrenagem no auto cad
Desenhando uma engrenagem no auto cad
 
Ldits integrando imagens
Ldits integrando imagensLdits integrando imagens
Ldits integrando imagens
 
Do Blender (2.79) para a Unity (5)
Do Blender (2.79) para a Unity (5)Do Blender (2.79) para a Unity (5)
Do Blender (2.79) para a Unity (5)
 
Mini curso de flash
Mini curso de flashMini curso de flash
Mini curso de flash
 
Apostila vray 3_dm
Apostila vray 3_dmApostila vray 3_dm
Apostila vray 3_dm
 
Apostila photoshop
Apostila photoshopApostila photoshop
Apostila photoshop
 

Último

ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptxÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptxDeyvidBriel
 
FCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirFCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirIedaGoethe
 
Noções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdf
Noções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdfNoções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdf
Noções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdfdottoor
 
DIGNITAS INFINITA - DIGNIDADE HUMANA -Declaração do Dicastério para a Doutrin...
DIGNITAS INFINITA - DIGNIDADE HUMANA -Declaração do Dicastério para a Doutrin...DIGNITAS INFINITA - DIGNIDADE HUMANA -Declaração do Dicastério para a Doutrin...
DIGNITAS INFINITA - DIGNIDADE HUMANA -Declaração do Dicastério para a Doutrin...Martin M Flynn
 
Aula 1, 2 Bacterias Características e Morfologia.pptx
Aula 1, 2  Bacterias Características e Morfologia.pptxAula 1, 2  Bacterias Características e Morfologia.pptx
Aula 1, 2 Bacterias Características e Morfologia.pptxpamelacastro71
 
As Viagens Missionária do Apostolo Paulo.pptx
As Viagens Missionária do Apostolo Paulo.pptxAs Viagens Missionária do Apostolo Paulo.pptx
As Viagens Missionária do Apostolo Paulo.pptxAlexandreFrana33
 
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveAula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveaulasgege
 
Geometria 5to Educacion Primaria EDU Ccesa007.pdf
Geometria  5to Educacion Primaria EDU  Ccesa007.pdfGeometria  5to Educacion Primaria EDU  Ccesa007.pdf
Geometria 5to Educacion Primaria EDU Ccesa007.pdfDemetrio Ccesa Rayme
 
Recurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de PartículasRecurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de PartículasCasa Ciências
 
Currículo escolar na perspectiva da educação inclusiva.pdf
Currículo escolar na perspectiva da educação inclusiva.pdfCurrículo escolar na perspectiva da educação inclusiva.pdf
Currículo escolar na perspectiva da educação inclusiva.pdfIedaGoethe
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresaulasgege
 
geografia 7 ano - relevo, altitude, topos do mundo
geografia 7 ano - relevo, altitude, topos do mundogeografia 7 ano - relevo, altitude, topos do mundo
geografia 7 ano - relevo, altitude, topos do mundonialb
 
PPT _ Módulo 3_Direito Comercial_2023_2024.pdf
PPT _ Módulo 3_Direito Comercial_2023_2024.pdfPPT _ Módulo 3_Direito Comercial_2023_2024.pdf
PPT _ Módulo 3_Direito Comercial_2023_2024.pdfAnaGonalves804156
 
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxSlides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxLuizHenriquedeAlmeid6
 
Guia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdfGuia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdfEyshilaKelly1
 
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024Sandra Pratas
 
Mesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasMesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasRicardo Diniz campos
 
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptxSlides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptxLuizHenriquedeAlmeid6
 
PRIMEIRO---RCP - DEA - BLS estudos - basico
PRIMEIRO---RCP - DEA - BLS estudos - basicoPRIMEIRO---RCP - DEA - BLS estudos - basico
PRIMEIRO---RCP - DEA - BLS estudos - basicoSilvaDias3
 

Último (20)

ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptxÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
ÁREA DE FIGURAS PLANAS - DESCRITOR DE MATEMATICA D12 ENSINO MEDIO.pptx
 
FCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimirFCEE - Diretrizes - Autismo.pdf para imprimir
FCEE - Diretrizes - Autismo.pdf para imprimir
 
Noções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdf
Noções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdfNoções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdf
Noções de Orçamento Público AFO - CNU - Aula 1 - Alunos.pdf
 
DIGNITAS INFINITA - DIGNIDADE HUMANA -Declaração do Dicastério para a Doutrin...
DIGNITAS INFINITA - DIGNIDADE HUMANA -Declaração do Dicastério para a Doutrin...DIGNITAS INFINITA - DIGNIDADE HUMANA -Declaração do Dicastério para a Doutrin...
DIGNITAS INFINITA - DIGNIDADE HUMANA -Declaração do Dicastério para a Doutrin...
 
Aula 1, 2 Bacterias Características e Morfologia.pptx
Aula 1, 2  Bacterias Características e Morfologia.pptxAula 1, 2  Bacterias Características e Morfologia.pptx
Aula 1, 2 Bacterias Características e Morfologia.pptx
 
As Viagens Missionária do Apostolo Paulo.pptx
As Viagens Missionária do Apostolo Paulo.pptxAs Viagens Missionária do Apostolo Paulo.pptx
As Viagens Missionária do Apostolo Paulo.pptx
 
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chaveAula - 2º Ano - Cultura e Sociedade - Conceitos-chave
Aula - 2º Ano - Cultura e Sociedade - Conceitos-chave
 
Geometria 5to Educacion Primaria EDU Ccesa007.pdf
Geometria  5to Educacion Primaria EDU  Ccesa007.pdfGeometria  5to Educacion Primaria EDU  Ccesa007.pdf
Geometria 5to Educacion Primaria EDU Ccesa007.pdf
 
Recurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de PartículasRecurso Casa das Ciências: Sistemas de Partículas
Recurso Casa das Ciências: Sistemas de Partículas
 
Currículo escolar na perspectiva da educação inclusiva.pdf
Currículo escolar na perspectiva da educação inclusiva.pdfCurrículo escolar na perspectiva da educação inclusiva.pdf
Currículo escolar na perspectiva da educação inclusiva.pdf
 
Sociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autoresSociologia Contemporânea - Uma Abordagem dos principais autores
Sociologia Contemporânea - Uma Abordagem dos principais autores
 
geografia 7 ano - relevo, altitude, topos do mundo
geografia 7 ano - relevo, altitude, topos do mundogeografia 7 ano - relevo, altitude, topos do mundo
geografia 7 ano - relevo, altitude, topos do mundo
 
PPT _ Módulo 3_Direito Comercial_2023_2024.pdf
PPT _ Módulo 3_Direito Comercial_2023_2024.pdfPPT _ Módulo 3_Direito Comercial_2023_2024.pdf
PPT _ Módulo 3_Direito Comercial_2023_2024.pdf
 
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptxSlides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
Slides Lição 4, CPAD, Como se Conduzir na Caminhada, 2Tr24.pptx
 
Guia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdfGuia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdf
 
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
HORA DO CONTO4_BECRE D. CARLOS I_2023_2024
 
Mesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecasMesoamérica.Astecas,inca,maias , olmecas
Mesoamérica.Astecas,inca,maias , olmecas
 
treinamento brigada incendio 2024 no.ppt
treinamento brigada incendio 2024 no.ppttreinamento brigada incendio 2024 no.ppt
treinamento brigada incendio 2024 no.ppt
 
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptxSlides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
Slides Lição 2, Central Gospel, A Volta Do Senhor Jesus , 1Tr24.pptx
 
PRIMEIRO---RCP - DEA - BLS estudos - basico
PRIMEIRO---RCP - DEA - BLS estudos - basicoPRIMEIRO---RCP - DEA - BLS estudos - basico
PRIMEIRO---RCP - DEA - BLS estudos - basico
 

Pratica inkscape2

  • 1. Introdução Atividade prática, para realiza - lá basta seguir o passo -a- passo e você terá um ótimo efeito para aplicar nas suas fotos. Esse tutorial mostra como criar o efeito de bordas queimadas em uma fotografia. Como sair disso... ...e chegar a isso. Usuários acostumados com editores vetoriais podem estranhar tantos passos para aplicar essa técnica. Fiz assim porque acho mais didático fazer tutoriais em baby-steps onde cada minima ação, por mais simples que seja é descrita em um passo diferente (até o limite da paciência). Desta forma também ganho espaço para falar sobre questões próximas e a teoria envolvida para um melhor entendimento, não só dos novatos. O Processo
  • 2. 01 - Importe uma Fotografia Sim, o Inkscape é um editor de imagens vetoriais e a fotografia é uma imagem bitmap (JPG, PNG, GIF,...) e sim, nós iremos corta-la e tingi-la. Quer dizer... não exatamente. Vamos colocar elementos por cima, dando a impressão de que faz parte da foto e redefiniremos a área visível da foto, o que parece, mas não é o mesmo que cortar. Para adicionar uma imagem bitmap, use o botão "Importar Arquivo" na barra de ferramentas superior, ou o menu Arquivo > Importar... 02 - Aí está, ajuste. A imagem bitmap pode ser manipulada no Inkscape com certa limitação. Podemos aplicar transformações e filtros nos bitmaps.
  • 3. Mas isso não é tão pouco se lembramos que transformações são as ações de redimensionamento, deslocamento, inclinação e rotação, todas aplicáveis com a ferramenta de seleção (a seta). E os filtros possibilitam uma infinidade de efeitos, muitos já preparados para uso no menu "Filtros". Se você quiser fazer edições que exijam um editor de bitmap, clique com o botão direito na imagem e selecione a opção "Editar Externamente..." ela será aberta em no seu editor bitmap (The GIMP) e quando você salvar a modificação o Inkscape atualizará a imagem. 03 - Crie um retângulo cobrindo a área de interesse Na barra de ferramentas do Inkscape temos alguns elementos primitivos: O retângulo, a elipse, a estrela ou polígono e a espiral. Crie um retângulo, pois ele é a forma mais próxima da borda queimada que colocaremos nesta foto.
  • 4. 04 - Converta o retângulo em um elemento de curvas Para fazer nossa borda queimada é preciso deformar esse retângulo, mas elementos primitivos só permitem a manipulação de atributos que não retirem sua natureza. Para deformar as linhas dele precisamos transforma-lo em um elemento de curvas. Para transforma-lo selecione a ferramenta de edição de nós (ali abaixo da seta) e clique no botão "Converter objetos selecionados em caminhos", como você vê na imagem ao lado. ( Ok... existem outros caminhos: menu "Caminho > Converter em Caminhos" ou simplesmente Shift+Ctrl+C ) 05 - Aprecie a mudança Os elementos de curvas podem tomar qualquer forma. É por isso que este retângulo agora tem nós e não alças de controle. Você pode arrastar, tirar ou colocar nós, como quiser. Agora poderemos fazer algo interessante com esse retângulo.
  • 5. 06 - Selecione o efeito Fractalizar Você encontra esse efeito no menu "Extensões > Modificar Caminho > Fractalizar...". Ele aplica uma deformação rugosa aleatória em cada linha de um elemento de curvas. 07 - Defina os Argumentos da Fractalização Eu escolhi os valores sub-divisões 6 e suavidade 8,0. Quanto mais sub-divisões mais ondulação, quanto maior o valor de suavidade, menor a força da ondulação.
  • 6. 08 - Resultado da Fractalização Perceba que a deformação não está igual ao resultado prometido. Podemos desfazer Ctrl+Z e repetir o efeito, mas demoraríamos muito até achar uma forma que agrade. O importante é ter uma ajuda... uma deformação aleatória inicial e na sequencia aplicamos correções manuais. Para fazer o ajuste fino das correções manuais precisamos usar a ferramenta de edição de nós... 09 - Note o número de nós ...mas veja. São muitos nós! O Fractalizar gerou uma quantidade muito grande de nós, o que atrapalha nossos planos, mas considerando o fato de que as bordas queimadas não são tão detalhadas (na verdade tendem a formar curvas mais suaves), podemos e devemos diminuir o número de nós.
  • 7. 10 - Ctrl+L para simplificar o caminho O efeito "Simplificar" pode ser também encontrado no menu "Caminho > Simplificar", mas usar o atalho Ctrl+L é mais interessante porque, em geral, simplificamos algumas vezes seguidas até encontrar o ponto que interessa. Neste caso usei o simplificar apenas uma vêz. O objetivo do Simplificar é reduzir o número de nós sem perder a imagem que aquele caminho representa. Naturalmente ao perder nós, perdemos detalhes do desenho. 11 - Reposicione alguns nós Agora podemos usar a ferramenta de edição de nós, para fazer a borda como bem queremos. Tente não deixar pontas, principalmente não para dentro, afinal, isso não aconteceria na queima do papel.
  • 8. 12 - Crie um Círculo sobre a borda queimada Eu gosto quando o fogo (ou algo que degrada, como a lagarta na folha) abre um buraco no papel. O efeito fica bem interessante. Para simular isso, vamos colocar um pequeno círculo sobre a borda queimada. Não se preocupe em converte-lo para curvas, isso acontecerá automaticamente na sequencia. 13 - Selecione o círculo e a borda queimada Vamos fazer com que o círculo seja um buraco no elemento que define a borda queimada, para isso precisamos primeiro selecionar os dois. Para selecionar mais de um elemento clique no primeiro, segure o shift e clique nos seguintes, depois do último pode soltar o shift. Se soltar o shift e perceber que esqueceu um elemento, não tem problema, pressione-o novamente e clique no faltante.
  • 9. Se adicionar um elemento errado, é só clicar nele novamente segurando o shift. e ele será de-selecionado, enquanto os outros continuam selecionados. 14 - Aplique a diferença entre os elementos Tendo os elementos selecionados, vá no menu "Caminho > Diferença" Lembra-se das aulas sobre operações com grupos nas aulas de matemática? É a mesma idéia para as operações de União, Diferença, Interseção e Exclusão entre elementos. 15 - Veja os nós do resultado Quando aplicamos a diferença entre dois elementos a área que o elemento de cima cobre do elemento de baixo é retirada do elemento de baixo. Note que temos a representação e do círculo com nós dentro da borda queimada.
  • 10. 16 - Deforme o buraco O buraco do fogo não deve ser perfeito, então mova alguns nós e alças béziers. A "alça bézier" é aquela linha de controle ligada ao nó que deforma a linha (traço) que o une a seu vizinho, permitindo definir curvas suaves. 17 - Crie um retângulo escuro por traz da borda queimada Precisamos de uma mancha escura nas bordas da foto queimada. Esse retângulo vai possibilitar criar essa mancha quando fizermos dele o "negativo" do elemento que define a borda queimada. Não entendeu? Fique com isso em mente que no processo você vai entender...
  • 11. 18 - Crie uma cópia da borda queimada e guarde-a ao lado. Precisaremos usar esse elemento que define a borda queimada algumas vezes, então vamos guardar já uma cópia dele. Para fazer a cópia podemos usar o velho Ctrl+C e Ctrl+V, mas eu prefiro um Ctrl+D. O Ctrl+D cria a cópia no mesmo lugar do original e aproveitando que a mão já está no teclado, segure o Shift e pressione a seta para um dos lados algumas vezes. Desa forma será bem mais fácil retornar essa cópia à posição original. 19 - Selecione o retângulo escuro e a borda queimada para subtração Agora é a hora de fazer o buraco no retângulo para criar o "negativo" da borda queimada. Use novamente o menu "Caminho > Diferença".
  • 12. 20 - O buraco já dá uma boa idéia sobre a borda queimada Aí está o "negativo" e ele permitirá criar a mancha escurecida. A princípio basta borrar, mas como queremos algo legal, vamos fazer alguns ajustes antes... 21 - Um vermelho bem escuro para essa primeira mancha da borda Uma mancha marrom escura cai bem entre a área preservada da foto e a borda totalmente queimada. Esse tom se consegue com um pouco de vermelho sobre o preto. Abra o diálogo de preenchimento e Traço Shift+Ctrl+F para definir a cor. Eu usei os valores: Vermelho 50, Verde 0 e Azul 0.
  • 13. 22 - Aumente a espessura da borda Vamos borrar esse elemento "mancha". Precisamos que a mancha ocupe um bom espaço, mas se fizermos da forma como está, a mancha será muito tênue. Precisamos que ela ocupe espaço sem precisar borrar demais. Então vamos adicionar um traço grosso ao elemento. Na aba "Pintura de traço" você aplica a mesma cor do preenchimento para o traço, tornando o preenchimento e traço indistinguíveis. Precisamos que seja grosso. Para o meu caso defini a espessura de 30 pixels. 23 - Aplique o filtro borrar na borda Agora podemos borrar o bastante para que a forma se perca, mas sem que a mancha fique clara nos limites da borda queimada.
  • 14. Para borrar, mova a barra ou digite um valor no controle na parte de baixo da mesma janela de Preenchimento e Traço. "Borrar" também é conhecido como "blur" ou "desfocagem", neste caso o valor 8 foi o mais adequado. 24 - Duplique a borda, em preto e com menos blur A mancha marrom era importante, mas é essencial uma mancha preta para representar a carbonização. Esse passo contém sub passos, mas são muito simples: 1. Duplique a mancha com Ctrl+D; 2. Torne-a preta, zerando o valor do vermelho, tanto no preenchimento quanto no traço; 3. Afine a espessura do traço na aba estilo de traço (eu usei 10 pixels); 4. Reduza o filtro "Borrar" (eu apliquei o valor 2). 25 - Agrupe a foto e suas sombras
  • 15. Selecione a fotografia e as duas bordas borradas acima dela e então clique no botão agrupar. Para selecionar, experimente fazer um "retângulo de seleção": 1. leve o mouse até uma posição mais acima e mais a esquerda que qualquer dos elementos que pretende selecionar; 2. segure o botão esquerdo do mouse e arraste para baixo e para a direita; (note que um retângulo está sendo desenhado, acompanhando o mouse) 3. leve o mouse até uma posição mais abaixo e mais a direita que qualquer dos elementos que pretende selecionar; (note que o retângulo de seleção deve envolver todos os elementos, se uma ponta de um elemento estiver de fora, ele não entrará na seleção) 4. solte o botão esquerdo do mouse. Depois de clicar no botão agrupar. Ao clicar em um desses elementos todo o grupo aparece selecionado como uma coisa só. E é com uma coisa só que temos que trabalhar agora. 26 - Crie uma nova cópia da borda queimada e mova-a para a posição original. Lembra-se quando orientei mover a primeira cópia usando o teclado? Agora da mesma forma use Shift+[seta] para retornar rápido e facilmente para a posição original. Essa cópia delimitará os limites da imagem.
  • 16. 27 - Aplique o clipe no grupo com a borda queimada. Como não podemos cortar a fotografia e nem as manchas, vamos aplicar um clip. O clip faz com que um elemento defina a área visível de outro. No caso a borda queimada definirá a área visível do grupo. Então, selecione os dois (o grupo e a borda queimada) e clique no menu Objeto > Clip > Aplicar. 28 - Aprecie o trabalho quase pronto O clip parece com um recorte, mas não é. Nada foi perdido, por isso a mancha não mudou (recorte-a e você perceberá que a mancha mudaria) e a foto continua inteira dentro do clip (Você pode seleciona-la com Ctrl+[click] e verá que pode move-la mudando a área visível).
  • 17. 29 - Pinte de preto a borda queimada que sobrou Bom, você já sabe como pintar elementos, né? Estamos fazendo isso para criar uma sombra, pois dependendo do contexto a imagem pode acabar sendo percebida como um buraco, em vez de uma queimadura. 30 - Mova a borda para baixo da fotografia Além de deslocar você também deve faze-la descer um nível, pressionando PageDown ou o botão (mover seleção para baixo).
  • 18. 31 - Aplique um desfoque e... Voilà! Agora a fotografia de bordas queimadas tem uma sombra, ela não é mais um desenho ou um buraco no chão.