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

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

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:

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:

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:

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

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

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:

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:

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

Agora duplique esta camada =]:

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

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

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

Magic Numerikes

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:

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: . 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:

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

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).

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=]:

É 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 =]:

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.

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 =]:

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 =]:

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

lECUBEZ

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

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:

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=] :

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 :

É 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:

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:

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”:

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:

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:

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!

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.

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:

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:

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:

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 :

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

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:

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:

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 :

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

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:

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).:

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

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!