Tutorial para Inkscape: estilo Oxygen

Uma dúvida muito constante na nossa comunidade é a da possibilidade de criar elementos gráficos avançados com software livre e isso acaba afastanto muito possíveis futuros usuários. Mas os desenvolvedores são espertos e cada vez mais nossas aplicações representantes das artes evoluem. Um exemplo disso é o Inkscape, poderoso editor de imagens vetoriais que concorre com o Corel Draw e na maioria dos casos não sai perdendo. Apesar disso todo o programa profissional precisa da ajuda dos famosos tutoriais e é isso que eu vou fazer – um tutorial mostrando um efeito muito usado em websites e também no famoso ambiente gráfico KDE: o efeito Oxygen.

Não, eu não vou a ensinar a desenhar todo o ambiente gráfico (isso ainda é muito complicado para mim) mas sim um efeito de iluminação usado nas barras do tema  Oxygen, de criação de David Vignoni e sua equipe. O efeito que estou usando era de um dos primeiros painéis do KDE 4 e que foi trocado por uma cópia do Vista.

Esse tema era ótimo na minha opinião!

O atual tema usado no painel do KDE.

Começando a desenhar

Antes de tudo vamos ativar duas ferramentas importantes no Inkscape, clicando nos botões Preenchimento e Traço e Alinhar e Distribuir que se localizam na barra superior do Inkscape.

Ative-os, pois serão muito úteis.

Após isso é só criar um documento no tamanho desejado. Lembre-se que para modificar o documento é só apertar Ctrl + Alt + D e colocar lá suas configurações. Eu sempre fasso com a resolução 1280×1024, mas isso vai de cada um.

Começamos com o retângulo!

Começamos desenhando um retângulo, que servirá de base para o estilo. Após desenhar o primeiro retângulo, duplique-o com Ctrl + D e vamos para o próximo passo.

Agora você redimensiona o segundo retângulo deixando a altura pela metade e se necessário alinhando ele para que fique na parte superior do primeiro retângulo.

Agora, com o auxílio da barra lateral do Inkscape, vamos editar o gradiente do segundo retângulo clicando no botão de Degradê radial para ativar o mesmo e clicando em Editar… para colocar as nossas configurações de degradê, que são um ponto branco opaco e outro ponto também branco mas completamente transparente, de acordo com a figura abaixo.

Após isso clique com o botão Criar e editar degradês – que fica no lado esquerdo do aplicativo – para puxar seu degradê. Deixe-o como o da segunda figura abaixo:

Ele estará assim antes de você puxar os pontos do degradê.

Você puxará os pontos até o extremo superior, para dar o efeito que queremos.

Agora você duplicará esse degradê que fizemos e inverterá ele com o botão Inverter verticalmente que está na barra superior do Inkscape. Esse segundo degradê será colocado na parte inferior do retângulo e deverá ser menor que o outro degradê para melhorar o efeito que estamos fazendo.

Agora, para dar o efeito de sombra, duplique o retângulo base, borre-o e coloque-o no fundo.

É muito importante borrar o elemento para dar um efeito mais real de sombra.

Uma outra dica é você não deixar os degradês totalmente nos extremos, puxando 1 pixel de cada um para o lado de dentro do retângulo base. Muito fácil, não é? Se você seguiu todos os passos, seu retângulo deve ter ficado mais ou menos como o da figura abaixo:

Ficou bem legal mesmo!

Tendo como base esse estilo, podemos criar muitos outros de variadas cores e formatos. Veja abaixo alguns outros exemplos:

Você ainda pode baixar um pacote  com todos esses arquivos em SVG – editáveis no Inkscape. Abraço!

Glassy Bleu para todos

Voltei com uma novidade! Um tema sensacional que estava disponível só no Ubuntu. Acho que estava disponível só naquele sistema operacional por pura comodidade. Então resolvi extrair um pacote .deb e deu no que deu.

O tema é o Glassy Bleu, desenhado pela HP para seu netbook Mini 1000. O tema é simplesmente fantástico e muito bem acabado. Até agora não tive nenhum problema com o tema.

Apesar das pesadas inspirações no Windows Vista, o Glassy Bleu ganha originalidade em suas linhas luminosas que dão um ar de movimento em sua janela. Os botões que parecem pequenos leds contrastam com um painel preto muito elegante.

Você pode instalá-lo em seu GNOME entrando nesse link do deviantART. Apenas arraste o arquivo para sua janela de temas ou instale como root, extraindo o pacote em /usr/share/themes.

Análise do HP TouchSmart

