发布网友 发布时间:2022-04-23 09:42
共1个回答
热心网友 时间:2023-07-15 13:11
1:建立参考线,CTRO+R,出现标尺,将鼠标放在标尺上,按住左键像图片内拖动就形成参考线,这时可以兼顾参考线上的单位像素(或厘米等,如果是厘米等,请到首选项中设置为像素),拖拽参考线,包围需要切割成图片的区域。这个不是必要环节,但是参考线可以帮助你切割更准确,因为切到可以自动靠齐参考线。如果有必要也可以使用网格来帮助。
其实参考线和网格是在开始设计构图时候就应使用的,这样页面才会更规矩,布局才更精确。
2:使用切片工具,切片工具和裁剪工具共享工具箱位置,点击裁剪工具不放,就会出现切片工具了。使用切片工具在图片上沿参考线划分。这个和使用选取工具是一样的。切出一个图片后,会根据整个图片自动生成其它切片。这个由你创建的是主要切片,其它都是自动生成的,可以叫辅助切片。如果对主要切片不满意,使用切片选择工具将它选中,然后点击右键删除。如果一个主要切片被删除,由它而生成的辅助切片也会被删除。
3:文件-存储为WEB和设备所用格式
执行这个操作会将你的图片直接生成一个按照切片分割好的网页。
注意:默认是生成用表格的网页,如果需要生成CSS网页,在这个界面的最左上角,有一个“优化菜单”图标小小的下拉菜单。点开后选择“输出设置”,在上面第二个选项中,选择“切片”,可以看到默认是“生成表格”,改成“生成CSS”就可以了
4:至于其它设置,请自己试验吧。返回,存储就可以得到网页。
建议:最好只使用那些被切好的图片,自己重新编辑CSS,因为生成的css真是要多乱有多乱啊