Recursos para criar layouts Web no Photoshop

Posted on February 23, 2011 by Edgar CostaNo Comments

Dois recursos importantes para criar layouts web no Photoshop:

50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Web Wireframe Kit

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

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.

Efeito reflexo no Photoshop

Posted on June 24, 2008 by Edgar CostaNo Comments

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).