Todos tutoriais na categoria: Design de Interfaces

Como criar um “button” no Photoshop

18 15 jun 2008

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!

0 hr 40 min Tutoriais PS
12345 (214 votos)

Criando um botão de interface no Photoshop

14 14 jun 2008

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…

0 hr 35 min Spoono
12345 (93 votos)

Como fazer um botão igual ao iTunes no Photoshop

2 19 mai 2008

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.

0 hr 40 min PS GUI Design
12345 (45 votos)

iMouse – criando um mouse do Mac no Photoshop

18 mai 2008

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.

1 hr 40 min PS GUI Design
12345 (24 votos)

Crie um iMac negro em Photoshop

7 mai 2008

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…

0 hr 35 min PSDTuts
12345 (23 votos)

Como criar menus inspirados no Vista

8 4 mai 2008

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.

0 hr 30 min PSDTuts
12345 (54 votos)

Siga Photoshopus no Twitter!

Anúncios

10 autores mais ativos

Os melhores sites brasileiros estão aqui Artista Digital - Comunidade de Artistas Digitais iStockphoto - O melhor banco de imagens Anuncie aqui!

Parceiros

Sendentário e Hiperativo Lista 10 Tutoriais Photoshop! Pensar Enlouquece Jacaré Banguela Sim Viral The Dreamer Receita do Sucesso Com Limão Idea Fixa WebFromBrazil