SlideShare une entreprise Scribd logo
1  sur  18
Télécharger pour lire hors ligne
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.

Contenu connexe

Tendances

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 blender
lmatosp
 
Criandovideoscommoviemaker
CriandovideoscommoviemakerCriandovideoscommoviemaker
Criandovideoscommoviemaker
Léo Kaplan
 
Ambiente de trabalho 3ds Max
Ambiente de trabalho 3ds MaxAmbiente de trabalho 3ds Max
Ambiente de trabalho 3ds Max
Pedro Costa
 

Tendances (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
 

En vedette (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
 

Similaire à Pratica inkscape2

Revista Digtal Gimp Lab Ed 2
Revista Digtal Gimp Lab Ed 2Revista Digtal Gimp Lab Ed 2
Revista Digtal Gimp Lab Ed 2
Anderson Ramos
 
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
 
Desenhando uma engrenagem no auto cad
Desenhando uma engrenagem no auto cadDesenhando uma engrenagem no auto cad
Desenhando uma engrenagem no auto cad
Renato Knob
 

Similaire à 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
 

Dernier

PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
HELENO FAVACHO
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdf
Ana Lemos
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
WagnerCamposCEA
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
azulassessoria9
 
Slide - EBD ADEB 2024 Licao 02 2Trim.pptx
Slide - EBD ADEB 2024 Licao 02 2Trim.pptxSlide - EBD ADEB 2024 Licao 02 2Trim.pptx
Slide - EBD ADEB 2024 Licao 02 2Trim.pptx
edelon1
 

Dernier (20)

PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
Historia da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdfHistoria da Arte europeia e não só. .pdf
Historia da Arte europeia e não só. .pdf
 
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
 
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdfplanejamento_estrategico_-_gestao_2021-2024_16015654.pdf
planejamento_estrategico_-_gestao_2021-2024_16015654.pdf
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
 
Construção (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! SertãConstrução (C)erta - Nós Propomos! Sertã
Construção (C)erta - Nós Propomos! Sertã
 
About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéis
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.
 
Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!Rota das Ribeiras Camp, Projeto Nós Propomos!
Rota das Ribeiras Camp, Projeto Nós Propomos!
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdf
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfPRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
 
atividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdfatividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdf
 
Aula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIXAula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIX
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
Slide - EBD ADEB 2024 Licao 02 2Trim.pptx
Slide - EBD ADEB 2024 Licao 02 2Trim.pptxSlide - EBD ADEB 2024 Licao 02 2Trim.pptx
Slide - EBD ADEB 2024 Licao 02 2Trim.pptx
 

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.