技术频道导航
HTML/CSS
.NET技术
IIS技术
PHP技术
Js/JQuery
Photoshop
Fireworks
服务器技术
操作系统
网站运营

赞助商

分类目录

赞助商

最新文章

搜索

Fireworks这样画平滑圆弧角,漂亮简单快捷!

作者:admin    时间:2017-12-11 12:33:59    浏览:

前面介绍过纯用钢笔工具画出平滑圆弧角,现在觉得那种方法又笨又慢效果又不够好,我今天要说的这种方法,才是最好的画平滑圆弧角的方法。这个运用了矩形工具和钢笔工具,做出来的平滑弧线效果最好,而制作过程又最简单、快捷!

 效果图

平滑无锯齿圆弧角

平滑无锯齿圆弧角

制作方法

一、用矩形工具画一个矩形

新建文档,用矩形工具画一个矩形。

用矩形工具画一个矩形

用矩形工具画一个矩形

二、对矩形取消组合

然后点击菜单的“修改”-“取消组合”。

对矩形取消组合

对矩形取消组合

三、用钢笔工具在矩形边添加锚点

点击钢笔工具,这时看到矩形的四个角变成白色的点。

选择钢笔工具

选择钢笔工具

接着,把钢笔移到矩形的下边缘中间,看到钢笔出现“+”号的时候点击一下,这样,矩形下边就添加了一个锚点,如图:

在矩形下边添加一个锚点

在矩形下边添加一个锚点

四、画圆弧

用鼠标左键点击刚才添加的锚点,不要松手!然后拖动鼠标,圆弧就画出来了。

画圆弧

画圆弧

画出圆弧

画出圆弧

圆弧最终效果

圆弧最终效果

五、制作圆弧角

如果要制作圆弧效果,到上一步即可达到目的,但是要制作圆弧角的话,还需多动几下,把圆弧的曲线变成直线,做出“角”的效果,我们要的效果图是这样的:

平滑无锯齿圆弧角

平滑无锯齿圆弧角

如何作呢?我们可以画一个矩形来覆盖曲线,如下图所示:

在弧线曲线上覆盖一个矩形

在弧线曲线上覆盖一个矩形

同样,在右边也覆盖一个矩形,最后作出这样的圆弧角出来:

得到这样的圆弧角

得到这样的圆弧角

如果你够细心的话,会觉得直线与圆弧角连接得不够平滑自然,那么我们可以把它作得更加平滑。

六、让圆弧角更平滑

把上面作的图,保存起来,然后新建文档,把它打开。

用“缩放”工具把它放大,这时你看到它的圆弧与直线连接的地方是不够平滑的,如图:

圆弧与直线连接的地方是不够平滑

圆弧与直线连接的地方是不够平滑

我们可以用魔术棒工具,也可以用矩形进行填充覆盖锯齿,让圆弧与直线连接的地方更加平滑,如图:

用矩形填充覆盖锯齿

用矩形填充覆盖锯齿

最终得到的圆弧角就更加好看了,如图:

最终得到的圆弧角

最终得到的圆弧角

您可能对以下文章也感兴趣

  • IT热文
  • 站长推荐