
光泽闪过及文字抖动的LOGO代码[图解教程](博客特效)
来源:http://soft.zt169.com/Article/Catalog6/7.html
使用方法:
2.把最后得到的原始代码放在代码特效工具-代码检验器(博客特效)或者主页制作器(博客特效) 或者在线HTML编辑器(博客特效) 里查看效果。
3.或把最后得到的原始代码直接放到自定义HTML模块里面即可,自定义HTML模块的添加见《个人门户增加自定义html模块(重要!) 》
4.把得到的图片地址替换原始代码中的红色http://xzd.2000y.net/admin/uploadfile/2005121013414243951.gif地址。
5.欢迎光临图片地址找法:鼠标右键单击图片---属性--地址(URL)后面的地址就是。
步骤:
步骤一、建立300*300画布
步骤二、用矩形工具画一个88*31的矩形,边框填充为灰白色,内部为灰黑色。再用钢笔用具画一个多边形;边框为灰白色,笔尖为1PX,纹理为Grid 100%,形成虚线;内部填充为粉红色。
步骤三、将多边形与矩形组合,再将组合后的矩形加入效果,设置如图:
步骤四、拉一个高27宽12的白色矩形,选择倾斜工具,将这个矩形拉成平行四边形;设置添充为线性(灰--白--灰),“羽化”度为3;这个图层的透明度为65%。
步骤五、在背景矩形中输入你要加入的文字,并将刚才制作的羽化半透明图层放到最上面。
步骤六、重新建立一个88*31的画布,将刚才制作的所有图形拷贝到新建的画布中
步骤七、对动画进行设置:
第一桢到第七桢:从右到左,平行移动半透明的羽化矩形部分,每个分桢的速度=0,产生闪光的效果。
第八桢去除半透明举行光泽感,分桢速度=80,是动画稍作停顿。
第九到十二桢上、下、左、右的移动上部文字,分桢速度=2,叫文字产生晃动的感觉。
最后一桢同第八桢,分桢速度=100,完成动画过程。
至此,一个既具有文字动感,且具有光泽闪过的logo就做好了,很简单吧?但是还算是很精致的哦!
原始代码:










