油漆桶颜色与取色不同,图片和颜色
分类:多线程

Photoshop 中用取色工具取色后,再用油漆桶填充,可是二者怎么看都有点色差,原来是由于图像模式用的 CMYK,更改菜单栏:图像 -> 模式 -> RGB 颜色。

图片和颜色

作者对偏色图片的处理非常专业,有一套非常实用的处理方法。看完下面的教程,你就会对调色及纠色有更深层次的认识。最终效果

FastStone Capture官网有能力请支持正版
参考链接
强大:是一款不可多得的多功能小工具,兼有各种模式的 截图滚动截图)、屏幕录像屏幕取色屏幕标尺以及对图片的编辑功能!
小巧:大小为2M到4M之间,软件免安装,直接双击执行!

tint属性

tint属性一个颜色值,可以对图片做颜色渲染,我们可以给view的背景设置tint色值,给ImageView的图片设置tint色值,也可以给任意Drawable或者NinePatchDrawable设置tint色值。

在应用的主题中也可以通过设置 android:tint 来给主题设置统一的颜色渲染。

tint的渲染模式有总共有16种,xml文件中可以使用6种,代码中我们可以设置16种,渲染模式决定了渲染颜色和原图颜色的取舍和合成规则:

图片 1

  1. PorterDuff.Mode.CLEAR 所绘制不会提交到画布上。
  2. PorterDuff.Mode.SRC 显示上层绘制图片
  3. PorterDuff.Mode.DST 显示下层绘制图片
  4. PorterDuff.Mode.SRC_OVER 正常绘制显示,上下层绘制叠盖。
  5. PorterDuff.Mode.DST_OVER 上下层都显示。下层居上显示。
  6. PorterDuff.Mode.SRC_IN 取两层绘制交集。显示上层。
  7. PorterDuff.Mode.DST_IN 取两层绘制交集。显示下层。
  8. PorterDuff.Mode.SRC_OUT 取上层绘制非交集部分。
  9. PorterDuff.Mode.DST_OUT 取下层绘制非交集部分。
  10. PorterDuff.Mode.SRC_ATOP 取下层非交集部分与上层交集部分
  11. PorterDuff.Mode.DST_ATOP 取上层非交集部分与下层交集部分
  12. PorterDuff.Mode.XOR 取两层绘制非交集。两层绘制非交集。
  13. PorterDuff.Mode.DARKEN 上下层都显示。变暗
  14. PorterDuff.Mode.LIGHTEN 上下层都显示。变亮
  15. PorterDuff.Mode.MULTIPLY 取两层绘制交集
  16. PorterDuff.Mode.SCREEN 上下层都显示。

通过tint色处理的图片会原图显示出不一样的颜色,我们可以通过这种方式利用一张图片做出图片选择器的效果,让控件在按压状态下显示另外一种颜色:

通过给图片设置tint色生成另外一种图片
<bitmap xmlns:android="http://schemas.android.com/apk/res/android"
        android:src="@drawable/ring"
        android:tintMode="multiply"
        android:tint="#5677fc" />
利用新的图片生成图片选择器
<selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:drawable="@drawable/tint_bitmap" android:state_pressed="true"/>
        <item android:drawable="@drawable/ring" />
</selector>

图片 2

图片 3

Palette调色版

Palette调色板,可以很方便的让我们从图片中提取颜色。并且可以指定提取某种类型的颜色。

  1. Vibrant 鲜艳的
  2. Vibrant dark鲜艳的暗色
  3. Vibrant light鲜艳的亮色
  4. Muted 柔和的
  5. Muted dark柔和的暗色
  6. Muted light柔和的亮色

对图片取色是一个比较消耗性能的操作,其内部会对图片的像素值进来遍历以分析对比,所以我们要在异步线程中去完成。

如果操作本来就属于后台线程,可以使用:
Palette p = Palette.generate(Bitmap bitmap);
如果在主线程中,我们可以使用异步的方式:
Palette.generateAsync(bitmap, new Palette.PaletteAsyncListener() {
        public void onGenerated(Palette palette) {  }
});

当操作完成后或者异步回调后,我们就可以使用以下方式来获取对应的色值了,并且可以在没有获取到的情况下之指定默认值:

