Alterações estruturais feitas com pinceis

Publicado em Computação Gráfica Livre, Dirty job, Gimp Documentação, Gimp tutoriais, Linux, Sotware Livre Rio de Janeiro, computação gráfica, gimp, gimp tutorial, razgriz, software livre com as tags , , , , , , , , , , às Julho 6, 2009 por phenonart

Caros,

O assunto de hoje requer sensibilidade, vamos hoje analisar o processo de alteração estrutural de uma imagem feita a partir de um pincel de raio mór:

Comecemos escolhendo uma nova imagem, em seguida crie sobre a mesma uma nova camada transparente:

debris1

Agora dentre o seu estoque de pincéis, escolha um que abranja boa parte da imagem com setorizações diversas e aplique o sob a tutela da cor preta sobre a camada transparente:

debris2

Eis oque temos até aqui:

debris3

Agora selecione a camada base do trabalho e copie-a. Feito isso, cole o resultado sobre a camada que abriga o nosso pincel aplicado:

Repare que a mesma ainda é uma seleção flutuante e não uma camada, estando assim sujeita aos limites físicos da camada do nosso pincel.

debris4

Dito isso, aplique sobre a seleção flutuante o efeito de camada denominado “Diferença” e ancore-a sobre a camada que abriga o nosso pincel:

As imagens abaixo ilustram esse processo:

debris5

Aqui já temos o efeito de camada aplicado, note como se pode “ver” o pincel através das ranhuras formadas. Para ancorar a seleção flutuante basta clicar no ícone representado por uma pequena ancora localizada na interface de controle das camadas:

debris6

Feito isso, mova ligeiramente a camada resultante do processo acima e veja o que acontece=]:

debris7

Para quem desejar ir além:

Crie uma nova camada transparente sobre o trabalho e sobre ela crie uma pequena composição com pinceis na cor branca ou mesmo aplique apenas um pincel de tamanho mór:

debris8

Feito isso, aplique sobre esta camada o efeito de camada denominado Sobrepor =]:

debris9

E assim fica o exemplo do dia =]:

debris10

Então hoje nós vimos como um simples pincel pode deflagrar uma revolução na estrutura de uma imagem =]. Dito isso meus caros aprendizes vejo vocês no nosso próximo assunto!

A necropse Pós Textem

Publicado em Computação Gráfica Livre, Dirty job, Gimp Documentação, Gimp tutoriais, Inkscape tutoriais, Linux, O GIMP, Sotware Livre Rio de Janeiro, Tutoriais, computação gráfica, gimp, gimp tutorial, inkscape, razgriz, software livre, tutorial com as tags , , , , , , , , , , , , às Julho 3, 2009 por phenonart

Caros,

Hoje vamos novamente falar sobre tipografia e seus métodos de implantação em superfícies diversas,

Comecemos criando dentro do Inkscape um texto ou mesmo arte simplória abstrata de cor sólida:

IPC: Caso o seu objeto tenha mais de um componente não esqueça de dar o comando denominado “União” para torna-lo uma peça única.

necrotext1

Agora duplique o  objeto e preencha-o de branco, em seguida mova-o ligeira e delicadamente para qualquer direção:

Note que esta ação resultou em um leve relevo que poderia ser utilizado também em inúmeras situações.

necrotext2

Agora é hora de dar “brilho” =]:

Aplique sobre este objeto degradê Linear:

necrotext3

Agora utilizando a ferramenta de ajuste de degradês vamos redirecionar o foco estrutural luminoso do objeto de maneira que o mesmo abranja toda a area de maneira uniforme na vertical:

necrotext4

Eis oque temos até aqui:

Para quem deseja apenas “metal” esse tipo de coisa poderia ir direto para uso por exemplo.

necrotext5

Agora antes de continuarmos vamos a um pequeno adendo=]:

Experimente mover o nosso objeto que sofreu a ação do degradê um pouco para os lados sem tanta delicadeza e veja o que acontece: =]

Esse tipo de efeito é relativamente comum em certas peças publicitárias que remetem a ambientes mais libertinos como por exemplo restaurantes “exóticos” ou mesmo “gourmet”, lojas de acessórios joviais e coisas do gênero. Para o seu uso bastaria eliminar as partes desnecessárias oriundas da movimentação do objeto mais claro. Façamos o seguinte:

necrotext6

Duplique o objeto negro e depois selecione todos os objetos que compõem o trabalho, finalmente acione a ferramenta “clip” cuja localização pode ser vista abaixo e pronto=]:

necrotext7

Agora basta dar um uso qualquer =].

necrotext6

Visto isso, de um “Ctrl+z” algumas vezes para  desfazer o processo acima e voltarmos ao nosso plano original:

IPC: Para quem quiser dar um ganho de luz ao trabalho basta duplicar o primeiro objeto selecionando-o e aplicando o comando “Ctrl+D”.

