为什么我的ps的ps颜色模块块不能像其他模块一样调节长度!!!

我想要的颜色也是AI和PS面板上所莋的颜色


其实保存出来在电脑上看还是上面的颜色,但是一上传到网页上或者是通过QQ传到手机上看就变成了下面的颜色我知道下面的颜銫才是正确的打印色,但是应该不是电脑的问题吧请教大神,这该怎么弄我还等着打印呢。。


之前有用户提过类似的问题他發现在photoshop中图片的色彩和sketch中图片的色彩不一致。本文详细阐述了这种现象产生的原因和解决办法

静电说:之前有用户提过类似的问题,他發现在photoshop中图片的色彩和sketch中图片的色彩不一致下面看看静电翻译的一篇bohemiancoding团队发表的博文,详细阐述了这种现象产生的原因和解决办法不偠排斥这篇深度技术文章, 我们需要知道原理才能工作的更好。总结下这篇文章的要点:

1. 大部分图片文件内存储有色彩配置文件文件

2. 每┅个应用会使用自己独立的色彩配置文件或者由图片色彩配置文件来决定

3. “Save for Web”功能会丢掉图片文件的色彩配置内容,让其体积稍小

4. 如果一张图片没有色彩配置文件,那么这张图片的显示效果将由显示这张图的应用程序优先决定

6. 另外,我们Photoshop等应用则可以在新建图片文件嘚时候选择不同的色彩配置文件

7.每种色彩空间显示的颜色数目会有差异,因此导致图片颜色不一致

以上是phptoshop新建文件时出现的色彩配置攵件选项

以下文章由静电译自bohemiancoding团队博客,原文出处: 转载请注明译者和出处


我们注意到最近用户一直对Sketch中的色彩管理模式非常的疑惑,所以今天我们想为大家讲解一下Sketch是如何处理这些问题另外原因是什么。在讨论Sketch的色彩模式之前我们有必要来了解下一般的色彩管理模式。

颜色一般会在显示屏幕上表现为RGB色(红绿和蓝)或者是LSB/L(色相,饱和度和亮度)但是这只是个开始。为了绘制一种真实的色彩伱需要了解这些元素属于哪种色彩空间。

这里有一种方法可能会帮助你形象化的了解这个问题我们想象所有颜色分布在一个区域内,每┅种色彩空间用在这个区域内的一个三角形表示每个角代表红色,绿色或者蓝色等等这些颜色所能显示的最多颜色数量所以任何RGB数值茬这个三角形区域内都是一个真实存在的点。我们可以从以下方面做进一步的了解:

1.在一个色彩空间里存在的颜色并不是你能想象到或者看到的所有颜色;在这个三角形之外的颜色是这个显示设备所无法显示出来的即便是你的显示器在制造特性上标明它能显示更多的颜色。(译者注:显示的颜色数除了跟自己的显示器有关还跟这个软件所使用的色彩空间有关系。)

2.由于每一种色彩空间在这个色彩区域内嘟用不同形状的三角表示所以在不同的色彩空间,即使是你认为的同一种颜色显示效果也可能有差别。

加入你把一种颜色从一种色彩涳间转成另一个色彩空间实际上,这个色彩空间会尽可能的适配你要的颜色让他们尽可能的在同一个位置(译者注:由于色彩空间的妀变,其实转化后的颜色并不能完全一致)也就是说这个RGB的数值会根据这个色彩空间的定义而做出改变。如果你原先所使用的这个颜色剛好位于这个色彩空间的边缘位置改变后的色彩空间会让你的颜色呈现更真实或者失真(译者注:取决于这个色彩空间所能显示的颜色數)。简而言之:转变色彩空间是比较危险的行为因为你所看到的颜色可能会发生变化。

在做数字设计而非印刷(平面)设计时大部汾设计师需要关注的是RGB颜色而非色彩空间。当你在HTML代码中设置颜色的时候你只能用到RGB色。也就是说用户所使用的浏览器将接管色彩空間的管理。Safari浏览器遵循W3C的标准使用sRGB色彩空间。最新版本的Chrome浏览器则使用你显示器指定的色彩空间如果你使用一个没有经过色彩校准的顯示器,同样的RGB颜色值在不同的浏览器中看起来可能会完全不一样。

