Archive for the Tutoriais Category

Como Ilustrar sem Apanhar

Posted in Computação Gráfica Livre, Dirty job, gimp, Gimp Documentação, Gimp tutoriais, gimp tutorial, razgriz, Tutoriais, tutorial with tags , , , , , , , on novembro 28, 2010 by phenonart

Caros,

Sei muito bem que ando sumido mas nem tanto, é bem verdade que a migração da Comunidade Brasileira do Gimp e o Cria Livre demandam muito da minha atenção, mas não pensem que me esqueci de vocês, prova disso é o nosso assunto do dia, hoje nós vamos aprender a transformar uma imagem em uma ilustração espontânea e realista, semelhante aos croquis feitos por artistas urbanos no meio das cidades =].

Dito isso, comecemos abrindo  uma imagem presente em nosso acervo =] , lembrando que você é livre para optar pelo arquivo que você desejar , isso serve também para o campo da pré-edição, afinal….é claro que o carro não era assim -:

Escolhida a imagem, vamos a suite de plugins G’MIC que contém mais de 415 plug-ins para fazer a nossa alegria, efetue o download e coloque o arquivo dentro da pasta de plugins do Gimp:

Feito isso, vamos até a mesma, o caminho na grande maioria dos casos se assemelha ao visto abaixo:

Uma vez aberta a suite, vamos até o Plugin denominado B&W Sketch cuja função é cobrir os traços da imagem com linhas tracejadas, Seus muitos parâmetros permitem diversos estilos de traço e nível de coerência. Como as possibilidades de ajuste são praticamente infinitas, veremos um ajuste simplório que executa um traço mais consistente e próximo e assemelhado ao esboçado em cadernos, para tal, mantenha o parâmetro denominado “Coerência” com valoração entre 0,70 e 1,25 para que os traços sigam relativamente a orientação espacial da imagem, o campo denominado “Stroke length” determina o tamanho dos traços a serem criados, portanto utilize uma valoração entre 330 e 500 para obter um traço não tão forte mas relativamente preciso. Quanto ao parâmetro denominado “Opacidade” procure deixa-lo com valoração abaixo de 0,5 para que os traços não fiquem densos demais.

Quando ficar satisfeito, deixe o filtro executar o seu trabalho =] . Repare como temos um traço extremamente detalhado da imagem que chega a ser um pouco poluído em certos casos, mas é exatamente o que queremos por agora.

Hora de fundir o traço a imagem =]

Aplique sobre a camada portadora do mesmo o efeito de camada denominado “Sobrepor” e reduza sua opacidade para cerca de 30% , isto fará com que o traço fique com uma aparẽncia mais natural perante o trabalho.

Para complementar a sensação do traço vamos acrescentar um pouco de luz, para tal duplique a camada portadora do mesmo e aplique o efeito de camada denominado “Extrair Grãos”, esta ação irá literalmente lançar as ranhuras dos traços para fora =]

Agora vamos complementar o nosso trabalho criando uma pequena composição com pincéis de conceito compatível por cima, no caso escolhi alguns grafites para combinar com o ambiente =]. Para que ela se funda ao trabalho basta aplicar o efeito de camada “Sobrepor” sobre a camada portadora da composição =]

E assim ficou o nosso exemplo do dia, uma imagem ilustrada sem esforço algum!

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

O nome disso é Vitória: Lançado o Grupo de Interesse 4CMULTI no FISL

Posted in computação gráfica, Computação Gráfica Livre, gimp, Gimp Documentação, gimp tutorial, inkscape, Inkscape tutoriais, Linux, O GIMP, razgriz, software livre, Sotware Livre Rio de Janeiro, Tutoriais, wordpress with tags , , , , , , , , , , , , on julho 27, 2010 by phenonart

Caros,

novamente minha involuntária ausência se justifica :

Durante o 11º Fisl foi lançado o 4CMULTI , o primeiro espaço destinado a fomentação das ferramentas gráficas livres*(Gimp, Inkscape e Blender no Portal do Software Públco! )

