“心跳”文字动画Logo_网页制作_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

“心跳”文字动画Logo

作者：闵涛文章来源：闵涛的学习笔记点击数：618 更新时间：2009/4/23 13:24:53

　　效果图：

　　下面我给大家介绍一种制作动态变形文字的LOGO的方法：
　　步骤一:建立300*300的画布,在画布上用矩形工具拉出一个88*31的矩形;选择这个矩形,从对象这个菜单中修改圆角尺寸。

　　技巧：当然，你也可以直接用圆角矩形工具拉圆，不过他的圆角角度也需要这样调节……
另外还有可以在拉矩形的同时按键盘上的方向键--上和下--同样也可以起到调节圆角的功能……
　　步骤二、下面我们要做那个类似新浪网站的眼睛了。
　　（1）眼睛的轮廓：用圆形工具直接画出2个椭圆，放在一起，分别填充不同的颜色。

　　（2）眼球：画一个小的正圆，填充成深色，加上平滑化内斜角的效果。

　　（3）眼毛：画一个长矩形，用缩放工具旋转他的角度。一共5个，分别按不同的角度排列起来。

　　（4）下面的部分：画一个圆角长矩形，选择倾斜工具，点中矩形的底部角上的点，向内拉，形成梯形。

　　把刚才做的那些东西放在一起，就成了SINA的眼睛：

　　步骤三、修饰LOGO画布，用一些图形充满画布，如果有超出88*31的范围的形状，别着急，只要把刚才的作为底板的88*31矩形复制，改成黑色，放到那些图形上面，组成蒙板，多余的边角就会被挡起来。

　　步骤四、输入文字部分（一个字一个字的输入），用缩放工具自行调节文字的角度，并将刚才制作的“眼睛”也放上去。

　　步骤五、建立88*31的透明画布，将刚才制作的全部内容复制到新建画布上。
　　步骤六、选中其中的“玛”字，单击鼠标右键，选择其中的“转化为路径”，这样，这个文字就被变成了线段组成的形状，而不是过去的字体了。

　　我们用工具栏中的“部分选取工具”点中“玛”字，会发现都变成了一些点组成了“玛”字的外部轮廓。

　　这时再选择工具栏中的“改造区域工具”，如图在其选项栏中调节压力点的大小，强度；再用这个工具在“玛”字的路径边缘向外拓展，文字就会变形（可以自己修改成各种形状，其他的文字变化之作道理同样）

　　步骤七、眨眼的制作过程基本是在3桢中做成的，三桢分别用“部分选取工具”调节眼睛第二轮廓和眼球的大小即可。

　　步骤八、参照下图，控制每桢节奏。

　　步骤九、制作完毕，选择文件--〉导出向导--〉选择全部桢导出GIF动画。
　　好了，这个动态文字的LOGO就这样完成了。

　　小技巧：此教程主要是介绍了文字的“转成路径”功能，这个功能很重要，在一些软件中被称为“转换曲线”，比如你设计是使用了某种字体，保存源文件，但是如果对方的计算机上没有这个字体，就会被别的字体替代，而将字体转成路径后，就会保留住你原有的字体（因为它已经不是字体了，而是路径），这个功能还有很多的作用，以后我会慢慢地告诉大家的。

没有相关教程

教程录入：mintao 责任编辑：mintao

上一篇教程：一个边框移动LOGO效果的教程

下一篇教程：光泽闪过及文字抖动的Logo制作过程

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……