CSS Efeitos no background

Este tutorial tem um video disponivel de 2 megas em flash. Neste video apenas se podera ver a parte do photoshop.
Se quiseres ver o video e so seguir o link. Ver video

Ideia.

Criar um background do género do PTTutoriais.
Este efeito resulta muito bem quando o designer pretende criar um layout com tamanhos fixos, e é um excelente efeito que resulta bem tanto em resoluções como 800px por 600px como em resoluções superiores.

Mãos a obra. Abrir o Photoshop.

O primeiro passo consiste em abrir o Photoshop ou mesmo outro programa de criação de imagens.
Como queremos que o site funcione em 800px por 600px, críamos uma imagem com 780px por 500px.Escolher o tamanho da imagem

Depois de termos a nossa canvas pronta de seguida escolher o rectangular marquee tool, seleccionar grande parte da imagem apenas deixando um pequeno espaço no lado direito e esquerdo.
No meu caso deixo 2 quadrados ou píxeis para cada lado.
De seguida preencher o rectângulo seleccionado com a cor branca.Selecionar area

O próximo passo consiste em criar uma sombra no layer que criamos.
Para tal basta seleccionar o layer onde esta a nossa caixa branca e escolher:

  • Layer
  • Layer Style
  • Drop Shadow
De seguida no menu escolher os seguintes valores:
  • Opacity: 100%
  • Angle: 90
  • Distance: 5
  • Spread: 35
  • Size: 9
Criar a sombra

2
Bookmark este artigo/tutorial.
Adicionar no delicious   Adicionar no technorati   Adicionar no reddit


Votacao
Votos Positivos: 2Votos Negativos: 0
#

Opinoes
#
Jota
Jota

Nome:
Joao Parreira
Areas:
ASP, CSS, ASP.NET, T-SQL, VB.NET
#

Google #