O blog dezinerfolio.com publicou um pacote com 131 estilos de layer para usuários do Photoshop. Todos possuem um estilo de cores e degradê seguinto a linha dos sites mais famosos da web 2.0. Também é um estilo presente em softwares e panos de fundo do Mac e do Windows. Para download visite este endereço e clique no botão “Download” localizado no final do artigo. Ele é compatível com o Fireworks 8 ou CS3. Se você é usuário do Photoshop baixa os mesmos estilos para Photoshop em arquivo .ASL aqui.
MAIS DE 100 Layer Styles para Fireworks
Mais sobre: Fireworks
GALERIA DE IMAGENS COM MOOTOOLS
O moo.rd é uma biblioteca javascript que trabalha junto com o conhecido MooTools. Com ela você poderá criar uma galeria de fotos com belos efeitos de transição iguais a esta ou esta aqui. No primeiro exemplo temos uma imagem principal aparecendo com algumas miniaturas na base da foto. Ao passa o mouse sobre qualquer miniatura a foto é ampliada em um belo efeito de transição. No outro exemplo vemos apenas as miniaturas. Ao clicar uma janela se abre deixando o restante do site escurecido. É possível adicionar textos sobre a foto com algum comentário. Links de avançar para as demais fotos facilitam a navegação. Você encontra as dicas de como usar aqui. Para download clique aqui.
Mais sobre: Javascript
10 MELHORES TIPOGRAFIAS EM CSS
O site 3point7designs.com publicou um artigo com 10 belos exemplos de estilos de fonte e espaçamentos para colocar no seu site. Os códigos de cada CSS estão a sua disposição juntamente com um exemplo. Quase todos os estilos tipográficos utilizam fontes comuns a todos os computadores como o Verdana, Lucida Grande, Helvetica, Arial, Georgia, etc.
Os espaçamentos das fontes é que vão dar um toque de elegancia a cada estilo.
Mais sobre: Fontes
CRIAR MAPA DAS RUAS DA SUA CIDADE
Quando estamos desenvolvendo o site de uma empresa é importante criar uma página para informar qual é a localização da empresa ou como chegar lá. Usar um mapa com as ruas próximas da empresa facilita a vida do internauta. Este recurso é praticamente obrigatório em sites de restaurantes, hotéis, e empresas que atendem a turísticas. É um público que precisa de mapas detalhados, pois costumam não conhecer bem a sua cidade.
O site comochegamosaqui.com.br oferece um serviço que permite criar mapas de ruas de qualquer cidade do brasil e do mundo. Com alguns cliques você pode localizar a sua empresa e visualizar o mapa da sua região. Pode adicionar alguns comentários e salvar mapa. Um endereço único é gerado e pode ser divulgado no seu site. Quando o visitante do seu site clicar no link poderá ver o mapa que você criou e os comentários que foram adicionados.
Se você clicar na opção “Satellite” do mapa poderá ver a imagem real de satélite da sua empresa e da região em volta. Se clicar em “Hybrid” poderá ver o nome das ruas sobre a imagem de satélite. O internauta ainda poderá movimentar o mapa para qualquer lado, aproximar ou afastar.
Veja um exemplo do mapa do Maracanã
http://www.comochegamosaqui.com.br/mapa.php?simby=maracana
Para criar mapa visite este endereço. O formulário para criar o endereço e acessar a página de geração de mapas está no final da página.
Mais sobre: Mapas
TENDÊNCIAS DO WEBDESIGN EM 2008
O site webdesignerwall.com publicou um artigo com algumas tendências de estilos utilizados por sites que foram desenvolvidos em 2008. Alguns elementos estão na moda. Alguns exemplos:
- Estilos antigos chamados de “retro” e que lembra material gráfico criado no século passado.
- Elementos que lembram papel escrito a mão sobre o site. Estas anotações ainda apresentam grampos e clipes.
- Sites com estilo Grungy
- Efeitos de tinta jogadas sobre determinadas partes do site
- Aquarela. Lembra pinturas.
- Colagens. Sites com figuras que lembram colagens feitas de papel
- Gráficos que lembram esboços de desenhos com fontes manuscritas.
- Fontes grandes. É cada vez mais comum sites que utilizam fontes grandes.
Visite o artigo para ver fotos e acessar sites que mostram cada tendência apresentada no site.
Mais sobre: Webdesign
MOLDURAS EM FOTOS COM CSS
O site webdesignerwall.com publicou um artigo onde mostra 20 exemplos de utilização de CSS para adicionar molduras e outros elementos decorativos nas fotos do seu site.
Ele disponibiliza um arquivo .zip para download com todos os exemplos, imagens e arquivos css utilizadas no demo existente no site. Veja os exemplos aqui.
Você poderá adicionar pequenos ícones sobre as fotos, adicionar textos na parte superior ou inferior da imagem, adicionar muitos tipos de moldura e panos de fundo. Tudo isto sem precisar editar a foto. Os efeitos e elementos são aplicados na imagem de forma flexível utilizando CSS.
Mais sobre: Css
RESOLVER PROBLEMAS EM FOTOS COM PHOTOSHOP
O blog dezinerfolio.com selecionou alguns dos problemas mais comuns que temos com fotos de máquinas digitais. O blog apresenta solução para todos os problemas de forma bem simples utilizando 2 ou 3 passos no Photoshop. O texto original está em inglês. Você pode ver uma versão traduzida aqui.
- Você encontrará solução para
- Iluminar fotos escuras
- Fotos com muita luz sem profundidade
- Fotos com áreas muito escuras
- Fotos com tonalidade vermelha ou laranja muito forte
- Fotos borradas
- Olhos vermelhos
- Linha do horizonte torta
Mais sobre: Photoshop
EFEITO DE TEXTO FEITO DE GRAMA
O site psdtuts.com publicou um tutorial em inglês com todos os passos para criar um efeito em textos que da a impressão de que foram feitos com grama de verdade. A mesma técnica utilizada neste tutorial pode ser aplicada em qualquer textura. No caso ele utilizou a foto de grama. Poderia ser qualquer outro tipo de material como pedras, água, madeira, etc. Veja uma versão traduzida.
Mais sobre: Photoshop
TRANSFORMAR FOTO EM DESENHO
Utilizando o Photoshop você pode transformar qualquer foto em uma imagem que lembra um desenho feito a mão. Usando sua criatividade este efeito pode lhe ajudar em diversos tipos de trabalho. O tutorial está em inglês e possui todos os passos. Você pode ver esta versão traduzida.
Mais sobre: Desenho
1000 BRUSHES PARA PHOTOSHOP GRÁTIS
PaulW é um design gráfico da inglaterra que publicou no em sua página no site paulw.deviantart.com mais de 1000 brushes para Photoshop criados por ele. Os brushes estão separados em dezenas de pacotes com temas diferentes. Os brushes são compatíveis com Photoshop CS, CS2, CS3. Para download visite a página, clique na figura de algum pacote de brushes e procure no menu lateral da esquerda o botão de “download”.
Mais sobre: Photoshop