p.getVibrantColor(int defaultColor);
p.getDarkVibrantColor(int defaultColor);
p.getLightVibrantColor(int defaultColor);
p.getMutedColor(int defaultColor);
p.getDarkMutedColor(int defaultColor);
p.getLightMutedColor(int defaultColor);

在使用palette之前,bitmap提供获取指定位置的像素值:

bitmap.getPixel(x,y)

但是该方式只能获取某一点的像素值,palette是对整个bitmap的所有像素值进行分析,并选出几个像素占比比较多的像素值,这样选择出来的色值更符合图片的整体色值。

原图

截图.jpg

vector矢量图

矢量图也称为面向对象的图像或绘图图像,是计算机图形学中用点、直线或者多边形等基于数学方程的几何图元表示图像。矢量图形最大的优点是无论放大、缩小或旋转等不会失真;最大的缺点是难以表现色彩层次丰富的逼真图像效果。

Android L开始支持矢量图,我们可以用它来处理一些图形简单的icon,方便我们的适配。

Android L中对矢量图的支持是通过xml文件构建,通过矢量图的path描述来生成一个矢量图,对应的java对象为VectorDrawable。

下面是官方文档提供的一个矢量图,利用改文件,我们可以创建一个随意放大缩小都不会失真的心形

<vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:height="300dp"
        android:width="300dp"
        android:viewportHeight="40"
        android:viewportWidth="40">
        <path android:fillColor="#ff00ff"
                android:pathData="M20.5,9.5
                        c-1.955,0,-3.83,1.268,-4.5,3
                        c-0.67,-1.732,-2.547,-3,-4.5,-3
                        C8.957,9.5,7,11.432,7,14
                        c0,3.53,3.793,6.257,9,11.5
                        c5.207,-5.242,9,-7.97,9,-11.5
                        C25,11.432,23.043,9.5,20.5,9.5z"/>
</vector>

矢量图的pathData数据就是用来描述矢量图的数学公式,其含义如下表:

命令类型 使用描述 代表含义 举例说明
移动指令 M x,y M移动绝对位置 M 100,240
移动指令 m x,y m移动相对于上一个点 m 100,240
绘制指令 L 或 l 从当前点绘制直线到指定点 L 100,100
绘制指令 H 或 h 水平直线 h 100
绘制指令 V 或 v 垂直直线 v 100
绘制指令 C 或 c 三次方程式贝塞尔曲线 C 100,200 200,400 300,200
绘制指令 Q 或 q 二次方程式贝塞尔曲线 Q 100,200 300,200
绘制指令 S 或 s 平滑三次方程式贝塞尔曲线 S 100,200 200,400 300,200
绘制指令 T 或 t 平滑二次方程式贝塞尔曲线 T 100,200 300,200
绘制指令 A 或 a 椭圆 A 5,5 0 0 1 10,10
关闭指令 Z 或 z 将图形的首、尾点用直线连接 Z
填充规则 F0 EvenOdd 填充规则  
填充规则 F1 Nonzero 填充规则  

通过path命令来进行简单的图形还是可行的,但是复杂的图形我们就需要借助工具来生成了,比如使用 Expression Design,就可以直接粘贴来自其它软件的矢量图形,然后选择导出,导出时做如后选择:文件->导出->导出属性->格式->XAML Silverlight 画布,即可得到XAML格式的矢量图形,也就是Path。

更多矢量图学习可参考:http://www.w3.org/TR/SVG11/paths.html#

图片 4

主要功能介绍

一、打开原图把背景部分复制一层。 建立三个取色样本。方法是利用快捷键I调出取色器,按下Shift依次在人物的面颊高感光区,眼部瞳孔区以及唇部红区点击。

截屏

包括

  • 全屏截取
  • 当前活动窗口截取
  • 截取选定区域
  • 多边形截取
  • 截取滚动页面

图片 5

主界面.png

图片 6

图像浏览 / 编辑

FS Capture还包括快速(浏览/编辑图像)的功能,可以点击主窗口的“打开”图标快速打开一幅图片,进行简单的缩放、裁切、旋转、加文字等轻量级的操作。把网页中图片拖到 FS Capture 的窗口上,会快速打开图像浏览窗口。

图片 7

编辑界面.png

二、显然,需要调出信息(info)面板,以便查看这些样本点的数据。

视频录制