necrotext5

Agora duplique*(Ctrl+D) o ultimo objeto e preencha-o com preto sólido, mandando o em seguida para trás dos demais objetos:

necrotext8

Agora basta desfoca-lo um pouco e pronto! Temos agora o mesmo com uma branda faixa flutuante por baixo permitindo inúmeros encaixes em diversas aplicações =]:

necrotext9

necrotext10

Muito bem, agora vamos inverter a tão falada superfície por uma de auto contraste:

Duplique todo o trabalho *(selecione todos os objetos e dê o comando “Ctrl + D”) e coloque o clone resultante de forma concorrente ao original  pressionando a tecla “Ctrl” durante o processo. Por fim sobre o “clone”, duplique seu ultimo objeto *(Ctrl+D) preenchendo o resultante com preto sólido e delicadamente diminua-o de tamanho de maneira congruente utilizando para isso o comando “Ctrl+Shift+F9″ através do seu teclado. Depois basta mover de forma tênue o objeto diminuído e pronto!=]

necrotext11

Eis aqui os nossos dois pequenos exemplos prontos para o Export:

necrotext12

O tamanho é de sua escolha =]:

necrotext13

Agora que já estamos no Gimp, vamos ao dito “Pulo do gato”:  A transparência de um arquivo png também pode nos ajudar a customizar uma arte feita no Inkscape sem demora =].:

necrotext14

Comecemos pela parte mais “clara” do nosso exemplo:

Crie uma nova camada transparente aplicando em seguida o efeito de camada denominado “Multiplicar”, em seguida crie uma pequena composição com pinceis negros sobre a arte que criamos, veja que os resíduos dos pincéis que ficaram de fora  da arte foram engolidos pelo vazio da transparência=]

necrotext15

Não tenha pressa aqui =]

necrotext16

Hora do nosso exemplo negro =]:

Aqui o processo é similar mas com diferenças gritantes, crie uma nova camada transparente e aplique sobre a mesma o efeito de camada denominado “Esconder”, depois basta criar uma composição com pinceis brancos ou de tonalidade clara sobre a mesma e pronto =]:

necrotext17

Não tenha pressa =]

necrotext18

Eis aqui as crianças do dia :

necrotext19

Agora basta salvar o arquivo com a  extensão “.PNG” e pronto =]:

necrotext20

Para finalizar o nosso costumeiro trabalhinho para casa:

Crie uma composição regular que apresente o mesmo padrão de preenchimento da parte formada por ligas de luz da imagem:

necrotext21

Dito isso meus caros, vejo vocês no nosso próximo assunto!

Quando a borda abraça a letra

Publicado em Computação Gráfica Livre, Dirty job, Gimp Documentação, Gimp tutoriais, Inkscape tutoriais, Linux, Sotware Livre Rio de Janeiro, Tutoriais, computação gráfica, gimp, gimp tutorial, inkscape, razgriz, software livre, tutorial com as tags , , , , , , , , , às Junho 27, 2009 por phenonart

Caros,

o documento do dia vem tratar de um pedido um tanto quanto pedido por vocês que é a criação de textos  com bordas salientes. Comecemos abrindo o Inkscape .

Agora escolha ma fonte e digite um texto ou palavra de sua escolha :

enb1

Feito isso vamos agora eliminar o preenchimento interno do nosso objeto e adicionar borda ao mesmo:

Para isto acesse a interface de preenchimento do objeto e elimine primeiro o preenchimento interno do objeto assim como foi feito no exemplo abaixo:

enb2

Agora acesando a aba denominada “Pintura de Traço”, atribua uma cor sólida a borda do objeto:

enb3

Agora amplie a largura da borda a níveis astronômicos de maneira que a mesma invada literalmente o vazio interno do objeto:

enb4

Feito isso, duplique o objeto *(Ctrl + d) e faça o processo inverso ao que acabamos de executar, ou seja,  elimine o preenchimento de traço

e deixe o novo objeto com preenchimento sólido:

enb5

Agora pressionando a tecla “Ctrl” alinhe o novo objeto com o original de modo que o novo fique dentro do mesmo, depois atribua uma nova cor contrastante com a do objeto original:

enb6

Agora um pouco de brilho:

Duplique o novo objeto e preencha-o com a mesma cor da borda do primeiro objeto, em seguida mova-o delicadamente e de forma tênue para qualquer direção como no exemplo abaixo:

enb7

Feito isso  aplique degradê linear sobre o objeto no qual estamos trabalhando:

enb8

Agora utilizando a ferramenta de reposicionamento de degradês, recalibre a estrutura luminosa de maneira que a mesma abranja todo o objeto de baixo para cima ou de cima para baixo de maneira relativamente uniforme

enb9

Agora, crie uma pequena arte usando oque você aprendeu hoje e exporte o trabalho para que possamos termina-lo no Gimp:

