gimp制作网页切片

2024-10-19 15:36:31

1、在gimp中打开制作好的页面设计图片。

gimp制作网页切片

2、可以在“上面”或者“左面”的标尺上拖拽出参考线。

gimp制作网页切片

3、使用横纵参考线标记出要页面切割的块。

gimp制作网页切片

4、接着工具菜单找到“滤镜”。

gimp制作网页切片

5、选择“网页”--“切片”。

gimp制作网页切片

6、选择“HTML导出路径”,“单独文件夹”点选“是”,其它还有一些可以根据需要自己设置,或者默认。

gimp制作网页切片

7、点击“确定”后等待生成完成。

gimp制作网页切片

8、生成完成后在文件夹里会多出一个“images”文件夹,与一个“slice”的html文件。

gimp制作网页切片

9、在“images”文件夹里都是切割好的图片。

gimp制作网页切片

10、现在我们就可以在浏览器中打开查看制作好的页面效果。

gimp制作网页切片
猜你喜欢