您现在的位置: 圆点视线 >> 教程 >> 图形图像 >> Fireworks >> 文章正文
[图文]先建模再渲染 Fireworks矢量立体图标完整流程           ★★★
先建模再渲染 Fireworks矢量立体图标完整流程
作者:蓝色理想…  文章来源:蓝色理想数码站  点击数:  更新时间:2008-3-10 18:34:19 
 页面功能:【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口 【字体:

  以下是我个人用Fireworks画矢量立体图标的一些流程和习惯,发表出来和大家交流一下。

  用平面软件做立体图标的基本流程也是“先建模,再渲染”,然而这些都得自己去做,虽然在逼真度上和3D软件还是有差距,但是平面软件制作图标可以有更多变的风格和效果,给了设计者更多发挥空间。下面是我画一个USB接头的过程。
  个人认为图标作品还是不要太接近实物为好,更卡通风格、更有代表性才是优秀的图标。虽然我目前还做不到。 -_-!

  
Fireworks绘制矢量三维图标_天极设计在线整理转载

  上面为制作的流程和最终效果图。

  首先我要说的是。Fireworks本身不带直接透视功能,不过有透视辅助线(其实也不太方便)和3D插件,但是直接做能够更好地练习透视能力。我这里画的整套图标都是同一个角度透视的,所以我采用一个正方形而不是这个USB插头本身,主要是为了适应更多图标。

  
Fireworks绘制矢量三维图标_天极设计在线整理转载

  1 如上,画一个很正的正方形。

  
Fireworks绘制矢量三维图标_天极设计在线整理转载

  2 使用扭曲工具把它变形,处理成侧视图的效果。这里可以用FW中的辅助线来制作,或者使用3D插件透视一个正方形。完成变形以后千万记得把这个变形的历史记录保存到命令中。最后我提供了这个命令的JSF文件下载。

  tips:很多朋友在经典问不知道扭曲工具是什么。为什么我的扭曲总是放大或者缩小而不能任意变形呢?
  扭曲工具是变形工具的第三个图标!如果你还不明白这一步的含义请看下面。

  
Fireworks绘制矢量三维图标_天极设计在线整理转载

  3 复制一个,然后向右边移动几个象素,再缩小到99%,大致的画出这里画的USB插头的正面和反面所在的平面。为了更准确的达到立体效果不失真,真的能不失真吗?请继续向下看。

  tips:后面的面要比前面的面稍小一点点。近大远小嘛.用过相机拍摄微距的朋友一定知道,镜头越近,前后大小差别越大。

  
Fireworks绘制矢量三维图标_天极设计在线整理转载

 

[1] [2] [3] [4] 下一页

 【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 文章录入:Rainsion    责任编辑:Rainsion  【字体:
 
  • 上一篇文章:

  •  
  • 下一篇文章: 没有了
  • 最新文章
    相关文章
    Fireworks制作流行的“回形针卡照片”特效
    一起分享 用Fireworks绘制可爱水粉卡通画
    Fireworks巧用素材制作石头字效果
    Fireworks图标绘制:精致水晶羽毛笔
    Fireworks教程:用滤镜打造漂亮极光字效果
    fireworks教程:用笔触绘制“毁灭顶峰”效果
    Fireworks折叠渐变巧妙打造电视雪花动画
    Fireworks丰富的笔触设置面板详解
    巧用Fireworks笔触绘制飘逸的白云
    Fireworks打造雪花纷飞节日贺卡
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
     姓  名: 评 分: 1分 2分 3分 4分 5分
     评论内容: ·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
    ·用户需对自己在使用本网服务过程中的行为承担法律责任
    ·本站管理员有权保留或删除评论内容。
    ·评论内容只代表机友个人观点,与本网站立场无关。
     
    最 新 推 荐
     
    百度主题推广
    最 新 热 门