enb10

enb11

Eis aqui o arquivo exportado:

text3302

Agora que estamos no Gimp, crie uma nova camada transparente sobre o trabalho:

enb12

Agora crie uma pequena composição com pinceis dentro desta camada utilizando a cor atribida a “borda” de contorno do objeto:

enb13

Agora repita o mesmo processo aplicando o pincel com ligeira diferença de local proporcionando volume, utilizando como cor de preenchimento do pincel  branco:

enb14

Eis oque temos até aqui:

enb15

Hora do nosso “pulo do gato” : Aplique sobre esta camada o efeito de camada denominado “Sobrepor” e veja oque acontece:

enb16

Agora basta adicionar um fundo qualquer e estamos prontos para o uso =] , no caso este exemplo não tem fundo definido deixando isso a cargo da cor oficial do meu pensamento.

enb17

E para casa -=]… Crie uma composição de conceito livre utilizando os conceitos hoje aqui abordados.*(dedicado ao CCA-BR*)

enb18

Dito isso meus caros, vejo vocês no nosso próximo assunto!

Meta-LUZ

Publicado em Computação Gráfica Livre, Dirty job, Gimp Documentação, Gimp tutoriais, Linux, Sotware Livre Rio de Janeiro, computação gráfica, gimp, gimp tutorial, razgriz, software livre com as tags , , , , , , , , , às Junho 22, 2009 por phenonart

Caros,

Hoje nós vamos literalmente inverter o conceito estrutural luminoso por trás da projetação de sombra em um objeto, dito isso vamos direto ao ponto:

abra uma nova imagem de tamanho a gosto, em seguida crie uma nova camada transparente e sobre a mesma crie uma pequena composição branca com pinceis sólidos ou aplique um único se desejar:

metalu1

Eis aqui a composição concluída:

metalu2

Agora vamos duplicar a camada portadora da nossa composição. Em seguida selecione a camada original portadora da nossa composição, é esta camada que irá sofrer a ação do filtro denominado “Borrão de Movimento” cuja tarefa é dar volume ao nosso trabalho:

metalu3

Uma vez aberto basta determinar um angulo de ataque inferior de sua preferência*(Imagine uma esfera com seus 360 graus, descarte a parte superior e foque na inferior), depois basta escolher o comprimento, quanto maior for a valoração do comprimento mais longo será o rastro gerado pelo desfoque canalizado ao angulo definido, porém é preciso cautela com relação a valoração do comprimento pois o objeto que sofre a ação perde parte da sua estrutura luminosa quando o filtro é aplicado:

metalu4

Após o filtro realizar a tarefa temos:

metalu5

Hora de irmos direto aos novos horizontes proporcionados pelo assunto do dia:

Duplique a camada que sofreu a ação do filtro e sobre esta última aplique o efeito de camada denominado “Diferença”:

Note que essa ação valorizou os traços do trabalho e volume =].

metalu6

Continuando, delete a camada que recém criamos para dar volume aos traços e aplique o efeito de camada “diferença” sobre a camada do topo e veja oque acontece:

Isso mesmo! Agora temos volume interno =]:

metalupre6

Agora vejamos oque acontece quando duplicamos esta mesma camada =] :

Isso mesmo! Obtemos metal pré-vidro =] :

metalupre7

Pré-vidro?

Sim, vamos a ele: Crie uma nova camada transparente e aplique um pincel branco de sua escolha, em seguida aplique o efeito de camada denominado “sobrepor” sobre esta camada:

Pois bem, repita quantas vezes quiser =]:

metalupre9

metalupre10

Para os “calejados”:

Oque acontece quando combinamos as camadas visíveis e pós simetria provocamos uma inversão dos valores?

Justifique sua resposta com base no proposto abaixo:

metalupre11

metalupre12

Dito isso meus caros, vejo vocês no nosso próximo assunto!

Além do espaço fábrica

Publicado em Computação Gráfica Livre, Dirty job, Gimp Documentação, Gimp tutoriais, Linux, computação gráfica, gimp, gimp tutorial, razgriz com as tags , , , , , , , , às Junho 20, 2009 por phenonart

Caros,

acredito que chegou o momento de começar a falar das extensões *(scripts, filtros e ferramentas que não vem de fábrica com o Gimp) feitas para o Gimp afim de ampliar ainda mais a diversidade de técnicas e oportunidades de criação com o software em si. Porém não pensem que tais ferramentas irão fazer todo o trabalho por você pois tudo que é bem feito exige esforço e dedicação e eu sempre irei exigir isso de todos os que forem meus alunos não importando assim quem seja.

Comecemos o assunto do dia aprendendo como adicionar este tipo de recurso no Gimp:

Antes de mais nada aqui vão algumas boas fontes para a obtenção de recursos adicionais:

