gggds 发表于 2009-12-27 13:45:08

圆环相切效果的制作








  风筝制作方法:  如何制作园环相切的效果,方法有很多,这里给大家提供一种相对比较简单的方法,希望能给大家带来帮助。  1、选取工具箱面圈形工具 绘制一个对象,然后克隆它。 具体对象如下图所示。

http://edu.chinaz.com/Files/RoUpimages/04a1814a01.gif
  2、单击最上方的黄色菱形调节点 向右侧拖动鼠标,即可出现分段缺口。实际操作效果如下图所示。

http://edu.chinaz.com/Files/RoUpimages/04a1814a02.gif
  3、选中蓝色的圆环对象, 单击工具栏上的合并按钮 这样就将自动图形对象转化为了路径对象,具体效果如下图所示。

http://edu.chinaz.com/Files/RoUpimages/04a1814a03.gif
  4、用部分选定工具(白色箭头)对两个圆环交接处的路径节点作细微调整,可以放大编辑视图以做更细致的调整。可以观看下图的调节过程截图。  【提示】关于路径节点的详细调整方法可以查找it365cn里面相关的具体文章,这里就不对调整方法做具体的讲解了。

http://edu.chinaz.com/Files/RoUpimages/04a1814a04.gif
  5、添加了第三个园环,最终调节结果如下图所示。具体的图层排布方式请看源文件。

http://edu.chinaz.com/Files/RoUpimages/04a1814a06.gif
  小狐子制作方法:  1、绘制两个圆环:

http://edu.chinaz.com/Files/RoUpimages/04a1814a07.gif
  2、分别将两个圆环转化为位图(右键=>平面化所选,或者是快捷键CTRL+SHIFT+ALT+Z):

http://edu.chinaz.com/Files/RoUpimages/a04a1814a8.gif
  3、选择其中一个圆环,在层面板中按住CTRL键去单击另一个原环:

http://edu.chinaz.com/Files/RoUpimages/a04a1814a9.gif
  4、此时得到了该圆环相对于另一个圆环的选区:

http://edu.chinaz.com/Files/RoUpimages/04a1814a10.gif
  5、选择选取框工具,按住ALT键的同时,在你想保留原状的那个结合出画一个矩形选区,即在当前选区中减去刚才所画的矩形区,注意观察在选取的同时鼠标指针旁有个-号:

http://edu.chinaz.com/Files/RoUpimages/04a1814a11.gif
  6、删除选区后得到如图的嵌套效果:

http://edu.chinaz.com/Files/RoUpimages/04a1814a12.gif
  7、将一个圆环移开你就明白是怎么回事了:

http://edu.chinaz.com/Files/RoUpimages/04a1814a13.gif
  Png源图:

http://edu.chinaz.com/Files/RoUpimages/4a1814aend.png
















http://edu.chinaz.com/Files/RoUpimages/imgaspacer.gif








相关主题
更多相关链接


http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
一例特效文字的制作简介
http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
用 Fireworks 做一个信笺
http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
用FWMX 2004的运动模糊做电视
http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
Fireworks 制作扇子展开动画
http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
Fireworks 制作凝胶字效果
http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
FWMX2004 滤镜打造翠玉
http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
FWMX2004 表现脉冲光效果
http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
用Fireworks制作LOGO心得体会
http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
Fw与Dw结合:看实例学切片
http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
曲别针展示图效果




http://edu.chinaz.com/Files/RoUpimages/imgaspacer.gif





http://edu.chinaz.com/Files/RoUpimages/ggawacomas.jpg



http://edu.chinaz.com/Files/RoUpimages/imgaspacer.gif








站内搜索





标题


关键字搜索
常规搜索
高级搜索

热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver 2004 Flash




http://edu.chinaz.com/Files/RoUpimages/imgaspacer.gif








站点最新
站点最新列表






http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
AI制作简单的温馨卡片二例




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
JSP2.0技术手册




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
像素画艺人Suguru.T教你做




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
程序员修炼之道——从小工到专家




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
像素图GIF动画制作




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
2004闪动生活Flash大赛




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
故宫博物院院徽标识设计征集




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
蓝色理想T-Shirt设计评选结果




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
关于web标准的书-《网站重构》




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
Fireworks制作燃烧效果






http://edu.chinaz.com/Files/RoUpimages/imgaspacer.gif








栏目最新
栏目最新列表






http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
AI制作简单的温馨卡片二例




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
Fireworks制作燃烧效果




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
Illustrator精典作品解密




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
FLASH缓冲滚动升级版本




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
Classes and Objects in PHP5




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
几款搜索引擎优化检测工具




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
利用 XMLhttp 分块上传文件




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
AI制作珍珠项链




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
AI 描边工具的小应用――齿轮制作




http://edu.chinaz.com/Files/RoUpimages/iconaarrow.gif
Fireworks 多边形切片的妙用






http://edu.chinaz.com/Files/RoUpimages/imgaspacer.gif










页: [1]
查看完整版本: 圆环相切效果的制作