Forum Bom

Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.

    Background vertical

    [Admin] Win32
    [Admin] Win32
    [Admin] Win32
    [Admin]
    [Admin]


    Masculino Mensagens : 175
    • Mensagem nº1

    Background vertical Empty Background vertical

    Mensagem  [Admin] Win32 Sex Jan 21, 2011 11:00 am

    1.
    Background vertical Ac_00002_02

    Cria uma novo documento com as medidas que queres para o teu background (neste caso 150 px de largura).
    Preenche com uma cor.

    2.
    Background vertical Ac_00002_03

    Filter > Noise> Add Noise, para dares textura à imagem. Verifica se a opção monochrome está activa.
    Ok.


    3.
    Background vertical Ac_00002_04
    Coloca a cor branca em foreground.
    Escolhe a ferramenta "Gradient" e no menu das opções (lado direito) escolhe Foreground to Transparent".

    Traça uma linha da esquerda para a direita a apanhar sensivelmente um quarto da imagem.

    Faz o mesmo da direita para a esquerda mas agora com a cor preta como foreground.

    A imagem ganhou relevo e sombra.


    4.
    Background vertical Ac_00002_05
    Muda a cor Background para aquela que vais utilizar na tua página.

    Aumenta o Canvas Size Image > Canvas Size para aproximadamente 40 pixeis (No archor selecciona o quadrado do meio da 1ª coluna).

    Selecciona a nova área e preenche com um gradiente cinzento para simular a sombra.


    5.
    Background vertical Ac_00002_01

    Aumenta novamente o "Canvas Size" Image > Canvas Size > para 1280 pixeis. Este comprimento garante que o background não se vai repetir visualizado a grandes resoluções (1280x1024).

    Grava a tua imagem como Gif ou Jpeg.

    Agora coloca a imagem na tua página Html para veres o efeito do background.

    <body background="bgvertical.gif">
    • Ir para o topo
      Data/hora atual: Dom maio 19, 2024 9:28 pm