http://gimpscripts.com/?page_id=5 (Boa fonte apesar de alguns serem rudimentares)

http://browse.deviantart.com/?qh=&section=&q=gimp+scripts *(obviamente que não podemos esquecer do “DA” com sua fonte praticamente ilimitada.)

http://registry.gimp.org (Claro, o próprio registro oficial do Gimp.)

Após baixar o recurso desejado, recomendo criar uma pasta onde achar melhor para catalogar os recursos por tipo e modo de atuação, feito isso descompacte o arquivo dentro da pasta e crie uma nova para armazenar o efeito descompactado. A imagem abaixo mostra um bom exemplo deste tipo de organização, isso é útil para backup e também para o caso de você querer repassar aos seus contatos depois :

fabrik1

Agora vamos colocar o nosso novo recurso em seu destino final:

Como mencionei antes os recursos se desmembram em categorias diversas, mas seu metodo de instalação é muito simples, basta colocar o novo recurso em sua pasta correspondente dentro da pasta que abriga o programa. Dito isso, vamos a ela:

Repare como a pasta que abriga o programa facilita a tarefa de alocar os recursos, bastando copiar e colar o recurso na pasta correta. No caso do exemplo do dia, o recurso que eu escolhi é um script, assim sendo devo coloca-lo na pasta denominada “script” =]:

fabrik2

Agora basta colar o arquivo na pasta e podemos fecha-la:

fabrik3

Agora basta recarregarmos os scripts do Gimp e o novo recurso já estará pronto para uso:

fabrik4

Agora vem aquela pergunta básica:

“Raz, mas onde foi que o Gimp colocou o recurso que eu instalei??!”

Para  descobrir onde está o nosso novo recurso basta verificarmos a sua localização dentro do próprio script, isso se faz da seguinte maneira:

Vamos abrir o script que acabamos de instalar com um editor de texto:

então botão direito do mouse:

fabrik5

Após aberto somos transportados as entranhas do código do nosso script, aproveite e ganhe algum tempo apreciando as ordens que o mesmo dá ao Gimp, no futuro quem sabe você também não acaba criando um script automatizando tarefas ? =]

fabrik6

fabrik7

Agora repare na ultima linha do script, ela traz a localização exata do nosso novo recurso instalado dentro do programa =]:

fabrik8

Agora que já sabemos onde ele esta, basta ir até ele :

fabrik9

Aproveitando a oportunidade vamos agora falar um pouquinho sobre este script que eu instalei para ilustrar o exemplo do dia:

Seu nome é National Geographic e segundo o autor *(Samuel Albrecht-encontrado em http://registry.gimp.org) o script recebeu este nome por ter a sua serventia em simular a assinatura da estrutura luminosa vista nas imagens da revista e canal de tv que também levam este nome, devo dizer que tal nome é até bem apropriado =]. Dito isso vamos as suas ferramentas e serventias:

P.s: tem muita gente que reclama quando algo não está escrito em seu idioma local, note que o autor do recurso que você deseja instalar não tem a obrigação de traduzir nada para outros idiomas, cabendo isso a você mesmo se desejar, então, PARE de reclamar e faça algo se assim for do seu interesse. Aos demais peço desculpas pela rispidez.

Shadow Recover Opacity:Este recurso tem a sua serventia em recuperar a opacidade das sombras, ou seja quanto mais alta a sua valoração, maior será o destaque das sombras dando mais vida e ampliando a perspectiva da imagem.

Sharpness: Este recurso tem a sua serventia em ampliar o destacamento das bordas setoriais da imagem, ou seja, quanto maior for a  sua valoração mais “aguçada” será a imagem não importando o nível de desfoque em outras áreas.

Screen Layer Opacity: Este recurso tem a sua serventia em determinar a opacidade da primeira camada que o script irá criar a fim de amplificar o volume da estrutura luminosa da imagem, ou seja quanto maior, mais luz a imagem terá e quanto menor esta for menos luz ela terá.

2. Overlay Layer Opacity:Este recurso tem a sua serventia determinar a opacidade da terceira camada que o script irá criar a fim de amplificar o volume da estrutura luminosa da imagem, ou seja quanto maior, mais luz a imagem terá e quanto menor esta for menos luz ela terá. Vale lembrar que esta camada tem a mesma função da primeira que o recurso criou então elas se auto complementam.

Local Contrast:Este recurso tem a sua serventia em determinar o contraste da imagem.

Layer Mask for the Screen Layer:Este recurso tem a sua serventia em deixar a mascara da camada denominada Screen visível para edição.

fabrik10

Agora antes de dar o “ok” vamos dar uma olhada na imagem antes da aplicação do script, feito isso deixe o recurso trabalhar:

fabrik11

Agora temos a mesma imagem pós script:

fabrik12

Acredito que as mesmas falam por si só. Para finalizar, deixo com vocês o dever de casa dedicado aos meus ex alunos do CCA-BR:

Como este gif foi criado? Justifique sua resposta. *(p.s : Carvelho se você disser “conceito” de novo vou fazer vc e os demais “processos” pagarem a minha cerveja.)

fabrik13

Dito isso meus caros, vejo vocês no nosso próximo assunto =]

