之前在學(xué)習(xí)Photoshop的時(shí)候伯顶,順便下載了Adobe illustrator的軟件,也順便打開AI的軟件螃宙,但是测摔,當(dāng)時(shí)是習(xí)慣了ps的右下角圖層顯示置济,找了半天的AI也沒發(fā)現(xiàn)圖層,就放棄了避咆,想著先用順ps再說舟肉。
機(jī)緣巧合修噪,前幾天查库,有幾個(gè)logo設(shè)計(jì)的活,就想著試試用AI做幾個(gè)logo黄琼,使用下來樊销,覺得里面的功能還是很方便的整慎,就瞬間粉了。而就當(dāng)在logo設(shè)計(jì)的工作做完的時(shí)候围苫,項(xiàng)目組的開發(fā)人員在群里呼叫使用過AI使用的小伙伴裤园,我冒了個(gè)泡,便開始了我的第一個(gè)AI切圖的旅程剂府。
下面是我自己總結(jié)的第一次AI切圖經(jīng)驗(yàn)拧揽,可能方法并沒有那么高明,不過作為一個(gè)紀(jì)念還是很不錯(cuò)的腺占。BTW-為啥不用ps切圖淤袜?作為小白的我,在進(jìn)行淺顯的百度工作之后衰伯,發(fā)現(xiàn)铡羡,我沒法把別人提供的.ai文件在ps里用,于是湊合在并不是很方便切圖的AI中操作了意鲸。
First——準(zhǔn)備工作
在進(jìn)行切圖之后烦周,有一系列的準(zhǔn)備工作,這些工作是可以減小接下來的工作量的怎顾。
1. 因?yàn)槲也⒉皇菆D紙的設(shè)計(jì)人員读慎,所以需要someone(我也不知道具體應(yīng)該是說只要可以提供的了我需要的文件就行的人)提供需要切得圖的規(guī)范和要求說明+切好后的命名規(guī)范要求說明(我這次使用的時(shí)候并沒有,但是作為一個(gè)以前自己p圖自己寫前端代碼的我覺得有這個(gè)文檔會(huì)節(jié)省開發(fā)人員的時(shí)間)槐雾;
2. 新建好一個(gè)文件夾用于之后存放切片文件贪壳;
3. 作為小白,第三個(gè)準(zhǔn)備工作就是先試試蚜退,學(xué)的切圖方式是不是okay的闰靴,就開始真是的切圖工作了。
Second——切圖詳情
1. 我使用AI切圖過程中钻注,主要用到了畫板結(jié)合符號(hào)蚂且,所以接下的方法就是使用這兩個(gè)模塊。
畫板模塊顯示:
符號(hào)模塊顯示:
2. 左側(cè)工具欄主要是使用了選擇工具和畫板工具
Third——步驟
1. 根據(jù)文檔需求幅恋,在畫板模塊建立規(guī)定尺寸的畫板杏死,進(jìn)行命名;
2. 講需要切片的元素編組后拖入到符號(hào)庫捆交,對(duì)應(yīng)畫板進(jìn)行命名淑翼;
3. 將對(duì)應(yīng)符號(hào)庫的元素拖至對(duì)應(yīng)切片大小的畫板中;畫板的大小可以通過畫板工具進(jìn)行調(diào)整品追,元素的位置可以使用選擇工具進(jìn)行調(diào)整玄括;
4. 將所有的切片選擇好之后導(dǎo)出。詳細(xì)說明:文件--導(dǎo)出肉瓦,注意保存類型選擇png遭京,勾選使用畫板胃惜,范圍根據(jù)實(shí)際情況導(dǎo)出對(duì)應(yīng)畫板的文件。
Alright,這就是我的AI初次切圖體驗(yàn)分享哪雕,繼續(xù)學(xué)習(xí)船殉,再接再厲。