实习初体验之前端切图

December 02, 2014

Reading time ~1 minute

以前在实验室做项目图都是美工同学给切好的,结果。。不会,给我一个PSD我竟然不会切–,让同事演示了一下太快了,没好意思再问,最后找

1
小娟同学
语音演示了一把,才算了解个大概。

首先,我们把PSD加载到PS中。

home
用PS CS5打开psd文件

用左侧放大镜放大后,点击左侧工具栏,选择自动选择,选择图层

home
如图选择好

选择好那个暂停图标,右侧图层出现了要切出的图片,可以点击那个

1
眼睛
试一下,点一下如果消失就OK。

home
我们已经找到了要切的

然后我们点击右键

home
选择复制图层

选择目标文档为

1
新建
,名称起为
1
stop

home
设置好点击确定

而后会出来一个透明的图层,然后我们将之前选择的图层进行裁剪。使用快捷键:

1
Alt + I +R 

home
出现一个弹框点击确定

现在,我们已经将那个待切除的图片准备好了

home
那一个小小的暂停按钮

然后,我们要将这个图片保存到本地,使用快捷键:

1
Ctrl + Alt + R + S 

弹出一个对话框,选择png24,点击存储。

home
保存我们的小图标

关于选择图片格式阿里UED有个不错的文章:图片格式与设计那点事儿

这样就完成了切图工作。

如何切多个图呢?在选择图层的时候按住

1
shift
就可以了。

反思:该做的还得做,欠下的还是要还的。

文章来自 http://www.hacke2.cn