设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
一款按钮的制作
返回列表
发布主题
一款按钮的制作
[复制链接]
查看:
221
|
回复:
0
gggds
当前离线
积分
22692
IP卡
狗仔卡
gggds
发表于 2009-12-27 12:50:17
|
显示全部楼层
|
阅读模式
开始教程之前,还是先来看按纽的几款效果图
% d3 T: g, K! E# g( L! x+ ~
& e9 Y4 G( L2 L7 Z I5 G
通过效果的观察,想必大家对于上面这些按钮的制作方法已经有了一些初步的想法,好,那么就请看看下面的操作步骤是否和你的想法相吻合\"\" 1、打开FW,新建一个文件,文件的大小为100*100,背景色采用了白色。 2、选取工具箱的矩形工具,配合Shift键,在编辑区绘制出一个正方形,选中正方形分别打开Stroke面板和Fill面板进行设定。Stroke选项选择None,不要描边;Fill选项中填充方式选择Linear(线性渐变填充),填充方案可以选择“Black,White”方案,也可以点击“Edit”按钮,进行颜色列的编辑,这里我采用的颜色方案是“#DADADA--#000000”,具体设定如下图所示:
. g2 f- }" h; {2 Q2 ~8 H
' t- F2 i6 _) D
3、此刻正方形的填充效果是默认的由上向下的填充,不符合我们的要求,我们需要将填充方向进行调整,记得在“一款立体字的制作”的教程中,给大家介绍了使用油漆桶工具进行填充方向调整的简单方法,大家可以在这里实践一下了:从左上角的方向向右下角的方向拖动油漆桶,就产生了我们需要的斜向渐变色填充的效果,如下图所示:
+ N8 A! j: {, O1 V( i
9 A5 i1 O$ E# \) {$ P! W0 s6 v
4、选定正方形对象,打开Fill填充面板,将Edge选项进行调整,将其设定为“Feather(羽化)”,羽化数值不要太大,这里我们定为1,如下图所示:
|+ ~$ F" Q8 r0 }( K$ ~/ u( d4 e
! u F, d2 p; U+ x8 L4 I/ b/ G$ I
5、好了,接下来选定正方形对象,执行菜单命令“Edit--Clone(编辑--克隆)”(快捷键“Ctrl+Shift+D”),原地复制一个正方形对象,然后选定克隆的对象,依次点击工具栏的左右调整、上下调整的按钮,这样就将克隆对象的填充方向作了一个调整。 当然,如果不使用位置调整按钮的话,同样可以使用油漆桶工具从右下角向左上角进行拖动,从而实现渐变方向的调整。 6、选定克隆对象,执行菜单命令“Modify--Alert Path--Inset Path”,在弹出的对话框中进行设定:注意Direction(方向)为Inside(向内);Width的数值不要设置的太大,这里采用了6像素大小,其余设定请参看下图:
( v& J; u0 }6 V$ w. a+ f) I% K
: x& w' Z: {. B3 S
7、同时选定编辑区的两个正方形对象,执行菜单命令“Modify--Group(修改--组合群组)”(快捷键为“Ctrl+G”)或者直接点击工具栏的组合群组按钮即可。 8、选定组合对象,打开Effect(效果)面板,执行其中的“Effect--Adjust Color--Hue/Saturation(色调/色相饱和度)”效果命令,在弹出的Hue/Saturation设置的对话框中进行设定,你可以自行调节进行设定,这里采用的各项数值的大小如下图所示:
% m. u- X. r# b. _9 G2 a, m
: |3 ~* s( N9 `) h
8、经过效果命令调整后,编辑区的组合对象已经发生了变化,我觉得这个变化是很奇妙的\"\"(别笑话我啊,呵呵……)
,如下图所示:
4 Q- F9 q$ h4 a6 z- p. ~7 c
( I) x2 [) }8 H8 G
9、好了,添加上一些相关的文字吧,最终效果如下图所示:
, E4 E Y$ g$ S, w' f! i: I0 x" ^
4 ~& E# i+ o" R5 A
10、保存输出即可。[补充说明:]这样我们应该理解文章开始给大家看的效果图的制作方法了,呵呵,不用太复杂,只要调整我们已经完工的按钮的Hue/Saturation(色调/色相饱和度)的值即可了\"\"真是太方便了!!希望各位能够灵活掌握这种Effect效果命令的使用操作啊。 源文件:
, t' I6 p K. c. ^* a1 f$ v& B
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表