当前位置:主页 > 平面设计

最新发布

新年贺礼:制作百事可乐波浪动画
新年贺礼:制作百事可乐波浪动画

[制作缘由]  受电视“百事可乐”广告启发,制作广告片尾的百事可乐的波浪动画。[学习重点]  1、辅助线的灵活使用。  2、路径对象的调整方法。  3、使用蒙版产生动画效果。[面向对象]  fw的初级学习者[源文件下载]  点击这里 [制作步骤]  先来看效果演示:   12、使用“部分选定”工具,选中左侧白色图形对象由下角的路径节点,按键盘上向下的方向键,向下方将其移动,使其与水平方向的第6 条辅助线相交为止。

5 次浏览
详解Fireworks中的动画制作
详解Fireworks中的动画制作

有过FLASH动画制作基础的朋友一定知道,在FLASH中将绘制的图像转换成的“图像元件”或“动画元件”是可以通过软件的内建指令,产生运动及其它变化的效果。而在Fireworks中也沿用了这种动画制作方式,从而大大减省了GIF动画制作时的繁琐性。而在本篇教材中,我们也只针对软件直接生成的动画效果进行分析,不对手工分桢的动画制作进行讨论。  一、动画的基本运动  在Fireworks中,动画的运动方式可分为四个基本动作:  1、直线运动:图像由A点直线移动至B点;  2、旋转:图像原地进行顺时针或逆时针旋转;  3、不透明度渐变:图像的透明度发生变化;  4、缩放:图像的产生放大或缩小的变化。  每种动画效果即可独立作用于一个图形对象,也可同时作用于一个图形对象上。  二、图像的动画制作  在Fireworks中,将绘制完成的图形对象制作成动画效果,可以通过“动画”的设置对话框直接完成。同时也可以将图像转为“图像元件”后,通过“补间实例”功能来间接实现。  1、使用“动画”设置框制作动画  点选将要制作成动画的图形对象后,选择菜单栏上的“修改――动画――选择动画”命令,将会弹出“动画”的设置对话框,如图01。

4 次浏览
三分钟创建网页相册
三分钟创建网页相册

Word01 cellSpacing=0 cellPadding=0 width="100%" align=center border=0>如果您管理一个图像站点,或者您有很多照片需要发布,如何才能快速的完成一个网页相册,在网页中添加图像,制作链接,设置导航呢?手工的一页一页制作显然效率很低,工作量巨大.这里介绍一种应用Fireworks 4.0,Dreamweaver4.0协同工作的方法,使您可以在三分钟内迅速制作出自己的网页相册.在Dreamweaver中应用创建网页相册命令让您可以快速创建一个相册站点.这一命令通过javascript调用Fireworks处理选中文件夹下的一系列图像,创建缩略图和大图,并自动完成缩略图与大图的链接.使用创建网页相册,您必须在系统中安装有Dreamweaver和Fireworks.2.打开Dreamweaver 4.0,选择菜单 Commands -> Create Web Photo Album (命令 -> 创建网页相册)此时弹出下面的面板.3.在 Photo Album Title(相册标题) 文本框中,输入标题文字.该选项必须填写.标题文字将显示在相册索引页的上部灰色背景表格中.在 Subheading Info(子标题) 和 Other Info (其他信息)文本框中添加补充说明文字.可写可不写.4.点击 Source Images Folder(源图像文件夹) 后的 Browser (浏览)按钮选择相册的源图像文件夹.点击 Destination Folder(目标文件夹)后的 browser 按钮选择保存HTML和处理后图像的文件夹.

12 次浏览
Fireworks4.0大内秘籍之凌波微步
Fireworks4.0大内秘籍之凌波微步

