Neste tutorial você aprenderá como criar um “button” no Photoshop. A idéia não é apenas criar um “button”, mas sim o “template” ou forma que por sua vez é usada para criar quantos “buttons” você quiser.

Este é o tutorial perfeito para demonstrar a diferença entre o “Fill” e “Opacity” num layer. Mesmo com o “Fill” de um determinado layer a 0%, você ainda poderá ver todos os “styles” do mesmo layer a 100%. Uma ótima dica que pode ser usada de várias maneiras. E o exemplo deste tutorial não poderia ser melhor: um template para fazer “buttons” que funcionam em qualquer projeto!

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.

iMouse, um mouse (ou rato) simples e elegante, parece que saiu de um filme de ficção científica. Muitos ainda preferem um mouse com dois botões… mas aqueles que usam o iMouse já decidiram: pra que complicar algo tão simples?

Neste tutorial você fará uma cópia do iMouse, usando uma combinação de vários layers para dar uma impressão tri-dimensional e de um material transparente – usando técnicas que com certeza serão úteis em outros projetos. Um tutorial imperdível para todos os grandes fãs do Mac.

Neste tutorial você vai aprender como transformar um iMac que é branco num iMac negro. Esta imagem é famosa e já foi usada em vários websites: é só buscar por “Black iMac” na Google.

O autor original do tutorial decidiu, depois do sucesso de sua imagem (que segundo ele trouxe um tráfego incrível ao seu website), mostrar a nós como ele criou este efeito. O tutorial em si é muito fácil de seguir e pode ser usado com vários outros objetos, quem sabe com o novo iMac…

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.