Elementos Gráficos
São elementos gráficos simples que vão incrementar uma home page e personalizá-la. Capriche, então, na escolha do fundo. Use botões com textura e aparência tridimensional. Utilize fios coloridos (dégradé). Há um ótimo recurso que pode dar vida a botões e logotipos: sombras. Com elas os objetos parecem flutuar nas páginas.
O melhor de tudo é que você pode criar elementos gráficos utilizando recursos simples de um editor de imagens. Eu usei o Adobe Photoshop, que é um programa clássico na edição de imagens e desenhos. Existe, inclusive, uma versão online que você pode testar. A criação de uma conta é "de grátis".

Online PhotoShop.

Como criar Planos de Fundo
Basicamente você pode usar uma cor sólida <body bgcolor="#FFFFFF">, ou uma textura como fundo de uma home page. Para fundos com textura podem ser usadas GIFs ou JPEGs, que são os formatos aceitos na internet. O Código HTML para inserir textura em uma página é <body background="fundo.JPG">, onde "fundo.JPG" é a imagem que você vai criar. Nas paginas Web, a imagem de fundo é replicada lado a lado (ladrilho). Faça ladrilhos pequenos para que o carregamento da página seja rápido.

Clique no ladrilho para reproduzí-lo.


O filtro Offset do Photoshop
Os ladrilhos, como você viu, combinam-se de todos os lados, formando uma imagem totalmente sem emendas. Esse efeito pode ser facilmente obtido usando-se o filtro Offset do Photoshop. Ele, quando aplicado, reorganiza a imagem de maneira que o centro é deslocado para as margens, e, estas, quando dispostas lado a lado, se combinarão sucessivamente, formando uma única imagem.

Crie um arquivo de qualquer tamanho (desde que seja quadrado ). 220x220 pixels
Crie uma nova camada (layer1). Desenhe linhas, setas, etc. Eu usei uma fonte ZapfDingabt, com cores e tamanhos variados.
Aplique o filtro Offset (50% do tamanho da imagem). Deslocamento horizontal e vertical igual a 110x110, opção Wrap Around ligada.
Após o deslocamento preencha os espaços vazios da imagem.

Ajuste a opacidade da layer1 para um valor adequado (entre 20 e 35%) No menu Image/Image size reduza as dimensões para 110X110. Use o próprio Photoshop para ter uma visualização prévia da imagem ladrilhada. Selecione o ladrilho e execute Edit/Define Pattern, crie um novo arquivo (640X480) e aplique edit/fill (pattern).

Você pode usar outros filtros do Photoshop (Distort, wave; Render, clouds; Pixelate, pointillize; Pixelate, crystallize; Pixelate, mosaic, etc). Também pode ladrilhar fotos; criar marcas d'água com logotipos, etc.



Clique na linha


Kai's Power Tools
Você pode aplicar efeitos bem interessantes em ícones, botões e marcadores, réguas e barras de navegação usando os filtros do Power Tools, da Meta Tools. Este filtro é instalado na pasta Plug-Ins, do photoshop.





Utilizando os efeitos lighting Effects e Wind, do photoshop

Se você quer informações sobre tutoriais, efeitos e filtros do photoshop existe uma variedade muito grande na web. Eu sugiro os cursos da Lynda.com que, na minha opinião, são os melhores. O endereço http://www.lynda.com/Photoshop-CS5-tutorials/one-on-one-fundamentals/ tem, com certeza, o que você procura.

Elementos Gráficos