gNomo-sapiens

Segunda-feira, Junho 9, 2008

Vetorizando esboço 2

Arquivado em: Blogroll, Inkscape — Xterminator @ 15:56 pm

Image Hosted by ImageShack.us
Como o tempo passa mais de 1 ano sem escrever nada por aqui, falta tempo rs, rs isto estava aqui para ser publicado faz quase 1 ano, faltando só o texto.

“Editado pela última vez por Xterminator em Quinta-feira, Agosto 16, 2007 às 11:04 am
Draft Saved at 5:33:52 pm.”

Ainda está faltando tempo, mas as imagens são explicativas…vamos vetorizar mais um esboço,

só que desta vez vamos utilizar o traçador de bitmaps Caminho->Traçar Bitmap “Shift+Alt+B”.

Baixe o esboço e importe no Inkscape Arquivo->Importar “Ctrl+i”, selecione a imagem oooooooooohhhhh!!!! não me pergunte como, estou sem tempo, no artigo anterior você aprendeu a fazer isto.

Free Image Hosting at www.ImageShack.us

Vá em Caminho->Traçar Bitmap “Shift+Alt+B”, aparecerá a tela abaixo “sem a imagem”, em Intensidade de Brilho coloque 0,990 e marque as opções Suaviza,Fechar Brechas e Remover Fundo, clique em Atualizar,agora sim você deve ter uma imagem identica a minha.

Free Image Hosting at www.ImageShack.us

Agora selecione o vetor que foi criado a partir da imagem, note que só temos o desenho sem o fundo branco do esboço, agora é hora de fazer a limpeza.

Free Image Hosting at www.ImageShack.us

tecle “F2″, Ferramenta para alterar nós e alças de controle Image Hosted by ImageShack.us, com ela você pode apagar os nós em excesso como na imagem abaixo selecionando por partes.

Free Image Hosting at www.ImageShack.us

Depois de fazer a limpeza, você pode dar um toque final, eu por exemplo mais uma vez utilizei o Traçador de Bitmaps em uma Foto utilizando o filtro Intensidade de Brilho em 790, e fiz uma imagem legal como esta aí de baixo ;-)

Free Image Hosting at www.ImageShack.us

Experimente outras formas de utilizar a Ferramenta e crie imagens super legais segue o link de mais uma feita da mesma forma, só que utilizando o filtro Cores “somente para o muro ao fundo” o desenho foi vetorizado manualmente.
Free Image Hosting at www.ImageShack.us

Outros.
http://xterminador.deviantart.com/art/Dragon-20422526
http://xterminador.deviantart.com/art/New-XID-20477408

Sexta-Feira, Março 23, 2007

Inkscape vetorizando um esboço, rápido e rasteiro.

Arquivado em: Blogroll, Inkscape — Xterminator @ 0:34 am

Image Hosted by ImageShack.us
Isto não é um tutorial, é simplesmente uma viagem, afinal eu sou um péssimo escritor, tentarei descrever uma forma rápida de utilizar a Ferramenta Bezier Image Hosted by ImageShack.us vulgarmente conhecida como “pen tool ou caneta”.

 

“Material utilizado:
Inkscape: acima de 0.40
Sistema operacional: Qualquer um Inkskape é multi brow :-)
Máquina utilizada: PIII 933@980 512MB
Cerveja: Brahma “Minha preferência”
Música:Dub pra viajar no desenho”

Para começar fiz um esboço especialmente para isto, não é nehuma obra de arte, mas vai servir para este post, baixe a imagem daqui:
Free Image Hosting at www.ImageShack.us