点击“视频录制”按钮,即可选择一个录制范围
可以选择Window/Object(窗口或对象)Rectangular Area(矩形区域)Full Screen Without Taskbar(无任务栏全屏)Full Screen(全屏)等范围。选择范围后,即可点击 Record 按钮,非全屏范围,还需要选择好一个区域,然后在弹出的窗口点,击“Start”按钮,即可开始录制了,最后可以按F11键停止。录制的视频格式是 Wmv,录制完成后,会打开媒体播放器,进行播放。7.3 版本开始,支持同时录制麦克风和扬声器的音频。

图片 8

屏幕录像.png

图片 9

小功能介绍

附带的其他小功能:取色器和屏幕放大镜。对抓取的图像,提供缩放、旋转、剪切、颜色调整等功能。只要点点鼠标,就能随心抓取屏幕上的任何东西,拖放支持可以直接从系统、浏览器或其他程序中导入图片。

图片 10

小功能介绍.png

三、转换图像为LAB模式(图像 > 模式 > Lab颜色)。此时不要平整图层。 调出色阶面板,快捷键Ctrl+L。利用色阶修正图像的过曝缺陷。 取色器2号是人物的瞳孔区域。该区域对暗部的调色取值有指导意义。东方人的瞳孔虽然是黑色的,但是在画面中未必是最深色的。在整个场景中,最佳的深度值要合乎自然。生硬的设为纯黑,必然导致画面怪异。认真调节明度通道的暗部,保证2号取样点(瞳孔)具有较低的数值(一般20以内),但也不要直接拉到0,要为头发、阴影等暗部留下余地。

屏幕取色器

现在网上各式各样的取色器应该不少了,包括之前一直用的蓝色经典推荐的 ColorSPY, Firefox 下还有一个,专门的取色器扩展 ColorZilla,这些都是很好的软件。但自从使用了 FS Capture 之后,这些我都很少用到了。原因很简单,各种取色软件的功能,都大同小异,FS Capture 非常小巧,既然有这样一个小软件,能够包含取色器、屏幕放大镜和截屏的功能,为什么还要为这些功能,而分开多个软件呢?FastStone Capture 的取色支持 RGB、Dec 和 Hex 三种格式的色值,而且还有一个混色器,取到颜色之后,可以再编辑。

图片 11

屏幕放大镜

这确实是一个不错的功能,特别是现在,我们已经习惯用 DIV 来对页面定位,DIV之间的对齐不像表格那样容易控制,有时为了调整几个像素的偏差,不得不对着屏幕盯很久。有这样一个放大镜,就方便多了。使用时,只需点击一下,FS Capture 窗口上的放大镜图标,鼠标变成一个放大镜的样子,然后在需要放大的地方,按下右键就可以了,就像手里真的拿着一个放大镜一样。可以设置放大倍率,放大镜的尺寸,外观(圆形,矩形以及圆角矩形)以及是否平滑显示,按 ESC 键或单击右键可退出放大镜。

四、利用唇部取样,初步整理肤色。这时的人物皮肤明暗层次应该较为合理了,但是颜色不尽人意。主要体现在发灰偏色,以及唇部惨淡。 调出曲线(Curve)面板,快捷键Ctrl+M。然后选中a通道,a通道更多的表述了红绿色的变化。在画面的唇部点击鼠标,可以观察到曲线面板中线条上出现相应的指示点。该点就是所点击区域在直方图上的位置。此处可以作为调节的基准点。

屏幕标尺

FastStone Capture 还有屏幕标尺功能, 点击后会屏幕上会出现一个尺子,方便测试屏幕某区域的像素大小。

图片 12

将图像转换为 PDF 文件

图片可以直接转为PDF

五、细微修正面部瑕疵。经过了前面的校正,模特面部的微小瑕疵有所显现。 借助补丁工具(快捷键J)将他们逐个消灭。

发送到 PowerPoint,Word,FTP

截图后可一键发送到文档中正在编辑的位置,非常方便

图片 13

六、统一面部色彩。将图像转换回RGB模式。直接复制图层1,得到新的图层。

图片 14

七、选中新图层,选择菜单图像/调整/替换颜色。使用替换颜色工具,消除过度夸张的面部红色素。

图片 15

本文由10bet手机官网发布于多线程,转载请注明出处:油漆桶颜色与取色不同,图片和颜色

上一篇:让我的智商感到前所未有的侮辱,觉醒勇士之魂 下一篇:CSS格式化排版,只显示一部分
猜你喜欢
热门排行
精彩图文