



平面设计
Fireworks巧绘精美闪图动画
Kalet 发表于2009-03-20 浏览428 评论0
上次我们讲过《Fireworks简单方法打造网页“闪字”动画》的制作,这一节我来讲解一下“闪图”动画的制作。漂亮的闪图动画应用范围非常广,不仅可以在相册、动态表情里使用,还可以在QQ空间、论坛签名、各类回贴和博客中使用。学习要点:本例中我们主要学习Fireworks导入闪底素材、将闪底素材粘贴于图像内部的制作方法。Fireworks巧绘精美闪图动画我们先来欣赏一下漂亮的闪图。文章最后附送丰富闪底素材。漂亮的闪图制作步骤:1.用Fireworks软件打开一个漂亮的图片,利用左边“工具箱”中的“魔棒工具”点选白色背景处,使白色的背景被全选出来。使白色的背景被全选出来2.按下键盘上的Delete删除...




平面设计
乒乓球拍写实技巧
Kalet 发表于2009-03-20 浏览503 评论0
用绘图软件绘制写实作品时,物品的质感是非常重要的。因此在本例教材中,将告诉大家如何灵活地利用FW中的图案填充功能来体现乒乓球拍的木纹及胶皮质感。 新建一个650*450大小的画布。然后用“钢笔”工具先勾画出乒乓球拍的外形。采用“木纹3”进行图案填充,填充手柄的设置角度如图01。乒乓球拍写实技巧图01 将该对象再复制一份出来,对复制对象采用“线性”渐变进行填充。左右两个填充滑块均为白色,而不透明度则由17%至57%,填充手柄的设置角度如图02。图02 乒乓球拍多由胶合板做成,因此我们再来绘制上层的胶合板。将刚才复制出来的路径对象再次进行复制,然后用方向键使其向左和向上各平移3个像素的距离...




平面设计
微软Windows徽标做法一例
Kalet 发表于2009-03-20 浏览445 评论0
文章的题目使用了图标做法一例,而不是使用的制作方法详解,是因为考虑到了大家对于该图标的制作方法都可能有自己独特的方法,所以本节的内容就算是抛砖引玉之举吧!希望大家能够从中学到对自己有用的知识,我想这就足够了。教程开始之前,还是首先来看一个效果图,如下所示:微软Windows徽标做法一例 1、在编辑区绘制一个正方形对象,边长为90像素大小,填充颜色可自行设定,不要描边色,如下图所示。 2、选中矩形对象,选择工具箱的倾斜变形工具,向右侧方向拖动鼠标,拖动距离大概为正方形对象边长的1/4大小的距离即可,具体操作可参看下图所示: 3、为了便于随后的操作,将编辑视图放大到400%视图状态,进行随后...




平面设计
FWMX2004表现脉冲光效果
Kalet 发表于2009-03-20 浏览374 评论0
其实Photoshop可以实现的影像效果常常在Fireworks中也能做到。如果你是个平面设计师,可能对FW的成像细节还颇有挑剔。不过作为网络使用的影像,FW模拟PS的一些效果已经能够胜任了。 光影是影像设计者长年追求的效果。FWMX2004表现脉冲光效果 我们来看看这个由FWMX2004来实现的范例,这个富未来感的脉冲光是不是能吸引住你的眼球? 制作其实不难,说穿了是几种滤镜堆砌出来的效果,稍微考验点机器的配置。当然在FW里的作法跟PS还是有些差异的。 &n...




平面设计
一例Logo的制作介绍
Kalet 发表于2009-03-20 浏览405 评论0
制作方法: 一例Logo的制作介绍 ˂!--google_ad_client="pub-2271364197131336";google_ad_width=250;google_ad_height=250;google_ad_format="250x250_as";google_ad_type="text";//2007-06-30:新站长google_ad_channel="8593092267";//--˃一例Logo的制作介绍˂!--google_ad_client="pub-2271364197131336";googl...




