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

FireWorks
Fireworks教程:英文网页导航的制作方法
Fireworks教程:打造漂亮的水波gif动画
Firewoks教程:摇动变形打造摇滚波字体
Fireworks翻译教程:打造滚动的足球动画效果
Fireworks教程:设计制作漂亮网页的过程
Fireworks教程:路径组合打造公告栏挂绳效果
分析宽高自适应的九宫格背景图片切割的技巧
Fireworks教程:合成制作怀旧石头字效果
Fireworks教程:通过实例讲解光影的运用
Fireworks教程:分享动画制作的心得
Fireworks教程:运用滤镜制作旋转的四叶草动画
Fireworks教程:简单打造可爱粉色gif闪图
Fireworks教程:图片转换动态个性签名的制作
FireWorks教程:外发光效果巧应用
Fireworks教程:运用字体打造酷酷涂鸦墙壁效果
Fireworks教程:结合PS制作马赛克变换动画效果
Fireworks教程:制作可爱晶莹果冻字
Fireworks教程:运用滤镜打造特色打孔字效果
Fireworks实用教程:gif动画图片批量添加水印的方法
Fireworks教程:打造仿梦幻水墨画效果

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 76 ::
收藏到网摘: 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