这是一个“图片+动画”式的教程,力求直观,生动,一步步引导您学习制作网站页面的技巧。文件大的动画在教程页面中只有一个截图,需要观看动画,请点击该截图即可。 版权声明:(作者赵鹏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) |
|