业余时间自学UI设计,分享给新手朋友们UI切图的一些简单小技巧,图文教程,希望对想学习切图的小伙伴有帮助,喜欢就赞一下,不喜勿喷
。
演示这个切图小技巧我用的是PS-CC2017,没有这个版本的PS,也可以用PS-CS6,都是可以的,我们切图之前,先要把工作区域的布局调整好,这是非常有必要的,切图用到的主要是“信息”,“图层”,“历史纪录”,“颜色”面板,所以我们只需要在窗口把这些打开,其他用不到的都可以先关闭了,不用的把勾去掉,用的✔就好了,如图所示:
我们调整好面板后,选择窗口---工作区------新建工作区,把当前的工作布局存起来,命个自己喜欢的名字,这样做下次打开PS的时候,就会直接出现你调整好的工作区域,比较方便。
好了,准备工作做好了,我们就可以开始切图了,我们可以先找一张图,然后确定要切的部分,如图:

怎么切呢?我们把要切的图片放到PS里面后,打开这两个图标,如图:

接下来,我们先按住键盘ALT键,在点击鼠标右键选择图层,就会看到自动跳转到需要的图层,这时,我们要把这些多余的图层隐藏掉,选择关闭,就是点击图中椭圆的位置,如图:

我们重复上面的操作,把所有多余的图层都隐藏,只留下我们要切的图,如图:

接下来,我们选择切片工具,用切片工具,我需要的部分切过来,如图:

完成后,我们点击文件,选择存储为web格式,预设选择24比较好,如图:

最后我们点击存储就完成切图了,可以打开切好的图看看哦!


演示这个切图小技巧我用的是PS-CC2017,没有这个版本的PS,也可以用PS-CS6,都是可以的,我们切图之前,先要把工作区域的布局调整好,这是非常有必要的,切图用到的主要是“信息”,“图层”,“历史纪录”,“颜色”面板,所以我们只需要在窗口把这些打开,其他用不到的都可以先关闭了,不用的把勾去掉,用的✔就好了,如图所示:

我们调整好面板后,选择窗口---工作区------新建工作区,把当前的工作布局存起来,命个自己喜欢的名字,这样做下次打开PS的时候,就会直接出现你调整好的工作区域,比较方便。
好了,准备工作做好了,我们就可以开始切图了,我们可以先找一张图,然后确定要切的部分,如图:

怎么切呢?我们把要切的图片放到PS里面后,打开这两个图标,如图:

接下来,我们先按住键盘ALT键,在点击鼠标右键选择图层,就会看到自动跳转到需要的图层,这时,我们要把这些多余的图层隐藏掉,选择关闭,就是点击图中椭圆的位置,如图:

我们重复上面的操作,把所有多余的图层都隐藏,只留下我们要切的图,如图:

接下来,我们选择切片工具,用切片工具,我需要的部分切过来,如图:

完成后,我们点击文件,选择存储为web格式,预设选择24比较好,如图:

最后我们点击存储就完成切图了,可以打开切好的图看看哦!
