自從Adobe Illustrator推出以來,人們感興趣的是,它是否能完成過渡并且改變創(chuàng)作像素級(jí)作品的方式。正如我們所知,在CS5(版本號(hào))之前,用AI這款矢量工具做到像素級(jí)的精確是非常困難的。為什么呢?因?yàn)椴煌赑S圖像處理軟件,一款基于柵格的圖像處理軟件(即直接面向的是像素處理)。而AI是一款矢量軟件,(即面向的是點(diǎn)、直線、和曲線這類基于數(shù)字信息繪制的圖形)。早期,AI還不能很完美的處理像素?,F(xiàn)在AI不斷推陳出新,隨著最新版CC的發(fā)布,AI已經(jīng)有了許多改進(jìn)?,F(xiàn)在Adobe Illustrator已經(jīng)是苛求像素完美的設(shè)計(jì)師心目中完美的圖像處理軟件了。
為了實(shí)現(xiàn)像素級(jí)完美,關(guān)于AI的設(shè)置或者使用方法的文章很多,但魚龍混雜,這里給大家分享下我的方法,親測(cè)完美可行哦。
在開始之前,我需要確定你閱讀這篇文章是想了解如何基于像素創(chuàng)作數(shù)字媒體作品,但是不僅僅停留于此。在這一點(diǎn)上你可能會(huì)說,當(dāng)我想創(chuàng)作一個(gè)需要在數(shù)字設(shè)備上展示的設(shè)計(jì)作品時(shí)我會(huì)使用這種方法,但是當(dāng)我設(shè)計(jì)一個(gè)需要打印出來的作品時(shí)我會(huì)使用常規(guī)的設(shè)置方法。不是這樣的,在大多數(shù)情況下(在某些情況下,你不會(huì)想用這種方法:手繪作品,AI中有更靈活的曲率),設(shè)計(jì)最好的方法是基于像素的(為了適配兩種媒體,基于像素創(chuàng)作是最好的方法)。
假設(shè)的情況:你在開發(fā)一個(gè)項(xiàng)目,涉及數(shù)字和印刷媒介。你可能會(huì)想,我會(huì)做出兩個(gè)不同的文件,已過文件其中所有的對(duì)齊到像素網(wǎng)格(你需要的數(shù)字顯示的東西)和另一個(gè)文件則滿滿的全是游離點(diǎn)(需要印刷的東西)。誠(chéng)然這樣行得通,但是把它們都作為數(shù)字媒體創(chuàng)作不是更簡(jiǎn)單嗎?
你可能知道,數(shù)字設(shè)計(jì)和印刷設(shè)計(jì)之間唯一的區(qū)別(除了RGB和CMYK之間的區(qū)別外)是光柵質(zhì)量的問題。在AI中你可以通過效果-柵格化進(jìn)設(shè)置圖片的柵格化效果并且選擇300ppi或者是以上的值(和低于72ppi推薦屏幕下相比)
所以你可以創(chuàng)建一個(gè)清晰的設(shè)計(jì)效果然后做一些色彩補(bǔ)償打印出來,就這么簡(jiǎn)單。
現(xiàn)在我已經(jīng)把要說的說完了,那么問題來了,在AI中做到像素級(jí)完美我們應(yīng)該做哪些準(zhǔn)備呢?
步驟一:了解“像素網(wǎng)格”的概念
你可能聽說過“對(duì)齊到像素網(wǎng)格”和一些類似的話,你可能想知道那到底是什么意思。每一個(gè)數(shù)字顯示器是基于像素的,這就是說它具有寬度和高度設(shè)置在一個(gè)像素值上。當(dāng)用AI工作時(shí),將一個(gè)對(duì)象對(duì)齊到像素網(wǎng)格意味著告訴程序,這個(gè)對(duì)象將在畫板上占據(jù)一個(gè)特定的位置。但是更重要的是,它的定義點(diǎn)(定義形式)將被設(shè)置在4px的交叉點(diǎn)(網(wǎng)格線交叉點(diǎn))。如果它有圓角和曲線,一個(gè)像素上是否對(duì)齊是很難看出來的,所以如果對(duì)象很小的時(shí)候,看清楚來是很重要的。
舉個(gè)例子來說明一下,在這里有倆個(gè)矩形(大小相同的)。我把它們放大到可以看清楚像素網(wǎng)格,你可以看到左邊的矩形看起來很清晰,右邊的看起來是模糊的,看起來好像是經(jīng)過平滑處理的。

出了什么錯(cuò)呢?是這里出了問題…

正如你看到的一樣,左邊矩形的四個(gè)角完全對(duì)齊網(wǎng)格的角。右邊的矩形試著去對(duì)齊網(wǎng)格的中點(diǎn),因此產(chǎn)生了模糊的效果。
很顯然,一個(gè)點(diǎn)或者對(duì)象不能占著半個(gè)像素,或者在任意沒有對(duì)齊像素邊緣的情況下看起來銳利清晰。
作為實(shí)際的像素組成的矩形,每一個(gè)都必須占據(jù)整個(gè)像素網(wǎng)格,使得它變得對(duì)齊,并且最終銳利無鋸齒。如果你要把這倆個(gè)矩形打印出來,你將看不到任何區(qū)別,因?yàn)榇蛴C(jī)不依賴于像素。
如果有曲線會(huì)發(fā)生什么呢?當(dāng)涉及到曲線時(shí),AI提供一個(gè)平滑處理使其看起來效果清晰像其他對(duì)齊網(wǎng)格的對(duì)象一樣,但是你要保證構(gòu)成曲線的錨點(diǎn)需要是對(duì)齊網(wǎng)格的。
我們采取的第一步創(chuàng)建的作品是為了讓它盡可能的看起來清晰。
步驟二,建立一個(gè)新文件
當(dāng)建立一個(gè)完美的文件時(shí)有三個(gè)關(guān)鍵的方面:

文檔尺寸(寬度和高度):當(dāng)設(shè)置畫板尺寸時(shí)應(yīng)該輸入整數(shù)值,不能輸入帶小數(shù)的值(例如高度值為200.58px)-如果你輸入一個(gè)帶小數(shù)點(diǎn)的值是不對(duì)的。(這取決于你輸入的值:高度或?qū)挾?它的下側(cè)和右側(cè)朝向像素的內(nèi)側(cè)而不是不同像素的交叉點(diǎn)。

新聞熱點(diǎn)
疑難解答
圖片精選