Posts filed under 'Web-design'

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.
June 24th, 2008

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).
June 24th, 2008

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.
May 24th, 2008
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
May 18th, 2008




São alguns dos exemplos que podemos encontrar em www.ideem.it
January 28th, 2008
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.
December 23rd, 2007

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
September 16th, 2007