9core.com - 九核技术交流网

九百链
为了更好的解决实际工作中遇到的问题,本站开设了QQ群 ASP+PHP+JSP+.NET①:9793624
ASP+PHP+JSP+.NET②:17775294
网站通告: 新开设QQ群,群号:17775294 九核WEB技术专业论坛 官方QQ群 9793624
搜索: 您的位置主页> 设计创意 > 网页设计 >阅读资讯: Fireworks教程:打造晶莹水滴全过程

Fireworks教程:打造晶莹水滴全过程

文章来源:Chinaui 发表时间:2008-08-10 点击次数

效果图 

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

操作步骤

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

1、先画一个圆形的路径。 (调整图形,以便使它看起来更像个在下降水滴状) 。

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

设置填充颜色 Fill Color to #CCCCCC  线条颜色Stroke Color to #B1B1B1

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

2、仍然选择目标,改变填充类别,使用放射性渐变|径向填充,改变填充颜色如图所示。(Color1 = #FFFFFF, Color2 = #CCCCCC)

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

3、现在我们需要添加一个影子,使它呈下坠状。要做到这一点,选择你的对象,并采用内阴影,使效果看起来更生动。单位设置如图所示

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

4、现在我们需要做反光效果,先复制对象(按Ctrl + C型,按Ctrl + V )

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

Fill

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

Stroke

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

不要忘了这个图层是做高光效果的,改变对象大小,约65%原始图像大小,如图所示

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

5、提出一个大的椭圆形对象使它与原来选中对象相重叠,如图所示。

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

使用指针工具

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

按住Shift键,然后按一下选择这两种物体,向上偏移,移动到如图所示的位置

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

现在点击(Modify | Combine Paths | Punch )得出一个小的长条形状

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

6、用调整选区工具

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

可以修改这个新的对象的定位点,使它边缘不那么尖锐。调整至如下图所示形状

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

7、在这个图层上,选择填充类别,渐变线性填充,改变填充方向,使其倾斜填充至如图所示效果

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

现在打开样式栏,在颜色栏旁边滑梯的编辑颜色和透明属性,两边颜色修改为# ffffff和上方不透明滑块调至25 %,参考下图例子

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

8、现在,我们做影子

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

画一个与上图水滴形状的宽度相等大小的圆圈,按住Shift键,并拖出56像素大小的

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

现在按住CTRL键,然后按下键盘上的向下箭头,向下移动一些(点击键盘“向下键”数下)使这个圆圈在水滴的后面图层,得出水滴的阴影。

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

调整圆圈下降到合适位置,做出来的效果如图所示

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

9、仍然选定这个圆圈图层,更该填充设置/填料效果,使它们看起来下面的例子。参数设置为径向渐变# ffffff到# 000000以及不透明度设定为25%

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

水滴完成,下图就是水滴的样子

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

最后: 下图就是水滴最后的效果样子。我给图案加了背景纹理,还增加了一个小小的反射点,这样水滴的透明效果就出来了

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC

vptJnA12WtzMEMPBQ8tThED30yyZGKV83oz5O5xC
网页设计
关于我们 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助