教程-AI矢量圖巧妙導(dǎo)入AE及PS方法總結(jié)
之前在公眾號分享的小教程,發(fā)現(xiàn)還是有不少小伙伴不太明白,所以重新在站酷整理分享一下。一點心得體會希望能幫到大家

大家好,俺又回來了。
這次給大家分享一個小姿勢!如何將AI插畫“優(yōu)雅”的導(dǎo)入PS和AE!
顧名思義,其實就是使畫完的AI插畫能在PS和AE中更好的進行延展。
完全是個人經(jīng)驗,如果你有更好的辦法,那就忽略我這文章吧。
廢話不多說,我找來了以前畫的一個口袋妖怪插畫,見下圖。

先介紹導(dǎo)入AE的方式吧,來看一下初步畫完的AI文件圖層,見下圖。

如果不做AE延展,其實也無所謂,一個圖層沒多大問題。你在這個圖層里愛怎么玩怎么玩:鎖元素啊,編組啊等等等等。
但如果你打算把這個AI插畫導(dǎo)入AE做動效,我是建議將需要變化和施加動效的部分新建圖層單獨分開并命名,見下圖。

導(dǎo)入AE的準(zhǔn)備工作就此完成,Ctrl+S保存一下。
接下來將準(zhǔn)備好的這個AI文件導(dǎo)入AE中,彈窗選擇合成并確認(rèn),見下圖。

鐺鐺鐺鐺!它出現(xiàn)在“項目”里啦!見下圖。

雙擊合成,然后可以發(fā)現(xiàn)之前編組的所有圖層全部出現(xiàn)在工作區(qū)里,大功告成!見下圖。

基本方法大致就是這樣。
但是你以為這就完了嗎?nonono,下一步是我認(rèn)為最最關(guān)鍵的一步,先來看看下圖。

導(dǎo)入的AI文件雖然都分層了,但每個圖層的物理中心都為整個畫布的中心,調(diào)整起來也非常非常麻煩,試過都知道的,更關(guān)鍵的是,這些圖層也只能進行“位移、旋轉(zhuǎn)、透明度、縮放”這些基本的操作。怎么進行優(yōu)化呢。只需要一步操作,見下圖。

選中圖層(這里我全部選擇了),右鍵——創(chuàng)建——從矢量圖層創(chuàng)建形狀,結(jié)果如下圖。

此時圖層均被轉(zhuǎn)換為矢量形狀,所有AI圖層在這個時候就可以都刪除了,點開其中一個圖層,怎么樣,可以添加諸如“修剪路徑”、修改顏色等等的效果啦。

此時再看一眼圖像本身,各圖層不再是占據(jù)整個畫布了!

這時候我習(xí)慣將個圖層的錨點移動至此圖層中心點(個人習(xí)慣,非必要),這個步驟用了一個插件“Move Anchor Point”,一鍵移動成功,見下圖。

所有步驟大功告成!接下來就可以為所欲為做動效啦。

以上就是我將AI文件導(dǎo)入AE的方法,不同的人可能有不同的方法,歡迎多交流~
接下來就是AI文件導(dǎo)入PS的方法,此時就不用給AI文件單獨分層了,方法步驟簡單,導(dǎo)入后零誤差,但是操作起來并不簡單。
步驟如下:
打開此AI文件,選中所有元素,command+c復(fù)制。然后打開PS,新建合適畫布,command+v粘貼。此時出現(xiàn)下圖,選擇“形狀圖層”并確定。

此時會出現(xiàn)這樣一個圖案,而它的顯示顏色為你當(dāng)前的前景色,見下圖。

此時不要慌!操作并沒有錯誤,繼續(xù),使用路徑選擇工具選中所有元素,見下圖。

其實此時路徑已經(jīng)順利導(dǎo)入了,接下來就要進行非常麻煩的操作“分離”。即把路徑分離成不同的圖層,方法為“Ctrl+Shift+Alt+J”,此圖各元素分離后出現(xiàn)56個圖層。

接下來需要吸取AI文件中各元素的顏色,吸取色值后粘貼入PS對應(yīng)的圖層中,若覺得圖層亂建議分組,結(jié)果如下。

經(jīng)過比較麻煩的這一步,便完成了所有的導(dǎo)入操作。
上文介紹的導(dǎo)入PS的方法比較復(fù)雜,但是依舊能保留矢量的特性。
還有另一個導(dǎo)入PS的辦法,比較簡單,首先需要把AI文件分好組,然后“文件——導(dǎo)出——導(dǎo)出為”,選擇PSD格式即可,這種方法較簡單省時間,但導(dǎo)出PS文件各圖層均為位圖格式,所以建議先在AI文件里把這些圖層稍微放大一些比較妥當(dāng)。

上面兩種方法導(dǎo)入PS后,均可以比較完美的為不同的圖層加圖層樣式、雜色等等效果。
導(dǎo)入PS的辦法各有利弊但都沒啥大毛病。
存什么格式考慮效率和特點自行選擇即可~

好啦。今日小講座到此結(jié)束!









































