当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > Fireworks 绘制时尚手机 [2]

FireWorks
Fireworks 强化胶囊 制作过程
fireworks 制作倾慕系列系统图标教程
Fireworks 制作青花陶瓷按钮
Fireworks涂鸦效果的制作步骤
Fireworks ray暗黑中的花朵制作图解教程
Fireworks制作燃烧效果图解教程
Fireworks 实现在物件和文字上营造残破的效果
Fireworks立体倒影制作教程
Fireworks绘制甲壳虫小轿车
用Fireworks轻松制作闪动文字
Fireworks教程:gif动画图片批量增加水印教程
Fireworks教程:美女照片超绚背景制作
Fireworks教程:3D旋转gif动画
Fireworks教程:制作粉色恋人闪字
Fireworks CS3教程:切片工具切网页模板
Fireworks教程:切割导图做漂亮网页
Fireworks钢笔工具简单钩制破损边缘
Fireworks教程:绘制夏天清凉折扇
Fireworks教程:简单功能试用实例
Fireworks教程:以实例精通涂抹工具

FireWorks 中的 Fireworks 绘制时尚手机 [2]


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 63 ::
收藏到网摘: n/a

用“钢笔”工具画出金属外围下面的反光轮廓,改用“线性”填充,过渡过色由#FFFFFF至#414254,羽化为1,效果如图。

图12

这样,金属外围的反光效果就算画好了!我们接着来画内侧的的反光效果。先用“钢笔”画出如下图般的外形,然后设置羽化值为1,色彩填充如下图。

图13

再继续勾画出另一侧的反光效果,使用“条状”填充,过渡过色由# 414254至# EBEBED,羽化为1,效果如图。

图14

再把最后一个反光区给画出来,以“条状”填充,过渡色由# 0C0C0E至# DBE0E4,消除锯齿,效果如图。

图15

略作休息后,我们接着来画手机的显示器屏。用“椭圆形”工具画一个直径124像素的圆,然后用“细部”工具将该圆下面的节点,用方向键向上移动6个像素。以“线性”填充,色彩过渡由# 000000至# 726F8C,用全黑色进行“1像素柔化”描边,羽化为1,效果如图。

图16

再勾画出屏幕的反光轮廓,然后选用“线性”填充,并消除锯齿,效果如图。

图17

手机屏幕画好后还要在该金属外围画上三个按钮。用“钢笔”工具先画出中间一个按钮的外形,以黑色实心填充,然后使用“凹入浮雕”特效。如图。

图18

将该按钮外形再复制多两个出来,并适当的调整好角度及相对位置。

图19

为了给这三个按钮加上立体感,我们先将这三个按钮外形在原位置上依次复制后,用“缩放”工具挨个进行适当的缩小,然后用线性渐变由黑至白进行填充。效果如下图。

图20

这样,手机上半部分就差不多画好了,我们继续把接收天线给画上。先画一个近似矩形的天线下部轮廓,高度较为随意,宽为30个像素。采用“线性”填充,如图。

图21

完成后通过对象层的调整将该对象放在层的最下面。然后我们来画天线的上半部分。同样是在画出轮廓后采用线性渐变。增加“亮度/对比度”特效,设置对比度为29,再添加一个“色相/饱和度”特效,只将饱和度设置为 —35 即可。效果如下。

    

图22