• 微课视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
微课江湖
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 微课视频
  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax
您的位置:首页 > 平面设计 >Fireworks > Fireworks绘制一枚精致的PC显示器图标

Fireworks绘制一枚精致的PC显示器图标

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-05-24

佚名 向大家分享了Fireworks绘制一枚精致的PC显示器图标,其中包含fireworks,fireworks下载,fireworks教程,fireworks 8,adobe fireworks等知识点,遇到此问题的同学们可以参考下

本教程是向大家介绍用Fireworks绘制一枚精致的PC显示器图标过程,绘制方法比较简单,制作PC图标效果非常漂亮,推荐过来,希望对大家有所帮助!

先奉上效果图:

Fireworks 制作精细PC图标

基本步骤:

1. 绘制一个矩形,并通过部分选取工具调节节点。为增加立体效果,每个角均通过钢笔工具增加为2个节点

Fireworks 制作精细PC图标

2. 给矩形添加渐变效果

Fireworks 制作精细PC图标

3. 再给右边的矩形添加渐变效果

Fireworks 制作精细PC图标

4. 复制矩形并缩小,作为内框屏幕,实用发射性渐变,添加内部阴影

Fireworks 制作精细PC图标

5. 制作屏幕高光效果,绘制一个圆形,设置线性渐变,羽化为6

Fireworks 制作精细PC图标

6. 再画一个大的圆,用来切掉我们不需要的部分,选择两个路径,修改-组合路径-打孔

Fireworks 制作精细PC图标

7. 得到如下路径,然后使用蒙板得到我们需要的内框屏幕,选择蓝色内框屏幕,复制,选择刚才得到的白色渐变路径,反键-编辑-粘贴为蒙板,得到如下效果

Fireworks 制作精细PC图标

8. 绘制两条斜线,制作屏幕下方立体效果

Fireworks 制作精细PC图标

9. 使用上述高光绘制方式制作屏幕下方高光效果

Fireworks 制作精细PC图标

10. 使用放射性渐变绘制显示器开关按钮。并复制一个浅灰色的圆形放在按钮下,产生立体效果

Fireworks 制作精细PC图标

11. 利用矩形工具绘制底座支撑轴。并使用线性渐变填充

Fireworks 制作精细PC图标

12. 利用矩形工具绘制底座,使用钢笔工具增加节点并调整。使用放射性渐变填充

Fireworks 制作精细PC图标

13. 利用矩形工具绘制高3像素的矩形使用放射性渐变填充,绘制底座高光效果

Fireworks 制作精细PC图标

以上就是Fireworks绘制一枚精致的PC显示器图标过程,感兴趣的朋友可以过来自己制作一个,谢谢大家的观看!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • fireworks怎么制作好看的图文排版?
  • Adobe Fireworks设置首选参数教程
  • Fireworks制作可爱的波尔卡点边框
  • Fireworks轻松制作卡通女孩眨眼睛GIF动画效果图
  • Fireworks制作漂亮的网格化图像效果
  • Fireworks简单制作漂亮的水平或垂直的彩条背景
  • Fireworks绘制简笔QQ企鹅图像
  • Fireworks制作卡通图案邮票
  • Fireworks制作文字效果各种方法详解
  • Fireworks使用历史面板制作连续背景效果图

相关文章

  • 2017-05-24Fireworks和Xara3D打造精美的3D立体特效字
  • 2017-05-24Fireworks设计绘制五彩炫光效果的图片实例教程
  • 2017-05-24Fireworks怎么画大脚图标?
  • 2017-05-24Firewoks打造黑水晶立体质感文字效果
  • 2017-05-24Fireworks制作枫叶飘落的gif动画效果
  • 2017-05-24Fireworks给美女脸部彩绘
  • 2017-05-24FW怎么设计个性十足的文字LOGO?
  • 2017-05-24Fireworks怎么修改字体?FW修改字体方法
  • 2017-05-24Fireworks教程:有光泽的胶囊
  • 2017-05-24炫出我的个性 qq聊天表情的绘制技巧

文章分类

  • photoshop
  • Fireworks
  • CorelDraw
  • Illustrator
  • Painter
  • Freehand
  • Indesign
  • flash
  • maya
  • autocad
  • 3dmax

最近更新的内容

    • Fireowrks制作幽默夸张的卡通表情
    • Fireworks教程-Lost RGB(图文)
    • Fireworks快速制作带血的金属刀具教程
    • FWMX2004移除相片红眼效果的工具使用讲解
    • Fireworks设计绘制硬壳厚皮烫金书实例教程
    • Fireworks怎么修改字体?FW修改字体方法
    • 教你用Fireworks自带图案纹理制作迷彩字效果
    • Fireworks 给黑白照片调色全攻略
    • 图解用Fireworks 制作五角星
    • Fireworks教程:制作文字效果各种方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2015-2018 All Rights Reserved. 微课江湖 版权所有