Archive for the Web-design Category

Icones para usar no Google Maps

Posted on October 29, 2009 by Edgar Costa2 Comments

placemark-icons

Finalmente um conjunto de ícones para utilizar e levar a sério nas próximas aplicações em que fizer uso do Google Maps.

São mais de 600 ícones que vão sem dúvida dar um excelente estilo aos meus próximos mapas. Estão catalogados: restaurantes, cultura, locais religiosos, lazer etc.

Todas as informações, inclusive como aplicar no Google Maps no site oficial.

Via WebResourcesDepot

Tags: , , ,

Filed Under: Web-design

Gerar a paleta de cores de uma imagem

Posted on February 19, 2009 by Edgar CostaNo Comments

colors-pallete-generator

Conheci esta semana mais um serviço on-line bastante útil, por exemplo, para o web-design.

O Colors Pallete Generator é básico. Envia-se a imagem que queremos e temos  a paleta de cores da mesma. Isto é ideal quando há pouca inspiração e queremos criar alguma coisa relacionado com a nossa imagem.

Colors Pallete Generator

Tags: , ,

Filed Under: Web-design

Mapa mundo em pontos

Posted on February 12, 2009 by Edgar CostaNo Comments

world-map-dots

Jayhan disponibilizou há vários meses no seu blog, um mapa mundo desenhado com pontos. O ficheiro em formato vectorial (Adobe Illustrator) é um excelente recurso para aplicar em criações gráficas ou destinadas à web. Está disponível com três tamanhos diferentes de pontos.

Ligação

Tags: , ,

Filed Under: Design, Web-design

Templates de Browsers em PSD

Posted on December 7, 2008 by Edgar CostaNo Comments

Joel Laumans disponibilizou no site blog/site uns templates em PSD bastante uteis para web-designers que desejam mostrar aos seus clientes os seus futuros sites a funcionar num browser.

O template é bastante personalizavel e tráz os dois principais browsers: Firefox (versão Windows e Mac) e o Internet Explorer.

Ligação

Desenvolvimento Web com Photoshop e HTML

Posted on June 24, 2008 by Edgar CostaNo Comments

site_stepbystep.jpg

No NETTUTS encontrei um excelente tutorial no que toca ao web-design. O tutorial explica passo por passo como desenvolver um site (HTML/CSS) com as ferramentas da Adobe (Photoshop e Dreamweaver)

Fica o link nos resources, para umas futuras consultas.

Filed Under: Photoshop, Web-design

Efeito reflexo no Photoshop

Posted on June 24, 2008 by Edgar CostaNo Comments

efeitoreflex.jpg

Simples passos:

  • Duplicar uma imagem já recortada (com fundo transparente)
  • Com a ferramenta Transform colocar a imagem duplicada no sentido aposto à original (pode ser com o Flip Vertical)
  • Adicionar uma Layer Mask na layer duplicada
  • Com a ferramenta Gradient Tool e com as cores Preto/Branco dar um gradiente linear na imagem recortada

Eu fiz este exemplo com esta imagem de um telemóvel.

Como esta explicação pode ser insuficiente, no YouTube está um vídeo porreiro para quem deseja fazer algo do género (Link).

Filed Under: Photoshop

« Older Entries