您当前的位置: 站长圈 > 技术文章 > 网页设计 > 你值得拥有的取色、抓屏、标尺、录像小工具FastStone Capture

你值得拥有的取色、抓屏、标尺、录像小工具FastStone Capture

来源:站长圈 作者:adminroy 点击: 0

用css布局页面的时候,我们经常会有一些需要,比如吸取网页上某个颜色,量一下页面上某一段距离等等,现在我们就来介绍一个学习利器,它体积小但功能多,绿色轻巧。模样也不错,自从老师介绍我和它相识以后,我就不舍得抛弃它了,它成为我写css时必不可少的辅助工具。

我们来认识一下它吧,它的名字叫做“FastStone Capture 6.7 Final 绿色汉化版_图像浏览编辑和抓屏的工具”,下载地址(http://yunpan.cn/Q99qpKipgqV8U),长得如(图1)所示:

\(图1)

或许,你刚刚下载打开它的时候它不是这个样子,那么你可以设置一下,以方便我们更快捷更好的用它。

鼠标单击最后一个图标(如图2),单击“设置”,出现一个对话框(如图3)

\(图2)
\(图3)

把红框所示的4个功能都选上,确定。现在你的工具是不是和(图1)一样了?

下面我们来介绍一下它的一些常用功能吧。

\(图4)
        1、在编辑器中打开
        2--7、用不同形式截图
        8、录制视频
9、屏幕放大镜
10、屏幕颜色拾取器
11、屏幕标尺
12和13是一些设置选项

这里我们重点介绍几个功能,截图、取色、标尺和录像。

当你点击4、捕捉矩形区域后,拖动鼠标,拉出一个矩形区域,就截取了一张图片,可是刚刚截好的图片去了哪里呢?这个你可以事先设置好。点击12就可以看见(图5)所示:

\(图5)

我一般是选择“到编辑器”,这样截图以后你可以再编辑,如修改图片大小,或者添加注释(如本教程的所有图片都是用它截取后添加注释的)等等,也可以选择保 存的路径。当然,你也可以选择“到剪贴板”,这样你可以在其他地方黏贴刚刚截取的图片,也可以选择“到文件”或者“到文件(自动保存)”,前者可以马上选 择保存路径,后者则需要你预先设置好保存路径,设置方法是打开(图2),选择“自动输出”选项卡,如(图6)红框中所示,选择一个默认保存图片的路径。

\(图6)

另外,你还可以如(图6)绿框所示,选择保存图片的类型,如png、jpg、gif等,默认好像是png的吧。

接着我们介绍一下取色器的使用,使用方法很简单,点击一下取色器图标,对准你需要吸取的颜色,这时候它会出现一个放大你吸取颜色周围的区域(图7),你可 以看见每一个像素的颜色,这样你可以更为精确的吸取想要的颜色值。吸取了的颜色值保存在剪贴板中,你可以粘贴在你的css代码里或者其他地方。

\(图7)

      这里还有一个值得注意的地方,颜色值的显示方式有好几种。打开(图2)里的设置以后,选择“其它”选项卡,如(图8)的红框所示,你可以选择颜色值的不同显示方式。

       \(图8)
“复制Hex值到剪贴板”的表示方法如“FFFFFF”
“复制RGB值到剪贴板”的表示方法如“255,255,255”
“复制Dec值到剪贴板”的表示方法如“16777215”

然后我们介绍一下尺子的使用方法。点击尺子图标可以看见如(图9)所示:

\(图9)
1、把鼠标放在1所示位置会出现一个双向箭头,可以自由拉伸尺子的长度。
2、点击2所示图标可以切换尺子的垂直或水平显示方式
        3、点击3所示图标可以测量点与点之间的距离,即使是千变万化的角度也不在话下
4、标尺的一些设置
5、最小化尺子
6、关闭尺子

当你把鼠标移到(图9)绿框所示位置,会出现一个刻度放大区域,你可以精确到1像素的测量出所需的长度(图10)。

\(图10)

最后,大概介绍一下录像功能。用法就是点击(图4)的第8个像电影胶卷的那个图标,然后你可以根据你的需要点击“选项”来设置一些参数,如(图11)。

\(图11)

想不到吧,这样一款小巧的软件还有这个功能呢。它录制的视频格式是wmv的,相对比较文件也不是很大。

其实我们只是介绍了它的一些常用功能,它还有很多功能等待你去发现。它实在是你学习网页之必备软件!FastStone Capture,你值得拥有!(*^__^*) 嘻嘻……