Desenvolvimento Web com Photoshop e HTML

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.

Add comment June 24th, 2008

Efeito reflexo no Photoshop

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

Add comment June 24th, 2008

Conteúdos Silverlight em DVD

Na conferência da Microsoft MIX08 foi disponibilizado um DVD com informações e tutoriais sobre o Microsoft Silverlight.
O download é livre e pode ser efectuado neste link, são cerca de 2GB cheios de conteúdos desta nova ferramenta da Microsoft.

Quando o tempo disponível regressar é dos principais títulos que vou consultar.

3 comments May 24th, 2008

The Photoshop Anthology - Free E-Book

O Sitepoint está a oferecer o livro The Photoshop Anthology: 101 Web Design Tips, Tricks & Techniques em formato PDF. É de aproveitar esta oferta que terminará dentro de 25 dias.

Among the 101 Tips, Tricks & Hacks you’ll learn how-to:

* Design attractive web graphics
* Touch up photographs for web use
* Create web site mockups using Photoshop
* Improve your digital workflow
* Master menus, buttons and background tiles
* Use nondestructive editing techniques

Link

1 comment May 18th, 2008

Packaging e Templates em Vectorial

São alguns dos exemplos que podemos encontrar em www.ideem.it

Add comment January 28th, 2008

Centrar exactamente no centro com CSS

Recorri há minutos a uma técnica bastante útil em CSS disponível no css-tricks.com.

.centered {
position: fixed; top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -100px;
}

Fica aqui a resource para usar novamente mais tarde.

4 comments December 23rd, 2007

Every Tool CS2

Quando tive na cadeira de multimédia Adobe Photoshop este pequeno “tutorial” ainda não existia, mas era sem duvida algo importante. Que poderia ser utilizado pelo professor para explicar melhor as ferramentas do Photoshop.

O Every Tool CS2 é um pequeno tutorial-aplicação em Flash que reune informações sobre cada ferramenta do Photoshop, está em espanhol, mas é simples perceber qual a funcionalidade de cada tool.

Pessoalmente guardei a versão em .exe, embora esteja disponível em ficheiro .swf.

Conferir no blog do autor.

Site Oficial

Add comment September 16th, 2007