Importe-a no Inkscape CTRL+i , posicone ela em um lugar legal na página do Inkscape e clique na ferramenta Zoom para o desenho Image Hosted by ImageShack.us e começe a traçar as formas com a Ferramenta Bezier Image Hosted by ImageShack.us, faça da seguinte forma, utilize um clique do mouse a cada curva, crie vários pontos no traçado da imagem, depois a gente dá um jeitinho nisto, deve ficar algo parecido com isto, note a linha verde ao redor da imagem:
Free Image Hosting at www.ImageShack.us
Assim que juntar o ponto inicial ao ponto final “fechando o vetor”, você vai poder visualizar todos nós criados “muitos” mas como isto é um exemplo não esquente com isto, caso tenha criado algum nó muito fora do que queria simplesmente tecle Backspace que o nó mal feito será apagado, ao final deste processo você deve ter uma imagem assim, somente no modo contorno, dependendo de suas configurações do Inkscape, clique em uma cor na Paleta de cores que fica localizada na parte inferior da janela do Ink “vai dizer que não viu ainda?”, sugestão de cor preto ;-).
Free Image Hosting at www.ImageShack.us
Clique na ferramenta para alterar nós e alças de controle Image Hosted by ImageShack.us clique com o mouse em uma área fora dos nós e arraste “por exemplo em uma área vazia do desenho”, até que todos nós sejam selecionados.
Free Image Hosting at www.ImageShack.us
Em seguida clique na Ferramenta Suavizar nós selecionados Image Hosted by ImageShack.us, logo você percebe que o desenho foi arredondado, não ficou perfeito, mas agora utilizamos os atalho para simplificar os nós CTRL+L tecle algumas vezes até ver que a imagem está legal, se você utilizar muito seu desenho vai ficar uma caca “simplicar nós é bom quando traçamos bitmaps,se bem controlado você consegue um vetor bem limpo”, isto serve para diminuir a quantidade de nós e ao mesmo tempo tornar a imagem mais limpa e menos pesada “quase perfeita” como no screenshot abaixo.
Free Image Hosting at www.ImageShack.us
A partir deste momento, você está apto a remover o desenho de fundo e usar a sua criatividade, para fazer o que quiser, para remover a imagem do fundo e só selecioná-la com a ferramenta Selecionar e transformar Objetos Image Hosted by ImageShack.us o atalho é F1, pronto temos um vetor, não é difícil você pode aplicar este método em qualquer tipo de vetorização ao invés de ficar desenhando tudo bonitnho e calmamente é só saber controlar o resultado.

Free Image Hosting at www.ImageShack.us

Agora você está livre para soltar sua criatividade, após os procedimentos descritos aqui, eu simplesmente vou adicionar um círculo vermelho preenchê-lo com Gradiente “isto você define em Preenchimento e Traço Image Hosted by ImageShack.us” e torná-lo um Objeto para caminho “assim eu posso adicionar um texto em volta dele” no menu Caminho->Objeto Para Caminho, usando a ferramenta de TextoImage Hosted by ImageShack.us digito alguma coisa inútil, seleciono o objeto e o texto e em seguida vou no menu Texto->Por no Caminho, daí temos o resultado final, adicionei algumas firulinhas, como por exemplo usando os mesmos métodos que utilizei para fazer o vetor base, criei a parte branca “usei um pouco de Desfocagem”, e para criar a parte amarela eu simplesmente dupliquei a base CTRL+D e redimensionei “apliquei um pouco de desfocagem”, não é uma obra de arte, mas para quem entendeu já é um começo, em caso de dúvidas é só perguntar :-)

Vetor finalizado nas coxas, quando tiver mais tempo coloco o pé do GNOME :

Free Image Hosting at www.ImageShack.us

Fui até a próxima, e lembre-se:

Não pague mais para se expressar, conheça agora o Inkscape!”

Att: Xterminator

Quinta-feira, Março 22, 2007

Criando Gráficos com o Inkscape(Em inglês)

Arquivado em: Blogroll, Inkscape — Xterminator @ 12:06 pm

Image Hosted by ImageShack.us

Hoje navegando nas tags que eu mais utilizo no wordpress, achei mais um tutorial sobre o inkscape ensinando como criar gráficos, aqueles utilizados em planilhas eletrônicas “rsrs gostou da descrição?”, quando falha a memória é bom improvisar.

