Mockuping

Dimensões: 850x600 px
Header:

• fonte verdana 100
• cor 1 931D1B
• cor 2 FCAF17
• 110x800 px
  

Gradiente: ffffff, C59E90, AE7046, 8F5645

Brilho do Título







Sombra do fundo

Utilitários para Desenvolvimento Web

NVU para edição de html-css
PSPAD para edição de PHP

Botão CSS

.rollover a { padding: 10px 10px 10px 7px;
background: transparent url(file:///C:/Documents%20and%20Settings/Administrador/Meus%20documentos/Carlos/imagens/bot%E3o-1.jpg) no-repeat scroll 0px 0px;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
display: block;
width: 70px;
height: 10px;
font-family: sans-serif;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 13px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
text-decoration: none;
color: rgb(204, 0, 0);
}
.rollover a:hover { background-position: 0pt -30px;
color: rgb(0, 68, 153);
background-image: url(file:///C:/Documents%20and%20Settings/Administrador/Meus%20documentos/Carlos/imagens/bot%E3o-1.jpg);
}

Botão de plástico

Criar uma imagem com o tamanho: 30px X 70px
Desenhar um retângulo com cantos arredondados com raio de 4px

Adicionar estilos

Adicionar uma sombra projetada:
mesclagem normal
opacidade 75
angulo 90
utilizar luz global
distancia 4
expansao 0
tamanho 2

Sobreposicao de degradê:
mesclagem normal
opacidade 100
degradê: 2EF2ED, 33B8D1 (posição 50%), 3396BE (posição 50%), 49BBF5
estilo linear
alinhar a camada
ângulo -90
escala 100

Traçado:
tamanho 1
posicao externa
mesclagem normal
opacidade 100
preenchimento cor: branco (FFFFFF)

Adicionar brilho:
criar nova camada
desenhar com a caneta
preencher com branco
opacidade 50

lembra de mim?

Atividade

Bruce Dickinson Goes Emo!

Cara Limpa

Colorização

Tattoo

Atividade

My Weather!

On The Road

Hope

Header com Imagens

Comtém:

• fundo com preenchimento de padrão: linhas verticais, inclinadas em -30°, em branco e azul-bebê
  
• segunda camada de fundo: com gradiente linear de azul-bebê para brando da metade para cima, e transparência uniforme (predefinida)
• título em fonte arial, cor branca, com sombra incandescente média
• barra de menu com gradiente linear de azul-marinho para azul-elétrico
• texto dos menu em fonte arial branca
• imagens: notebook e server com máscara