Photoshop的切片功能.pptVIP

一、用Photoshop制作网页模板切片 网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。 图层多时，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择”新建组”，在随后出现的对话框中为新建组取一个名称，确定即可。建组名称依据可依照css对版块的布局名称来命名。如头部文件可建立立一个header组，在header中建立banner logo等常用的组。 点击图层组前面的小三角，就可以像文件夹一样展开或折叠它。对同一组中的所以图层可以方便地进行统一操作，如整体移动，复制、删除、隐藏、合并等。 小提示： 如果要合并而且不影响以后修改，可以尝试盖印图层。具体操作时在所有图层上面新建空白图层，然后使用快捷键Ctrl+Alt+Shift+E盖印可见图层到新建的图层。 如果你想借鉴某个网页的设计，不妨把它截成图片放在最下面的图层中，再拉出多个参考线划出网页的大致版式，再在此基础之上边参考边制作自己的网页。 二、为什么要使用切片？ 1、 使用切片是最直白的网页布局方法。不要再想如何去设计表格，也不要想什么DIV，你首先要想的是你的网页要做成什么样子？把你所想的画出来就行了!!? 2、 使用切片可以有效地减小页面文件的大小，提高浏览者浏览页面的体验。想想看是把一个图