Segue o link:

http://trinifar.wordpress.com/2007/02/21/creating-graphs-with-inkscape/

E de quebra o link para os tutorias não oficiais no Wiki do Inkscape, tem tutoriais em várias linguagens é bom dar uma conferida.

http://wiki.inkscape.org/wiki/index.php/TutorialsAndHelp#Unofficial_tutorials

Fui, bom divertimento.

Sexta-Feira, Agosto 4, 2006

GNOME for Human Beings (Update)

Arquivado em: Blogroll, Gnome, Inkscape — Xterminator @ 0:23 am

Image Hosted by ImageShack.us
Esta é em homenagem ao GNOME, rs.rs. o desktop para seres humanos sem um milhão de ícones inúteis ;-) “menos tempo de configuração, e mais tempo para uso e aprendizado de coisas novas”,este está inacabado e creio que nem vá ser, pois foi feito quando meu monitor pifou e vai dar uma trabalheira Duca por causa das cores “não estou tendo tempo”, se alguém quiser acabar é só solicitar o SVG que eu coloco em algum lugar para download deixando o link aqui, mas quero ver o que fizeram :-P

Gnome Tatoo:

Free Image Hosting at www.ImageShack.us

Aproveitando os novos recursos do Inkscape-0.45 dei uma melhorada 99,9% é blur , sem a tatoo do GNOME “ainda”rsrs.

Free Image Hosting at www.ImageShack.us

Quinta-feira, Agosto 3, 2006

O Planeta é dos Macacos, O tema de ícones Gorilla está de volta :-)

Arquivado em: Blogroll, Gnome, Inkscape — Xterminator @ 23:28 pm

Image Hosted by ImageShack.us

 

Macacos me mordam!!!!

Para quem é GNOME das antigas que usava o Gorilla e o CoolGorilla ou que usava o Gorilla nos tempos do gnome-1.4X ;-) , venho trazer a notícia que o Gorilla está de volta :-)

o 1º tema de ícones totalmente em SVG desenvolvido pelo Jimmac , muito do que eu aprendi a mecher com SVG eu tive como base este conjunto de ícones que eu ficava fuçando e editando ícones inclusive criei 2 temas na época que usava o CL que os tinha como padrão.

O macaquinho ícone deste post utiliza o fundo de um ícone gorilla huiahaa o macaquinho está dando língua para o Linus mais abaixo você pode vê-lo em tamanho grande quando o coloquei no DeviantArt, para quem curte tá aí o link do anuncio no site do Jimmac link recomendado para quem mexe com gimp,inkscape e blender:

http://jimmac.musichall.cz/weblog.php/Artwork/Gorilla-revamp

e o link para download do tema no art.gnome.org, para instalar já sabe né é só arrastar para dentro do gerenciador de temas ou descompactar em /usr/share/icons/
http://art.gnome.org/themes/icon/1297

Meu macaco vetorizado dizendo F*** Linus quando falou para dizerem para todos usarem KDE em tamanho grande :-)

http://www.deviantart.com/view/26140781/

Screenshots Gorilla Máquina do Tempo:

Nos tempos do GNOME-1.4X

Free Image Hosting at www.ImageShack.us

No tempo do Conectiva Snapshot,meu tema Xterm-Nice-Gold baseado na smooth-engine totalmente Gorilla, infelizmente não é mais compatível com as versões novas da engine:

Free Image Hosting at www.ImageShack.us

Versão 1 do tema totalmente CoolGorilla:

Free Image Hosting at www.ImageShack.us

E Hoje, confesso que preferia a lixeira e alguns mime-types antigos mas isto depois eu vejo pois tenho os ícones antigos ainda ;-) que podem ser baixados no art.gnome.org é só fazer uma busca por gorilla e coolgorilla.

Free Image Hosting at www.ImageShack.us

Fuuuuuuiiuuuuiiii!!!!

Posts mais antigos »

Blog no WordPress.com.