111graus - comunicação eclética e cultural » Photoshop

Recursos para criar layouts Web no Photoshop

Edgar Costa — Wed, 23 Feb 2011 21:43:59 +0000

Dois recursos importantes para criar layouts web no Photoshop:

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

Templates de Browsers em PSD

Edgar Costa — Sun, 07 Dec 2008 14:27:39 +0000

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

Edgar Costa — Tue, 24 Jun 2008 18:25:44 +0000

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

Edgar Costa — Tue, 24 Jun 2008 02:22:06 +0000

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