Essa é uma daquelas máquinas que a gente não vê todo dia. Um HP Touchsmart com tela sensível ao toque e com 4 GB de memória RAM e HD de 500 GB, com certeza é uma boa configuração para qualquer usuário final. O que mais chama a atenção é ele ser um all-in-one, ou seja, uma CPU que também é a tela, como os iMacs. Será que vale a pena ter um desses?

Prós

Ele é compacto, apesar da tela de 22 polegadas. Não tem aquele trambolho de CPU maior que uma mala de viagem para um país bem longe. Além disso, o design é facinante, com toques em marrom e um estilo que é a cara da HP (com leves inspirações da Dell). Além disso, ele nos traz o prazer do touchscreen, podendo fazer várias tarefas de entretenimento através do toque dos dedos. Já vem com uma placa de vídeo Nvidia e Windows Vista, além do teclado e do mouse (os dois sem fio). Toda essa sofisticação é aliada a uma memória RAM muito boa e um HD espaçoso. Usa o processador Core 2 Duo, da Intel.

Contras

Tem a mesma facilidade de manuntenção de um notebook, ou seja, super ruim de consertar, mas uma máquina dessas pode estragar? Custa aproximadamente R$ 6.700,00, de acordo com a loja Submarino. Outro ponto contra é o tal de TouchSmart ser na verdade um software, ou seja, você só poderá usar os dedos nessa aplicação. Nada de usar o Firefox com o dedos, isso só num futuro nem tão distant. Pelo menos ele tem mais prós que contras, mas esse último contra é castigante.

Conclusão

Se você tem grana pra gastar, compre. Mas se você for um geek, instale sua própria camada touchscreen no seu Linux e boa sorte!

Fotos

Sombras e efeitos legais no seu GNOME sem o Compiz

Quem nunca viu um vídeo no Youtube mostrando como é um Linux? Acho que muita gente já viu, e se não viu vale a pena ver! O problema é que nem todo o Linux é daquele jeito gente. Temos uma infinidade de distros nacionais que mudam apenas o plano de fundo e temos várias distros levíssimas (inclusive muito boas) que não estão aptas a proporcionar efeitos que vemos naqueles vídeos.

Aquele show de fogos, de janelas molengas e de sombras e transparências são culpa do Compiz Fusion! Esse programa que pode ser comparado com o Aero do Windows (eu ainda acho ele melhor do que o Aero, mesmo com os bugs) ganhou fama no mundo Linux pela capacidade de fazer efeitos muito bons em seu desktop.

Mas tudo oque é bom tem seu preço e você deve pagar pelo desempenho, ainda mais se seu computador tiver entre 256 e 512 MB de memória RAM (sim, eles ainda exitem!). Mas se você é teimoso e está gritando “Eu quero, eu quero”, posso lhe oferecer uma opção mais viável que se chama Xcompmgr.

Com o Xcompmgr (eita nome mais complicado…) você poderá colocar sombra em suas janelas, efeitos de suavidade e ainda poder utilizar o Avant Window Navigator ou o Cairo Dock ou o gDesklets sem problemas. Ele é simples e muito funcional, mas não recomendo pra quem tem uma máquina de menos de 512 MB de memória RAM, porém eu testei o programa em uma CPU de 256 MB e funcionou legal.

Para instalar no seu Fedora, digite no Terminal:

# yum install xcompmgr

Após isso, ative o Xcompmgr dessa maneira no Terminal:

$ xcompmgr -cCfF &

Para que ele funcione toda a vez que você ligar seu Fedora, vá no menu do GNOME e clique em Sistema > Preferências > Pessoal > Sessões e adicione o comando acima à lista.

Para instalar no seu Ubuntu, digite no Terminal:

# apt-get install xcompmgr

Ative a aplicação no Terminal:

$ xcompmgr

Para que ele funcione toda a vez que você ligar seu Ubuntu, vá no menu do GNOME e clique em Sistema > Preferências > Pessoal > Sessões e adicione o comando acima.

Muito simples não é? Com o Xcompmgr você consegue sombras e efeitos suaves muito legais, mas cuidado com o desempenho.

Update:

• Tinha esquecido da referência! Essa dica foi inspirada em um post do blog Idiossincrasias.

• Caso você tenha um desktop maneiro para mostrar, mande o link da imagem em um comentário! Que tal um concurso de deskmod com GNOME e KDE? Ein, ein? No meu Fedora, o resultado foi esse (desculpem pelo simplismo):

Tudo isso com 256 MB de memória RAM!