Archive for the wordpress Category

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.

A Pantera e a Luz

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

Caros,

Hoje nós vamos levar o conceito senóide a um patamar mais intimista estreitando as conexões entre os laços do espectro gerado, não estranhe se um certo ar nostálgico dos anos 70 der o ar da graça =].

Comecemos criando uma nova imagem sem preocupações especiais com tamanho, acredito que para este momento 640×480 pixel s é suficiente. Criada a nova imagem vamos direto ao filtro denominado “Seno” responsável por gerar o nosso espectro base do dia. O processo de confecção do espectro de hoje é bastante similar aos anteriores porém este possui uma etapa rija a mais, dito isso vamos começar:

tapana1

Aberto o filtro, gere o espectro com formato e estrutura a seu gosto, a mistura de cores é a mesma rija ao branco e preto e vice e versa:

tapana2

Como você pode ver, utilizando o recurso “Frente e Fundo” podemos definir a ordem de mistura das cores alterando drásticamente a orientação pespectiva do espectro:

tapana3

Agora é que vem a alteração que mencionei antes, selecione o degradê sinuoso para alisar o espectro, ao termino e satisfeito clique em “ok”:

tapana4

Até aqui temos um espectro bem próximo aos executados em documentos anteriores certo?

tapana5

Agora é que vem o grande tempero:

Duplique a camada base e sobre a nova camada aplique o efeito de camada denominado “Super Exposição” =], repare que duplicando esta camada mais uma vez o efeito subtrativo do efeito de camada afina ainda mais os contornos do nosso espectro:

tapana6

Agora vamos esquentar as coisas hehe, combine todas as camadas visíveis e criei sobre a resultante uma nova camada transparente, dentro dela coloque um degradê com predominância azul a seu gosto:

tapana7

Agora aplique sobre esta camada o efeito de camada subtrativo denominado “Subtrair” =-]:

tapana8

Agora duplique esta camada =]:

tapana9

Agora experimente utilizar o que aprendemos sobre fractais em uma nova camada com degradê -=]

tapanapre10

tapanapre10second

Veja como não é necessário nem mesmo adaptar o efeito de camada pré-existente =]:

tapana10

tapana11

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

Magic Numerikes

Posted in computação gráfica, Computação Gráfica Livre, gimp, Gimp Documentação, Gimp tutoriais, gimp tutorial, inkscape, Linux, sl rj, slrj, software livre, Sotware Livre Rio de Janeiro, Tutoriais, tutorial, wordpress on março 27, 2008 by phenonart

Sem rodeios, nós vamos hoje entender como funciona o processo de criação de objetos com longa profundidade =].

Vamos começar abrindo o Inkscape* (pois é, avisei que ele seria visto por aqui mais vezes =]), depois, utilizando a sua ferramenta de texto, selecione uma fonte qualquer e depois digite algum número qualquerm para o nosso exemplo escolhi o “3”. Depois, utilizando a ferramenta Belzier faça um triângulo grosseiro em volta do numeral*(grosseiro significa incongruente, desproporcional), o procedimento descrito aqui pode ser visto abaixo:

3dbdb

Agora, selecione a ferramenta responsável por manipular os caminhos e nós vetoriais, presente na barra de ferramentas primárias do Inkscape localizada no lado esquerdo, a ferramenta citada é representada pelo seguinte ícone: meccss. Agora, molde o objeto vetorial de modo que o mesmo acompanhe o formato externo do numeral digitado, esse procedimento pode ser feito em etapas, ou seja, você pode criar um objeto que contorne metade do objeto e clona-lo para preencher o restante ou simplesmente criar um único objeto que preencha o numeral totalmente, assim, isso fica a seu critério. O processo dito aqui é ilustrado abaixo:

Aqui, vemos o numeral sendo preenchido pelo objeto por inteiro:

vft

E aqui nós temos o processo feito por partes:

hgr

Note que o molde ainda está sendo feito na figura acima, abaixo nós já temos o molde pronto e clonado =]*(basta copiar e colar o objeto invertendo a sua orientação vertical).

grgrc

Pronto=], agora basta definir o a orientação final do fundo da figura, depois você pode aplicar um efeito semi transparente através do uso de degradê linear=]:

gluye

É claro que você não está preso a apenas uma opção de cor=], utilize a paleta de cores abaixo e ou a roda de cores =] mas mantenha o uso do degradê para preservar o efeito anterior =]:

cdrg

Agora, salve o svg e abra-o no Gimp.

IPC: você não precisa mandar direto o svg, você pode exportar para png caso não queira salvar o arquivo aberto.

efecs

Uma vez com o nosso trabalho aberto no Gimp, vamos dar vida a ele aplicando uma composição feita a partir de pincéis e ou imagens em uma camada com baixa opacidade =]:

ertfd

Agora um pequeno desafio: O que eu fiz para inverter o esquema somatório de cores abaixo? =] Uma dica : para quem acompanha os meus artigos e documentos a algum tempo sabe que usei meu filtro favorito do Gimp referente a mudança repentina de CORES =]:

