首頁 > web前端 > PS教程 > 主體

使用PhotoShop動作批次產生iOS圖標

高洛峰
發布: 2017-02-22 10:02:22
原創
2417 人瀏覽過

    每次製作iOS應用圖示都需要製作10來個不同尺寸,是不是很麻煩;當然更麻煩的是每次修改以後都需要重新另存這些不太的尺寸和名稱;如果偶爾不小心名字和尺寸弄岔了,還會造成不必要的錯誤。

    PhotoShop的動作功能可以很好的解決這個問題,我們可以錄製一個動作,把1024*1024的Icon自動修改為不同的大小同時保存為不同的名稱。每次只修改1024的圖示然後一個動作執行下拉全部更新。

                1、開啟一張1024*1024的icon圖片,合併所有圖層,避免改變大小以後邊框和投影沒有縮放。

                      使用PhotoShop动作批量生成iOS图标

                

使用PhotoShop动作批量生成iOS图标                 3、新建一個動作群組和一個動作

                4、選擇新建的動作1,按下錄製按鈕

                 分別執行: 圖片 圖像大小” 尺寸(如:512*512) 》儲存為 (Icon-512.png )

                     尺寸與命名參考下列表格:使用PhotoShop动作批量生成iOS图标

     #  尺寸與命名參考下列表格:

    #  設計的

尺寸

檔案名稱用途是否必須備註iTunesArtworkIcon.png#Icon@2x.pngIcon-72.pngIcon-Small.png Icon-Small-50.pngIcon-Small@2x.png表格二:只支援iPad的app圖示要求。
##512×512
#Ad Hoc iTunes 可選,但建議加入 檔案應該是PNG格式,但檔名不要使用.png後綴。 57×57
iPhone/iPod touch的App Store與主畫面(Home screen) #必須 114×114
高解析度的iPhone 4主螢幕 可選,但建議加入 72×72
主螢幕,為了相容於iPad 可選,但建議加入 #無 29×29
Spotlight和設定app 可選,但建議加入 #50×50
Spotlight,為了相容iPad 如果app有設定程式包,那麼建議加入。否則可選,但建議加入。 58×58
高解析度的iPhone 4的Spotlight和設定app 如果app有設定套件,那麼建議加入。否則可選,但建議加入。

尺寸檔案名稱##512×512iTunesArtwork#Ad Hoc iTunes可選,但建議加入檔案應該是PNG格式,但檔名不要使用.png後綴。 72×72Icon-72.pngiPad的App Store與主畫面必須無50×50Icon-Small-50.pngiPad的SpotlightIcon-Small.png
用途 是否必須 備註
##可選,但建議加入。 29×29
iPad的設定app 如果app有設定程式包,那麼建議加入。否則可選,但建議加入。

表格三:Universal的app圖示要求。

##512×512iTunesArtwork#Ad Hoc iTunes可選,但建議加入檔案應該是PNG格式,但檔名不要使用.png後綴。 57×57Icon.pngiPhone/iPod touch的App Store與主畫面(Home screen)#必須無114×114#Icon@2x.png高解析度的iPhone 4主螢幕可選,但建議加入無72×72Icon-72.pngiPad的App Store與主畫面必須無#29×29Icon-Small.png#iPad和iPhone的設定app,iPhone的Spotlight如果app有設定程式包,那麼建議加入。否則可選,但建議加入。 無50×50Icon-Small-50.pngiPad的Spotlight#可選,但建議加入。 無58×58Icon-Small@2x.png高解析度的iPhone 4的Spotlight和設定app如果app有設定套件,那麼建議加入。否則可選,但建議加入。
尺寸 檔案名稱 用途 是否必須 備註

 

               6、儲存完所有的尺寸和對應名稱後,按下錄製按鈕左側的停止,效果如下:

使用PhotoShop动作批量生成iOS图标                       

              7、

#      按鈕邊上的播放按鈕就會自動把所以圖示檔生成好了!

              8.效果如下:使用PhotoShop动作批量生成iOS图标

                    

 使用PhotoShop动作批量生成iOS图标


## 更多使用PhotoShop動作批次產生iOS圖示 相關文章請追蹤PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板