Archive for the Web-design Category
Posted on June 24, 2008 by Edgar Costa
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).
Posted on May 24, 2008 by Edgar Costa
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.
Posted on May 18, 2008 by Edgar Costa
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
Posted on January 28, 2008 by Edgar Costa
São alguns dos exemplos que podemos encontrar em www.ideem.it
Posted on December 23, 2007 by Edgar Costa
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.
Posted on September 16, 2007 by Edgar Costa
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
Newer Entries »
