网页教学网
 当前位置: 网页教学网 >> 网页制作 >> Fireworks制作技术 >> 阅读:Fireworks 制作纸张卷边效果
[ HTML ] [ FW ] [ DW ] [ FP ] [ JS ] [ XML ] [ CSS ] [ 图象 ] [ FLASH ] [ .NET ] [ ASP ] [ JSP ] [ PHP ] [ 数据 ] [ 系统 ] [ 安全 ] [ 素材 ] [ 建站 ] [ 主机 ] [ 入门 ] [ 技巧 ]

Fireworks 制作纸张卷边效果

http://www.webjx.com  更新日期:2007-04-19 15:22  出处:蓝色理想  作者:凌志 收藏本文

电脑里几年前搜集的源文件,作者无从查证了,十有八九是经典哪位元老,教程以前是否有过我也不太清楚,今天把制作过程写了一遍。

PNG源文件和最终效果:

Fireworks 制作纸张卷边效果

1、建立画布,绘制矩形,白色填充,灰色笔触,笔触类型选择1像素柔化。

Fireworks 制作纸张卷边效果

2、绘制另外一个用于打孔的矩形,并使用缩放工具旋转角度,如果想旋转45度可以在使用缩放工具时按住SHIFT键。

Fireworks 制作纸张卷边效果

3、将旋转好角度的矩形和原有矩形摆放好位置,选择二者,CTRL+SHIFT+D克隆一份,这样得到两组矩形。

Fireworks 制作纸张卷边效果

4、选择第一组矩形,修改菜单——组合路径——交集,得到卷角部分。

Fireworks 制作纸张卷边效果

5、选择剩下的第二组矩形,修改菜单——组合路径——打孔,得到纸张部分。

Fireworks 制作纸张卷边效果

6、选择卷角部分,修改菜单——变形——旋转180度。

Fireworks 制作纸张卷边效果

7、选择纸张部分,添加阴影效果。

Fireworks 制作纸张卷边效果

8、放大画布比例,选择子选取工具(白箭头),首先点击卷角部分左下角的节点,松开鼠标,按住ALT键后用子选取工具拖动此节点,控制好手柄,使卷角部分底边变成弧形曲线。

Fireworks 制作纸张卷边效果

9、选择子选取工具(白箭头),首先点击卷角部分左上角的节点,松开鼠标,按住ALT键后用子选取工具拖动此节点,控制好手柄,使卷角部分左上边变成弧形曲线,这两个节点的调整目的是使卷角部分出现立体效果。

Fireworks 制作纸张卷边效果

10、给卷角部分添加内测阴影效果。

Fireworks 制作纸张卷边效果

11、给卷角部分添加阴影效果。

Fireworks 制作纸张卷边效果

大功告成。至于哪个角卷起来,看自己需要去制作即可。

关键词:
推荐给好友】【关闭
最新五条评论
查看全部评论
评论总数 0
您的评论
用户名: 新注册) 密 码: 匿名:
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为