63个背景图片相关设计展示/资源和教程

网页设计师争相为参观者留下深刻的印象与特色和富有吸引力的视觉元素。背景图片是其中一个视觉元素，如果设计得当，可以创造一个了不起的气氛. 在这篇文章里面,可以看到一些网页设计师所精心设计的背景图片，以及怎样的布局效果等等. 同时,我们还附加了一些背景图片相关的设计教程和资源供你备用.

极佳的背景图片设计和趋势

先让我们来看一些强大的网页背景图片的设计应用, 从中发现最新的背景图片设计趋势.

1) Viget/Extend

2) Jazz Clubs 3) Viget/Inspire 4) Straw Poll Now 5) Hebatec 6) Legendary Aircraft

Plain and Simple

7) Lukasz Tyrala

8 ) Subdued 9) Singularity Concepts 10) Eddidit 11) Not Your Average Joe 12) Cubeclub Chemnitz 13) Otramancha 14) Peminoz 15) Time For Cake 16) Dale Harris 17) Kutz Town 18) BootbB 19) Springtime 20) Level Opacity 21) Eleven3 22) Swell Guys 23) Point Of E 24) Abduzeedo 25) Avalonstar 26) Pangaea Festival 27) Team Green Online 28) Deadmetropolis 29) Juxt Interactive 30) Introzo 31) Scoutingforgirls 32) David Hellmann

在哪里可以寻找到背景图片资源?

下面是Noupe推荐的一些背景图片的资源和教程

• Free Hi-Res Splatter Photoshop Brushes
  
• Createsk8- Free Illustrator Patterns, Camouflage Patterns.
• PS Brushes- Great resource for photoshop Brushes
• Squidfingers
• Urban Dirty- Texture stock photos
• Go Media Vector Packs
• Kaliber10000
• Kavewall
• Vecteezy
• DeviantART Brushes
• Brusheezy- Free Photoshop Brushes at Brusheezy
• Free Vector Graphics
• Texture Packs
• Free Photoshop Brushes

背景图片的纹理和图案资源

• Where can I find textures and background images?
• Free Textures and Background Images
• 30+ Background & Stock Image Sites

如何使用CSS控制背景图片的相关教程

• Spruce up your search box- with CSS and a background image.
• CSS Sprites- What They Are, Why They’re Cool, and How To Use Them
• Using Percentages in Background-Image
• CSS background-image Tutorial- A tutorial about the CSS background-image property and other background related CSS properties.
• Controlling background images and colours- Learn how to use CSS properties to add background images and colour to your Web pages. Lots of neat tricks and examples are included!
• CSS Image Maps- How to create an image map that’s built entirely using CSS and Xhtml

使用Photoshop 和 Illustrator创建背景图片的相关教程

• Illustrating the Flower Pattern
• Magic lighting effect in photoshop- 如何利用Photoshop创建一个灯光魔幻效果
  
• Photoshop Space and Planet Tutorial-这个Photoshop教程将告诉你如何创建一个新奇的星球空间.
  
• Vector Polishing Techniques- 这个教程包含9项 Photoshop特效应用
• Creating Smoke- 如何创建烟雾效果
  
• The Neverending (Background Image) Story- by Elliot Jay Stocks
• Beautiful lighting FX effect in Photoshop

背景图片生成器

• Stripe Generator
• Background Image Maker

英文原文/翻译: 帕兰映像

来源于 63个背景图片相关设计展示/资源和教程 | 帕兰映像