大连做网站
首页 > 常见问题 > 网页设计如何使用PS切图

网页设计如何使用PS切图

2018-11-22

网页设计需要切的内容

  图标、logo、有特殊效果的按钮、文字、非纯色的背景、banner、广告图片、文章中的配图等

网页设计切图需要用到的PS工具

▪拉参考线
▪选择切片工具
▪选择切片选择工具
双击切片,更改文件名等信息
全选切片,统一设置存储格式存储为Web所用格式(Alt+Shift+Ctrl+S)

实战网页设计切图

  • 拖动图片进入PS。


  • 进一步而言选择工具栏里的切片工具画矩形选框进行裁切




  • 选择已经做好切图进行保存,按住shift,用鼠标左键选择所有切片。进一步而言点击菜单里的储存为web和设备所有格式。选择保存图片的格式,点击存储,选择要保存的路径,注意接下来要保存的格式为“HTML和图像”。