Text Falls

Publicado em Computação Gráfica Livre, Dirty job, Gimp Documentação, Gimp tutoriais, Inkscape tutoriais, Linux, Sotware Livre Rio de Janeiro, Tutoriais, computação gráfica, gimp, gimp tutorial, inkscape, razgriz, software livre, tutorial com as tags , , , , , , , , , , , às Junho 17, 2009 por phenonart

Caros,

o assunto do dia remete a uma ex namorada minha *(pois é essas coisas acontecem…sabem como é.) , um dia após sairmos de um “drive-in”*(cinemas ao ar livre onde se estaciona o carro para ver um filme, geralmente são equipados com lanchonete e alguns até possuem um parque de diversões “clássico” ao lado ou dentro, onde morei nos EUA haviam dois a uma distancia razoável que era possível ir numa boa) ela me perguntou : “Por que as nuvens parecem letras em forma de cascatas? Não vou dizer oque eu respondi a final isso não é assunto pra hoje mas sim dizer que vamos aprender a criar objetos derivados de tipografia com esse conceito.

Comecemos digitando um pequeno texto no Inkscape:

Textf1

Hora do “recreio”, digitado o texto ou letra, escolha uma fonte que lhe agrade:

Textf2

Feito isso, descarte as letras que por ventura você não goste deixando o trabalho  com menos volume:

Textf3

Agora dê um zoom ou amplie o tamanho do objeto e em seguida duplique-o*(Ctrl+D). Após duplicar o objeto preencha o novo de branco:

Textf4

Agora mova delicadamente o objeto branco até que se forme alguma profundidade:

Textf5

Feito isso, selecione ambos objetos do trabalho, isto porque iremos agora transformar-los em um comum mantendo a forma adquirida:

Textf6

O recurso denominado “Diferença” será o responsável por isso preservando apenas os trechos não comuns aos dois objetos:

Textf7

Muito bem, hora de dar o descenso desejado ao nosso objeto, o grande responsável pela mágica do dia é o filtro denominado “Extrudir” cujo caminho pode ser visto abaixo:

Textf8

Bem, a coisa é bem simples, angulo de 90 graus para dar as nossas retas concorrentes e magnitude a seu gosto para determinar o comprimento:

Textf9

Eis oque temos:

Textf10

Vamos agora adicionar um contorno para melhor definirmos o formato do nosso objeto:

Preencha o traço *(borda) com branco :

Textf11

Opcionalmente podemos reforçar o nosso traço ampliando a sua largura:

Textf12

Hora de exportar o nosso objeto=]:

Textf13

O tamanho é a seu gosto =]:

Textf14

Agora abra a imagem exportada no Gimp juntamente com alguma textura de seu interesse, isso porque vamos mostrar uma das vastas opções de uso deste recurso. Abertas as imagens cole o desenho criado por você em forma de nova camada sobre a textura escolhida:

Textf15

Agora aplique o efeito de camada denominado Sobrepor:

Textf16

Agora duplique a camada do desenho sobre a textura e inverta as cores desta camada:

Textf17

O desenho sumiu? =]

Textf18

Agora experimente mover ligeiramente a camada na qual estamos trabalhando =]:

Textf19

Deletando a camada com o desenho em preto e duplicando a camada agora branca temos? =]

Não exatamente o exemplo abaixo isso porque usamos a borracha na nova camada para criar uma variação na estrutura luminosa final do trabalho=]

Textf20

Textf21

Dito isso meus caros, vejo vocês no nosso próximo assunto!=]

Catch the Patch

Publicado em Computação Gráfica Livre, Dirty job, Gimp Documentação, Gimp tutoriais, Inkscape tutoriais, Linux, Sotware Livre Rio de Janeiro, Tutoriais, computação gráfica, gimp, gimp tutorial, inkscape, razgriz, software livre, tutorial com as tags , , , , , , , , , , às Junho 16, 2009 por phenonart

Caros,

Hoje nós vamos visitar um assunto que remete novamente a geometria e volume, aprenderemos com este documento a criar objetos volumétricos formados a partir de objetos concorrentes de tamanho congruentes.

Comecemos criando um novo documento no Inkscape, isso vai nos  poupar algum tempo quanto ao alinhamento distribuição e criação da matéria prima do dia. Feito isso crie dentro do programa citado um pequeno retângulo ou forma geométrica do seu interesse com preenchimento interno branco e borda preta:

panel1

Para preencher a nossa borda basta acessar a aba denominada “Pintura de Traço” dentro do menu de preenchimento de cores e fazendo uso da roda determinar a cor desejada:

