Páginas

sábado, 26 de maio de 2012

Crie imagens para background on-line

Mesmo quem não desenha pode criar backgrounds patterns (imagens de fundo lado a lado) bonitos e inéditos. Selecionei quatro sites com os quais podemos gerar as mais variadas imagens. Eles são tão fáceis de usar que dispensam tutoriais. Aproveitei para criar alguns exemplos que você pode baixar gratuitamente.

1. BgPatterns

Eu já falei sobre esse site duas vezes aqui no blog porque ele é muito simples de usar e não me canso de recomendar. Tem algumas opções de imagens e de texturas. Você escolhe o tamanho, a proporção, a disposição e a rotação. Clica no ícone do olho para ver como está ficando e depois na seta para fazer download da imagem que você criou. Não tem erro.

2. Tartan Maker

Para quem curte background tartan (xadrez), esse é o site.

3. Stripe Generator

Crie seu background listrado com suas cores favoritas:

4. Pattern Cooler

Esse é, sem dúvida, o gerador de backgrounds que tem a maior variedade de estampas para você escolher. Desafio: escolha uma imagem que pareça feia e torne-a bonita apenas mudando as cores. Difícil? Com o Pattern Cooler é bem fácil fazer isso. Se estiver sem criatividade para escolher as cores, clique em Show color variations as thumbs e o site mostrará várias opções de coloração já prontinhas.

IMPORTANTE: Você pode baixar e usar essas imagens em seus sites, mas não pode disponibilizá-las novamente para download.

Confira também:

Até mais!



Pix meutedio arroba mail ponto com

5 comentários:

  1. como você colocou esse efeito de colocar o mause em sima da imagem e ela fica como plano de fundo ??????

    ResponderExcluir
    Respostas
    1. É JavaScript, onmouseover. Tenho que fazer um post só para explicar isso. Aqui pode ficar confuso.

      Excluir
    2. <div id='thumbleft' style="background: url(http://lh4.googleusercontent.com/-VRvn87Jl79k/T8EIQ7kjjXI/AAAAAAAAPUI/FvHtkvJg3v4/s800/1-coracao-rosa.png) center center;" onmouseover="body.style.backgroundImage='url(http://lh4.googleusercontent.com/-VRvn87Jl79k/T8EIQ7kjjXI/AAAAAAAAPUI/FvHtkvJg3v4/s800/1-coracao-rosa.png)';"><a target="_blank" href="http://lh4.googleusercontent.com/-VRvn87Jl79k/T8EIQ7kjjXI/AAAAAAAAPUI/FvHtkvJg3v4/s800/1-coracao-rosa.png">baixe aqui</a></div>

      Excluir

Todos os comentários são moderados pela autora do blog.