Qual programa cria esse estilo de imagem?

HelderC · 12 de Maio de 2010, 00:17

Pessoal, gostaria de saber qual programa cria imagens desse tipo:

Imagem com tamanho acima de 40 KB - editado pela moderação do forum
http://lh4.ggpht.com/_FJH0hYZmVtc/S-lvkkLEDtI/AAAAAAAAH3c/EB7S7jhkhtE/image_thumb[7].png
Imagem com tamanho acima de 40 KB - editado pela moderação do forum

São aquelas imagens clássicas de janelas do Ubuntu... Já vi diversas dessas imagens, e gostaria de saber onde posso fazelas.

José Vitor · 12 de Maio de 2010, 00:55

Isso aí parece ser um desenho vetorial feito a mão. Não sei se é o mais fácil, mas o software prá isso é o Inkscape.

Mas acho que nada impede que seja feito com qualquer sofware de desenho, como o Gimp.
Até com um MS Paint dá prá fazer isso...

slkslk · 12 de Maio de 2010, 06:43

Sinceramente, parece-me mais feito à mão e scaneado..., mas aquele efeito de espelho ao fundo é típico do mac. Apostaria que foi feito em mac...

HelderC · 12 de Maio de 2010, 07:54

Realmente pessoal parece desenho feito a mão, mas como já vi vários deles, percebi que manteem uma certa uniformidade no estilo do desenho, logo cheguei a conclusão que talvez exista um programa para "aplicar" esse efeito.

Mas obrigado pelos esclarecimentos.... e a duvida continua...

slkslk · 12 de Maio de 2010, 08:04

Como disse o amigo José o GIMP faz isso... O efeito é que me cheira mesmo mac. De qualquer modo dê um olhinho a este link

http://woork.blogspot.com/2008/07/design-nice-pencil-and-handwritten.html

Penso que é feito desse modo, nada mais automatico do que isso... Mas o efeito é bem engraçado!

Por outro lado, a precisão de desenho e os pormenores são demasiado trabalhosos para algo tão banal...

Se alguém souber poste, mesmo que não seja linux, que isto ficava espectacular nos meus tutorials!

José Vitor · 12 de Maio de 2010, 11:06

Citação de: slkslk online 12 de Maio de 2010, 08:04
Como disse o amigo José o GIMP faz isso... O efeito é que me cheira mesmo mac. De qualquer modo dê um olhinho a este link

http://woork.blogspot.com/2008/07/design-nice-pencil-and-handwritten.html

Penso que é feito desse modo, nada mais automatico do que isso... Mas o efeito é bem engraçado!

Por outro lado, a precisão de desenho e os pormenores são demasiado trabalhosos para algo tão banal...

Se alguém souber poste, mesmo que não seja linux, que isto ficava espectacular nos meus tutorials!

O link mostra uma receita para o Illustrator...

O "equivalente" nosso é o Inkscape mesmo, como tinha sugerido.

slkslk · 12 de Maio de 2010, 11:13

Eu sei, era só para dar uma ideia de como fazer algo semelhante com este tipo de programas. Mas o aspecto é "demasiado perfeito" para ser feito assim. Os botões, os símbolos, aquilo parece um filtro ou assim que transforma a imagem real naquilo, como os filtros do gimp a simular desenhado à mão ou pinturas a oleo... Mas fica a matar num manual, dá um efeito bem suave à apresentação...

fatecano · 12 de Maio de 2010, 11:16

Citação de: José Vitor online 12 de Maio de 2010, 11:06

O link mostra uma receita para o Illustrator...

O "equivalente" nosso é o Inkscape mesmo, como tinha sugerido.

To vindo de bicão aqui nessa conversa. Hehehe!! Nem sou dessa área.

Entãooo, eu também me perguntei como ele foi feito e cheguei a pensar naquelas mesas digitalizadoras num Inkscape.

Seria possível?

irtigor · 12 de Maio de 2010, 13:10

Isso é um mockup. Como já foi dito você pode fazer em qualquer programa de edição de imagem com suporte a formas simples e texto. Mas existem ferramentas especificas para a criação de "exemplos" de interfaces gráficas e se tivesse que chutar a usada (se foi usada uma coisa especifica) diria que foi Balsamiq. Se você realmente precisa fazer mockups e não sabe usar um editor de imagens/ferramente especifica uma boa aquisição pode ser de uma mesa digitalizadora ou mesmo fazer no papel e depois digitalizar.

Achei duas listas de ferramentas de criação de mockups, maior parte é de código fechado e são pagos.

http://c2.com/cgi/wiki?GuiPrototypingTools
http://purplejunction.com/2009/08/01/gui-mock-up-software-tools/

Ainda existe a opção de usar editores online é só pesquisar.

Não sou bom com nenhum editor mas recorreria ao Inkscape se tivesse que fazer um trabalho desse tipo.
Olhe esses exemplos http://developer.yahoo.com/ypatterns/about/stencils/

HelderC · 23 de Maio de 2010, 16:47

É feito aqui: http://www.balsamiq.com/

slkslk · 24 de Maio de 2010, 05:51

Uau!! O preço é um pouco elevado, mas tenho impressão que se gostar da demo bem que vou investir... E segundo dizem no site, até funciona em linux! Boa dica HelderC!

Obrigado

HelderC · 24 de Maio de 2010, 08:45

Eu estava checando... dá pra usar online sem problema nenhum.
A unica soi que encomoda é um popup que aparece a cada 5 minutos, mas nada que seja realmente chato...

RicardoBomfim · 23 de Junho de 2010, 11:30

Estes efeitos podem ser conseguidos com a ferramenta pencil. Existem versões para Windows e também na forma de plugin para o Firefox.
Para baixar acesse: Plugin para Firefox ou Evolus.
Quando fizeres o download, baixe tambem os templates e os stencils, desta forma você terá várias funcionalidades, dentre as quais posso destacar a criação automática, baseada em template, de um protótipo onde é possível simular a interação que o software/aplicativo terá.

HelderC · 23 de Junho de 2010, 11:49

Ótima dica Ricardo.

Muito obrigado pela contribuição.