Firework MX教程—手机

教程

  1.利用做路径的工具做下图的形状,并填充线形渐变色。
  (提示下图的形状有三种实现方法:直接用钢笔工具做出路径,调整各节点位置、用矩形和椭圆工具做一矩形和一椭圆,然后再联合、用矩形工具做一矩形,调整矩形圆度,再将上边两节点的弧度调整成直角。)
  2.再做一矩形,填充线形渐变色,使之感觉原图象上部中央有一斜度。

  3.在图形中央利用钢笔工具做一闭合路径,填充渐变。再复制该层,适当缩小,放置图象中央。

  4.利用椭圆工具做一狭长椭圆,用部分选定工具将其顶、底两节点调整至尖角。复制一层,分别放置手机两侧。

  5.利用矩形工具做一矩形,调整矩形圆角,再用部分选定工具调整其角度。用钢笔做一圆弧,放在矩形上部适当位置。用矩形工具做一线形渐变矩形,放置在矩形下部接近机身的位置。

  6.做一矩形,填充渐变,再利用椭圆工具做一椭圆,用部分选定工具调整其为尖角。复制两形状,分别放在机身适当位置。

  7.做一狭长矩形,旋转约50度角,做其内斜角。

  再做一矩形,旋转后,放在原图形中间位置。在复制两形状,放在机身下方适当位置。

  8.下边做手机身上的E文标志了。做一矩形,调整矩形圆度。在中间输入:“Innosteam”,各项设置如下:
 
  9.复制原机身中央的闭合路径适当缩小后,加上填充色黑色。再做一矩形,填色为#454B33,矩形可以适当调整其矩形圆角。

  10.在屏幕上做上必要的信息显示,过程略。

  11.做一矩形,利用部分选定工具调整为斜梯形,填充渐变。复制后水平旋转,放在前边提到的闭合路径下层,这样机身就能显得更有棱角。

  12.至此,手机就完全做好了,适当调整各层的颜色和位置,使其整体更协调。这是最后的效果图。

时间: 2024-11-01 18:09:24

Firework MX教程—手机的相关文章

Firework MX教程—蜡烛

教程 蜡烛的做法,其实早就有人用矢量软件Illustrator做过教程.在此,我只是简化过程地用Firework重新完成一次,希望使用Firework朋友也能做到. 1.新建一400*600的文件,画布颜色为黑色.用"矩形工具"做一矩形,填充渐变色. 2.做一白色椭圆,调整位置,使其与矩形对齐.选中椭圆及矩形,选择命令:修改-组合路径-联合,重新用渐变填充. 3.利用"钢笔工具"适当增加节点,再利用"部分选定工具"调整个节点的位置和曲度,将图形调

使用Fireworks MX 绘制手机

大家都知道Mecormedia Fireworks MX是制作网站图片的利器,其实Fireworks MX功能远不至这些,我们可以利用其强大的矢量绘图功能绘制很多逼真的图形,甚至还可以进行软件内界面的设计以及一些平面设计工作,今天我们就来学习怎样深度挖掘Fireworks MX的这些功能. 现在不少朋友应该都有手机吧?我们来学习绘制自己的手机,由于手机造型千变万化,因此笔者以自己使用的是松下GD90型号手机为例进行绘制,你应该主要掌握绘制方法而不必拘泥于某些小节(如颜色),在掌握方法后你可以根据

Fireworks MX 教程: 钢笔工具(附录)

教程 第一部分的例1,例2,例3是钢笔的基本使用方法,例4,例5,例6是三个难度由浅到深的三个实例.fireworks官方中文帮助的钢笔部分,我当初看的很枯燥,感觉上面的教程很生动.在例3中,我也提到了我不太习惯作者说的使用alt键来配合绘制类似形状的图形,现在就来说说我的方法吧(很早写的东西,图片有点颠三倒四,大侠们见笑了). 绘制路径的过程中,松开鼠标踮着钢笔在画布找下一个节点的时候,钢笔带着的是直线,还是曲线.全凭临时判断, 有时候带着直线走比较舒服. 将带着直线走变成带着曲线走: 点节点

dreamweaver mx教程

Dreamweaver MX 2004入门教程 (一) 新功能简介 (二) 窗口布局 (三) 菜单概述 (四) 常用工具栏 (五) 定义站点 (六) 创建页面 (七) 页面制作 (八) 超级链接 (九) 表格设计 (十) 框架技术 (十一)创建导航条 Dreamweaver MX 2004进阶教程 (一)可视化操作iframe (二)滚动字幕 (三)弹出菜单 (四)Dreamweaver的插件 (五)弹出窗口 (六)添加背景音乐 (七)操作框架 (八)创建模板 (九)应用模板 (十)层及应用 (

Fireworks MX教程

Fireworks MX 2004教程(一) Fireworks MX 2004教程(二) Fireworks MX 2004教程(三) Fireworks MX 2004教程(四) Fireworks MX 2004教程(五) Fireworks MX 2004教程(六) Fireworks MX 2004教程(七) Fireworks MX 2004教程(八) Fireworks MX 2004教程(九) Fireworks MX 2004教程(十) Fireworks MX 2004教程(

Photoshop调图教程:手机照片的简单修复

曾看过很多非常好的教程,但学完之后我总会发现自己除了知道那些调色参数,什么也没学到,因此我觉得教程什么的都不重要,重要的是你是如何开始的,没一个步骤的意义,一步一步的思路.掌握这些对自己以后的自由发挥很有帮助,我想把自己的调色思路写下来,与各位分享. 原图(手机拍摄的很糟糕的照片) 效果 [1] [2] [3] [4]  下一页

Photoshop实例教程:手机视频照片仿手绘

进过一段时间的沉寂之后,这次作者又带给我们惊喜:难度较大的手机及视频照片转手绘效果.这类图片处理的时候需要较深的功底和技巧.首先需要把图片修复,然后再慢慢转为手绘效果.另外视频照片背景都非常失真,需要重新加上其它背景. 原图 最终效果 [1] [2] [3] [4] [5]  下一页

fireworks mx 教程: 钢笔工具

教程 原文:http://www.solardreamstudios.com/tutorials/fw/mx_pen/ 钢笔工具,也许是Fireworks中功能最为强大的工具.在下面的实例中,我将演示钢笔工具在绘制各种不同图形时候的一些典型使用方法.例1:多边形 在此例中,选择钢笔工具,在画布的各个区域里,不断单击并松开,可形成一个矢量多边形.可以看出,在回到所绘制的第一个点并单击时,会自动合成封闭图形.例2:曲线 这次,在画布的不同区域单击并拖动鼠标来形成曲线.可以尝试在不同的方向拖动来观察曲

手机YY设置自己的头像教程 手机yy怎么设置头像?

1)我们在手机中打开YY语音,然后我们登录之后我们再点击"头像"然后我们进入到头像中我们点击上传就可以了哦.   友情提示:手机YY上传图片是必须在有网络状态下哦,否则会非常的慢呀.