111graus - comunicação eclética e cultural » Web-design

Recursos para criar layouts Web no Photoshop

Edgar Costa — Wed, 23 Feb 2011 21:43:59 +0000

Dois recursos importantes para criar layouts web no Photoshop:

50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Icones para usar no Google Maps

Edgar Costa — Thu, 29 Oct 2009 22:21:33 +0000

Finalmente um conjunto de ícones para utilizar e levar a sério nas próximas aplicações em que fizer uso do Google Maps.

São mais de 600 ícones que vão sem dúvida dar um excelente estilo aos meus próximos mapas. Estão catalogados: restaurantes, cultura, locais religiosos, lazer etc.

Todas as informações, inclusive como aplicar no Google Maps no site oficial.

Via WebResourcesDepot

Gerar a paleta de cores de uma imagem

Edgar Costa — Thu, 19 Feb 2009 12:47:49 +0000

Conheci esta semana mais um serviço on-line bastante útil, por exemplo, para o web-design.

O Colors Pallete Generator é básico. Envia-se a imagem que queremos e temos a paleta de cores da mesma. Isto é ideal quando há pouca inspiração e queremos criar alguma coisa relacionado com a nossa imagem.

Colors Pallete Generator

Mapa mundo em pontos

Edgar Costa — Thu, 12 Feb 2009 11:36:00 +0000

Jayhan disponibilizou há vários meses no seu blog, um mapa mundo desenhado com pontos. O ficheiro em formato vectorial (Adobe Illustrator) é um excelente recurso para aplicar em criações gráficas ou destinadas à web. Está disponível com três tamanhos diferentes de pontos.

Ligação

Templates de Browsers em PSD

Edgar Costa — Sun, 07 Dec 2008 14:27:39 +0000

Joel Laumans disponibilizou no site blog/site uns templates em PSD bastante uteis para web-designers que desejam mostrar aos seus clientes os seus futuros sites a funcionar num browser.

O template é bastante personalizavel e tráz os dois principais browsers: Firefox (versão Windows e Mac) e o Internet Explorer.

Ligação

Desenvolvimento Web com Photoshop e HTML

Edgar Costa — Tue, 24 Jun 2008 18:25:44 +0000

No NETTUTS encontrei um excelente tutorial no que toca ao web-design. O tutorial explica passo por passo como desenvolver um site (HTML/CSS) com as ferramentas da Adobe (Photoshop e Dreamweaver)

Fica o link nos resources, para umas futuras consultas.

Efeito reflexo no Photoshop

Edgar Costa — Tue, 24 Jun 2008 02:22:06 +0000

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).

Conteúdos Silverlight em DVD

Edgar Costa — Sat, 24 May 2008 01:34:30 +0000

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.

The Photoshop Anthology – Free E-Book

Edgar Costa — Sun, 18 May 2008 15:47:50 +0000

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

Packaging e Templates em Vectorial

Edgar Costa — Mon, 28 Jan 2008 23:16:23 +0000

São alguns dos exemplos que podemos encontrar em www.ideem.it