Fireworks绘制时尚手机

  这是一款较早前出产的一部时尚手机,但不知道为什么使用的人却比较少,但其酷炫的外观至今仍使我爱不释手。终于忍不住要用Fireworks也来画一个。

  新建一个550*350大小的画布。我们先来画机身,用“椭圆形”工具画两个直径分别为178、143的圆和一个143*169的矩形,如图01般进行排列。


  图01

  再用“细部”工具点击直径为143像素的小圆,点选小圆底部的路径节点,然后用方向键将该节点向上移动10个像素,如图。


  图02

  然后选中所有对像,用菜单栏上的“修改—组合路径—联合”命令,把三个对象合成一个新路径。再用“钢笔”工具和“细部”工具为路径进行修整,使其变得更圆滑。如图。


  图03

  接着对该对象使用“条状”填充及“内斜角”特效,如图04、图05。


  图04


  图05

  将该对象复制多一个,适当缩小后与原对象进行底部对齐,如图。


  图06

  然后将该对象的羽化值设为1,选用9%的“木纹”纹理,并修改“内斜角”特效的相关数值,如图。


  图07

  接着我们来画手机显示屏内围及外围的金属框轮廓。用“椭圆形”工具在机身上画两个直径分别为141和122像素大小的圆,并用“细部”工具将两圆底部节点按方向键向上移动5个像素,用同样的方法再把和大圆左侧的节点向左移动5个像素。把两圆对齐后,使用“修改—组合路径—打孔”命令,形成一个新的组合路径。设置羽化值为1,描边色为#D7DAE9。如图08。


  图08

  再用“椭圆形”工具在机身上画一个直径为174像素的圆,以黑色实心填充,并用“细部”工具点选该圆下部的节点,用方向键向上移动5个像素。然后在该圆内再画一个直径为144像素的小圆,使其与大圆对齐后也用“细部”工具将其底部的节点向上移7个像素。完成后同时选中这两个对象,使用“打孔”命令,效果如图。


  图09

  接下来就要为这内外两个金属框画上反光效果了。我们先来画外围的金属反光效果。用“钢笔”工具勾画出如下图般的路径,必要时要用“细部”工具对路径的节点进行调整,然后设置羽化值为1,色彩填充如下图。


  图10

  继续画出右侧的反光效果。同样先用“钢笔”工具先勾画出路径,然后采用“椭圆形”填充,色彩的过渡由#C6CBE1(左边的色彩滑块)至#FFFFFF,羽化值为3,效果如图。


  图11

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


  图12

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


  图13

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


  图14

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

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


  图16

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


  图17


  图18

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

时间: 2024-08-04 03:58:24

Fireworks绘制时尚手机的相关文章

Fireworks 绘制Philips手机

在整理东西的时候翻出前些日子做的philips手机,就搞了个教程发上来了~不足之处多多指教!由于在绘制过程中的步骤太多,而且有些只是简单的调整节点和打孔,所以这里就不一一图例说明,只是加以简单的文字说明!还是那句话,讲的是方法,过程不一定相同! 1 首先以手机的翻盖为基础,画4条辅助线,并以此为基准画一个圆角矩形,矩形圆度设置为30:为了留出手机翻盖的轴部,使圆角一边成为直角(后来发现这一步可以省略),并调整节点使之与辅助线吻合:最后添加水平的线性渐变色:#f3f6f7-#bob3b9:如下图

Fireworks绘制送鸡年迎狗年卡通桌面

Fireworks具有强大的矢量绘图功能,在以前的例子中,我们使用Fireworks绘制出了圣诞老人.Kitty猫咪和狗狗桌面,今天我们再来使用它来绘制一个2006年春节送鸡年迎狗年卡通桌面,在春节将至的日子里,无论是送给朋友这样一个新年的祝福还是自己收藏会让我们很开心的.下面就来讲解这样一个贺卡的制作全过程. 在本例中,我们使用了Fireworks的矢量路径工具绘制了一些矢量卡通图像.Fireworks在绘制卡通图像上的功能是非常强大的,通过使用它预定的一些形状我们就可以轻而易举地变换出各种各

用Fireworks绘制Q版的电视机图标

