整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
前我們對于優動漫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小時內與您取得聯系。