panel2

Feito isso, utilizando o comando “Crtl + D” duplique o nosso objeto algumas vezes deixando os concorrentes pressionando a tecla “Ctrl” enquanto os arrasta:

panel3

Repita o procedimento algumas vezes e em seguida delete alguns objetos de forma aleatória, isto porque assim nós podemos determinar os pontos onde o nosso objeto apresentará “trechos ausentes” ou seja como se o mesmo ainda estivesse sendo realmente construído =]:

panel4

Muito bem, agora exporte os objetos para png, isso porque o Gimp assumirá os trabalhos:

panel5

Exporte apenas a seleção *(sim selecione todos os objetos que você criou), o tamanho também é com você, quanto maior “melhor” =]:

panel6

Feito isso, abra a imagem no Gimp:

panel7

Como desejamos um objeto congruente vamos agora criar uma nova imagem de fundo transparente e altura e largura de mesmo tamanho da largura da imagem original:

panel8

Criada a nova imagem, crie uma nova camada preenchida de branco e deixe-a invisível, depois copie e cole a imagem original em forma de nova camada , em seguida duplique a camada derivada da imagem original e posicione a na parte de baixo da nova imagem da maneira que melhor lhe convier:

panel9

Agora combine as camadas visíveis do trabalho que compõem o objeto  fazendo uso da ferramenta de seleção retangular, selecione um grande fragmento da imagem, como por exemplo a metade de cima ou de baixo. Opcionalmente você pode deixar a camada de fundo visível novamente:

panel10

Hora do nosso filtro volumétrico favorito, ele se denomina “Mapear Objeto” e o caminho até o mesmo pode ser visto abaixo:

panel11

Uma vez aberto podemos selecionar qualquer uma das formas base, para ganhar tempo já que renderização exige processamento vamos escolher a forma denominada “esfera” neste primeiro momento:

Não se esqueça de ordenar fundo transparente e a criação de uma nova imagem para preservarmos o original. Note que o filtro já mostra as divisões que planejamos =]

panel12

Agora basta definir a perspectiva do objeto =]:

panel13

Voilá!

A qui temos o exemplo sob fundo branco=]:

panel14

Selecionando outros fragmentos do nosso objeto e aplicando o filtro nós temos:

panel15

Outro exemplo a partir de outra visão=]

panel16

Mas e se nós quisermos ir mais “adiante”?

Hum…selecione os retângulos brancos através da ferramenta de seleção por cores:

panel17

Agora crie uma pequena composição com pincéis sobre a seleção =]…

panel18

Depois faça uso do nosso querido filtro novamente =]:

panel19

É isso!

panel20

Então meus caros hoje nós vimos como criar objetos volumétricos a partir de outros menores de forma diferente =]

panel21

Dito isso, vejo vocês no nosso próximo assunto! =]

O Calçadão do pontal

Publicado em Computação Gráfica Livre, Gimp Documentação, Gimp tutoriais, Inkscape tutoriais, Linux, Sotware Livre Rio de Janeiro, Tutoriais, computação gráfica, gimp, gimp tutorial, inkscape, razgriz, software livre com as tags , , , , , , , , , , , às Junho 4, 2009 por phenonart

Caros,

o assunto do dia remete aos “calçadões” que estão presentes em diversas cidades do Brasil e mundo a fora. Dentre os mais famosos podemos citar o de Copacabana, sendo reconhecido como um dos grandes ícones do Rio de janeiro.

Dito isso vamos hoje aqui aprender a criar um padrão muito similar ao deste tipo de pavimento :

Comecemos criando uma nova imagem de fundo branco de tamanho a sua escolha:

cal1

Hora de acionarmos a ferramenta que fará boa parte da mágica do dia, seu nome inclusive é bem apropriado:

cal2

Como sua interface é auto-explicativa deixo os ajustes de configuração a seu gosto, sendo que para o exemplo do dia a configuração padrão no momento é satisfatória bastando autorizar o filtro a trabalhar:

cal3

Eis o resultado da ação do filtro:

cal4

Mas… o pavimento feito de pedras portuguesas não costuma ter um certo aspecto de desgaste?

Sim, para um resultado mais fiel, basta ativar o parâmetro denominado “Pastilhas com relevo” =]:

cal5

Eis oque temos agora:

cal6

Agora que já temos a base do nosso pavimento, vamos agora acrescentar um desenho contrastante, afinal o que seria um calçadão sem uma arte contínua? =] Muito bem, crie uma nova camada transparente e torne invisível a camada base. Depois sobre a nova camada crie uma pequena composição com pinceis utilizando como cor de preenchimento “branco”*(ou diga-se “cor-luz” em RGB)

cal7

