18
mai
2008
Sob categoria: Design de Interfaces
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
14
mai
2008
Sob categoria: Efeito Fotográfico
Este é um de meus preferidos! Este tutorial mostra várias técnicas para dar um estilo clássico e envelhecido ao seu projeto através de texturas, filtros e overlays. As mesmas dicas são amplamente utilizadas por designers profissionais que querem dar este tipo de efeito a seus trabalhos. Esses efeitos são bastante usados em capas de livros, logomargas, posters cinematográficos, etc. Isso me faz lembrar do poster do filme “O Compasso Dourado”…
Este tutorial adicionará vários truques ao seu repertório e é imperdível. Confira!
10
mai
2008
Sob categoria: Efeito de Texto
Neste tutorial você criará um efeito sobrenatural com a ajuda de fumaça e um fundo noturno. Aqui criaremos estrelas, uma fumaça suave, nuvens e efeitos dignos de uma verdadeira sexta-feira 13 onde você acordou com o pe esquerdo, quebrou espelhos e viu 7 gatos pretos!
O destaque deste tutorial é sem dúvida o uso do filtro “Distort > Wave”, que dará aquele toque final. O uso do filtro “Noise” também é muito útil na criação de estrelas, um truque que muita gente ainda não se deu conta…
7
mai
2008
Sob categoria: Design de Interfaces
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…
4
mai
2008
Sob categoria: Design de Interfaces
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.
3
mai
2008
Sob categoria: Efeito Fotográfico
Neste tutorial você criará a silhueta de um roqueiro. Em princípio, a mesma técnica poderá ser usada na criação de qualquer outra silhueta. Este tutorial usa a fotografia de uma pessoa real, mas não inclui a parte da extração do fundo pois o autor decidiu que cada um tem sua própria técnica preferida. O resultado é um efeito realístico de profundidade e luz, através de um halo colorido que provém do fundo. Este tutorial é muito interessante e versátil, pois suas técnicas podem ser aplicadas de várias maneiras. O sol atrás da silhueta de uma árvore seria um outro exemplo de uso deste tutorial.
1
mai
2008
Sob categoria: Efeito 3D
Usando efeitos sutis através de layers e gradients, podemos criar a impressão de 3D em nosso design para a web. Nesse tutorial você aprenderá que efeitos aparentemente avançados são, na verdade, bastante simples. O efeito visual é efetivo, único e não requer vários ajustes.
No final deste tutorial você terá um cabeçalho, uma logo e um menu. Brincando um pouco com as possíveis variações, você poderá criar a base para o tema de seu novo site!