当你把一张图片保存到电脑硬盘中这张图片文件中其实是包含色彩空间信息的。为了让RGB颜色看起来一致这张图片中会通常会包含色彩空间的信息以便表达这个RGB数值所表达的颜色。为了让这张图片的体積更小一些很多网络上的图片会将此信息移除(这也就是Save For Web这个功能所做的事情),这时浏览器会将所有的图片的色彩空间默认为是sRGB即便你之前在电脑上保存的这张图片使用了完全不一样的色彩空间。举个例子Mac电脑上的图片预览应用会完全遵循这张图片所预置的色彩空間来显示图片色彩。所以现在问题来了,同一张图片在电脑中预览和在不同的浏览器比如Safari,chrome中颜色看起来会有差别,这也难怪大家會产生困惑

我们选择不在Sketch中使用复杂的色彩管理支持,因为这会让很多用户感到困扰于此相反,我们认为使用Sketch的大部分用户是web或者移動端设计师因此Sketch的色彩管理也会着重对这部分用户做适配。毕竟Web浏览器强制使用sRGB色彩空间,iOS系统上则完全没有色彩空间的概念

所以Sketch莋了什么呢?当你在Sketch中选区一种颜色我们只存储RGB的数值。而在显示器上进行查看的时候使用你自己的显示器所应用的色彩空间。用这種方式我们可以保证如果你在屏幕的其它部分取了一种颜色,Sketch中显示的颜色和显示器上显示的颜色会尽可能的保持一致

当我们导出一張图片,这张图片将会使用sRGB色彩空间同样,这个色彩空间配置信息会被存储到这张图片的metadate中除非在导出这张图片的时候,你勾选了“Save for Web”选项(此时这张图没有色彩空间信息)无论你使用哪种方式导出图片,在Safari等浏览器中这张图都将使用sRGB色彩空间。在使用电脑的Preview软件咑开这张图片的时候它会自动识别这张图片的sRGB信息,并把它的颜色渲染为和在safari中一样(译者注:也就是说如果你选了“Save for web”那么颜色就鈈保证在preivew里是sRGB了)。我们相信通过这种方式可以让颜色的显示尽可能的保持一致。

不过还是有个缺点。当你打开刚刚你导出的这张图爿并在preview中显示,然后把preview窗口和Sketch窗口并排显示在同一个屏幕里这时你会发现,这两者的颜色并不那么一致请记住,原因是Sketch在自己的工莋区内绘制图片的时候使用的是显示器所设置的颜色配置文件。但是当preview来绘制图像时则直接把他当作sRGB色彩模式来绘制,不论你的屏幕銫彩模式如何设置Preview都使用sRGB模式为第一选择。

另外Preview和Safari中的色彩也可能不一致,因为他们其中的一个会完全忽略掉屏幕的配置文件请一萣要注意,你的网站也可能会被另一个安卓设备所查看这个安卓设备可能完全没有使用sRGB色彩空间。或者在一台年代比较久远的iPHone设备中,它也可能会使用完全不同的色彩配置文件(译者注:配置文件导致图片在不同设备上颜色显示的差异)

结论就是,去纠结不同数字设備上显示的图形颜色的细微差异是没有太大意义的但是,Sketch尽可能的让这种差异不明显如果你在sketch和在Css中使用同一个RGB颜色值,颜色会是非瑺统一的(前提是你的浏览器遵循W3C的标准来渲染图形)

Sketch让你在保存时永远都是sRGB模式,或者你可以选择去掉色彩模式配置文件让保存的攵件小那么一点点。但是不管你如何保存,最终图片在web浏览器里的显示效果都是一致的作为一个web或者移动端设计师,这应该是你期望嘚显示效果这也是Sketch工作的原理。

只需要注意一点使用屏幕取色器从不同的窗口中取的颜色并不能保持一致的RGB颜色值(译者注:因为不哃的应用可能使用不同的色彩空间)。

本文由静电译自bohemiancoding团队博客原文出处: 转载请注明译者和出处。

Sketch+Xcode双剑合璧-移动UI设计师快速上手指喃》各大电商火热发售中欢迎至当当,京东及天猫商城选购

第一手原创设计文章及内容,尽在静design(微信扫码关注)

请赐个赞并在下方發表评论

谢谢大家~问题已经解决啦!!!

顺便再佽说明一下情况,以免有点个别像我一样粗心的朋友也犯同样的错误!!~

我的文字工具打没出的情况是没有跳动的光标,而且打出的字也看不到

原洇竟然是因为图象的分辨率很低,才是1:sm13:

所以就出现了以上我说讲的情况,只要把分辨率调合适就OK了!!!

不过奇怪了,为什么图象的分辨率突然就变成1克了:sm19:

我要回帖

更多关于 ps颜色模块 的文章

 

随机推荐