空城旧梦之西门吹雪 發表於 2014-12-8 16:22:25

Fireworks蒙版制作漂亮的图片窗格效果

<p>这篇教程是向琼殿技术社区的朋友Fireworks蒙版制作漂亮的图片窗格效果方法，教程制作出来的方法很简单，推荐过来，一起来学习！</p>
<p>1、在Fw中打开图片，可稍加处理，比如做些TV扫描线特效、高斯模糊效果等等，具体制作我们这里不再详述； <br /></p>
<center><center><img onclick="javascript:window.open(this.src);" border="0" alt="" src="https://img.jbzj.com/file_images/article/201412/20141208162152263.jpg" /></center></center>
<p><br />　　2、使用圆角矩形工具在工作区画出正圆角矩形（长:60px，宽:60px，笔触：#ccccccc，填充色：#ffffff），并放置好位置（X轴:0，Y轴：0）； <br /><br />　　3、从&ldquo;窗口&rdquo;菜单中打开&ldquo;历史记录&rdquo;面板，将面板中存有的历史记录都清除； <br />　　 </p>
<center><center><img onclick="javascript:window.open(this.src);" border="0" alt="" src="https://img.jbzj.com/file_images/article/201412/20141208162152264.gif" /></center></center>
<p>　　4、选择好该正圆角矩形，从&ldquo;编辑&rdquo;菜单中选择&ldquo;克隆（Ctrl+Shift+D）&rdquo;，原位复制该矩形，并向右移动至X轴为64。观察历史面板： </p>
<center><center><img onclick="javascript:window.open(this.src);" border="0" alt="" src="https://img.jbzj.com/file_images/article/201412/20141208162217265.gif" /></center></center>
<p>　　5、全选这面板中的记录，然后按面板中的&ldquo;重放&rdquo;按钮，这样一排的正圆角矩形排列完成； <br /><br />　　6、同样的操作，我们对行进行操作，清&ldquo;历史记录&rdquo;、&ldquo;克隆（Ctrl+Shift+D）&rdquo;、下移......最终排列如下图所示： <br /><br />　　 </p>
<center><center><img onclick="javascript:window.open(this.src);" border="0" alt="" src="https://img.jbzj.com/file_images/article/201412/20141208162217266.jpg" /></center></center>
<p>&nbsp;&nbsp;&nbsp; 7、做些处理。随意扣除其中一至二块矩形，处理后图片：　　 </p>
<center><center><img onclick="javascript:window.open(this.src);" border="0" alt="" src="https://img.jbzj.com/file_images/article/201412/20141208162217267.jpg" /></center></center>
<p>　　8、在层面板中，全选这些路径对象（注意不要将背景位图群组进矢量组中）。选择&ldquo;修改&rdquo;菜单、&ldquo;组合路径&rdquo;、&ldquo;合并（Ctrl+J）&rdquo;。 <br /><br />　　9、全选对像，对位图进行蒙版MASK操作：&ldquo;修改&rdquo;菜单、&ldquo;蒙版&rdquo;、&ldquo;组合为蒙版&rdquo;； <br />　　 </p>
<center><center><img onclick="javascript:window.open(this.src);" alt="" src="https://img.jbzj.com/file_images/article/201412/20141208162413268.jpg" /></center></center>
<p>　　10、打开层面板，选择矢量蒙版； 　　 </p>
<center><center><img onclick="javascript:window.open(this.src);" border="0" alt="" src="https://img.jbzj.com/file_images/article/201412/20141208162413269.gif" /></center></center>
<p>　　11、在属性面板中，改动如下设置，使的矢量蒙版笔触呈现出来： 　　 </p>
<center><center><img onclick="javascript:window.open(this.src);" alt="" src="https://img.jbzj.com/file_images/article/201412/20141208162413270.gif" /></center></center>
<p>　　同时你还可以对该矢量蒙版对象进行特效的处理，如阴影等等。 <br /><br />　　制作的方法我们就介绍到这里。这篇主要是介绍Firewoks矢量对象的合并、历史面板的灵活使用与蒙版MASK的操作。 </p>
頁: [1]
查看完整版本: Fireworks蒙版制作漂亮的图片窗格效果