Fireworks MX锻造黄金质感

首先,打开FireworksMX,新建画布,长宽值为200x200像素,白色背景。
    到Tools(工具)面版,点击Rectangle Tool(矩形工具)右下角的小箭头,调出Polygon Tool(多边形工具)。

    外框色设置无,内填色随便,因为之后要再做更改。

    来到Properties(属性)面版,在右方设置:Shape/Star(形状/星形),Sides/5(边/5),Angle/38(角度/38度),或直接勾选Automatic(自动设置)。

    然后到画布上,画上一个五角星。

    第一个五角星:第一个五角星采用圆锥形(Cone)填色,从属性栏中的填色面版可以看到使用了多种颜色来体现金属多种光线的折射效果。

    因为做的是黄金效果,所以填色采用了黄,桔,棕色为基调。

    本例的填色依次是:
    #BF7300,#FFFF99,#CC6600,#FFAE00,#FFFF00,
    #FFCC00,#FFFF66,#9F8000,#CC9900,#CCCC00,
    #FFFF33,#FFFFFF,#FFCC66,#FF9900,#C67700,
    #9D4F00,#FFFF66,#C47500,#FFFF00,#957000.

    到此,金色的感觉已经跃然纸上。

    不过看起来象金色的包装纸折出的效果,还差一点金子的分量。

    于是再来尝试一个。

    第二个五角星:照着原样画出第二个五角星。

    这次采用折叠(Folds)填色,本例的填色依次是:#FFC820,#FFCCC66,#FFCC00,#FF9900,#FFCC99,#FFFF00.选中五角星,就会看到填色杠杆。

    移动填色杠杆到五角星以外,调整杠杆为大致水平,但有些微折痕。

    为了体现五角星的立体感,再到属性栏右方添加效果(Effects:+)

    首先使用内斜角(Inner Bevel)特效,设置:Bevel Edge Shape/Flat(斜面形状/平坦),Width/33(宽度/33),Contrast/60%(对比度/60%),Softness/2(柔化/2),Angle/158(角度/158度),Button preset/Raised(按钮预设/凸起)。

    再使用投影(Drop Shadow)特效,设置:Distance/7(距离/7),Opacity/65%(不透明度/65%),#000000(投影色/黑色),Softness/4(柔化/4),Angle/315(角度/315度),一个金灿灿的立体五角星就完成了,很有质感吧?

    那么有液态金属感觉的黄金五角星又要如何实现呢?

    就再来画个五角星吧。

    第三个五角星:照着原样画出第三个五角星,内填色随意好了,因为在之后的效果设置中没有影响。

    这次要借助支持 Fireworks 的著名外挂滤镜 Eye Candy 4000.一样从属性栏右方添加效果(Effects:+),调用的是铬合金(Chrome)滤镜,具体设置见下图铬合金滤镜效果面版。

    这个五角星就有金属质感了。

    再来体会一下这三种黄金质感的五角星效果:

    其实前两个五角星的金色主要考验填色技巧。

    而第三个实现容易,但是有一个缺陷就是如果要对效果做微调,预览效果会跟实际效果有偏差,这也许是美中不足吧。

时间: 2024-12-28 22:57:57

Fireworks MX锻造黄金质感的相关文章

用 Fireworks MX 锻造黄金质感

黄金自古以来一直以其亮丽夺目的色彩吸引人们的视线,在传统媒体的平面作品上常被广泛地运用. 但是曾想过在网页上实现黄金的效果吗? 作为网页三剑客之一的Fireworks,是Macromedia公司主打网络影像处理的图形编辑软件.其辅助网页设计的强大功能已经众所周知,然而她的影像处理能力也不容小觑. 现在就用Fireworks来实现黄金质感的效果. 在此例,是以五角星来做范例.顺便学习Fireworks画多边形的方法. 首先,打开FireworksMX,新建画布,长宽值为200x200像素,白色背景

Fireworks mx 2004制作风景类Logo全过程

