整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
前我们对于优动漫PAINT中的颜色配置文件工作进行了简单的介绍，这次我们将对如何使用颜色配置文件功能，及如何在优动漫PAINT中将已描画完成的图像保存为CMYK格式数据等进行实例演示。
优动漫PAINT下载：http://www.dongmansoft.com/xiazai.html
优动漫PAINT支持CMYK格式的颜色配置文件，可创建用于商业印刷和同人志打印的印刷稿CMYK颜色数据。
1. RGB和CMYK的基础知识
所有电子屏幕上显示的图像，均是以红（Red）、绿（Green）和蓝（Blue）三色（RGB）为基础进行组合重叠显示的，所以电脑屏幕中所显示的彩色图像均为RGB格式的色样数据。
与之相反，在印刷厂、同人志、商业杂志及海报等方面，印刷机所使用的全彩模式多为基于青色（Cyan）、品红色（Magenta）、黄色（Yellow）及黑色（Keyplate）4种颜色进行组合显示的CMYK格式。该格式通过细微的各色网点进行组合叠加，可组成成千上万种颜色。
因此，用于印刷的数据文件就必须含有CMYK格式的颜色数据。
尽管RGB颜色数据可转换为CMYK数据格式，但是CMYK格式是使用印刷油墨来表现颜色的，而RGB模式则是通过发光的方式表现，所以相比之下，CMYK的颜色表现范围（即色域，或称“颜色空间”、“色彩范围”）要小。
无法通过CMYK格式表现的颜色，要将其转换为相似颜色，所以在RGB格式中创建的数据转换为CMYK全彩格式时，颜色会发生变化。
优动漫 PAINT中，描画与编辑时使用的是RGB格式，保存时可转换为CMYK彩色格式（保存为tiff、psd、psb等CMYK彩色数据时）。进行彩色转换前，可运用“预览颜色配置文件”功能，对整体颜色进行确认及修正。
2.运用“预览颜色配置文件”
选择[视图]→[颜色配置文件]→[预览设置]，打开预览颜色配置文件面板，可对预览内容进行设置。
设置预览后，自动启用预览颜色配置文件，并可即时反映设置的变更效果。另外，选择[视图]→[颜色配置文件]→[预览]，可切换显示/隐藏预览窗口。
以下为[预览颜色配置文件]对话框。
① 预览配置文件
在[颜色配置文件]中可选择所要呈现的颜色形式。建立CMYK所用格式时，请选择印刷厂所指定的颜色配置文件格式（ICC配置文件）。
② 渲染方法
通过该项目，可设置在转换颜色时，如何处理转换超出CMYK颜色范围的颜色。其中有“可感知”、“饱和度”、“相对比色”和“绝对比色”4种类型。
[可感知]
该功能用于重现包含色阶的颜色，取得图像整体的平衡并进行转换。然后运用颜色转换时的色调修正功能，可获得接近原图像颜色的效果。
[饱和度]
启用该项，可比较颜色转换前后的图像中最亮的区域的差值，保证转换后图像的亮度。相较于颜色的精准度，该项目更侧重转换后颜色的明亮度，所以一般情况下，在实际操作过程中转换颜色时不会使用。
[相对比色]
该选项更为侧重再现图像的鲜艳与明亮度。
[绝对比色]
该项目应用于使用打印机模拟胶印印刷机进行颜色校正或“硬校样”时。一般情况下，在实际操作过程中进行颜色转换时不会使用。
③ 使用引擎
仅在Window操作环境中适用。可选择颜色转换时所使用的引擎。
在处理支持CMYK的应用程序和图像时，无论应用程序为何，如不使用同一引擎，将可能产生色差。当转换应用程序选择Photoshop时，Photoshop可以使用[MicrosoftICM]，所以建议在使用优动漫 PAINT时也选择使用[MicrosoftICM]，这样转到Photoshop中也可沿用相同的设置。
④ 色调调整
启用该项时，可在CMYK模式下转换颜色时设置色调调整值，且在[预览配置文件]面板中，仅可选择顶端的[CMYK：]开头的配置文件。色调调整时，分[曲线]和[色阶]两种，详细操作方式请参阅优动漫 PAINT使用手册。
⑤ 设置的应用范围
在设置预览时，运用该项，可指定变更内容的应用范围。
?保存到画布
在多个窗口中打开同一文件时，可将设置内容应用到所有窗口中。另外，保存文件时可保存当前已设置的内容，保存后再次打开文件时，原先设置的内容仍旧会保留。
?仅设置到此窗口
仅将变更设置应用于当前窗口。在要对颜色转换和调整的预览效果进行比较时，请选择该项。另外，保存文件时，已变更的设置内容并不会一并被保存。
对颜色转换前后的图像进行比较时，可显示[导航窗口]，或选择[窗口]菜单→[画布]→[新建画布]，在新的窗口中打开同一文件。
3.预览时的注意事项
预览颜色配置文件，是用于保存前预览颜色转换效果的功能。
预览的色调调整，主要用于向CMYK模式转换时进行相应调整。但要注意的是，正在编辑的RGB数据在实际进行颜色转换时，并不会进行色调调整。
另外，从原理上来讲，RGB与CMYK的颜色处理方式全然不同，所以即便进行了色调调整，也无法完全重现RGB的色调。
最初便以CMYK印刷模式进行保存的图像，在编辑时如重新以CMYK配置文件格式进行预览查看和创建，则可最大限度地减少图像偏差。
但是，如果保持开启预览颜色配置文件，则较为占用电脑内存。所以建议在上色和调整色调时，依据情况切换开启或关闭该项目。
另外，通过使用CMYK色板，或使用[颜色滑块]面板[CMYK]选项卡中的颜色，可有效减少仅在CMYK色彩范围中上色时，CMYK转换后发生的色调偏差的问题。
即便在该情况下，混色或色调调整、变更图层的混合模式、使用滤镜进行修饰等步骤中，仍然可能会存在超出CMYK颜色范围的颜色，因此建议经常查看预览。
4.保存为CMYK模式
选择[文件]菜单→[保存为指定格式]，从[.tif(TIFF)]、[.psb(大型文档格式PSB)]、[.psd(Photoshop PSD)]当中选择任一格式，打开[导出设置]对话框，在[颜色模式]中，选择[CMYK颜色]，勾选[嵌入ICC配置文件]，点击[确定]保存。
在预览颜色配置文件设置面板中，当设置了CMYK的配置文件后，该配置文件将被嵌入。
若是尚未设置，则可选择[文件]→[环境设置]→[颜色设置]→[CMYK配置文件]，嵌入已设置的配置文件。
若未嵌入配置文件直接以CMYK格式保存，则在印刷或在其他应用程序中打开时，可能会发生色调偏差的现象。
请勿多次重复RGB→CMYK过程
在优动漫 PAINT中，编辑图像时是以RGB格式进行编辑和保存的，而非CMYK格式。
运用预览颜色配置文件功能时，尽管可以确认查看CMYK印刷模式的效果，但是归根到底还仅是模拟出“RGB格式在转换为CMYK后会呈现什么效果”。
RGB格式的图像转换为CMYK时，为了调整CMYK范围之外的颜色，会进行多次调整，这样可能导致转换后的图像与原图像的颜色存在色差。
从RGB转换为CMYK时，请尽量一次性完成，若是重复多次，可能会导致图像画质降低。
所以建议在编辑调整完图像的色调后，先直接保存为RGB格式，然后再另存为一份CMYK格式的图像文件。
若是颜色转换后的效果与原图像有所差异，也可根据已保存的RGB原图像再次调整转换，力求将色差和劣质化等现象控制到最低程度。
同理，已保存为CMYK格式的图像，再次进行编辑时，也请尽量减少转换次数。
在优动漫 PAINT中导入CMYK格式文件时，将临时被转换为RGB格式数据。
编辑后再次保存为CMYK格式时，按照：
CMYK（最先创建时）→RGB（再次编辑时）→CMYK（再次保存）的顺序，将RGB→CMYK反复多次转换后，较之最原始的图像，多次转换后的图像可能会发生图像品质降低、颜色偏差等现象。
本次为大家展示的颜色文件配置实例就到这里，更入门教程请在优动漫PAINT官网查询。
语义化是指根据内容的结构化（内容语义化），选择合适的标签（代 码语义化）。通俗来讲就是用正确的标签做正确的事情。
语义化的优点如下：
对机器友好，带有语义的文字表现力丰富，更适合搜索引擎的爬虫爬 取有效信息，有利于 SEO。除此之外，语义类还支持读屏软件，根据 文章可以自动生成目录；
对开发者友好，使用语义类标签增强了可读性，结构更加清晰，开发 者能清晰地看出网页的结构，便于团队的开发与维护。
常见的语义化标签：
DOCTYPE 是 HTML5 中一种标准通用标记语言的文档类型声明，它的目 的是告诉浏览器（解析器）应该以什么样（html 或 xhtml）的文档类 行定义来解析文档，不同的渲染模式会影响浏览器对 CSS 代码甚?JavaScript 脚本的解析。它必须声明在 HTML?档的第??。
浏览器渲染页面的两种模式（可通过 document.compatMode 获取，比 如，语雀官网的文档类型是 CSS1Compat）：
CSS1Compat：标准模式（Strick mode），默认模式，浏览器使用 W3C 的标准解析渲染页面。在标准模式中，浏览器以其支持的最高标准呈 现页面。
BackCompat：怪异模式(混杂模式)(Quick mode)，浏览器使用自己的 怪异模式解析渲染页面。在怪异模式中，页面以一种比较宽松的向后 兼容的方式显示。
如果没有 defer 或 async 属性，浏览器会立即加载并执行相应的脚本。它不会等待后续加载的文档元素，读取到就会开始加载和执行，这样 就阻塞了后续文档的加载。
下图可以直观地看出三者之间的区别:
其中蓝色代表 js 脚本网络加载时间，红色代表 js 脚本执行时间，绿 色代表 html 解析。
defer 和 async 属性都是去异步加载外部的 JS 脚本文件，它们都不 会阻塞页面的解析，其区别如下：
执行顺序：多个带 async 属性的标签，不能保证加载的顺序；多个带 defer 属性的标签，按照加载顺序执行；
脚本是否并行执行：async 属性，表示后续文档的加载和执行与 js 脚本的加载和执行是并行进行的，即异步执行；defer 属性，加载后 续文档的过程和 js 脚本的加载(此时仅加载不执行)是并行进行的(异步)，js 脚本需要等到文档所有元素解析完成之后才执行，DOMContentLoaded 事件触发执行之前。
行内元素有：a b span img input select strong；
块级元素有：div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p；
空元素，即没有内容的 HTML 元素。空元素是在开始标签中关闭的，也就是空元素没有闭合标签：
常见的有：<br>、<hr>、<img>、<input>、<link>、<meta>；
鲜见的有：<area>、<base>、<col>、<colgroup>、<command>、<embed>、<keygen>、<param>、<source>、<track>、<wbr>。
在线的情况下，浏览器发现 html 头部有 manifest 属性，它会请求 manifest 文件，如果是第一次访问页面 ，那么浏览器就会根据 manifest 文件的内容下载相应的资源并且进行离线存储。如果已经 访问过页面并且资源已经进行离线存储了，那么浏览器就会使用离线 的资源加载页面，然后浏览器会对比新的 manifest 文件与旧的 manifest 文件，如果文件没有发生改变，就不做任何操作，如果文 件改变了，就会重新下载文件中的资源并进行离线存储。
离线的情况下，浏览器会直接使用离线存储的资源。
（1）SVG：
SVG 可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标 记语言 XML 描述的 2D 图形的语言，SVG 基于 XML 就意味着 SVG DOM 中的每个元素都是可用的，可以为某个元素附加 Javascript 事件处 理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象 的属性发生变化，那么浏览器能够自动重现图形。
其特点如下：
不依赖分辨率
支持事件处理器
最适合带有大型渲染区域的应用程序（比如谷歌地图）
复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）不适合游戏应用
（2）Canvas：
Canvas 是画布，通过 Javascript 来绘制 2D 图形，是逐像素进行渲 染的。其位置发生改变，就会重新进行绘制。
其特点如下：
依赖分辨率
不支持事件处理器
弱的文本渲染能力
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏，其中的许多对象会被频繁重绘
注：矢量图，也称为面向对象的图像或绘图图像，在数学上定义为一 系列由线连接的点。矢量文件中的图形元素称为对象。每个对象都是
一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等 属性。
dragstart：事件主体是被拖放元素，在开始拖放被拖放元素时触发。
darg：事件主体是被拖放元素，在正在拖放被拖放元素时触发。dragenter：事件主体是目标元素，在被拖放元素进入某元素时触发。dragover：事件主体是目标元素，在被拖放在某元素内移动时触发。dragleave：事件主体是目标元素，在被拖放元素移出目标元素是触 发。
drop：事件主体是目标元素，在目标元素完全接受被拖放元素时触发。
dragend：事件主体是被拖放元素，在整个拖放操作结束时触发。
理了一些本人开发中用到的和接触到的一些取色的网站，有色彩搭配的，也有直接生成css 代码的，值得一试的。
分享一个有中科院科技情报编委会名词室.科学出版社色谱，对应的有中文名称，英文名称，色值对应有 RGB / CMYK 格式 印刷标准FOGRA39，网点补正值 15%
zhongguose
这个突出的一点就是你可以根据一个颜色范围值搜索相近的色值，并且还有相关的示例文本和css 代码，还有多种色值格式Hex,RGB,CMYK,HSL 等多种格式
colorhexa.com
免费开放的平台，提供数千种时尚的手工挑选的调色板,对于有颜色搭配困难症的人来说简直太爽了，不用纠结该怎么搭配了。
colorhunt.co
获取HTML颜色代码，十六进制颜色代码，RGB和HSL值与我们的颜色选择器，颜色图表和HTML颜色名称。
htmlcolorcodes.com
这个就没有设计好的了，需要自己选择色值范围自己搭配颜色选择色值了。
hslpicker.com
这个网站也挺不错的，可以根据中文名称加载相关的颜色，也支持一键复制。
picular.co
可以设置明暗程度，也可以点击更多查看相近的同号色值。
materialuicolors.co
随机生成渐变色和单色，支持一键copy css 代码
colorspark.app
新拟态样式生成，使用超级简单，选择主色调整大小，边角半径，漂亮的新拟态样式就生成了，一键copy css 代码就完成了，很赞！
neumorphism.io
其实以上网站在开发只是为了取色辅助，本人最常用的是这个，直接调试看效果，效率嘎嘎滴！
浏览器自带控制台调试
就分享这么多吧，上面网站的地址都放在图片备注中了，需要查看的直接搜索就能找到了，如果你们有更好的欢迎评论区告诉我，我也去试试，然后今天1024祝大家节日快乐#1024程序员节#
*请认真填写需求信息，我们会在24小时内与您取得联系。