Todos aqui estão convidados a se tornarem membros colaboradores desta nossa grande conquista!

http://www.softwarepublico.gov.br/4cmulti

O 4CMULTI tem como objetivo fomentar o uso de ferramentas gráficas e projetos colaborativos com este foco, bem como o compartilhamento de conhecimento e recursos entre as comunidades dos principais programas gráficos livres. A comunidade acadêmica também poderá participar do compartilhamento de tais recursos como também todos os interessados de maneira irrestrita e colaborativa.

Com a iniciativa do governo e a ONG Ser viva a computação gráfica livre alcança hoje um grau de apoio e visibilidade desejado há muito tempo. Concluindo foi um grande avanço e uma conquista para todos os que apoiam e aumejam o sucesso do segmento e do software livre em geral. Cabe também ressaltar que a histórica reunião e parceria destas comunidades não é restritiva sendo bem vindos outros projetos do seguimento que tenham como objetivo o compartilhamento de conhecimentos e talentos em prol deste ideal comum. Esperamos sinceramente que este espaço seja aproveitado em plenitude máxima por muito tempo.
Enfim meus caros essa conquista é NOSSA. Parabéns a todos.

The TV Room

Posted in computação gráfica, Computação Gráfica Livre, gimp, Gimp Documentação, Gimp tutoriais, gimp tutorial, Linux, O GIMP, razgriz, software livre, Sotware Livre Rio de Janeiro, Tutoriais, tutorial with tags , , , , , , , , , , , on maio 22, 2010 by phenonart

Caros,

Sinto pela minha involuntária ausência, mas não é momento para desculpismos ou mesmo prolixianismos. Assim, hoje nós vamos explanar sobre um assunto que muito agrada que é a transformação cenarial quantitativa abstrata, ou seja como transformar um ambiente fazendo uso apenas dos objetos já pré-existentes em cena.

Comecemos escolhendo dentre o nosso acervo a imagem do dia :

Escolhida a imagem do dia vamos começar adicionando mais vida ao objeto principal do trabalho de uma maneira pouco convencional, vamos trocar de “canal”:

Comecemos selecionando toda a área visível da tela da nossa tv:

Feito isso vamos pintar esta área de branco para deixar o nosso ambiente mais limpo e sem lembranças da imagem antiga, este passo é importante pois assim poderemos delimitar a área a ser preenchida  com mais comodidade:

E nós ficamos assim :

Visto isso, escolha uma nova imagem para compor o objeto principal do trabalho:

Agora copie a área previamente selecionada  no objeto principal da imagem base do nosso trabalho e cole-o na imagem escolhida no local que desejar em forma de nova camada:

Feito isso, faça uso da ferramenta de corte delimitando apenas a área da mesma =] :

Feito isso, basta executar o corte :

Prontinho, agora a nova imagem tem o tamanho sob medida para preencher o vazio em nossa tv =] :

Agora basta colar a imagem que acabamos de cortar, não se esquecendo de descartar sua camada branca primeiro =] :

Agora desfaça a seleção e duplique a camada base do trabalho, isto porque agora vamos realçar o ambiente como um todo de maneira que as cores obtenham tons mais quentes:

Feito isso, aplique sobre a nova camada o efeito de camada denominado “Mesclar Grãos” =] :

E temos =] :

Note que esta ação resultou em um profundo enaltecimento dos tons avermelhados da imagem, acontecendo o mesmo com os tons mais claros =]

Poderíamos até parar por aqui, mas vamos dar um toque de decoração nas paredes *(é eu sei…sem comentários).:

Crie uma nova camada transparente e sobre a mesma crie uma pequena composição com pincéis fazendo uso de preenchimento preto:

Feito isso duplique a camada portadora da composição e inverta suas cores:

Feito isso aplique o efeito de camada “Sobrepor” sobre ambas as camadas portadoras das composições e mova delicadamente a composição branca até que volume se forme sobre a preta:

Feito isso, faça uso da borracha em ambas camadas afim de que os detalhes “não realistas” sejam erradicados:

E a nossa sala ficou assim =]:

Hora de transforma-la em um plano espectral abstrato:

Comecemos combinando as camadas visíveis e duplicando a resultante:

Feito isso espelhemos a nova camada e sobre a mesma ainda aplique o efeito de camada denominado “Multiplicar”:

Agora mova esta camada para onde desejar e repita o processo até que boa parte da imagem fique com tonalidade única:

Satisfeito, combine as camadas visíveis e duplique a resultante:

Feito isso, aplique sobre esta camada o efeito de camada denominado “Diferença” , isto fará com que a imagem se anule totalmente de cor temporariamente =] :

Agora espelhe esta camada e veja o que acontece =] ! Isso mesmo, agora temos uma mistura de tom único majoritário =]!

Vamos agora acrescentar um detalhe especial , espirais espelhadas:

Comece criando uma nova camada transparente, depois selecione e ative a ferramenta degradê, em seguida selecione o modelo tubular vermelho com transparência *(pode-se optar pelo verde também) e aplique sobre a nova camada transparente em formato de espiral no sentido horário ou inverso:

Agora duplique a camada portadora do seu novo degradê e aplique sobre esta ainda o efeito de camada denominado “Diferença”, feito isso, mova-a delicadamente até que uma sensível diferença de tons se forme:

Feito isso troque o efeito de camada da camada duplicada para o efeito denominado “Extrair Grãos” =] :

Note como a diferença de tons se torna brutal :

Feito isso, torne as camadas que não portam degradês invisíveis e combine as camadas restantes =] :

Feito isso, torne novamente todas as camadas visíveis e sobre a camada resultante do processo anterior aplique o efeito de camada denominado “Luz Dura”:

Para potencializar o efeito, duplique esta camada mais algumas vezes =] :

E nós ficamos assim =] :

Para finalizar deixo uma pegadinha :

Como foi feito o nivelamento coloral visto na imagem abaixo ?

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

Over the Night Falls

Posted in computação gráfica, Computação Gráfica Livre, Dirty job, gimp, Gimp Documentação, Gimp tutoriais, gimp tutorial, Linux, razgriz, software livre, Tutoriais with tags , , , , , , , , on março 10, 2010 by phenonart

Caros,

muito falamos sobre inversão coloral e fragmentos estruturais luminosos, o assunto do dia nos leva a conversão de uma estrutura luminosa rica em cor luz para uma empobrecida, bem útil quando se deseja transformar o “dia” em “noite” =].

Dito isso, comecemos escolhendo a imagem que irá ilustrar o nosso exemplo do dia :

Escolhido o exemplo do dia, duplique a camada base do mesmo:

Feito isso, aplique sobre esta nova camada o efeito de camada denominado “Mesclar Grãos”, isto fará com que a imagem sofra um grande reforço de cor e luz, extremamente necessários para que a subtração que virá a seguir não deixe a imagem sem cor luz em demasia:

Agora duplique a camada que sofreu a ultima ação e sobre a resultante aplique o efeito de camada denominado “Multiplicar”, esta ação resultará em uma tênue subtração de cor luz na imagem :

Agora vamos deixar esta camada apenas em tons de cinza, isto fará com que a subtração luminosa e coloral seja amplificada:

Agora basta duplicar a camada em escala de cinzas para que a mágica do dia tome forma =] :

E assim transformamos o dia em noite =]!

Agora vamos dar um pouco mais de luz para garantir que os detalhes possam ser vistos com maior clareza =]:

Para tal, combine todas as camadas visíveis do trabalho:

Marque a opção hachurada para que as camadas se encaixem sem distorções:

Feito isso, duplique a camada resultante e sobre a nova camada aplique o efeito de camada denominado “Adição”, isto fará com que a imagem obtenha um bom ganho de luz, porém pode ocorrer um ganho em excesso como no exemplo abaixo, para corrigi-lo basta apagar tais areas na camada de cima fazendo uso da ferramenta denominada “Borracha” presente na caixa de ferramentas principal do Gimp:

E assim ficou o nosso exemplo do dia ! =]

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

El Diablo TV

Posted in computação gráfica, Computação Gráfica Livre, Dirty job, gimp, Gimp tutoriais, gimp tutorial, Linux, O GIMP, razgriz, software livre, Sotware Livre Rio de Janeiro, Tutoriais, tutorial with tags , , , , , , , on dezembro 21, 2009 by phenonart

Caros,

Antes de começar a explanar sobre o nosso assunto do dia, gostaria de introduzir *(no bom sentido hehe) uma novidade, a partir deste documento os artigos poderão ser acompanhados por screencasts! =] Pois é, como vocês se comportaram relativamente bem esse é  o meu presente natalino pra vocês, dito isso vamos ao assunto do dia:

Hoje vamos explanar a respeito da suavização de bordas e traços de uma imagens através do desfoque de cor em camada aditiva:

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

Shine like that hot wind

Posted in computação gráfica, Computação Gráfica Livre, gimp, Gimp Documentação, Gimp tutoriais, gimp tutorial, Linux, razgriz, software livre, Sotware Livre Rio de Janeiro, Tutoriais with tags , , , , , , , , , , on dezembro 5, 2009 by phenonart

Caros,

Hoje analisaremos mais dos processos correlatos entre si, ainda pertencentes a fronteira entre o abstrato e o palpável, o primeiro se denomina Semi-Vectoris. Sua serventia é dar a um determinado trabalho a aparência de uma ilustração vetorial. O segundo processo se denomina -Sunny Shine. Sua serventia é proporcionar a uma determinada imagem a sensação de ilustração além de um ganho estrutural luminoso tênue a imagem, dito isso podemos começar os trabalhos do dia :

Semi-Vectoris:

Comecemos escolhendo dentre o nosso acervo uma imagem para trabalhar:

Primeiro duplique a camada base e sobre esta última aplique o filtro denominado “Entalhar”, isto fará com que a imagem portada pela camada seja reduzida a sua estrutura primária fatiada em linhas, note que para arquivos jpg a adição do canal Alfa a camada base e duplicada é obrigatória:

A valoração do parâmetro único denominado Altura delimita o nível de detalhismo a ser formado pelas linhas que irão agora formar a estrutura base da imagem, vale ressaltar que quanto menor for a altura das mesmas mais detalhes nós serão preservados em tal estrutura:

Após o termino do seu trabalho o filtro nos entregará a imagem reduzida a sua estrutura mínima conforme dito anteriormente :

Para criar o efeito basta agora aplicar o efeito de camada denominado “Esconder” sobre a camada de  cima =]:

E nós ficamos assim =] . Repare como a fusão da estrutura primária com a imagem original permitiu que a imagem ganhasse contornos de ilustração preservando traços originais e cor chave:

Para um toque um pouco mais agressivo basta trocar o efeito de camada para o efeito denominado “Sobrepor” =]

Repare como os setores com ausência de cor agora se fazem mais presentes gerando um nível de contraste equalizado :

E assim concluímos nosso primeiro assunto do dia =] . Note que existem diversificadas técnicas de confecção de falsos vetores e esta é apenas uma delas, então não se agarre a apenas uma metodologia procurando descobrir outras através do auto-estudo.

Dito isso passemos ao assunto seguinte:

Sunny Shine

Escolhida a imagem objeto do nosso assunto, o ganho de luz começa com a duplicação da camada base :

Feito isso, aplique sobre esta última o efeito de camada denominado “Esconder’, tal ação irá proporcionar um ganho de luz bem sutíl mas extremamente eficiênte:

Vamos agora preparar o terreno para o ganho final acrescido de ilustração, duplique a camada resultante da duplicação anterior e sobre ela faça uso do filtro denominado “Entalhar” o qual já foi visto no assunto anterior:

