Fireworks绘制精致立体IPOD

立体

  小乖最近买了IPOD,时刻无不在吹嘘IPOD外观的漂亮、功能的强大。加上最近她学习Fireworks着魔一样,更扬言要把美丽漂亮的IPOD用FW画出来,可惜,她真是“才疏学浅”阿,这不,最后还是来找我帮忙,难得她能这么积极的学一个软件,这忙得帮,想想让她画平面的也学不到多少东西,网上搜一下,IPOD的图片还真不少,找了个侧视图,正好教她一下透视和光照得表现。

  对于画许多实物的角度图(或叫画带立体感的图),对于我们这些“小菜”和像小乖一样的新手可能有些困难,前辈们的一些教程也给了我们好多启示,比如可以拿实物对照观察、可以像手绘一样先打些辅助线做草稿,可是对于我们这种没有美术基础,透视感差一些的人来说还是有些困难,其实我们可以找到简单的方法,将物体“拆”成简单的几个面,再组合起来,做出立体效果。


完成效果

  学习要点:钢笔工具,透视,高光,变形工具,扭曲工具

  1.观察IPOD的照片,我们将它分为3个大的部分,这里需要我们对钢笔工具熟练些,如图,勾画出靠前的A面(图1),其次为B面(图2),再次为C面。

   A面B面

   2.根据各层的前后关系,我们将它们组合好,我这里将3个单独勾画的路径用不同颜色表示出来(图3),比较容易明白,这里我们需要知道的是,只有最外面的面要仔细勾画,而下面的面,因为不用看到,覆盖下的地方我们简单连接好路径便可。

   图3

   3.为了表现质感,我们开始对这3个路径进行填充。
  如图,A层路径我们用线性填充,颜色为左#A3C554,右#7FB249, B层路径直接实心填充,颜色为#F9FAFB,进行描边,颜色为#C1C2C6,笔尖大小为1,选择柔滑线段,C层路径为实心填充,颜色为#F4F5F7,进行描边,颜色#D8D9DB,笔尖大小选择2,柔滑线段。调整一下,为了增加效果,我们把A层路径复制一下,切割出左侧一部分,来加深颜色,效果如图4

   图4

   4.开始画IPOD的控制面板。
  这次我们用圆角矩形工具,画出IPOD的控制键盘,效果不对时用选取工具点选矩形调节点进行调节,直到出现我们满意地效果为止。调整好图形后我们进行线性填充,填充颜色从左至右为:#E4E7EB、#C5C8CF、#FFFFFF,为表现暗色和亮色,我们用3个颜色。颜色调节如图5所示。

   图5

   5.将此圆角矩形复制并缩小,或者用钢笔工具勾画一个内圆角矩形,再次进行填充,来丰富效果。依然为线性填充,填充颜色均为#CED7E1,这里需要注意的是,右侧颜色透明度为50,得到效果如图6。

   图6

   6.用钢笔工具勾画出月牙形,椭圆工具画出扁圆型,进行高斯模糊,值为1,来达到高光效果,进一步丰富控制面板,圆角矩形和三角形添加图形。(注:其中三角形用多边形工具画出来,边数选择3)。完成效果如图7

   图7

   7.同理钢笔工具配合椭圆工具,高斯模糊来表现整体高光效果。如图8

   图8

   8.钢笔工具画出其它控制按键 。

   图9

   9.接下来用钢笔工具勾画IPOD屏幕,依然线性填充,颜色为:#196332、#6BB24B,描边为 黑色,笔尖大小为 1 ,选择柔滑线段。

   图10

   10.我们来给屏幕增加背景图片效果,很简单,具体步骤为:首先复制屏幕路径,并清空路径的填充颜色、描边颜色,选取合适图片,通过倾斜和扭曲工具,调整为和屏幕路径形状相似,选择粘贴于内部命令。得到效果。

   图11

   11.继续为屏幕增加效果,同过钢笔或者矩形工具来增加导航条,电池标识等,具体参数如图。

   图12

   12.添加字体效果。

   图13

   13.到这里,基本完成了IPOD的制作,我们可以通过旋转,来增加一个光照效果,图14 。通过修改源文件的配色,我们可以得到多个IPOD呢,图15,赫赫。(如果真能得到就好了,嘿嘿!!)

  
    图14               图15

时间: 2024-08-04 06:27:04

Fireworks绘制精致立体IPOD的相关文章

Fireworks绘制精致矢量美女插画

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

Fireworks绘制精致三维仿真金属小球

用 fireworks 画这类的东西,其实不难,只需要仔细的观察,还有一点点的耐心.当初收录这个教程的时候,我没有怀疑其真实性,因为我们每个人都能做到.那好,我们开始我们的fireworks 仿真绘画的第一步吧.画一个金属球.前言:因为大部分朋友没有学习过素描,也没有详细观察事物的习惯.所以我们在画之前要说明一下金属绘画的重点,金属的特点是明暗差别大,高光是体现质感的重要部分,另外反光也会比较的亮.如果研究过日本圣斗士盔甲插图的人,应该会有更多的感受和窍门.最后球形的明暗特点也是大家在画画之前需

Fireworks绘制精致葡萄酒瓶

上去精致漂亮的葡萄酒瓶,其实制作起来非常简单,用fireworks只需几步,就能轻松打造. 首先,用形状工具画出相应的形状,通过这些形状的组合,我们能够得到一个瓶身. 接着,我们开始制作瓶颈,用钢笔工具勾画出半个瓶颈的形状,通过复制-水平翻转,得到右边半个,这样制作的瓶颈看起来对称平整,比完整勾勒的更好.用路径面板中的组合路径拼合他们. 把制作完成的瓶身和瓶颈组合起来,得到完整的葡萄酒瓶子,这里由于在做包装纸的时候我需要用瓶颈部门形状,所以暂时不需要把他们合并路径. 添加高光是很关键的一部,因为

Fireworks绘制XP风格精致图标

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

Fireworks扩展插件3D辅助绘制转动立体球三维效果

  Fireworks中虽然缺乏三维造型的功能,但是使用扩展插件3D Primitives for Fireworks以后,Fireworks也可以做出很棒的三维效果.本例就向大家介绍Fireworks扩展插件3D辅助绘制转动立体球三维效果,感兴趣的朋友可以跟着一起学习制作一下. 完成效果预览: 详细制作过程如下: 首先下载并安装好3Dprimitives.fw插件,打开Fireworks的插件窗口,选择菜单"窗口->3D Primitives". 1 点击Profile,调整为

Photoshop+AI绘制精致的中国风砚台

本教程主要使用Photoshop+AI绘制精致的中国风砚台,先在AI里制作好3D模型,然后转到PS里调整颜色以及纹理的合成,绘制的过程比较简单一起来学习吧. 效果图以及绘制过程:     [1] [2]  下一页

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)用钢笔工具在不相邻的两个锚点上各点一下,变尖了.