Depois duplique esta mesma camada e aplique simetria a nova camada resultante fazendo uso da ferramenta de espelhamento presente na caixa de ferramentas do Gimp:

cal8

Agora combine as camadas visíveis do trabalho afim de tornar o desenho pertencente a uma única camada:

cal9

Agora torne novamente a camada do nosso pavimento visível:

cal10

Hora do nosso grande pulo do gato: Aplique sobre a camada portadora do desenho que criamos o efeito de camada denominado “Diferença” e veja oque acontece=]:

cal11

Eis aqui:

cal12

E quanto a outras variações sem sair do mesmo tom?

Vejamos, se por acado combinarmos as camadas visíveis, duplicarmos a resultante, espelharmos a mesma e ainda sobre esta aplicarmos o mesmo efeito de camada denominado diferença temos?

cal13

Eis aqui:

cal14

E o que acontece se trocarmos o efeito de camada para o denominado “Somente Escurecer”?

cal15

Eis aqui:

cal16

Muito bem meus caros, este era para ser o trabalho de casa de vocês mas reservei algo mais complicado. =] Crie um novo padrão simétrico utilizando o princípio das construções aditivas e subtrativas =].

Dito isso, vejo vocês no nosso próximo assunto! =]

Globo-Web

Publicado em Computação Gráfica Livre, Dirty job, Gimp Documentação, Gimp tutoriais, Linux, Sotware Livre Rio de Janeiro, Tutoriais, computação gráfica, gimp, gimp tutorial, inkscape, razgriz, software livre com as tags , , , , , , , , , às Maio 29, 2009 por phenonart

Caros,

Hoje nós vamos retornar ao âmbito das esferas volumétricas, é bem verdade que já vimos como criar tal objeto com inúmeras roupagens e materiais e no caso do assunto do dia não será diferente =]. Dito isso, hoje nós vamos aprender a criar uma esfera feita de linhas concorrentes e perpendiculares entrelaçadas como uma rede, um bom exemplo disso seria um “globo de luz” como esses de discoteca ou mesmo um modelo feito com fibra óptica.

Comecemos os trabalhos do dia criando uma nova imagem com extremidades equidistantes, acredito que para o momento 1000×1000 pixel s seja o suficiente para a maioria, porém não esqueça de que você é livre para optar pelo tamanho que achar mais conveniente:

globwep1

O primeiro passo é criarmos uma textura com intervalos e contrastes uniformes. Assim o filtro renderizador denominado “Xadrez” nos atende perfeitamente:

globwep2

No documento anterior nós apenas fomos apresentados ao caminho até o filtro sem que a serventia específica de cada parâmetro fosse comentada de maneira apropriada, assim vamos a eles:

“Tamanho”: Este parâmetro tem a sua serventia em determinar qual  será o tamanho de cobertura uniforme do objeto que sofrerá a ação do filtro. Quanto menor for a valoração deste ítem maior será o conjunto de celulas independentes a serem criadas fazendo uso da textura e vice e versa.

“Psicodelizar” : Este parâmetro tem a sua serventia em criar uma sensação de volume ilusório fazendo uso da textura. Aproveitando, sua ativação é recomendada para o assunto do dia:

globwep3

Quando satisfeito, ordene o filtro a trabalhar e eis o que temos:

globwep4

Muito bem, vamos agora definir as funções das cores neste trabalho. Assim como fizemos no documento anterior, vamos aqui transformar o branco em borda e o preto em fundo fazendo uso do filtro denominado “Bordas” cujo caminho pode ser visto abaixo:

globwep5

Assim como fizemos com o filtro anterior, vamos apresentar seus parâmetros e suas respectivas serventias:

Algorítimo: Tal parâmetro tem a sua serventia em determinar qual será a padronagem a ser adotada pelo filtro no ato do remapeamento do objeto em bordas. Para o exemplo do dia tal ajuste influi no trabalho de maneira indireta deixando a sua “assinatura” durante todo o trabalho, assim escolha com cuidado qual você irá utilizar:

Quantidade: Tal parâmetro determina o ganho de luz a ser empregado no realce das bordas do trabalho:

globwep6

Quando satisfeito deixe o filtro trabalhar:

globwep7

Muito bem, chegou a hora de finalmente transformarmos estas linhas em uma esfera =], para esta tarefa iremos fazer uso do nosso já bem conhecido filtro denominado “Mapear Objeto” cujo caminho pode ser visto abaixo:

globwep8

Aqui a tarefa é simples, antes de mais nada ordene que o filtro crie uma nova imagem, preservando assim a imagem original que poderemos utilizar mais tarde a nosso critério, aproveitando, ordene também que o fundo seja transparente para que assim tenhamos mais liberdade para com o objeto sem se esquecer de ativar a opção “Exibir esqueleto na pré visualização” para que assim possamos posicionar e moldar o nosso objeto a gosto:

globwep9