Neste caso o detalhismo é importante, então procure manter a valoração da altura das linhas de corte baixa:

Quando o filtro concluir o seu trabalho, torne tal camada invisível pois não vamos trabalhar com ela agora:

Feito isso, selecione a camada imediatamente abaixo desta última e duplique-a:

Feito isso, vamos agora transformar o conteúdo desta nova camada em impressionismo puro a fim de que o efeito dos raios de sol e o ganho luminoso sejam amplificados :

Como esta não é a primeira vez que nós utilizamos tal recurso,  vamos direto ao ponto :

Dentre o acervo de modos de atuação o denominado “Line-art” se mostra mais adequado a tarefa pelo seu padrão semi-reto  contínuo:

:

Para um ganho luminoso maior, escolha um tipo de papel mais claro e com menos ranhuras como o hachurado abaixo:

A utilização do píncel rachurado abaixo fará com que as ranhuras sejam formadas de forma contínua e semi-lisa proporcionando um efeito mais dramático:

É conveniente utilizar pelo menos 2 tamanhos de pincel para que a imagem ganhe um tom mais vivo e variante, proporcionando mais detalhes ao observador:

Após o filtro concluir o seu trabalho teremos:

Repare na diversidade padronal gerada pelo filtro, ela é que irá determinar a direção da luz adicional adquirida pela imagem:

Hora de dar a esta camada o seu trabalho definitivo, aplique sobre a mesma o efeito de camada denominado “Esconder” :

Repare que tal ação é sútil, para amplifica-la basta duplicar tal camada á gosto :

Repare como agora podemos ver o ganho de luz e seu posicionamento com claresa =] :

Muito bem, hora do ganho final, torne novamente visível a primeira camada e sobre a mesma aplique o efeito de camada denominado “Dividir”:

Para finalizar basta agora reduzir sua opacidade para baixo de 0,35  =] :

E assim nós terminamos nosso segundo assunto do dia ! =]

Repare no efeito que conseguimos graças ao ganho de luz =]:

Para fechar, abaixo temos uma pequena variação de tom alterando o efeito da terceira camadaresultante da duplicação da portadora do efeito impressionista  para “Sobrepor”:

É extremamente sútil mas notável =] :

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

That old Bird

Posted in computação gráfica, Computação Gráfica Livre, gimp, Gimp Documentação, Gimp tutoriais, gimp tutorial, Linux, razgriz, software livre, Sotware Livre Rio de Janeiro, Tutoriais with tags , , , , , , , , , , on dezembro 3, 2009 by phenonart

Caros,

hoje vamos novamente visitar a fronteira entre o abstrato e o palpável transformando uma imagem em uma semi abstração com tinta.

Comecemos escolhendo dentre o nosso acervo a imagem do dia:

Escolhida a imagem, duplique a camada base pois sobre esta última iremos aplicar o filtro denominado “Entalhar” cujo caminho pode ser visto abaixo:

Tal ação tem a sua serventia em suprimir toda a estrutura externa da imagem preservando apenas os seus traços primários, a valoração do parâmetro “Altura” determinará o nível de detalhismo chave a ser preservado :

Quando o filtro concluir sua tarefa basta aplicar sobre a camada portadora do mesmo o efeito de camada denominado “Esconder”. Isto fará com que a estrutura remanescente da camada de cima se funda a camada original :

Agora vamos cortar mais alguns preciosismos e adicionar ranhuras, para tal, duplique a camanda portadora dos traços primários e sobre esta última aplique o filtro denominado “Empurrar” :

Como o filtro se alto explica vou direto ao ponto, desloque a estrutura verticalmente de maneira que o padrão se diversifique, a valoração é a seu gosto :

Feito isso, aplique o efeito de camada denominado “Mesclar Grãos” sobre esta camada. Isto fará com que a imagem adquira um novo espectro sobre o objeto chave:

E assim ficou o nosso exemplo do dia! =]

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

%d blogueiros gostam disto: