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

　　先来看看最终效果图：

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

　　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)

点击小图观看演示动画

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

无忧CMS，5ucms.org建站仿站首选！