Pratica inkscape2

download Pratica inkscape2

of 18

  • date post

    10-Jul-2015
  • Category

    Education

  • view

    128
  • download

    3

Embed Size (px)

Transcript of Pratica inkscape2

  • Introduo

    Atividade prtica, 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.

    Usurios acostumados com editores vetoriais podem estranhar tantos passos para aplicar

    essa tcnica. Fiz assim porque acho mais didtico fazer tutoriais em baby-steps onde

    cada minima ao, por mais simples que seja descrita em um passo diferente (at o

    limite da pacincia). Desta forma tambm ganho espao para falar sobre questes

    prximas e a teoria envolvida para um melhor entendimento, no 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, ns iremos corta-la e tingi-la.

    Quer dizer... no exatamente. Vamos colocar elementos por cima, dando a impresso de

    que faz parte da foto e redefiniremos a rea visvel da foto, o que parece, mas no o

    mesmo que cortar.

    Para adicionar uma imagem bitmap, use o boto "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 limitao. Podemos

    aplicar transformaes e filtros nos bitmaps.

  • Mas isso no to pouco se lembramos que transformaes so as aes de

    redimensionamento, deslocamento, inclinao e rotao, todas aplicveis com a

    ferramenta de seleo (a seta). E os filtros possibilitam uma infinidade de efeitos,

    muitos j preparados para uso no menu "Filtros".

    Se voc quiser fazer edies que exijam um editor de bitmap, clique com o boto direito

    na imagem e selecione a opo "Editar Externamente..." ela ser aberta em no seu editor

    bitmap (The GIMP) e quando voc salvar a modificao o Inkscape atualizar a

    imagem.

    03 - Crie um retngulo cobrindo a rea de interesse

    Na barra de ferramentas do Inkscape temos alguns elementos primitivos: O retngulo, a

    elipse, a estrela ou polgono e a espiral.

    Crie um retngulo, pois ele a forma mais prxima da borda queimada que

    colocaremos nesta foto.

  • 04 - Converta o retngulo em um elemento de curvas

    Para fazer nossa borda queimada preciso deformar esse retngulo, mas elementos

    primitivos s permitem a manipulao de atributos que no retirem sua natureza. Para

    deformar as linhas dele precisamos transforma-lo em um elemento de curvas.

    Para transforma-lo selecione a ferramenta de edio de ns (ali abaixo da seta) e clique

    no boto "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 mudana

    Os elementos de curvas podem tomar qualquer forma. por isso que este retngulo

    agora tem ns e no alas de controle. Voc pode arrastar, tirar ou colocar ns, como

    quiser.

    Agora poderemos fazer algo interessante com esse retngulo.

  • 06 - Selecione o efeito Fractalizar

    Voc encontra esse efeito no menu "Extenses > Modificar Caminho > Fractalizar...".

    Ele aplica uma deformao rugosa aleatria em cada linha de um elemento de curvas.

    07 - Defina os Argumentos da Fractalizao

    Eu escolhi os valores sub-divises 6 e suavidade 8,0. Quanto mais sub-divises mais

    ondulao, quanto maior o valor de suavidade, menor a fora da ondulao.

  • 08 - Resultado da Fractalizao

    Perceba que a deformao no est igual ao resultado prometido. Podemos desfazer

    Ctrl+Z e repetir o efeito, mas demoraramos muito at achar uma forma que agrade. O

    importante ter uma ajuda... uma deformao aleatria inicial e na sequencia aplicamos

    correes manuais.

    Para fazer o ajuste fino das correes manuais precisamos usar a ferramenta de edio

    de ns...

    09 - Note o nmero de ns

    ...mas veja. So muitos ns!

    O Fractalizar gerou uma quantidade muito grande de ns, o que atrapalha nossos planos,

    mas considerando o fato de que as bordas queimadas no so to detalhadas (na verdade

    tendem a formar curvas mais suaves), podemos e devemos diminuir o nmero de ns.

  • 10 - Ctrl+L para simplificar o caminho

    O efeito "Simplificar" pode ser tambm 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 vz.

    O objetivo do Simplificar reduzir o nmero de ns sem perder a imagem que aquele

    caminho representa. Naturalmente ao perder ns, perdemos detalhes do desenho.

    11 - Reposicione alguns ns

    Agora podemos usar a ferramenta de edio de ns, para fazer a borda como bem

    queremos. Tente no deixar pontas, principalmente no para dentro, afinal, isso no

    aconteceria na queima do papel.

  • 12 - Crie um Crculo 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

    crculo sobre a borda queimada. No se preocupe em converte-lo para curvas, isso

    acontecer automaticamente na sequencia.

    13 - Selecione o crculo e a borda queimada

    Vamos fazer com que o crculo 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, no 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 diferena entre os elementos

    Tendo os elementos selecionados, v no menu "Caminho > Diferena"

    Lembra-se das aulas sobre operaes com grupos nas aulas de matemtica? a mesma

    idia para as operaes de Unio, Diferena, Interseo e Excluso entre elementos.

    15 - Veja os ns do resultado

    Quando aplicamos a diferena entre dois elementos a rea que o elemento de cima cobre

    do elemento de baixo retirada do elemento de baixo. Note que temos a representao e

    do crculo com ns dentro da borda queimada.

  • 16 - Deforme o buraco

    O buraco do fogo no deve ser perfeito, ento mova alguns ns e alas bziers.

    A "ala bzier" aquela linha de controle ligada ao n que deforma a linha (trao) que

    o une a seu vizinho, permitindo definir curvas suaves.

    17 - Crie um retngulo escuro por traz da borda queimada

    Precisamos de uma mancha escura nas bordas da foto queimada. Esse retngulo vai

    possibilitar criar essa mancha quando fizermos dele o "negativo" do elemento que

    define a borda queimada.

    No entendeu? Fique com isso em mente que no processo voc vai entender...

  • 18 - Crie uma cpia da borda queimada e guarde-a ao lado.

    Precisaremos usar esse elemento que define a borda queimada algumas vezes, ento

    vamos guardar j uma cpia dele.

    Para fazer a cpia podemos usar o velho Ctrl+C e Ctrl+V, mas eu prefiro um Ctrl+D.

    O Ctrl+D cria a cpia no mesmo lugar do original e aproveitando que a mo j est no

    teclado, segure o Shift e pressione a seta para um dos lados algumas vezes. Desa forma

    ser bem mais fcil retornar essa cpia posio original.

    19 - Selecione o retngulo escuro e a borda queimada para subtrao

    Agora a hora de fazer o buraco no retngulo para criar o "negativo" da borda

    queimada.

    Use novamente o menu "Caminho > Diferena".

  • 20 - O buraco j d uma boa idia sobre a borda queimada

    A est o "negativo" e ele permitir criar a mancha escurecida. A princpio 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 dilogo de preenchimento e Trao 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

    espao, mas se fizermos da forma como est, a mancha ser muito tnue. Precisamos

    que ela ocupe espao sem precisar borrar demais. Ento vamos adicionar um trao

    grosso ao elemento.

    Na aba "Pintura de trao" voc aplica a mesma cor do preenchimento para o trao,

    tornando o preenchimento e trao indistinguveis. 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 Trao.

    "Borrar" tambm 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 re