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

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

　　先来看看最终效果图：

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

　　1. 背景的制作

　　1)

-------------------------------------------------------------------------------
　　2)

　　3)

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

　　4)

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

　　5)

　　6)

　　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)

点击小图观看演示动画

Photoshop路径终极教程：【上一篇】
Photoshop菜单中英文对照表：【下一篇】