PS商业应用实战：网站首页设计

PS商业应用实战：网站首页设计

编者按：这是一个“图片+动画”式的教程，力求直观，生动，一步步引导您学习制作网站页面的技巧。文件大的动画在教程页面中只有一个截图，需要观看动画，请点击该截图即可。

版权声明：（作者赵鹏zhaopeng.net，所在论坛blueidea.com）此教程允许任意转载，允许用于商业印刷，不需经过作者同意，不需支付任何费用。但必须保证教程的完整性，同时注明本版权声明全部内容。

先来看看最终效果图：

--------------------------------------------------------------------------------

1. 背景的制作

1)

--------------------------------------------------------------------------------

2)

3)

--------------------------------------------------------------------------------

4)

--------------------------------------------------------------------------------

5)

6)

--------------------------------------------------------------------------------

7)

--------------------------------------------------------------------------------

8)

2. 渐变条的制作

1)

--------------------------------------------------------------------------------

2)

--------------------------------------------------------------------------------

3)

4)

--------------------------------------------------------------------------------

5)

--------------------------------------------------------------------------------

6)

点击小图观看演示动画

--------------------------------------------------------------------------------

7)

点击小图观看演示动画

3 光环的制作

1)

--------------------------------------------------------------------------------

2)

点击小图观看演示动画

--------------------------------------------------------------------------------

3)

点击小图观看演示动画

4. 主体文字的制作

1)

--------------------------------------------------------------------------------

2)

--------------------------------------------------------------------------------

3)

4)

--------------------------------------------------------------------------------

5)

6)

--------------------------------------------------------------------------------

7)

点击小图观看演示动画

--------------------------------------------------------------------------------

8)

点击小图观看演示动画

9)

--------------------------------------------------------------------------------

10)

11)

点击小图观看演示动画

--------------------------------------------------------------------------------

5 变形文字的制作

1)

--------------------------------------------------------------------------------

2)

3)

点击小图观看演示动画

--------------------------------------------------------------------------------

4)