Procurando por um tutorial que mostra como criar um botão de interface no Photoshop? Este aqui lhe mostrará todos os truques, desde o apropriado efeito “gel” que dá a profundidade do botão até o reflexo que completa o material transparente do mesmo. Tudo que é usado aqui foi criado dentro do Photoshop (alguns tutoriais usam reflexos de outras imagens).

Não se esqueça de clicar nos links no texto do tutorial para ver os parâmetros usados para conseguir os efeitos. Fácil de seguir, mas categorizado como intermediário pois poderia ter sido melhor ilustrado…

Você é um daqueles que se pergunta como fazer um botão com um efeito igual àqueles usados no iTunes, Windows Media Player ou Internet Explorer? Este tutorial esclarece todas essas dúvidas, passo a passo.

Usando apenas ferramentas comuns no Photoshop, você criará aquele efeito que muitos chamam de “efeito aqua” ou “efeito osx”. Na verdade essa técnica não é nenhum segredo de estado e é, na verdade, aconselhado na criação de aplicações, plugins e widgets em alguns dos últimos sistemas operacionais, para que o software não entre em conflito com o tema da interface do sistema.

Existem outros, mas este tutorial é um dos melhores quando se trata de imitar os efeitos de um menu no Vista. Com esse tutorial você terá um menu no mesmo estilo semi-transparente do Windows Vista em seu website em questão de minutos, usando gradientes, sombras e blur. Esses efeitos combinados trazem o foco à imagens e ajuda o texto a ser mais legível em fundos complexos.

Este tutorial também cobre todos os princípios ligados à criação de botões, banners e outros elementos que refletem a luz, dando a impressão “vitral” tão popular ultimamente.