帕兰映像

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

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

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

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

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