FontStruct – Ferramenta para Criação de Fontes

Hoje minha indicação é o FontStruct, uma ferramenta online para criação de fontes.

Achei muito bacana a ferramenta, que permite você criar seu estilo de fonte oferecendo alguns recurso básicos para criação de letras, números e outros caracteres. A medida em que você vai criando cada caracter, você pode ir visualizando o resultado, e quando finalizar é só baixar a fonte criada e instalar para utilizar.

Para você que não deseja ficar criando novas fontes, no site do FontStruct possui uma galeria com vários exemplos de fontes criadas através do site disponíveis para download.

Achei o FontStruct bem simples de usar, permitindo a qualquer nível de usuário a criar suas novas fontes.
Veja na imagem a seguir um pequeno teste que fiz.

É só soltar a criatividade que dá para fazer trabalhos bacanas com essas novas fontes.

Endereço do FontStruct: http://fontstruct.fontshop.com

É isso pessoal…
Abraço a todos…

HotGloo – Criação de Wireframes Online

Olá pessoal!!!

Hoje passo para indicar uma ferramenta bem bacana para criação de wireframes online.

Se trata do HotGloo The Online Wireframe Application, no qual tomei conhecimento através da Lista de discussão AIfIA-pt (uma lista de discussão voltada para área de Arquitetura da Informação).

No HotGloo você pode criar protótipos funcionais bem bacanas para desenvolvimento de sistema, podendo navegar pelas paginas prototipadas, e gerar uma imagem de cada tela criada.

Fiz alguns testes aqui e achei muito bacana o resultado. Veja a imagem abaixo um exemplo onde criei o wireframe desse blog.

O site tem algumas limitações que a moçada da lista já detectou como: não é acessível no IE 6, e também não há a possibilidade de passar a URL para o cliente poder visualizar o protótipo funcional, sem que você tenha que passar sua senha de acesso ao cliente. Mas como está em versão beta, acredito que o pessoal deve melhorar isso.

Link para HotGloo: http://hello.hotgloo.com/

Segue outras indicações que surgiram na lista, porém ainda não testei:
http://lovelycharts.com
http://www.foreui.com

Se você conhece essa outras ferramentas e quiser compartilhar, fique a vontade e deixe seu cometário e suas experiências com ferramentas para wireframes.

Se você tem interesse em Arquitetura da Informação venha fazer parte da Lista de discussão AIfIA-pt rola muita coisa bacana por lá.
URL: http://lists.ibiblio.org/mailman/listinfo/aifia-pt

Abraço a todos!!!

Tratamento de Fotos na Internet

Para você que gosta de criar alguns efeitos legais em fotos e criar algumas montagens e, assim como eu, não tem muita intimidade com Photo Shop ou algum outro editor de imagens, existem vários sites ai pela net que permitem criar alguns efeitos bacanas e editar imagens aplicando efeitos bem no estilo Photo Shop e até mesmo criar montagens bem divertidas.

Vou mostrar aqui alguns que achei interessante, mais basta uma busca no Google para achar outras bem legal também. Se você conhecer alguma deixe ai no comentário para gente poder conhecer também. Vamos lá…

1º – PhotoFunia – http://www.photofunia.com/

Vou começar pelo PhotoFunia, que é uma ferramenta que permite criar várias montagens bem divertidas, bastando apenas selecionar a opção de montagem (hoje são 74 opções) e logo em seguida enviar a imagem desejada. Após o processo ele gera a imagem final e permite o download da imagem gerada, ou de avatar, ou também disponibilizar um link para a imagem trabalhando juntamente com o Cetrine.Net. Veja abaixo alguns resultados.

2º – SuperLame Word Balloon Engine – http://www.superlame.com/engine.php

Você seleciona uma imagem e pode inserir balõezinhos com textos de falas ou pensamentos. Adiciona texto na imagem e bordas. Veja um exemplo ao lado:

3º – Envelhecimento de fotos – http://labs.wanokoto.jp/olds (esse não sei o nome, se alguém consegui entender me avisa.. srsrsr)

Apenas de ser um site japonês (chinês, sei lá…) é bem fácil de utilizar. Basta selecionar a imagem desejada e clicar num botão “古写真風にする”, para ele gerar uma imagem com um efeito envelhecido. É bem simples, mas dá um efeito bacana. Veja abaixo um exemplo:

4º – Imagem Fácil – http://www.imagemfacil.com

O Imagem Fácil permite aplicar efeitos básicos em imagens, além de textos e molduras. É necessário criar uma conta para ter acesso, mas é um cadastro bem simples e que permite armazenar algumas fotos. Só achei um pouco lento o processamento das imagens mais dá para fazer alguns efeitos básicos bem legais.

5º Pixer.us – http://pixer.us/Default.aspx

Com o Pixer.us é possível fazer ajustes básicos em imagens de forma fácil e com bons resultados. Nele é possível recortar, redimensionar, girar imagens, e aplicar efeitos de cores e contrastes. Ele ainda permite salvar a imagem em .jpeg, .gif, .bmp ou .png. Veja nessa foto abaixo um resultado de uns ajustes básicos na imagem.

Original e Modificada

6º Splashup – http://www.splashup.com

Agora se você quer criar algo mais profissional e não tem um Photo Shop instalado ai em sua máquina, pode utilizar o Splashup.

O Splashup é um Photo Shop online, similar ao CS3 da Adobe. Ele permite criação e edição de imagens, até mesmo em layers (camadas). Na imagem abaixo um exemplo do ambiente do Splashup.

7º Foto Flexer - http://fotoflexer.com

O Foto Flexer também dispõe de recursos mais avançados para edição de imagens. Nele é possível aplicar efeitos, adicionar textos, adicionar animações, retocar imagens, criar montagens, além de permitir trabalhar com layers (camadas), permitindo salvar os resultados em .jpg ou em .png. O Foto Flexer permite editar fotos de alguns álbuns web, como o Flickr, Picasa, Myspace, e outros.

Veja abaixo dois exemplos criados no Foto Flexer, sendo o primeiro uma edição de imagem com aplicação de efeitos e o segundo com uma montagem.

É isso ai pessoal… E você? Conhece algum legal? manda ai…

Abraço a todos…

Screenshots de Páginas Web

Olá Pessoal…

Para quem necessita de screenshots de páginas web, chega de Print Screen e Photo Shop para criar imagens do site. Para esse tipo de serviço existem algumas ferramentas bacanas e com excelentes resultados. Um exemplo é o Thumbalizr, que permite capturar uma página web e transformá-la em uma imagem do tamanho desejado.

Esse tipo de serviço é muito útil para web designers que desejam criar seus portfólios, podendo assim criar imagens dos trabalhos realizados e disponibilizá-los para seus clientes. Essas imagens geradas também são muito utilizadas para montagem de apresentações onde é necessário exemplificar alguma página ou conteúdo da internet.

O uso da ferramenta é bem simples, basta acessar o site http://www.thumbalizr.com, informar a Url desejada e escolher entre as opções screen e page, ai é só clicar no botão thumb it e aguardar a imagem ser gerada. Após a geração da imagem a ferramenta ainda permite salvar a imagem na resolução desejada.

A opção screen gera uma imagem da página na forma que ela é vista pela o browser, ou seja, a primeira tela da página. Já a opção page, gera uma imagem com todo o conteúdo dessa página, independente do seu tamanho. Veja um exemplo prático dessa diferença utilizando a url www.globo.com do site da Globo:

Exemplo Screen

Exemplo Page

O Thumbalizr está disponível em versão alpha, por isso pode apresentar algum erro na geração de imagem de alguns sites.

Outra ferramenta que oferece esse mesmo tipo de serviço é o Websnapr 2.0 que está disponível no endereço: http://www.websnapr.com.

Inté…