Fireworks 制作 NOKIA8250 手机

2016-02-19 19:15 0 1 收藏

最近很多朋友喜欢上设计,但是大家却不知道如何去做,别担心有图老师给你解答,史上最全最棒的详细解说让你一看就懂。

【 tulaoshi.com - fireworks教程 】

因为作品比较复杂,所以不可能一步一步的写出来,这里只提供一个思路,具体的参数可以参考我所提供的源文件。
  首先,考虑到手机的结构流线型比较复杂,可能有些钢笔工具用的不算太熟的朋友不能一下子用钢笔把手机的外框勾勒出来,我们可以这么做。


  先画出下半部分,我们这里把手机的外观分成四部分来做,这个是右下角的部分,因为手机是对称的嘛,所以,做出来右下角,我们可以执行shift+ctrl+d克隆一个一样的,然后执行变形—水平翻转,再把两个拼起来,执行修改-组合路径-联合,效果如图:


  同样的道理,可以做出上半部分:


  可能有的朋友说怎么能做到和NOKIA的外型一样呢?你可以网上去搜一张手机的照片,然后照着手机的外型描边。可以画圆角矩形,然后再用打孔(这里可能反复用到打孔、联合之类的方法,如果你是用钢笔高手可能这里的麻烦就省掉了,可惜偶不是,只好用笨办法啊)呵呵。手机的外型大概就可以出来。


  然后再边框选无色,填充线性渐变:


  到这一步就可以做一点实质性的东西了。选择eye candy 4000滤镜,选择倾斜效果。


  做出来效果如图


  我的思路大概就是这个样子,之后的按钮用的是两个圆,然后执行组合路径里的交集,然后再用同样的滤镜处理,具体数值可以参看我提供的源文件,也许你可以自己调出比我更好的效果,我做的效果如图:


  还有一些我觉得需要注意的地方我都勾勒出来了,光照方向,我一开始没有注意,以至于一开始阴影方向不对,后来我一位学艺术设计的朋友帮我指出来了:


  具体我要说的也就这么多。具体的颜色啊、滤镜的参数大家可以看源文件或者自己调节。
  源文件在这里:


  最后还要说一句的是,这是我第一次写教程,也算是处女作吧,写的可能并不算好,也许很多问题没有讲明白,如果大家有什么问题可以问我,我觉得做这个小练习最大的收获可能是对于打孔、联合 还有倾斜效果滤镜的练习,还有就是耐心,做这个东西的确需要很大的耐心。(啊!谁扔我西红柿啊!!!)
  希望我们有问题能够共同探讨、共同学习、共同进步。(旁人:还不下来 你说的有完没完)

    

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)因为作品比较复杂,所以不可能一步一步的写出来,这里只提供一个思路,具体的参数可以参考我所提供的源文件。
  首先,考虑到手机的结构流线型比较复杂,可能有些钢笔工具用的不算太熟的朋友不能一下子用钢笔把手机的外框勾勒出来,我们可以这么做。


  先画出下半部分,我们这里把手机的外观分成四部分来做,这个是右下角的部分,因为手机是对称的嘛,所以,做出来右下角,我们可以执行shift+ctrl+d克隆一个一样的,然后执行变形—水平翻转,再把两个拼起来,执行修改-组合路径-联合,效果如图:


  同样的道理,可以做出上半部分:


  可能有的朋友说怎么能做到和NOKIA的外型一样呢?你可以网上去搜一张手机的照片,然后照着手机的外型描边。可以画圆角矩形,然后再用打孔(这里可能反复用到打孔、联合之类的方法,如果你是用钢笔高手可能这里的麻烦就省掉了,可惜偶不是,只好用笨办法啊)呵呵。手机的外型大概就可以出来。


  然后再边框选无色,填充线性渐变:


  到这一步就可以做一点实质性的东西了。选择eye candy 4000滤镜,选择倾斜效果。


  做出来效果如图


  我的思路大概就是这个样子,之后的按钮用的是两个圆,然后执行组合路径里的交集,然后再用同样的滤镜处理,具体数值可以参看我提供的源文件,也许你可以自己调出比我更好的效果,我做的效果如图:


  还有一些我觉得需要注意的地方我都勾勒出来了,光照方向,我一开始没有注意,以至于一开始阴影方向不对,后来我一位学艺术设计的朋友帮我指出来了:


  具体我要说的也就这么多。具体的颜色啊、滤镜的参数大家可以看源文件或者自己调节。
  源文件在这里:


  最后还要说一句的是,这是我第一次写教程,也算是处女作吧,写的可能并不算好,也许很多问题没有讲明白,如果大家有什么问题可以问我,我觉得做这个小练习最大的收获可能是对于打孔、联合 还有倾斜效果滤镜的练习,还有就是耐心,做这个东西的确需要很大的耐心。(啊!谁扔我西红柿啊!!!)
  希望我们有问题能够共同探讨、共同学习、共同进步。(旁人:还不下来 你说的有完没完)

    

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

 

  

来源:https://www.tulaoshi.com/n/20160219/1620451.html

延伸阅读
现在Photoshop做铁锈字的教程已经很多了, 这里放一个FW做铁锈字的方法, 我这个铁锈字的效果并不是十分到位,但主要说的方法~  我担心有写朋友没有金属的滤镜所以我也没用,如果金属字的部分直接用滤镜来做整体的效果会更好! 大家可以多多交流更好的方法~我也选择的笔触的方法,但效果不是很好. 制作铁锈字,重点除了金属外最重要的就...
完成后把该对象层放到最后一层。然后在天线上面再画两条路径,描边色为# 797786,并添加一个“内斜角”的特效,如图。 图23 完成手机的上半部分后,在机身中段还要为手机的屏幕加个投影,以增加立体感。该路径采用“线性”填充,色彩过渡由# D5D7E0至# A3A7BC,羽化为13。 图24 在机身上还有两个按钮。我们先画两个直径都为18像素的...
用“钢笔”工具画出金属外围下面的反光轮廓,改用“线性”填充,过渡过色由#FFFFFF至#414254,羽化为1,效果如图。 图12 这样,金属外围的反光效果就算画好了!我们接着来画内侧的的反光效果。先用“钢笔”画出如下图般的外形,然后设置羽化值为1,色彩填充如下图。 图13 再继续勾画出另一侧的反光效果,使用“条状”填充,过渡过...
1、新建画布,颜色为白 2、点击命令-创意-添加图片框:图案随便,大小为50 3、到图层面板里,选中这个图片框,取消锁:如图示:3、到图层面板里,选中这个图片框,取消锁:如图示: 4、按Q键,得到缩放工具,将这个图框变小。如图示: 5、转图片框转成元件,然后克隆(ctrl+shift+d)再调节下面那个元件大小,并放如图示位置: ...
标签: 水晶
案例欣赏 对于水晶按钮的效果,大家应该见得很多了,我们使用Fireworks软件可以制作各种各样的立体水晶效果,但是不管什么样的水晶立体效果,都有一个共同的特点,为了能够实现按钮的立体效果,我们可以通过渐变色和制作高光效果来实现。效果如图1.1所示。 图 1.1卡通表情图标效果 思路分析   ...