夜郎古国的忧伤 發表於 2017-4-7 15:08:33

Fireworks设计简单易用的页面

<p>Fireworks快速入门教程，帮你快速理解整体工程如何搭建，其中包括新建图层、选择、抠图、变换以及滤镜等基本操作。适合零基础朋友们快速入门。</p>
<p><span style="color: #ff0000"><strong>步骤：</strong></span></p>
<p>1、新建一个Fireworks文件，在弹出的【<span style="color: #ff0000"><strong>新建文档</strong></span>】对话框中设置画布的宽度为800像素，高度为430像素，背景颜色为白色；</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201704/2017040714565116.png" /></p>
<p>2、在新窗口中打开事先准备好的图像素材(如下图1)，选择绘图工具栏中的【<span style="color: #ff0000"><strong>椭圆选取框</strong></span>】工具，在【<span style="color: #ff0000"><strong>属性</strong></span>】面板中进行相应的设置(如下图2)；</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201704/2017040714565117.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201704/2017040714565118.png" /></p>
<p>3、使用【<span style="color: #ff0000"><strong>椭圆选取框</strong></span>】工具在素材&ldquo;花草&rdquo;上面中绘制一个正圆的选区，使用技巧是按住【<span style="color: #ff0000"><strong>Shift</strong></span>】键，使椭圆变成正圆。按住【<span style="color: #ff0000"><strong>Shift</strong></span>】键，再画一个正圆与原先的正圆叠加，如图；</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201704/2017040714565119.png" /></p>
<p>4、把刚才选择的像素区域，复制到前面新建立的画布中来，效果如图所示;</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201704/2017040714565129.png" /></p>
<p>5、在新窗口中打开事准备好的图像素材&ldquo;向日葵&rdquo;，选择绘图工具栏中的【<span style="color: #ff0000"><strong>多边形套索</strong></span>】工具，在【属性】面板中进行相应的设置，如图；</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201704/2017040714565121.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201704/2017040714565122.png" /></p>
<p>6、使用【<span style="color: #ff0000"><strong>多边形套索</strong></span>】工具,把图像素材&ldquo;向日葵&rdquo;中的向日葵区域抠出来，同样复制到前面新建立的画布中来;</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201704/2017040714565223.png" /></p>
<p>7、使用相同的抠图方式【<span style="color: #ff0000"><strong>多边形套索</strong></span>】把图像素材&ldquo;美女&rdquo;中的美女抠出来，同样复制到前面新建的画布中来；</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201704/2017040714565224.jpg" /></p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201704/2017040714565225.png" /></p>
<p>8、对抠出来的美女图片对变换处理，步骤是右击图片-&gt;【<span style="color: #ff0000"><strong>变形</strong></span>】-&gt;【<span style="color: #ff0000"><strong>水平翻转</strong></span>】，以及适当做缩放处理，如图；</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201704/2017040714565226.png" /></p>
<p>9、复制图像&ldquo;向日葵&rdquo;，并作【<span style="color: #ff0000"><strong>变换】-&gt;【缩放</strong></span>】处理，缩小复制出来的&ldquo;向日葵&rdquo;，并适当移动位置，如图；</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201704/2017040714565227.png" /></p>
<p>10、接下来是做一些美化处理，具体就要看大家的审美标准啦（大家不要喷我哈），最后附上最终效果图；^_^</p>
<p align="center"><img alt="" src="https://img.jbzj.com/file_images/fireworks/201704/2017040714565228.png" /></p>
<p>以上就是Fireworks设计简单易用的页面方法介绍，操作很简单的，大家学会了吗？希望这篇文章能对大家有所帮助！</p>
<p><span style="color: #ff0000"><strong>相关阅读：</strong></span></p>
<p>教你用Fireworks制作简洁清爽的网站页面</p>
<p>Fireworks常见的滤镜打造绚丽的彩色字体</p>
<p>Fireworks怎么把默认浏览器改成百度?</p>
頁: [1]
查看完整版本: Fireworks设计简单易用的页面