前言
作为程序猿,你是否觉得一个个的“选择–复制–新建–粘贴–保存”去对图片进行保存,太枯燥,太无聊呢?
你会不会想方设法提高切图效率呢?
下面我就来说说我是如何“偷懒”的…
利用切片工具进行快速的切图
- 首先可以先用辅助线拉出你所要的区域的边缘,这样可以更加准确的切出图片
- 再用切片工具将需要的图片切出来
- 切完所有的图片之后,点击 文件–保存为web所用格式。
快捷键为:Ctrl+Alt+Shift+s
选择切片–存储
格式:仅限图像
切片:所有用户切片
保存
保存后就会在你的目录下生成一个名为“images”的文件夹,里面为你切出来的图片。
切片切图可以说是最快捷的方法,但是它也具有一定的难度和局限性。
利用动作进行快速切图
在我们切图过程中,我们经常会需要一些png图片,里面包含着一些透明的部分,有一些是我们的切片解决不了的,或者我们忘记切出来的。
这时候,你是否每次选择需要的区域后都需要执行“复制–新建–粘贴”的动作呢?你是否觉得烦呢?
其实我们可以使用一个动作将这一连串的动作保存下来,不用每次都重复以上的动作。
- 首先打开动作面板
窗口–动作(并将它移到你面板中,方便使用)
选择选区
首先选择一个你需要的区域
假如我想选择这个圆形区域(利用椭圆选区工具选区我需要的范围)新建动作
插件新组–(在弹出的窗口中)命名为“切图”–确定–创建新动作–(在弹出的窗口中)确定
- 记录动作
首先按住Ctrl+C复制–Ctrl+N新建–确定–Ctrl+V粘贴
这时候你就可以看到你的动作面板多了几个新的动作(也就是你刚刚执行的操作)
接着按停止动作
接着你只要保存你的图片就可以了。
- 如何使用动作?
选择你所需要的区域–选择动作1–播放选定的动作
然后所有的动作就会别快速的完成。
其它“偷懒”的做法
设置“前进拾色器”快捷键
在网页制作中我们经常会需要取色的情况,每次吸取颜色之后都要点击前景拾色器是不是很麻烦?
其实我们可以给前景拾色器设置快捷键,这样我们就能快速的打开前景拾色器复制颜色
设置快捷键方法:
编辑–键盘快捷键–工具–前景拾色器–设置为“K”
(因为“K”默认没有被用过)
设置以后吸取颜色按快捷键“I”,然后打开前景拾色器按快捷键“K”。
打开信息面板
在网页的切图中,我们经常需要看到详细的信息,这时候我们可以在窗口中打开信息面板,可以更方便的查看我们需要的信息。
By : Yimi-shan