Criatividade Visual » imagem

Novo Logótipo da AOL Lançado!

afcramalho — Mon, 30 Nov 2009 12:57:32 +0000

Os responsáveis pela AOL ficaram malucos de vez? A AOL, e agora ”Aol.” com um logótipo no mínimo surpreendente. Foi aplicando uma fonte (tipo de letra), completamente simples, e por baixo diversas imagens de teste… O novo logo só será apresentado oficialmente em Dezembro, e por isso mesmo espero que isto que vêem em baixo seja apenas algum tipo de maluqueira feita pela Wolff Olins (Encarregada de renovar a identidade visual da AOL). E espero que naturalmente o logo final seja uma coisa mais séria e profissional.

Recurso: Aprenda a utilizar o Lightbox!

afcramalho — Thu, 03 Sep 2009 11:29:10 +0000

Tenho a certeza que já viram muito sites em que ao clicarem nas imagens sobrepõem uma página com a imagem ampliada. E tenho a certeza que também já se perguntaram como se faz, e na verdade é uma coisa bastante simples. Praticamente todos os sites que têm estes efeitos, recorrem ao lightbox, um pequeno script em javascript que cria um efeito que linka desde o thumbnail até à imagem já ampliada.

Para usar o lightbox é necessário fazer download do mesmo neste site: (Download Lightbox) .

No Thumbnail (imagem pequena) que tem o link para a imagem em tamanho real acrescentar o atributo rel=”lightbox” no link. Ficando o link completo já com a imagem com a seguinte sintaxe:

Para que isto funcione é necessário acrescentar no header da página a referencia ao ficheiro onde está o o script do lightbox e suas dependências e também do css usado pelo lightbox,para o fazer é necessário acrescentar duas linhas no header que são:

E de uma forma simples temos um efeito que agora está na moda em todos os sites.

Recursos: AIE – Editor de Imagens em Ajax

Flávio Proença — Mon, 16 Mar 2009 15:39:32 +0000

Existem vários editores imagem baseado na Web que ajudam muito especialmente quando você não tem um software de imagem instalado no seu computador.

AIE, um editor de imagem feito em Ajax de código fonte aberto, mas com uma diferença diferente dos outros editores online: ele pode ser instalado em seus sites.

Portanto, além de utilizá-lo como um editor imagem padrão, que pode ser integrada com outras aplicações que você usa (como galerias de imagens, blogs apps., Etc) mediante a simples fixação das “imagens pasta” dessas aplicações.

AIE tem óptimas funcionalidades como:

- Redimensionar imagens
- Cortar imagens
- Rodar imagens
- Aplicar filtros
- Adicionar texto com um texto ferramenta
- Aplicar marcas de água e muito mais …

É construída com Ext JS & usa PHP + ImageMagick no servidor. Para uma demonstração, clique aqui.

Website: AIE
Demo: AIE
Dwonload: AIE
Requisitos: PHP, ImageMagick
Licença: GPL

Recursos: JavaScript Slideshow – Grátis e Dinâmico

Flávio Proença — Tue, 03 Mar 2009 13:19:30 +0000

Este JavaScript slideshow é totalmente dinâmico criado em JavaScript e tem apenas 654KB. Você pode encontrar os novos recursos que incluem suporte para descrição, link de apoio (não mencionando restrições), retrato imagem apoio, graciosa e degradação activa da miniatura de estado.

A função init leva 5 parâmetros (id do slideshow conteúdo, o id da imagem, o id da imagem anterior, o id da próxima imagem, o id da imagem link).

Este script foi testado no Firefox, Internet Explorer, Opera, Safari e Chrome. Este script está disponível para qualquer projetos pessoais ou comerciais sob a licença Creative Commons e é oferecido tal como está, não livra o apoio prestado.

Imagem do Slideshow:

Website: JavaScript Slideshow
Demo: JavaScript Slideshow
Download: JavaScript Slideshow
Requisitos: Javascript Activo
Licença: Creative Commons License