设为首页
收藏本站
最新电影
> 子栏目 firworks | photoshop | flash | 设计理论
您现在的位置: 首页=>图形图像=>fireworks 订阅本栏目  
Fireworks画文件夹
时间: 2007-09-25 07:06:14 阅读次数:6254


前段时间做过一个Fireworks画书的教程今天再来一个水晶质感的文件夹其实这也没啥PS做的多得去了只是我喜欢将别人用PS做的东西用fireworks做出来当然Fireworks在滤镜上还是和PS没得比有些效果我可还是做不来-_-||
这篇教材似乎有点长飞飞Asp.技术乐园大家看的时候需要耐心点难道是我废话太多了
不废话了来看效果图:


1、PNG源文件


图片点击可在新窗口打开查看


2、新建画布使用矩形工具(U)绘制一个垂直渐变填充的矩形如下图设置:


图片点击可在新窗口打开查看


3、使用钢笔工具(P)给矩形添加节点并调整如图:


图片点击可在新窗口打开查看


4、使用缩放变形工具(Q)调整矩形倾斜:


图片点击可在新窗口打开查看


5、给矩形添加内侧阴影如图设置:


图片点击可在新窗口打开查看


6、我们再来绘制文件夹的外壳同步骤2绘制一个矩形并选择垂直渐变填充:


图片点击可在新窗口打开查看


7、如步骤3方式为矩形添加节点并调整图:


图片点击可在新窗口打开查看


8、同样为文件夹外壳添加内侧阴影效果:


图片点击可在新窗口打开查看


9、现在我们开始制作文件夹的内页我们先打开层面板(F2)将外壳隐藏;按前面步骤绘制一个白色填充的矩形并调整倾斜:


图片点击可在新窗口打开查看


10、为内页加上投影效果:


图片点击可在新窗口打开查看


11、将内页复制三份飞飞Asp技术,乐园如图错位排开注意:移动错位后的内页会有部分显示在外壳下面所以需要使用部分选择工具(A)调整内页矩形的高度:


图片点击可在新窗口打开查看


12、这时我们打开层面板显示文件夹外壳这个文件夹的大体效果就已经出来了:


图片点击可在新窗口打开查看


13、接下来我们制作外壳的阴影效果将外壳复制一份将上面的层隐藏:


图片点击可在新窗口打开查看


14、选中下面的外壳飞飞A.sp技术乐园将填充更改为黑色实心填充羽化值为10将透明度设置为30%并向右上角移动:


图片点击可在新窗口打开查看


15、这里我们将用到蒙板效果来对阴影效果的范围进行设置我们将投影的范围限制在文件夹内所以这里我们使用文件夹外壳作为我们投影显示的范围选择前面制作的文件夹外壳并复制:


图片点击可在新窗口打开查看


16、选中我们刚刚做好的阴影效果点击右键粘贴为蒙板:


图片点击可在新窗口打开查看


17、这样我们的文件夹阴影效果就大致完成了:


图片点击可在新窗口打开查看


18、接下来制作外壳的高光;使用钢笔绘制如下路径选择白色填充调整透明度到30%:


图片点击可在新窗口打开查看


19、复制绘制好的路径原处粘贴并水平翻转:


图片点击可在新窗口打开查看


20、选择两个路径组合利用刚才提到的蒙板方法取得高光部分范围调整降低透明度ok完成了:


图片点击可在新窗口打开查看




站内搜索    

下一篇暂无

上一篇实用Fireworks企业标识不扣图反白法

本栏目最新 栏目最新列表
Fireworks画文件夹
Fireworks制作动态banner流程
Fireworks通道原理+快捷运用
Fireworks Eyecandy滤镜效果 详解
Fireworks 制作地球旋转动画
网站优化策划 栏目最新列表
增加网站外链的快速方法
网站上线前必做的30个检查
新的友情链接参考标准(没有google的PR情况
优化Google的AdSense广告的五个工具
王通讲SEO八大基础
站点最新 站点最新列表
微博推广的一些技巧
xhEditor v1.1.7 发布,
收集的一些轻量级非常实
50个新鲜兼容最新版本的
javascript中cookie的设
Excel中出现#VALUE!、#D
jquery插件:飞飞表情插件
十个使用HTML5开发的精彩
支持HTML5的浏览器有哪些
飞妮莫属:漫画:如何写出
历史最热10条信息  
MIME介绍 及 [1] [2] [3]
巧用Google和迅雷来下载
Transact SQL 常 [1] [2]
VIA Rhine II Fast Ethe
电脑常用端 [1] [2] [3]
Do you get a kick out
十道羊皮卷 欣赏+mp3版+
每日一句:A friend and
每日一句:Theres no tu
经典__悟透JavaScript
相关文章
Fireworks画文件夹
 
 width= 
伟哥博客 西安房产 123最新电影 三四六四