Word01 cellSpacing=0 cellPadding=0 width="80%" align=center border=0> 在众多的网络图像处理软件中,究竟哪一款才是真正可以网络称雄的兵器呢?出自名家之手的Fireworks4.0,无疑可以排名网络图像兵器谱天下第一。江湖盛行的Photoshop虽说同样出自大师之手,但终归需要再用Imageready配合,才能在网络中亮出其锋芒。因此,如果能够学会运用Fireworks进行网络图像处理,可谓“宝刀在手,谁与争锋”.   不过,有了好的硬兵器,内功修行对于技艺的提高也非常的重要。由内而外,方能将Fireworks发挥的淋漓尽致。小生不才有幸,近日在江南西子客栈偶获一本《Fireworks 4.0大内秘籍》,不敢独享,特择其中一段摘录,希望能与各位网路同人,共同切磋。 凌波微步摘录 凌波微步心法为江南断肠客所创,用于创建随波流动的文字特效。修炼凌波微步,可以使您的文字动画出神入化,让文字犹如仙人指路,变幻莫测。最适合用在Banner,Logo等场合,创造逼真的“凌波”效果。  心法: 1、打开Fireworks 4.0,新建468x60的图像。     说明:468x60是网络Banner(广告条)的标准尺寸。 2、在Optimize(优化)面板,将文件格式选择为Animated GIF。    说明:如果要制作GIF动画,一定要选择Animated GIF选项,如果选择GIF选项,输出的将只是GIF静态图像,而不是GIF动画。凌波是动画心法,所以初练者一定要切记该步骤,以免走火入魔。  3、创建文字路径。   (1)选择文字工具,创建希望运动的文字。   (2)选择路径工具,在画布上绘制一条曲线路径。   (3)选择菜单Text > Attach to Path(文字 〉附着到路径)。此时在画布中形成文字路径。  4、选择Frames(影格)面板,点击右上角小箭头,在弹出菜单中选择Duplicate Frame(复制影格)选项。在谈出对话框中选择复制的影格数目。    说明:复制的影格数目会影响动画的连续性和生成的动画文件大小,所以比较凌波微步比较合适的数目是10到20。对话框中,滑块最大只可以拖动到10,但可以直接在文本框中输入超过10的数。  5、创作文字运动。   (1)在影格2,选中画布中的文字路径,然后选择Object(对象)面板,在Text Offset(文字偏移)中填入数值,例如30。   (2)在影格3,选中画布中的文字路径,然后选择Object(对象)面板,在Text Offset(文字偏移)中填入数值,例如60。   (3)以此类推,完成其他影格的设置。文字偏移的数值成等差数增加,例如30,60,90......      说明:文字偏移是使文字路径中,文字的起始位置在路径上发生偏移,凌波动画正是利用这个功能,使每一个影格的文字路径发生偏移,从而产生凌波微步的效果。 6、输出,完成。   凌波微步其实也不是很难,不才花了5分钟就修炼了一次。这里沾沾自喜,从此行走江湖又多了一招。如果有机会,小生不才下次再为大家介绍一些更好的Fireworks内功心法。

129 次浏览
对比效果的制作
对比效果的制作

在网上,我们经常能够见到如下效果的图片,下面我们就来看看制作这种对比效果图的方法之一: 其次、join命令后的颜色的变化。颜色会统一为你第一个所画图形的颜色……可以自己来试验一下。好了、有关的知识就讲这么多,大家自己底下多试验,多体会吧!………… 

17 次浏览
Fireworks教程用Fireworks做动态页
Fireworks教程用Fireworks做动态页

