



平面设计
Fireworks制作仿古纸张效果
Kalet 发表于2009-03-20 浏览712 评论0
本教程所选数值未必固定,靠个人感觉喜好。最终效果图:Fireworks制作仿古纸张效果 1、建立一个293×427的矩形,颜色#666666。2、选择图案木纹3填充。3、拉伸填充图案手柄,调整大致如下。4、纹理选羊皮纸,透明度选50%。 5、使用FW自带滤镜AlienSkinSplatLE-->Edges制作撕纸边缘效果。 6、数值调整如下。7、可以在Settings做其他调整,看看效果。Fireworks制作仿古纸张效果 8、选这个矩形,按组合键Ctrl+Shift+D复制一个图层。9、去掉新图层的羊皮纸纹理,填充选实心,色...




平面设计
Fireworks 画一把刀
Kalet 发表于2009-03-20 浏览451 评论0
其实方法比较简单,也没有把刀做的很花哨,知道金属可以这样搞,有时间的话,谁都可以打造一件漂亮的家伙。Fireworks画一把刀 1.用钢笔工具画出形状,调整手柄,使比实际需要的稍微长一些。2.填充:渐变-星状放射。调节颜色和手柄,可以试试操作简单的放射状渐变和椭圆形渐变。3.使用滤镜中的“斜角和浮雕”中的内斜角制作刀刃形状,调整值如图。4.滤镜-EyeCandy4000LE-BevelBoss,制作刀的轮廓,用BevelBoss比发光看着自然。5.色阶调整,给刀加光泽。6.血槽也是钢笔拉出羽化2,颜色#999,刀刃部分就完成了。Fireworks画一...




平面设计
Fireworks 绘制Q版电视机
Kalet 发表于2009-03-20 浏览393 评论0
案例欣赏网络上经常会用到一系列图标,电视机大家一定非常的熟悉了,现在也流行播客之类的,大家都有机会用到。效果如下图所示:Fireworks绘制Q版电视机 思路分析仔细观察电视机,你会发现无非是一个长方体,我们可以看到的最多三个面,正面,侧面,顶部,老式的电视机会多出两根天线。为了让它活泼可爱点,我们可以使用矢量的钢笔工具来绘制。因为是Q版的,所以大家随便勾都没有问题,注意大的透视关系就可以了。实现步骤1、新建一个Fireworks文件。2、使用矢量的钢笔工具来绘制电视机侧面(内侧阴影)3、使用矢量的钢笔工具来绘制电视机正面4、使用矢量的钢笔工具来绘制电视机屏幕 内侧阴...




平面设计
Fireworks制作仿3D光亮DNA桌面
Kalet 发表于2009-03-20 浏览445 评论0
如果看过winamp的AVS的弦曲线的人想必对其华丽的光影效果印象深刻。这次我创作了这个桌面,希望能抛砖引玉,让大家发掘firework的补间潜能!Fireworks制作仿3D光亮DNA桌面 以下是操纵步骤,慢慢看哦,不太长。1.这次要准备的家伙好多,大家要有耐性看看啊!这次的主要应用技术是firework的路径、元件&补间的疯狂组合使用。(1)用矢量工具画一个无填充,笔触为一象素柔化的圆,约150×150px(2)用钢笔工具在不相邻的两个锚点上各点一下,变尖了。(3)用“刀子”工具,按着Shift沿着那两个锚点切下去。把它们摆放成正弦曲线样。(4)用部分选定工具同时选中相近的两...




平面设计
Fireworks绘制卡通海景画
Kalet 发表于2009-03-20 浏览469 评论0
本教程主要通过Fireworks绘制一幅卡通海景画的过程来教大家如何运用基本的工具来表现清新的画面效果。 学习要点:Fireworks钢笔工具中ALT键的运用、纹理运用、减淡工具、橡皮工具 1.新建340*580像素白色画布,天空为340*400像素矩形,顶部与画布对齐,下面留空露出白色画布,留作表现沙滩用。天空矩形为线性填充,颜色为#369BCB---#FFFFFF,填充纹理为10%砂纸,制造些磨砂感觉。填充方向(垂直填充)、参数和初步效果如图:Fireworks绘制卡通海景画 2.这一步骤我们画云彩,表现水天交接的效果。 依然是钢笔勾画,填充为白色,并进行高斯模糊,高斯...




平面设计
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,使用倾斜工具做调整...