



平面设计
Fireworks绘制逼真象棋棋子
Kalet 发表于2009-03-20 浏览426 评论0
Fireworks的图案填充种类繁多,如果能充分发辉其图案的纹理特点,就可以非常方便地绘制出各种图形的逼真效果,下面我们就用“木纹3”的填充来绘制一个逼真的象棋棋子。 启动Fireworks后新建一个455*300大小的画布。用“椭圆形”工具和Shift键的配合,在画布上画一个直径为142像素大小的圆。Fireworks绘制逼真象棋棋子图1 然后选用图案填充中的“木纹3”对该圆进行填充。图2图3 然后再对该圆依次使用“内斜角”和“投影”特效,设置参数如下。图4(内斜角特效)图5(投...




平面设计
Fireworks绘制卡通彩色铅笔
Kalet 发表于2009-03-20 浏览499 评论0
九月开学在即,今天我们用Fireworks为小朋友绘制一枝矢量风格的卡通彩色铅笔。祝小朋友们新学期学习愉快。 1、在Fireworks中画好如图a、b、c三层,摆好层次。Fireworks绘制卡通彩色铅笔 2、将c层按上面设置渐变,注意这里要设置成黑白的,后面可以修改颜色。 3、将b层按照上面设置渐变,注意要用渐变工具托拽出一点倾斜度,这部分表达的是木材颜色,以后不需要更改,所以直接用彩色的渐变。 4、笔尖可以直接用灰色填充,想要追求完美也可以添加一点渐变使它更真实。Fireworks绘制卡通彩色铅笔 5、下面到了重要的部分——改变颜色,将a、c层各复制一份,按如图层次放好,...




平面设计
FW制作媒体播放器精致立体图标
Kalet 发表于2009-03-20 浏览389 评论0
今年推出的新操作系统Vista的界面设计更加精美,从人机交互的角度来讲,图标的图形和功能设计方面更注重用户体验的细节研究,已经逐渐抛弃了平面效果,逐渐向质感、立体的方向转变。使得我们的使用的操作系统和WEB或软件产品有了新的视觉感受。 下面我们介绍用Fireworks制作精致的Media_Player图标的具体实现步骤。与大家分享、共勉。FW制作媒体播放器精致立体图标 1、在新建的Fireworks灰色画布上按住SHIFT键画一个黑色的500*500像素的正圆形,以此作为图标的黑边,然后在工具面板中选取‘画圈形’工具,画出一个环状的图形,接着鼠标点取环形图的黄色控制点顺时...




平面设计
Firewoks制作立体质感水晶
Kalet 发表于2009-03-20 浏览383 评论0
1、打上自己想要的字Firewoks制作立体质感水晶 2、用缩放和扭曲工具调解好我们想要的角度(要注意这是我们处理的还是字二不是组合路径,因为如果是路径所处理的文字就会变形,而没有整体比例了)3、选中文字,执行【文本】【转换为路径】快捷键:Ctrl+Shift+P,继续执行【修改】【组合路径】【组合】快捷键:Ctrl_J4、选中“组合路径”,按住Alt键,按方向键下,复制21个,现在我们有22个“组合路径”;选中第2至21个群组(Ctrl+G)5、对最上方的“组合路径”执行【线性渐变】,【内测阴影】参数如下;图层不透明度为50。6、对最下方的“组合路径”执行【羽化】,【发光】参数如...




平面设计
Fireworks MX 实现选项卡式效果
Kalet 发表于2009-03-20 浏览415 评论0
论坛上经常有一些网友讨论类似于这种效果是如何实现的.我也不知道这种效果应该叫什么,不过他类似于windows的选项卡,所以在这里,我们就先给这种效果定个性,就先叫选项卡式效果吧.(不好听,将就一下先~~)先说些题外话,一种效果的实现,可能会有好多种方法.而一种效果灵活运用会实现更多意想不到的效果.这就是没有做不到,只有想不到.希望大家按照教程的思路和方法学习之后,能够灵活运用,而不是只学会了如何制作这一种效果,祝大家花火之旅一路愉快.切入正题,开始我们的选项卡式效果实现之路.FireworksMX实现选项卡式效果新建文档,使用圆角矩形工具创建一个矩形,设置矩形圆度为50,使用倾斜工具做调整...




平面设计
FW绘Vista风格的柔美光束与曼妙轻纱
Kalet 发表于2009-03-20 浏览399 评论0
之前看到有帖子在讨论绘Vista包装盒风格的柔美光束特效,于是做了这个Fireworks特效,部分想法受到pigeonno1同学的启发。 先看我做的效果:FW绘Vista风格的柔美光束与曼妙轻纱 源文件: 首先,我们先制作那些彩色的弧线。 先在Fireworks中新建一条绿色的弯曲路径,选择发光滤镜,设置如图: 接着,在这个路径上方新建一个白色矩形,选择放射状渐变填充,不要边框,如图: 将这个新建的矩形剪切,快捷键是Ctrl+X,然后粘贴为刚才做的那条曲线的蒙板。 将蒙板设置为灰度外观。 这时,路径就有了首尾渐隐的效果。我们这时还可以调节手柄来调节渐变的细节。 下面这步是...




平面设计
Fireworks打造精美水晶盾形标志
Kalet 发表于2009-03-20 浏览380 评论0
基本步骤: 1.先用Fireworks的钢笔绘制盾形路径,只需要画一半即可。Fireworks打造精美水晶盾形标志 2.复制一份刚画的路径,选中两个路径,选择菜单"修改"-"组合路径"-"联合"。 3.对路径进行填充,选择"线性"-"缎纹" 4.复制这份路径,并进行填充,选择"渐变"-"线性"。 5.砍掉一半,画一个矩形,然后选择矩形和刚修改的路径,选择菜单"修改"-"组合路径"-"打孔"。Fireworks打造精美水晶盾形标志 6.复制最底层路径,放在最上层,然后再用伸缩路径功能进行缩小操作,用椭圆形线性渐变。 7.(此处一步是小编加进去)通过路径组合打孔得到月牙形,然...




平面设计
在Fireworks中绘制QQ聊天表情
Kalet 发表于2009-03-20 浏览392 评论0
前段时间,为大家讲解了如何在Fireworks中绘制QQ皮肤的教程实例,相信大家已有所收获。这次我们再利用Fireworks中自带的GIF动画制作功能,为大家讲解动态QQ表情的制作。从而也将个性化的QQ进行到底! 在我们日常生活当中,人的表情都被包含在“喜怒哀乐”当中。但在网上的QQ聊天当中,可用的表情动作却是丰富多彩,特别是动态表情的出现,更能将某种情绪的表现生动而有趣地展现出来,这种表现力有时比文字的表达还要入木三分。由于QQ本身自带的聊天表情有限,因此,不少朋友都乐于从其它软件或论坛中搜集各种聊天表情,然后再添加到...




平面设计
Fireworks制作水晶浏览器按钮
Kalet 发表于2009-03-20 浏览379 评论0
1.新建300像素白色画布,选择“椭圆”工具按住Shift键画一个正圆形,复制这个圆形,并按住Shift键将其缩小,放在紧贴在第一个大一些的圆形的旁边。(如果怕对不整齐,可以按Ctrl+Alt+R打开工作区中的标尺,并从标尺中拖出辅助线用以助于对齐圆形)Fireworks制作水晶浏览器按钮 2.注意刚刚大小两个圆形的相交处刚刚是汇合了一点点,然后选中两个圆形,选择菜单--修改--组合路径--联合,这样两个圆形就形成了一个路径。 3.选择“部分选定”工具,调节组合后双园型路径的上半部分中间处的锚点,仔细调节成尽量平滑的过渡。如图: 4.选择“刀子”工具,延中间的横向辅助线将双圆形切开,删除...




平面设计
Fireworks实例:水晶按钮的制作
Kalet 发表于2009-03-20 浏览434 评论0
Fireworks实例:水晶按钮的制作看到网上好多人还在问类似的水晶button的制作方法,特地写这篇FW教程。不知道有没有人来看。 1,做一个弧度为100的圆角矩形,才用渐变填充#333333-#999999;2,给这个矩形加色相/饱和度效果,进行着色,这样作的目的是容易改换成别的色调,我们这里使用蓝色调Fireworks实例:水晶按钮的制作3,给矩形加点光影效果,如投影、内发光、具体颜色可以根据上面步骤选的色调进行选择。4,克隆矩形,根据第2步的色调进行线形填充,并使起羽化合适的象素大小,这样体现按钮下部的高光效果5,做上部高光的效果,类似第4步骤,只是调整下填充的颜色,矩形尺寸,...