网络上经常会用到一系列图标,特别是可爱风格的Q版图标,大家都非常喜欢.今天我们就来一起用Fireworks绘制Q版的电视机图标. 思路:仔细观察电视机,就是一个一个长方体,我们可以看到的最多三个面,正面,侧面,顶部,老式的电视机会多出两根天线.为了让它活泼可爱点,我们可以使用矢量的钢笔工具来绘制.因为是Q版的,所以大家随便勾都没有问题,注意大的透视关系就可以了. 完成效果如下: 实现步骤 1.新建一个Fireworks文件. 2.使用矢量的钢笔工具来绘制电视机侧面 (内侧阴影) 3.使用矢量的钢

用Fireworks绘制华丽的DNA图案

大家如果看过winamp的AVS的弦曲线的人想必对其华丽的光影效果印象深刻. 这次我用Fireworks绘制这个炫彩光影DNA图案的桌面,主要应用到Firework的路径.元件&补间的组合使用.希望能抛砖引玉,让大家发掘firework的更多潜能! 以下是绘制步骤,慢慢看哦,不太长. 1. 这次的主要应用技术是firework的路径.元件&补间的疯狂组合使用. (1)用矢量工具画一个无填充,笔触为一象素柔化的圆,约150×150px (2)用钢笔工具在不相邻的两个锚点上各点一下,变尖了.

Fireworks绘制精致矢量美女插画

本例中我们用Fireworks绘制一个矢量风格的帅气美女,大家可以从中了解到Fireworks在矢量绘画方面的能力. 1.在Fireworks中用路径勾画脸部.头发的形状(如下图) 2.路径做头发上的光泽: 光泽部分使用的色彩,将光泽全部组成组后再添加颜色.得下图:

Fireworks绘制XP风格精致图标

本文我们用Fireworks绘制一个XP界面风格的精致图标--"我的电脑". 先奉上效果图: 基本步骤: 1. 先绘制一个矩形,并通过部分选取工具调节节点.为增加立体效果,每个角均通过钢笔工具增加为2个节点 2. 给矩形添加渐变效果 3. 再给右边的矩形添加渐变效果 4. 复制矩形并缩小,作为内框屏幕,实用发射性渐变,添加内部阴影

Fireworks绘制IE浏览器图标教程

  本教程向大家介绍如何利用Fireworks 绘制IE浏览器图标过程,制作方法不是很难,教程介绍的非常详细,推荐给的朋友学习,希望对大家有所帮助! 1.新建画布,选取椭圆工具,按SHIFT绘制一个圆形,再在圆形的内部绘制一个略小的椭圆,使用菜单对齐命令将两者居中对齐. 2.同时选中圆形和椭圆对象,选择菜单"修改|组合路径|打孔"命令,组合得到圆环图形. 3.选取矩形工具,在圆环中心位置绘制一个矩形框,同时选中两个对象,选择菜单"修改|组合路径|联合"命令. 4.使

Fireworks绘制可爱的Q版电视机图标

  网络上经常会用到一系列图标,特别是可爱风格的Q版图标,大家都非常喜欢.今天我们就来一起用Fireworks绘制Q版的电视机图标. 思路:仔细观察电视机,就是一个一个长方体,我们可以看到的最多三个面,正面,侧面,顶部,老式的电视机会多出两根天线.为了让它活泼可爱点,我们可以使用矢量的钢笔工具来绘制.因为是Q版的,所以大家随便勾都没有问题,注意大的透视关系就可以了. 完成效果如下: 实现步骤 1.新建一个Fireworks文件. 2.使用矢量的钢笔工具来绘制电视机侧面 (内侧阴影) 3.使用矢量

PS怎么绘制iPhone手机的钢化膜?

  PS怎么绘制iPhone手机的钢化膜?          1.打开PS新建一个画布 2.点左下角工具栏,圆角矩形工具,半径像素可根据手机大小去调整 3.根据手机大小画出矩形,可填充为白色,描边为蓝色,一个像素 4.然后降低填充 5.点击减去顶层形状,然后对照手机画出手机孔位 6.最后成果,大功告成啦! ps通道抠图教程 转手绘教程 ps美化图片教程 分类: PS入门教程