


平面设计
Fireworks绘制可爱卡通狗狗桌面
Kalet 发表于2009-03-20 浏览408 评论0
新的一年就要到了,2006年是狗年,我们一起来绘制一个卡通狗狗的桌面图来给新的一年增加一点快乐的气息吧! 设计思路:首先利用Fireworks的矢量路径工具勾勒出小狗的轮廓。然后对其进行各种不同的填充。最后,找到一幅风景图片,利用Fireworks的滤镜工具对其进行处理作为小狗图像的背景。Fireworks绘制可爱卡通狗狗桌面 1.打开Fireworks,新建一个1024×768的图像,背景颜色设置为白色。由于图像较大,我们在图像显示比例中将显示比设置为66%大小即可,如图1所示。图1调整显示比2.使用工具箱上的椭圆工具绘制两个椭圆形,如图2所示。其中笔触的大小设置为6,笔触类型...




平面设计
Fireworks制作昆虫实例
Kalet 发表于2009-03-20 浏览411 评论0
完成图: Fireworks制作昆虫实例 步骤:1.画布:200×200,点椭圆工具,按住shift画一个正圆,在属性面板中将圆的宽和高均设为96,边缘消除锯齿,颜色为#870d94,如图1;图1 2.选中正圆,在原位复制一个(ctrl+c,ctrl+v),颜色改为#333333,用矩形工具画一个长度大于此圆的矩形,如图2位置摆放。按住shift,选中圆形和矩形,“修改”-“组合路径”-“打孔”,效果见图3;图2 图3 3.再次选中第一次画的正圆,在效果面板中选择“内侧发光”,参数如图4,再选择“...




平面设计
Fireworks设计个性化印章
Kalet 发表于2009-03-20 浏览410 评论0
大家都知道Fireworks是一个创建、编辑和优化网页图像的多功能应用程序,其实在制作网页之外,我们也可以把它作为一个功能强大的图像处理软件使用。图3和图4中的两种印章效果就是利用它设计出来的,方法也很简单,下面以正方形印章为例来介绍一下它的制作过程。 创作工具:FireworksMX2004Fireworks设计个性化印章 中文版 1.执行Fireworks程序,创建一个新文档,宽度和高度均设置为160像素,画布的颜色设置为白色。 2.首先画出印章的边缘部分。点击工具箱的“矩形”工具按钮,按住“Shift”键的同时,用鼠标在编辑区...




平面设计
用Fireworks制作水波倒影效果
Kalet 发表于2009-03-20 浏览389 评论0
Fireworks的滤镜虽然不多,但多种灵活多变的填充方式却仍然可以使图像达到我们所需要的各种效果。下面我们就来利用一则图案填充为一幅照片加个水波倒影。 启动Fireworks后直接将准备好的一幅照片导入进来,如图01用Fireworks制作水波倒影效果 将画布的背景色改为白色后,再将画布进行扩高。由于我所选用的这幅照片宽高为481*241像素,因此我将画布的高度重新设置为465,约是原来画布的一倍。然后把照片再复制出一份,并把复制品进行水平翻转后移到画布的下面来。从而使这两个照片能够铺满整个画布。如图02 将倒立的复制品选中后,对其使用一个“角度”为...




平面设计
Fireworks打造精致播放器水晶图标
Kalet 发表于2009-03-20 浏览395 评论0
很多人都说FIREWORKS太弱,远不如PHOTOSHOP制作的效果更好,对于我这个对FW情有独钟的“资深网民”来看,关键是要充分掌握软件的使用技巧,加上好的设计思想,用FIREWORKS同样能做出比较精美的图片。近来看到微软官方网站的WindowsMediaPlayer11页面中的‘播放’图标很好的水晶质感效果,特地拿来制作,现在与诸位大侠分享,共同进步。1、在Fireworks新建的黑色画布上画正圆形,然后在属性面板中选取‘放射状’效果填充,并且采用四种颜色的过渡,其颜色色值自下而上依次为#FFFFFF、#99FFFF、#0099FF、#000099,但颜色色值为#000099的深蓝...




平面设计
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...