过程 由于我是初学FW,有欠缺的地方,希望能指出.十分谢谢!(PS:本教程仅仅针对ilogo-snake的这个logo进行展开,并不一定具有共性或定律.教程对象:新人) Best View:IE5.0+ or NetCaptor4.0+Display At:1024*768 ---------------------------------- [教程]:共3个部分. 一.准备 二.制作(Step1- 5.[背景Step1-3:边框Step4:动画Step5(稻田动画.文字动画.云朵动画.树叶动画

Fireworks MX 2004 等高渐变填充

渐变 进入Fireworks MX 2004,很明显的,你会发现矢量图形绘制工具强大很多.而绘制图形后的矢量填充设置也有了更形象化的改进.看看填色设置表,有没有发现多了一样东西?是的,这就是FWMX 2004版本新增的等高渐变填充Contour. 先来画个简单图形来尝试下这个新功能吧,这里我们只用了两种颜色,通过起始点角度变化来看效果.左图已经出现深邃感,右图能感觉到光照的方向.等高渐变填充的最大优势,就是现在可以用渐变色来体现立体感. 接下来我们来试验一下文字.你会发现文字直接应用等高渐变填充

Fireworks MX 2004 制作GIF动画(1)

GIF动画的实现,是由逐张图画在不同的时间段快速地显示出来,由于人眼有0.1秒的视觉暂留,所以图像看上去就像是动了起来.而每一张图画就叫作"帧",它是组成动画的基本单位. GIF图形动画为网页增添许多活泼生动.复杂多变的图形元素,因此GIF动画在网页制作中被广泛应用,甚至大家喜欢的 QQ动态表情 大多也是Gif动画呢. Fireworks正是制作GIF动画很好的工具,这一部分我们看看Fireworks MX 2004在动画制作方面的特色. 1.制作GIF动画 我们先来做一个简单的五帧动

Fireworks MX 2004 创建新文档

创建 Fireworks是由Macromedia公司开发的网页制作软件利器之一. 在绘图方面Fireworks结合了位图以及矢量图处理的特点,不仅具备复杂的图象处理功能,并且还能轻松地把图形输出到Flash,Dreamweaver 以及第三方的应用程序. 在网页制作方面Fireworks能快速地为图形创建各种交互式动感效果,不论在图象制作或是在网页支持上都有着出色的表现. 随着版本的不断升级,功能的不断加强,Fireworks受到越来越多图像网页制作者的青睐.目前的最新版本Fireworks M

Fireworks MX 2004 画布修改

四.修改画布 Fireworks中的画布也就相当于图像的背景,在绘图的过程中为了使画布的大小或色彩能够和前景的图象保持协调,我们经常要修改画布的相关属性.方法是,用鼠标点击画布,或在画布的工作区外点击一下,从而在属性栏中调出画布的属性对话框,如图1-08. 图1-08 修改画布颜色:在该属性对话框中,点击画布颜色选择框,可以重新点选新的画布颜色. 图1-09 画布大小: 点击"画布大小"按钮将弹出设置对话框,从中可以看到,当前画布的宽为650像素,高是263像素.在"新尺寸&

Fireworks MX 2004新功能

Fireworks MX 2004是Mcromedia公司即将推出的Studio MX 2004中的组件之一,虽然还没有发布,但是我们可以先了解一下它有些什么新功能. 一.执行效率的提高 1. 更快的运行 在打开大图片或进行一些交互操作时Fireworks MX 2004的执行效率最大能提高85%,一些诸如笔刷,缩放,添加特效,编辑文本等操作的执行效率也有提高. 2. 改良的数据驱动图形向导 用户使用这个向导会变得更简单.创建那些相似性较大得图形也将更容易. 3.改进的缩放变形操作 除了速度加快

体验Fireworks MX 2004绘图新功能

Fireworks MX 2004为我们带来的新工具有消除红眼.替换色彩.多样式绘图工具.箭头命令.Shape图形工具等等,特效包括增强的模糊效果.添加杂色.多填充样式效果.系统反锯齿和自定义反锯齿等等.我们将在新体验的旅程中亲身感受这些新功能,下面我们就出发吧! 一.移除红眼 移除红眼功能是2004版本中新增的一个功能,主要是为了使Fireworks能处理时下流行的数码相片的工作.下面我们来处理一张有红眼的数码相片. 首先在Fireworks MX 2004中导入一张相片图片,这张相片中的猴子

Fireworks MX使用教程--教你如何制作虚线

教程 操作步骤:1.启动Fireworks MX,新建一个文件,文件宽和高都设为200象素,也可以是任意大小,背景为白色.2.单击"工具"面板"矢量"部分的"线条"工具,并且按住键盘上的"Shift"键,在编辑区任意绘制一条直线.3.在"工具"面板的"选择"部分中选择"指针"工具,选中这条直线.4.单击"属性检查器"中的"描边种类&quo