设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Fireworks MX 2004 等高渐变填充
返回列表
发布主题
Fireworks MX 2004 等高渐变填充
[复制链接]
查看:
241
|
回复:
0
gggds
当前离线
积分
22746
IP卡
狗仔卡
gggds
发表于 2009-12-27 12:49:40
|
显示全部楼层
|
阅读模式
进入Fireworks MX 2004,很明显的,你会发现矢量图形绘制工具强大很多。而绘制图形后的矢量填充设置也有了更形象化的改进。看看填色设置表,有没有发现多了一样东西?是的,这就是FWMX 2004版本新增的等高渐变填充Contour。
# m0 R' N1 y3 y5 v% f
/ E* T; D; ^+ U @: D
先来画个简单图形来尝试下这个新功能吧,这里我们只用了两种颜色,通过起始点角度变化来看效果。左图已经出现深邃感,右图能感觉到光照的方向。等高渐变填充的最大优势,就是现在可以用渐变色来体现立体感。
, J9 A, {9 h5 t
/ P: d) h2 E% T* f9 F) Q( h1 T
接下来我们来试验一下文字。你会发现文字直接应用等高渐变填充后仍然是生硬的方形填色。只有你把文字转为路径Convert to Path(快捷键Ctrl+Shift+P),填充颜色才可以沿轮廓线渐变。这里我们放了个内斜角的效果做比较,可以看到等高渐变填充的表现更出色。
8 G( i: I# W# P4 W+ o3 {* I; U2 F
2 R" n$ {: Q1 N+ C4 N! M i* [- |8 Z
再来个粗细不均的图形,我们以螺旋为范例,可以看出等高渐变填充的渐变相当平滑,它可以根据周边的距离来进行渐变色计算,首先满足的是最外层色彩,当渐变距离超过矢量物件本身的轮廓间距时,越靠近中心的颜色就越早被牺牲掉。
3 J! h0 q( v7 c' d# O) k# v
. S" w% _$ s& L! L
来玩下进阶,通过等高渐变填充我们可以直接做出很有质感的按钮。这里我们应用了多色彩渐变,并且加入了材质填充来加强质感。
/ s9 ?1 g S7 ]$ p$ l
* f( ]" H/ k1 Z- [9 s5 O
等高渐变填充的丰富立体感表现,再配合Fireworks MX 2004增强的矢量图形绘制工具,我们已经可以做出几乎触手可及的小配件。这里用了甜甜圈Doughnut绘图工具做出雏形后再加以变形,效果中增加了内阴影的颜色来衬托高光部分。
# B8 }8 ^+ B/ E3 |& S* m1 w& U! N
, q* p2 c4 p6 Z7 ]* ~0 `
因为等高渐变填充是矢量图形的内填色方式,所以点阵图应用这个效果就需要矢量图的配合。我们可以使用遮照的形式。在点阵图片上增加个矢量图形,填充使用等高渐变,具体设置如图:
2 h( f5 P: F0 b b/ e
8 b; B; Z0 ^) b+ |
把矢量图形拉到点阵图下层,两者组成遮照。再将图片背景色调成深色就可以看效果了。
) v! N5 \. ]5 l4 U
9 Y8 p9 ^: D {) n7 L$ i+ r
这只是个简单示例,颜色方面,大家可以随便替换,找出自己需要的风格和效果。关于等高渐变填充,也欢迎大家再深入研究,共同交流分享。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表