dertd

Pois é=], vejo vocês no nosso próximo assunto=]!

lECUBEZ

Posted in computação gráfica, Computação Gráfica Livre, gimp, Gimp Documentação, Gimp tutoriais, gimp tutorial, Linux, software livre, Sotware Livre Rio de Janeiro, Tutoriais, tutorial, wordpress with tags , , , , , , , , , , , on março 25, 2008 by phenonart

Acabei de chegar do feriado, e no carro vim ouvindo um disco que passei pra cd que eu adoro, chama-se “The best Hollywoood songs” (Não é do cinema, mas sim dos comerciais de cigarros, principalmente dos anos 80) , e isso me inspirou a escrever sobre caixas feitas apenas de texto=] Vamos lá?

Comecemos criando uma nova imagem congruente, 800×800 é um bom exemplo=]

Criada a nova imagem, selecione a ferramenta de texto presente na interface principal do Gimp e escreva uma palavra ou um uma pequena frase e depois posicione o que você acabou de digitar em uma das extremidades da imagem

cbas

Depois, preencha a area útil da imagem com novas frases e ou palavras ou ainda apenas duplicando e espelhando a camada de texto até que todos os espaços tenham sido preenchidos:

fgha

Depois de terminar o procedimento acima, você ainda pode aplicar um efeito que desejar ao texto caso deseje um resultado mais elaborado no final do processo=] .Para o exemplo, decidi utilizar a boa e velha técnica de duplicar a camada do texto, aplicar uma cor contrastante e mover um pouco essa camada sobre a original=] :

fty

Quando você terminar de aplicar o efeito*(lembre-se que ele é OPCIONAL, você decide se aplica ou não) torne a camada primária*(background) da imagem INVISÍVEL clicando sobre o “olho” ao lado do nome da camada :

fdr

É agora que começa a nossa mágica=], abra o filtro Mapear Objeto e na aba primária marque antes de mais nada os campos “criar uma nova imagem” e “deixar imagem transparente”. Para quem não se lembra do caminho até o filtro, basta acompanhar a imagem abaixo:

gdgec

Uma vez no filtro, ainda na primeira aba, selecione a forma geométrica primária denominada “Caixa” e em seguida, vá para a aba denominada como “Orientação” uma vez lá, determine os parâmetros referentes ao posicionamento vertical, horizontal e o volume do seu objeto:

ghder

Caso você deseje ainda pode uniformizar a iluminação do objeto zerando os parametros “X” e “Y” e ampliando o valor do parâmetro “Z” para um valor superior a 3,5 na aba “Luz”:

luzds

Uma vez satisfeito, clique em “OK” e aguarde o processamento. É NORMAL que o processo seja lento afinal não é uma tarefa simples essa que demos para o filtro executar, porém isso não impede que você possa executar outras tarefas seja em edição de imagens, desenho vetorial, edição de audio moderada, edição de video leve*(ao menos 1GB ram) e ou ainda com outro programa qualquer,*(regra valida apenas para quem usa alguma distro LINUX e possui pelo menos 256mb ram, se você utiliza windows seja qual versão for recomendo não mexer em nada e ir tomar um café e a salvar o seu trabalho antes de encostar no filtro responsável pelo trabalho sujo. )

e é assim que ficamos até aqui:

resuft

Agora, basta aplicar um degrade do seu interesse e ou adicionar uma imagem em forma de nova camada que esteja dentro do conceito do que você escreveu, aplicando a ela o efeito de camada “multiplicar” afim de que a mesma se torne parte do seu trabalho, em fim, as possibilidades são infinitas! Mas abaixo eu mostro algumas:

azyu

gcds

ccvvd

Ahhh sim, quase esqueci, deixei uma palavra escondida na imagem acima, cabe a vocês descobrirem o que eu escrevi =], vejo vocês no nosso próximo assunto!=]

BLOTOINGS!

Posted in blogs, blogueiro, computação gráfica, Computação Gráfica Livre, Gimp Documentação, Gimp tutoriais, gimp tutorial, Linux, sl rj, slrj, software livre, Sotware Livre Rio de Janeiro, Tutoriais, tutorial, wordpress on março 17, 2008 by phenonart

Bem, eu não sou o do tipo que gosta de coisas “bonitinhas”(a não ser mulheres…sobretudo a minha esposa hehe) e também confesso que não tenho interesse na criação de interfaces*(ops hehe ai depende para que ela vai servir hehe) e ou quando se fala em layouts para a Web, porém, alguns aprendizes que acessam a documentação com freqüência e que são “blogueiros” assíduos*(pois é, se todos resolvessem escrever documentação eu ficaria bem feliz =]) , me pediram pra falar sobre isso, então, hoje nós vamos falar sobre a criação de layouts para blogs, então, é hora de parar de teclar e colocar a mão na massa=], vamos lá:

IPC: O tema que nós vamos ver hoje foi projetado para ser portado para o wordpress, mas nada o impede que você o adapte para rodar onde você desejar é claro.

