网站Logo 创意空间任我游
站长空间
一个好的网站要把它介绍给更多的人,网站Logo设计得是否精美、个性,有时会在很大程度上影响着浏览者对网站的接受程度。网站Logo简言之,就是指网站的标志、徽标,它在一定程度上代表了网站的形象,同时还常被用来和其它网站进行链接。如图1所示,是三个国内著名门户网站的Logo:搜狐、新浪、网易。



一、Logo创意酷软推荐
网站Logo一般以GIF图片居多,用来传递更加丰富的信息内容。目前,互联网上最普遍的Logo规格,图片大小为88×31像素。制作Logo的工具较多,本文将推荐给读者的,是一款强大易用的创建多样效果动画的工具软件Jasc Animation Shop V3.11。
Jasc Animation Shop V3.11原文件下载地址为http://www.skycn.com/soft/20388.html,软件大小为8599KB;汉化补丁下载地址为http://www.skycn.com/soft/20389.html,补丁文件大小为651KB。
安装文件下载完成后解压缩,先安装原文件,再安装汉化补丁,安装完成后即可通过点击“开始”→“程序”→“Jasc Software”→“Jasc Animation Shop 3”打开软件。
二、动画向导带你步入创意空间
本文拟给学校论坛“橙色天空”制作一个Logo图片,以此为例,旨在抛砖引玉。开始制作Logo前,先找几个Logo中需要用到的JPG格式的素材图片;图片表现的内容要积极向上,可以象征校园生活的朝气蓬勃和欢快幸福。
Jasc Animation Shop不仅可以定义动画的大小,还可以设置动画背景为透明,这很符合网站Logo图片的制作要求。
选择“文件”菜单下的“动画向导”子菜单命令,在弹出的“动画向导”对话框中,先定义Logo图片的大小:宽88像素,高31像素,最后单击“下一步”。
选择画布颜色为“透明”,单击“下一步”,设置图像位于动画帧的“图帧中央”,图像只占图帧一部分时,图帧的其余部分“用画布颜色”填充,单击“自动缩放图帧来适合”选项前的复选框,使该选项不被选中,如图2所示,最后单击“下一步”。

单击“下一步”,开始装载图像,单击对话框中的“添加图像”按钮,在弹出的“打开”对话框中,找到需要的图像素材文件,单击“打开”按钮,就将图片添加到了图像列表中,最后单击“下一步”和“完成”。
鼠标双击动画图帧系列所在的窗口标题栏,将窗口最大化显示。
三、文本动画效果,神来点睛一笔
Jasc Animation Shop不只是把动画目标锁定在图像上,它还提供了丰富多彩的文本动画效果,可以让Logo醒目,为网站Logo的制作起到画龙点睛的作用。
1.应用文本效果
选择“效果”菜单下的“应用文本效果”子菜单命令,打开“应用文本效果”对话框,在“定义文本”框中输入“橙色天空”,单击“字体”按钮,在弹出的“添加文本”对话框中设置文字格式:隶书、粗体、三号、居中,最后单击“确定”按钮。
在“应用文本效果”对话框中,单击“文本外观”栏下的“自定义颜色”选择框,打开“颜色”对话框,先用鼠标单击颜色环中的黄色部分,再在颜色框中选择接近橙色的颜色,如图3所示,最后单击“确定”按钮。

在“应用文本效果”对话框的“效果”列表框中选择“背光”效果,然后单击“自定义”按钮,打开“逆光文本效果”对话框,选择“光线颜色”为近似黄色,同时还可以稍稍调整“绘制选项”中的其它参数,最后单击“确定”按钮。
在“应用文本效果”对话框中,可以看到插入文字的动画预览效果,如图4所示,最后单击“确定”按钮。

2.插入文本效果
选择“动画”菜单下的“插入图帧”中的“从文件”子菜单命令,打开“从文件插入图帧”对话框,单击“添加文件”按钮,添加一张图片,在“新建图帧的布局”栏下的“之前插入”的文本框中输入“2”,最后单击“确定”按钮。
选择“效果”菜单下的“插入文本效果”子菜单命令,打开“插入文本效果”对话框,在“输入文本”框中输入“打开心扉,畅述心灵”。设置字体为:华文行楷、粗体、三号、居中;选择“文本外观”颜色为橙黄色,选择“效果”为“字幕”。
拖动“定义效果”栏下的横杆,设置“效果长度”为2.0秒,设置“每帧秒数”为3fps,最后单击“确定”按钮。
3.添加文本
鼠标单击选择“颜色选项板”中的蓝色,再选择“视图”菜单下的“控制”中的“文本”子菜单命令,鼠标变成一个带“A”的十字形。
在“图帧1”上单击鼠标左键,弹出“添加文本”对话框,在“在此输入文本”框中输入“bbs.qszx.cn”,设置字体属性:宋体、粗体、五号、居中,最后单击“确定”按钮。
移动鼠标到“图帧1”的右下方位置,单击鼠标左键,即将文字添加到“图帧1”的固定位置上。
四、酷炫图像效果,创意空间任我游历
超酷超炫的动画,很多时候都来自于图像的变化效果,Jasc Animation Shop提供了多种图像动画效果,并且还可以根据需要进行自定义设置,功能强大,操作简单,为Logo设计制作增色不少。
单击选中“图帧1”,选择“效果”菜单下的“插入图像过渡”子菜单命令,打开“插入图像过渡”对话框,在“效果”列表框中选择“翻页”,单击“自定义”按钮,在打开的“页面转动”对话框中,选择“开始角”为“右下”,最后单击“确定”按钮。
在“插入图像过渡”对话框中,选择“结束→动画图帧”,预览查看图像过渡效果,最后单击“确定”按钮。
单击选中“图帧20”,选择“动画”菜单下的“插入图像效果”子菜单命令,打开“插入图像效果”对话框,在“效果”列表框中选择“旋转颜色”,设置“效果长度”为2.0秒,“每秒帧数”为1fps,最后单击“确定”按钮。
同样的方法设置“图帧25”的图像效果:伸展,反方向运行效果。
单击选中“图帧28”,选择 “动画”菜单下的“应用图像效果”子菜单命令,打开“应用图像效果”对话框,在“效果”列表框中选择“螺旋形”,最后单击“确定”按钮。
单击选中“图帧1”,选择“编辑”菜单下的“复制”子菜单命令,然后单击选中“图帧28”,选择选择“编辑”菜单下的“粘贴”中的“在当前图帧后”子菜单命令,在图帧序列最后粘贴5个和“图帧1”相同的图帧。
五、动感地带,我的地盘我做主
在Logo动画的制作过程中,不仅可以通过单个动画设置的对话框预览将要选择使用的动画效果,还可以使用菜单命令播放整个图像帧序列,以便及时调整动画设计。除此之外,Jasc Animation Shop可以直接将动画序列保存为gif动画,可真是想得周到啊。
选择“视图”菜单下的“动画”子菜单命令,打开动画预览窗口,再次选择“动画”菜单命令,即返回到编辑窗口。
选择“文件”菜单下的“保存”子菜单命令,可直接将动画保存为gif图片。
学校论坛的网站Logo顺利完工啦,很简单吧?呵呵,你的动画创意空间,Jasc Animation Shop总是会有大大的惊喜呈现。除此之外,Jasc Animation Shop还有其它的的功能,比如说制作标题文字,只需要通过向导就可以轻松操作。“心动不如行动”,赶快加入到网站Logo酷炫一族的行列中来吧。