Background vertical

    Compartilhe
    avatar
    [Admin] Win32
    [Admin]
    [Admin]

    Masculino Mensagens : 175

    Background vertical

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

    1.


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

    2.


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


    3.

    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.

    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.


    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">

      Data/hora atual: Sex Dez 14, 2018 2:37 pm