Nós Vencemos!

Caros,

Eu confesso que não pensava em escrever essas linhas e muito menos reativar um espaço que na minha humilde opinião já tinha cumprido o seu propósito e encerrado o seu ciclo….até que 7 anos depois….

Foi durante a Latinoware de 2017 que as primeiras pessoas vieram me perguntar: “E então… estamos sentindo a sua falta…. não vai mesmo voltar?” , “Poxa depois que o seu Tumblr saiu do ar ficamos meio que sem referência, Porque você foi embora?” isso dentre outros. Diante disso, resolvi verificar a então empoeirada caixa de mensagens do blog desativado e dentre as muitas pedindo o retorno recebi uma que foi decisiva para talvez uma das decisões mais FELIZES que eu já tomei na minha vida. EU NUNCA deveria ter saído daqui. Eu NUNCA devia ter parado de escrever de forma aberta. E principalmente: Eu  nunca deveria ter dado ouvidos a certas pessoas que dizem querer o teu bem enquanto desejam e fazem de tudo para que o contrário aconteça. Formalidades a parte, apresento a vocês o nosso novo norte de estudos e algumas informações importantes :

1: Aqui, eu não vou me concentrar em edição de imagens.

CALMA! Isso não quer dizer que vou parar de falar do Gimp ou qualquer outro software de edição Bitmap, mas não será mais o foco dos nossos estudos uma vez que estamos indo para um universo bem maior!  Caso queira se aprofundar neste tema recomendo fortemente a compra do meu livro de Gimp que ainda é bem relevante e atual.

2: Agora vamos falar de criações palpáveis.

Isso mesmo! Quem me acompanha sabe  o quanto tenho me dedicado nos últimos anos a cena maker e mais especificamente a impressão 3D, sendo assim natural a escolha desta nova proa =].

3: A tradicional regularidade está de volta!

Vou tentar retomar o rítimo antigo de pelo menos 1 assunto novo por semana, mas sem cobranças, pois tenho assim como vocês outras obrigações também =].

Quanto ao Nosso novo norte :

 

 

Vamos começar falando um pouquinho sobre o papel do design no cenário atual, suas possibilidades e como podemos integrar as novas e poderosas ferramentas que serão apresentadas aqui a nossa rotina!

 

Eu espero que nesta nova etapa possamos aprender ainda mais uns com os outros e tirar proveito disso da melhor forma possível. Dito isso meus caros amigos, vejo vocês muito em breve no nosso próximo assunto!

 

Anúncios

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!