Efeitos vintage para suas imagens com HTML5
Não tenho certeza se é o Instagram, Hipstamatic ou algum outro aplicativo de fotografia de smartphone que deve ser agradecido (culpado?) Pelo advento da aplicação de efeitos vintage ou outros em todas as fotos tiradas, mas independentemente de quem começou, não parece ser uma tendência que vai embora tão cedo.
Se você gosta de fotos de aparência vintage ou não, é provável que você precise usá-las em um projeto ou outro, seja porque um cliente ou o projeto o exigem.
Em vez de gastar uma tonelada de tempo processando fotos para o seu próximo projeto de site com o Photoshop ou algum outro aplicativo de desktop (ou telefone), não seria bom ter um plugin que faria isso automaticamente, diretamente no próprio site?
Faz sentido, afinal de contas. Caso contrário, toda vez que uma nova imagem for carregada, você precisará verificar se ela foi processada antes de ser adicionada ao site (não é ideal se o cliente atualizar o site por conta própria). Sem um processamento consistente, o site começará rapidamente a parecer amador e, bem, feio.
vintageJS é um plugin jQuery que usa tela HTML5 para aplicar efeitos às suas imagens diretamente no seu site.
É altamente configurável, para que você possa obter suas imagens exatamente do jeito que você deseja. Opções predefinidas básicas incluem:
- padrão (quando nenhuma predefinição é dada)
- sépia
- verde
- escala de cinza
- personalizado (apenas as curvas são ajustadas, todo o resto é desativado para que você possa criar sua própria aparência)
Se você quiser criar um filtro personalizado, aqui estão algumas das opções disponíveis para serem manipuladas:
- vinheta (pode ser ativada ou desativada e tem variáveis em preto e branco que você pode definir)
- barulho
- tela (funciona como a tela de camada do Photoshop)
- dessaturar
- allowMultiEffect (permite disparar um efeito várias vezes)
- viewFinder (cria um efeito através do visor)
Usando essas configurações, você pode criar facilmente imagens vintage com aparência autêntica diretamente em seu site. Não há mais horas gastas pré-processando imagens (ou esperando que seu computador as processe em lote). Não há mais clientes enviando imagens que estragam a aparência do site.
Você já pode estar familiarizado com vintageJS.com , o site que permite fazer upload de fotos e depois aplicar um efeito vintage. É um bom exemplo do que o plugin jQuery é capaz (embora o plugin permita ainda mais customização).
Você está adicionando efeitos vintage às suas imagens com um plugin? Qual? Deixe-nos saber nos comentários.