平面设计
用Fireworks做出苹果的晶亮透明
Kalet 发表于2009-03-20 浏览480 评论0
苹果的东西,设计上是一流的,至少我个人是这样认为的。有了苹果,才会在网上涌现出一大批晶亮透明的东东,所以今天就苹果网站上的导航按钮来谈谈那些晶亮透明东东是怎么做的。用的软件是fireworksMX。 苹果的导航(下图)总体的感觉是清淡的色彩配上透明的效果。其实这种效果在fireworks(看多了在PS里的长篇大论)里简简单单,远没有想象的那么复杂。用的技术也是最简单的:渐变填充,层的透明度调节,简单效果(effect)。我们就是要用最简单的技术做出最好的效果。好的,开始做了,注意听讲。用Fireworks做出苹果的晶亮透明 1.首先画一个圆角矩形,用渐变填充,效果如图: 2.做出导航...




平面设计
Fireworks制作IE浏览器图标
Kalet 发表于2009-03-20 浏览480 评论0
1、新建画布,选取椭圆工具,按SHIFT绘制一个圆形,再在圆形的内部绘制一个略小的椭圆,使用菜单对齐命令将两者居中对齐。Fireworks制作IE浏览器图标 2、同时选中圆形和椭圆对象,选择菜单“修改|组合路径|打孔”命令,组合得到圆环图形。 3、选取矩形工具,在圆环中心位置绘制一个矩形框,同时选中两个对象,选择菜单“修改|组合路径|联合”命令。 4、使用钢笔工具,绘制如图所示的图形,用其对原图形进行打孔切割,得到字母“e”的基本形态。 5、绘制一个椭圆,选取缩放工具,将其旋转约45度。 6、选择菜单“修改|改变路径|扩展笔触”,在弹出的“展开笔触...




平面设计
透明立体网格效果的实现
Kalet 发表于2009-03-20 浏览362 评论0
1、新建文件,大小为50*50。 2、选取矩形工具,绘制一个50*50大小的正方形,填充及描边笔触设置如图。透明立体网格效果的实现 3、将绘制好的图形保存为PNG或GIF文件,取名为“网格.png”备用。 4、打开一副素材图片。 5、在图片上方绘制一个略大于图象并覆盖整个画布的矩形框。在属性面板上,选择填充纹理为“其他...”,在弹出的文件浏览框中选择刚才保存好的“网格.png”文件。 6、设置其他填充选项如图所示。透明立体网格效果的实现 7、打开层面板,将素材位图克隆一份(Ctrl+Shift+D)。 8、同时选中矩形路径和上层的位图对象,选择菜单“修改|蒙版|组合为蒙版”命令...




平面设计
Fireworks 模拟逼真的下雨效果
Kalet 发表于2009-03-20 浏览413 评论0
1.直接打开一张做为背景的图片。Fireworks模拟逼真的下雨效果 2.转换到层面板添加一新层。 3.选中第二层,回到图片编辑窗口,用图形工具在图片上方拉出一个大出画布,填充为黑色的长方形。 5.得到的效果应该这样的。 6.再为其添加滤镜效果:滤镜—模糊—运动模糊。 Fireworks模拟逼真的下雨效果 7.在弹出的对话框中调整其参数,背面是设置滤镜后得到的效果。 8.接着调整它的透明度,这样才能把背景显示出来。 9.看到了吗?有点下雨意思了吧!&...




平面设计
用FireWorks画大众甲壳虫
Kalet 发表于2009-03-20 浏览401 评论0
我不怎么会写教程,只好介绍一下我的作画过程,技术比较拙劣,介绍也比较简单,希望大家不要见笑。 本次作画使用软件:Fireworks用FireWorks画大众甲壳虫 下面我们先拿出一张汽车原图作参考来画。 原图 用钢笔工具勾线铺色。 勾出阴影大致形状。 对高光部分进行渐变填充,羽化透明。 在深入。 &...