软件的更新换代速度越来越快了,新软件一波接一波――首先是flash5.0开始,然后有Photoshop6.0,再到最近的DreamWeaver4.0和Fireworks4.0,真有点吃不消的感觉。Firewoks4.0令我感到最方便的,就是它加强的Behaviour功能,只用鼠标的简单拖动,就可以做出眩目的效果来。今天要讲的是用Fireworks4.0做出来的一个效果(具体可以看:http://981622.class.netbig.com)。  首先的第一步当然就是创意,我这里讲的主要是技术上的问题,所以略去构思不讲。版面构造如图一。我这里用的是WMP7.0版本的一个SKIN,你也可以找一个一模一样的来。  版面构造好以后,就是用slice工具切割了。注意的是必须切换到slice view。我是这样切割的:首先是五个按钮,因为一共有五个栏目;然后是显示栏目内容的黄色背景,我预置了981622几个艺术字。要注意把其他的空白地方也要搞切图,这样整体文件小一些。效果如图一。  单击frame标签,在三角形中拉出菜单,选择add frames,在当前frame后添加5个frames(因为一共有5个栏目),然后在每一个frame的黄色背景下添加栏目简介内容。如图二。  好了,回到frame1,单击第一个按钮,按钮中间出现一个符号,然后是最关键的一步:把符号拖到黄色背景中,在随后出现的对话框中选择frame2。如图三所视。按钮到所视区域出现了一条蓝色曲线,表示behaviour添加成功。其他的按钮也是这么做,依次选择frame2,3,4,5。  好了,做了这么久,应该保存一下,预览了。按f12(就和dreamweaver一样),就可以看到作品在浏览器中的样子了。  怎么输出到dreamweaver中修改呢?选择file/eXPort,在对话框中选择export html file,建议选择“put images to subfolder”,并把子目录设置成images,这样图片就不会全部保存在根目录下了。(图四)  好了,作为专门设计网页图形的fireworks,有这样的功能比起photoshop已经强大很多了。当然,firewoks还有许多功能,有机会大家一起探讨。 

7 次浏览
Fireworks制作光盘效果的圆形图片
Fireworks制作光盘效果的圆形图片

光盘效果的圆形图片   Fireworks的history面板的功能,想必大家用得不多吧,这次这个图形制作用的就是history面板中的功能,有兴趣的朋友可以看看,我在这儿,把制作过程仔细地讲一遍。:)1、首先新建一个文件,用ellipse工具画一个圆,fill为none,stroke为1,颜色自定,我这儿选的是#000033。2、克隆图片(edit->clone),在info面板中,把W值减去4,敲回车。并用箭头工具选中这个clone的图片,向右移到四个象素。3、同时选中这二个圆,用modify菜单中的combine->punch,进行布尔运算。4、把这个运算出来的图形clone,并翻转180度,然后join.5、再次clone图形,modify菜单中的transform->numeric transform->scale,各选97% 6、打开history面板,把最后二项clone&transform同时选中,按下面的replay按钮,一直重复按这个按钮7、最后的结果。

8 次浏览
在Fireworks中制作淡入淡出动画效果
在Fireworks中制作淡入淡出动画效果

淡入淡出动画效果  用Fireworks做的淡入淡出效果,有人说看PNG格式看不出真正的步骤,所以在此补上这样一篇教程。  对象的淡入淡出效果是firewoks可以创建的普通效果之一,对两个链接对象进行插帧的时候,其中一个对象的不透明度设置为0%,一个对象的不透明度设置为100%,就可以获得淡入淡出效果。 六、效果完成。原文件保存编辑吧

5 次浏览
Fireworks制作环绕圆形文字
Fireworks制作环绕圆形文字

圆形文字环绕实例  有时候可能需要做一些圆形文字的环绕,类似于左边的文字。其实这类文字实际上就是一种文字环绕路径的效果,不过只简单的通过Attach to Path功能是无法实现这种效果的,仔细地观察一下:环绕路径的文字的上半部和下半部实际上方向相反,所以光使用Fireworks3提供的文字环绕路径功能无法一次性实现类似的效果,其中还需要一些小技巧。:)请看制作方法:   最终结果:

5 次浏览
简简单单几步搞定水晶字
简简单单几步搞定水晶字

水晶字教程本站原创!如果转载,请注明出处!http://www.gaohua.com/blog    谢谢!(访qs520的凝胶字效果)1.建一个600*440的画布 (尽量大些,这样做的东西才比较大气)2.输入“中国龙”三个字字体颜色设置如下3.运用滤镜4.参数basic设置(注意选的颜色2种是一样的)(您可以尝试多种不同颜色效果)5.参数lighting设置6.参数bevel profile设置7.加入阴影1,注意颜色与主色一致!8.效果9.加灰色阴影10.效果看看最后的效果换个颜色:完

2 次浏览
共计26043条记录 上一页 1.. 412 413 414 415 416 417 418 ..2605 下一页