Agora basta ajustar o posicionamento e angulo de visão do objeto de maneira que o satisfaça. Satisfeito autorize o filtro a trabalhar e aguarde o processamento:

globwep10

Eis o que temos até aqui para com o exemplo do dia:

Poderíamos até parar por aqui mas…. =] vamos apimentar um pouco mais as coisas:

globwep11

Vamos agora dar um pouco mais de brilho a nossa esfera:

para tanto, duplique a camada base da mesma:

globwep12

Agora vamos desfocar a nova camada utilizando o nosso já velho conhecido filtro denominado “Desfocagem Gaussiana” cujo caminho pode ser visto abaixo:

globwep13

Uma valoração acima de 17,0 já faz bem o serviço:

globwep14

Feito isso, aplique sobre a camada que sofreu a ação do filtro o efeito de camada aditivo denominado “Adição” . Para obter ainda mais brilho basta agora duplicar esta mesma camada algumas vezes =]:

globwep15

Combinando as camadas visíveis do trabalho, leve a esfera criada por você devolta a imagem original e sobre ambas crie uma pequena composição com pincéis de conceito compatível:

globwep16

Para finalizar sugiro ainda a aplicação de um degradê a seu gosto:

globwep17

A troca das cores e realocação da estrutura luminosa é FACULTATIVA:

globwep18

para um contraste mais definido em degradês lisos com quebras, geralmente é mais facil destacar tal propriedade desmarcando o canal dasaturação no modo de operação HSL deste filtro:

globwep19

Pronto! Finalizado o exemplo do dia!=]

globwep20

Dito isso meus caros, vejo vocês no nosso próximo assunto!

O cubo mágico

Publicado em Computação Gráfica Livre, Dirty job, Gimp Documentação, Gimp tutoriais, Linux, Sotware Livre Rio de Janeiro, computação gráfica, gimp, gimp tutorial, razgriz, software livre com as tags , , , , , , , , , , às Maio 28, 2009 por phenonart

Caros,

o título do documento já diz oque nós vamos aprender a criar hoje, na realidade nos já fizemos isso indiretamente incontáveis vezes mas atendendo a pedidos do pessoal que conheci na Campus Party vamos ao processo direto.

comecemos criando uma imagem congruente, acredito que 300×300 pixel s é ideal para este primeiro momento :

elc1

Agora vamos criar o nosso padrão primário de cobertura do “brinquedo”, para tal  nada melhor do que fazer uso de uma ferramenta que crie uma textura que já separe tudo em sessões eqüidistantes. No caso específico deste tipo de objeto recomendo fortemente o uso do padrão renderizador denominado “xadrez”:

elc2

Uma vez aberta a interface do mesmo, determine valoração de 100 pixel s ao tamanho, isto fará com que toda a imagem seja coberta de maneira uniforme:

elc3

Eis oque temos:

elc4

Como o objeto que desejamos criar possui cores diversas que deverão ser setadas manualmente vamos definir agora as ranhuras do nosso cubo deixando seu fundo e borda definidos. Para isto vamos utilizar o filtro denominado “Bordas” cujo caminho pode ser visto abaixo:

elc5

Após aberta a interface apenas autorize o filtro a trabalhar deixando assim intacta a valoração e ajustes de fabrica:

elc6

Após o filtro executar a tarefa temos:

elc7

Muito bem, como este brinquedo normalmente tem um dos seus lados preenchido com a cor branca quando montado da forma correta, então para termos o dito “correto” vamos agora inverter as cores do exemplo do dia a fim de criar essa sensação :

elc8

Eis oque temos:

elc9

Agora escolha mais três cores do seu interesse*(imagine as cores que você imagina que o brinquedo possa ter) e preencha alguns dos quadrados independentes fazendo uso da ferramenta balde de tinta:

elcpre10

Eis oque temos:

elc10

Hora de dar volume ao nosso objeto, para isso vamos literalmente transforma-lo em um cubo utilizando o nosso já velho conhecido filtro denominado “Mapear Objeto” cujo caminho pode ser visto abaixo:

elc11

Sete o mapeamento para “caixa” e não se esqueça de ordenar a criação de uma nova imagem em fundo transparente=], aproveite e marque também o campo denominado “exibir esqueleto na pré-vizualização” para que possamos posicionar e moldar o nosso objeto a gosto:

elcpre12a

Preferencialmente deixe seu objeto em posição que permita a visualização da extremidade superior ou mesmo inferior:

elc13

Uma vez satisfeito basta aguardar o processamento. Como esta tarefa pode demorar um pouco abra um video para passar o tempo =]:

elc14

Agora é só salvar o nosso objeto pronto! =]

elc15

EXERCÍCIO:

Crie uma composição volumétrica utilizando o objeto que você acabou de criar:

elc16

elc17

Dito isso meus caros, vejo vocês no nosso próximo assunto!