Comecemos criando uma imagem com o tamanho 1024×900 pixels.

Feito isso, vamos agora escolher a cor que iremos adotar para o plano de fundo geral do nosso layout, como já disse milhares de vezes, você pode optar pela que melhor lhe convier uma vez que o trabalho é SEU.

vdx

Muito bem, depois de escolhida e aplicada a cor, crie uma nova camada transparente e selecione a ferramenta de seleção retangular, presente na interface principal do Gimp e com ela, crie um retângulo com tamanho o tamanho 590×695 pixels, e depois vá para a aba “opções de ferramentas presente na interface principal do Gimp e ou na sua janela caso você tenha feito isso na customização da sua interface de trabalho e arredonde as bordas da seleção. A imagem abaixo ilustra esse processo:

rect

arreb

IPC: é claro que você não precisa e nem deve seguir o exemplo, então se o seu layout não incluir bordas arredondadas não o faça.

Muito bem, agora preencha a area de seleção com a ferramenta balde de tinta, utilizando uma cor aditiva, para o exemplo, optei por algo convencional, o branco sólido. Depois, reduza a opacidade da camada na qual estamos trabalhando para cerca de 50%.

Ainda com a seleção ativa, vamos reduzir proporcionalmente o tamanho da seleção, para criar um efeito de moldura no exemplo,para tal procedimento clique com o botão direito dentro da seleção e clique no campo “diminuir seleção”, reduza a mesma entre 5 e 8 pixels, dependendo da borda que se queira formar e clique em ok. Agora, crie uma nova camada transparente e preencha a seleção reduzida com uma cor clara novamente, e reduza um pouco a opacidade a seu gosto, as imagems abaixo ilustram o que foi dito:

fgh
muiv

dff

Muito bem, agora vamos criar a box do campo de pesquisa, para tanto, crie uma nova camada transparente e dentro dela, faça um novo retangulo utilizando novamente a ferramenta de seleção retangular, sendo que o tamanho do mesmo deverá ser de 229×65 pixels, sem se esquecer de realizar o mesmo procedimento de criação de borda que vimos anteriormente:

cdcdf

Agora para que possamos criar a box que acondicionará o menu, novamente utilize os mesmos procedimentos só alterando o tamanho do retângulo para 296×360 pixels :

gfgfd

Agora para a segunda caixa do menu, faça o mesmo procedimento com tamanho proporcionalmente menor a da primeira caixa de menu:

ght

Bacana, agora que já temos as caixas prontas, vamos enfeitar a nossa brincadeira utilizando uma composição com pincéis =], para isso, crie uma camada transparente localizada apenas acima da camada BASE*(background) e realizando o procedimento sobre ela, mas cuidado, não utilize muitos pincéis, de a preferência por pincéis “duros” (sem esvaecimento) , aplique principalmente nos espaços entre as bordas das caixas como no exemplo abaixo:

deft

Agora, vamos criar os botôes superiores (também podemos chama-los de abas, mas isso fica a seu critério), para tanto, crie retângulos com o tamanho 140×62 pixels e pocisione os sobre a caixa de texto do layout:

erfvc

Porém, como se pode notar, ainda existem pequenas interseções entre a caixa de texto e as novas abas, para eliminar esse pequeno obstáculo, basta que apaguemos os referidos trechos das camadas que levam as bordas para que cada aba possa se integrar perfeitamente a caixa de texto, para tal procedimento, basta utilizarmos a ferramenta “Borracha” que está presente na interface principal do Gimp, em conjunto com um pincel de raio curto, para facilitar essa tarefa, procure ampliar o zoom da imagem afim de que você possa apagar apenas os trechos realmente necessários :

ferv

Não fica muito melhor sem as intersecções?=]

jyg

Agora, vamos criar os botôes da caixa de menu que criamos próxima a caixa de texto, para isto, crie um retângulo* (apenas em conceito, crie o botão que desejar) com tamanho 240×30 pixels e pinte-o com a cor que desejar, lembrando que essa será a cor do mesmo para o item que for selecionado. Depois duplique o botão mais algumas vezes e aplique tonalidade acinzentada para definir que os mesmos são intens inativos no momento:

cvcd

fgtv

Agora, vamos criar as linhas separadoras de seções da caixa de texto para isto, crie um retangulo com o tamanho da largura da caixa de texto e a altura exata a de 01 pixel (isso mesmo, 01 Pixel, ou seja, uma linha MESMO).:

grrrrd

Agora, duplique a linha a fim de que a caixa de texto seja dividida em quantos seguimentos forem necessários:

cft

Muito bem, agora basta que você termine o seu exemplo como achar melhor=] *(faltou um ícone para o Rss, outro para o campo de busca, ,decorativos pormenores e afragmentação do tema para que o mesmo possa ser portado para o seu sistema favorito) , pois o caminho das pedras eu já deixei aqui =]!

Vejo vocês no nosso próximo assunto!

%d blogueiros gostam disto: