10 truques sujos Quick & Easy Fundos Web personalizado

15 de junho de 2009 por Joel Reyes · 14 Comentários




backs-00 Oh, os ensaios e atribulações de fazer o seu próprio fundo repetindo. Nós temos tudo estado lá, aprimorando nossos pixels e tentando fazer as repetições se encaixam muito bem.

Aqui estão as soluções para nossos problemas de fundo! Dê uma olhada nesses sites que oferecem a você a capacidade de rapidamente fazer seus próprios. Ou você pode usar uma das imagens sem costura repetindo disponíveis em outros sites, tudo polido e pronto para as suas necessidades de web. Você pode encontrar alguns desses fundos para ser especialmente inspirador! Eu sei que tenho.

Então vamos começar com 10 truques sujos Quick & Easy Fundos Web personalizada.

BG Patterns

backs-01

Este site tem algumas opções impressionante para fazer o seu próprio fundo. Há uma grande seleção de gráficos para escolher para o design repetição. Ele não termina aí, dão-lhe infinitas possibilidades. Você pode selecionar sua "tela" estilo que muda a textura 3D do fundo, bem como o tamanho do bloco e opacidade da textura. A página de seleção de cores vem com um seletor de cores RGB e até mesmo um lugar para colocar o seu código hexadecimal no modo que você pode combinar perfeitamente com o design do site. Você pode até mesmo aplicar a imagem de fundo da página para ver como fica. Então baixe a imagem ou salvá-lo "meus padrões.

2) Dotter fundo do Pixelknete

backs-02

Pixelknete pode dar a seu website um olhar Arte / Pop Lichtenstein. O sombreamento estilo ponto pode ser adicionado ao seu fundo como uma imagem horizontalmente repetindo e parece fantástico. Basta colocar na sua hexes e clique em 'OK' e gera a imagem para você! Ou tentar bater "aleatória" e criar algo selvagem e funky. Algumas das combinações que surgiram foram muito legais. Assim que estiver pronto, clique direito sobre o fundo e selecione 'imagem de vista de fundo' no firefox ou "salvar imagem de fundo 'no IE.

3) Stripe Generator

backs-03

Exatamente o que ele diz que é! Um gerador de tarja com algumas opções bastante surpreendente. Seleção de cor hexadecimal códigos com um conta-gotas RGB se você optar por usá-lo, mudar o tamanho das duas cores diferentes de listras, mudar o fundo, adicione um gradiente, mude a altura do gradiente ... ufa! Apenas lembre-se de clicar no quadrado cada vez que você faz alterações para que ele irá atualizar e mostrar o que a nova mudança parece. Você também pode ver os projetos de outras pessoas de faixa, de salvar a sua própria e até mesmo fazer um tartan com as suas cores! Falando de tartans ...

4) Tartan Designer

backs-04

Tartan designer foi juntar pelas mesmas pessoas em Stripe Generator. Ele tem opções semelhantes fantástico com uma interface de usuário divertido para você brincar. Mexer em tudo, existem alguns grandes recursos! As texturas resultantes são muito grande, apenas uma sugestão de um olhar têxtil que realmente socos até o estilo.

5) Fundos Striped

backs-05

Outra faixa de fundo baseada criador, mas muito diferente do Stripe Generator. Você pode escolher até cinco cores diferentes, utilizando seus códigos hex ou você pode simplesmente clicar em "randomizar" e ver o que você ganha. Um bônus extra está começando a escolher o tamanho da imagem que você quiser com uma queda útil para baixo guia que lista as larguras e alturas de pixels. Very nice!

6) bgMaker

backs-06

Uma forma pouco de diversão para fazer e testar seu pixel backgrounds base. Vê-lo mudar à medida que você adiciona novas cores e pixels! Suas opções são bastante limitadas, mas você pode salvar a sua imagem e ver alguns dos outros as imagens salvas e transferi-los para uso. Alguns deles são realmente muito bem feito! Também os seus sliders RGB são fáceis de usar e se você cometer um erro você pode bater CTRL + Z para desfazer. Muito útil!

7) e Hip robô duram

backs-07

Um site muito legal pouco com uma bela seleção de backgrounds para download para uso em blogs ou twitter ou o que você precisa. Você não fazer o seu próprio aqui, mas você tem certeza de encontrar alguns grandes.

8) BLOG Bliggity quentes

backs-08

"O melhor blogueiro do site backgrounds livre em todo o planeta interwebular. Nenhum exagero. "Então eles dizem! E até agora ele está segurando-se muito bem, eles têm algumas origens muito bonito aqui, perfeito para o seu blog. Eu amo a seleção e as texturas que usam o olhar quase palpável. Você pode até mesmo hotlink para eles usando o código fornecido ou baixar um extra grande. Jpg e ajustá-lo ao seu site exatamente como você gosta.

9) As escovas de Mel

backs-09

Lembro-me de trabalho de Mel de trás em meus dias jovem designer web. Ela funciona escova excelente e ela expandiu suas habilidades e agora faz padrões de repetição, assim como outras coisas. Ela tem uma seleção muito boa, alguns estão à venda e outros são de graça. Não se esqueça de verificar seus outros recursos livres em sua página.

10) Squidfingers

backs-10

Travis Beckham oferece alguns padrões realmente impressionante para os visitantes o seu site. 150 projetos + e contando! Trabalho de pixel bonito, de mod a vitoriana procura desenhos. Ele é incrivelmente talentoso, eu passei muito tempo lá!

Se você está olhando realmente para sujar as mãos e tentar a sua própria aqui é um bom 'desenhá-la a si mesmo' tutorial seamless por Julie , que pode ser imitado facilmente no photoshop ou illustrator. Você pode tentar este tutorial com os padrões da vida real e texturas também por bater o rei Textura e recebendo algumas de suas surpreendentes texturas livre.

Tenha em mente que você visitar esses sites para que todos tenham as políticas de uso diferentes em suas origens. Fundo feliz fazendo!

Sobre Joel Reyes
Joel Reyes tem sido escrito e desenvolvimento de web sites há vários anos, esta situação levou-o a ser a mente criativa por trás Designer Looney um recurso de design do site e portfólio que gira em torno de design e desenvolvimento web.

Comentários

14 Responses to "10 Tricks rápida e suja para Easy Web Backgrounds Custom"
  1. Cassie - http://mamasontheweb.com diz:

    Este é exatamente o que eu estava procurando para a semana passada. Thank you! Brushes Mels e bgpatterns são meus favs eu acho.

  2. Tony - diz:

    Coisas legais, muito obrigado!

  3. Designer - http://www.hipandtwendy.com/ diz:

    Olá!
    Obrigado pelo que caracteriza minha hipandtwendy.com site em seu post. Eu não tenho nenhum novos padrões em quando, mas há muito há para escolher.

    Desenhista

  4. Patternhead - http://www.patternhead.com diz:

    Bom post.

    Você pode encontrar lotes de padrões vector livre [http://www.patternhead.com] at Patternhead pontocom

  5. Hards Jon - http://www.twitter.com/Hardsy diz:

    Meu software antivírus não gosta bgMaker. Aparentemente, ele é infectado w / o seguinte:

    http://bgmaker.ventdaval.com/ \ {gzip} contém amostra de 'HTML: Iframe-inf'!

  6. tasarhane - http://tasarhane.com diz:

    úteis .. obrigado.!

  7. Rahul Jadhav - http://www.cooltricksntips.com diz:

    Obrigado por compartilhar tais grandes recursos

  8. MarcoBarbosa - http://twitter.com/Marcobarbosa diz:

    Muito obrigado! lista muito agradável.

  9. Thompson Touch - http://www.thompsonTouch.com diz:

    Doce!

  10. Rory - http://www.crearedesign.co.uk diz:

    Bela seleção de recursos do fundo, cheers ser um especialista em web design eu preciso de lotes de diferentes estilos e inspiração para minhas criações, agradecendo-lhe

  11. vancouver web design - http://www.lewiscom.ca diz:

    Eu nem mesmo sei que preciso desses sites até que eu li o seu post. Grande recurso!

    hora de ir para pimp my fundos!

  12. Web Design Cheltenham - diz:

    Estes são grandes, obrigado, eu definitivamente vou estar usando algumas dessas no futuro!

  13. estudio de diseño grafico - http://www.dgenerador.com diz:

    Muy interesante blogue de diseño grafico y pós excelente. Gracias
    Blog do grande projeto gráfico. Obrigado

  14. mattsolo - http://freewiipoints.net diz:

    Cada um deles é novo para mim. Graças uma tonelada!

Blog Tutorial