當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計(jì)知識>教程內(nèi)容

切圖教程,pdf格式切圖教程實(shí)例(2)

來源:站酷 作者:夏敘 學(xué)習(xí):5645人次

切圖教程,pdf格式切圖教程實(shí)例_www.theoat.com.cn

現(xiàn)在開始儲存動(dòng)作,點(diǎn)開另存為,找到photoshop pdf格式,勾選“作為副本”

顏色什么的那么基礎(chǔ)的就淡淡的略過吧。

切圖教程,pdf格式切圖教程實(shí)例_www.theoat.com.cn

點(diǎn)擊保存,之后會(huì)彈出來這么一個(gè)框。

將“保留photoshop”編輯功能勾掉,

只剩下“嵌入頁面縮覽圖”以及“優(yōu)化快速web預(yù)覽”然后點(diǎn)擊保存

切圖教程,pdf格式切圖教程實(shí)例_www.theoat.com.cn

儲存出來直接是pdf格式,這時(shí)候你打開預(yù)覽不論是放多大縮多小都是十分清晰,并且占用空間很小。

這個(gè)volume切出來只有10kb。!是不是為你app太大無法優(yōu)化的困擾頓時(shí)就在夢里笑醒。

二,illustrator,如果是在ai里繪制的矢量圖,請?jiān)赼i里切pdf。

切圖教程,pdf格式切圖教程實(shí)例_www.theoat.com.cn

也是按照@1x的大小建立畫板調(diào)整好大小,并且另存為pdf格式。

切圖教程,pdf格式切圖教程實(shí)例_www.theoat.com.cn

勾選“嵌入頁面縮覽圖”以及“從頂層圖層穿件Acrobat圖層”然后點(diǎn)擊保存。

切記切記,ps和ai的矢量圖要在各自的軟件環(huán)境下切圖。所以比較推薦制作頁面的時(shí)候繪制icon在一個(gè)環(huán)境下繪畫。

到這里,設(shè)計(jì)師部分的就結(jié)束了,看著一大堆,其實(shí)我是很詳細(xì)的把每一步都拆分的很仔細(xì),自己操作一遍其實(shí)很迅速。如果有心者可以試著做一個(gè)動(dòng)作會(huì)更方便,如果自己將來做動(dòng)作了會(huì)及時(shí)上傳上來。

然后就是放入xcode6中,因?yàn)槲也⒉欢畑conde6是什么,特意從我們公司程序員大大討來教程貼在下面,所以下面的教程來自引用。因?yàn)槲乙粋(gè)字都看不懂。

如果你是設(shè)計(jì)師,這一段請拉的快一點(diǎn),因?yàn)槲冶WC你連讀都無法讀通順,就別想看懂了。

1,如果你不已經(jīng)有一個(gè)XCAsset文件,然后創(chuàng)建一個(gè); 否則,打開一個(gè)你已經(jīng)在你的項(xiàng)目中。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!