教你快速打造優美地 iOS 應用圖標_第1頁
教你快速打造優美地 iOS 應用圖標_第2頁
教你快速打造優美地 iOS 應用圖標_第3頁
教你快速打造優美地 iOS 應用圖標_第4頁
教你快速打造優美地 iOS 應用圖標_第5頁
已閱讀5頁,還剩9頁未讀, 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

教你快速打造優美的iOS應用圖標開始前,請先準備一個iOS應用圖標\t"/photoshop/jiaocheng/2015/_blank"模板,可以從\t"/photoshop/jiaocheng/2015/_blank"iOSIconTemplate或者\t"/photoshop/jiaocheng/2015/_blank"AppIconTemplate下載(我用的就是后者的素材)。我的電腦屏幕上只顯示了1024px的大圖標,我覺得用這個模板做參考就可以了。你可以將應用圖標模板進行裁剪,只保留1024px的圖標,或者處理模板上的其余元素。下面我們正式開始。步驟1:創建iOS應用圖標的基本形狀首先新建一個圖層并\t"/photoshop/jiaocheng/2015/_blank"填充背景色,參考色值是#acced6。接下來,給顏色圖層添加\t"/photoshop/jiaocheng/2015/_blank"蒙版,使其呈現圖標的輪廓。技術上來講這一步可要可不要,因為上傳圖片之后,\t"/photoshop/jiaocheng/2015/_blank"蘋果官方會自動幫你切成\t"/photoshop/jiaocheng/2015/_blank"圓角。不過,為了呈現更好的視覺\t"/photoshop/jiaocheng/2015/_blank"效果,我建議使用蒙版。怎么操作呢?按住COMMAND(MAC用戶)或者CTRL(Windows用戶)鍵的同時點擊圖標模板圖層,顏色圖層就會出現一個選區啦。再在圖層面板的底部點擊蒙版圖標,就可以創建蒙版了。步驟2:添加漸變色在顏色\t"/photoshop/jiaocheng/2015/_blank"圖層點擊鼠標右鍵,在彈出的菜單中選擇混合選項。我們來給它加一個弱漸變。漸變的起始和終止色值分別為#acced6和#7cbece。漸變樣式選擇線性漸變,角度設置為135度,呈現出由左上角的深藍色到右下角的淺藍色漸變效果。如果這兩種顏色順序搞顛倒了,調整角度為-135度或者315度就行了。步驟3:創建內圓圖標中部的白色圓形是整個圖標\t"/photoshop/jiaocheng/2015/_blank"設計的重要組成部分,我們可以利用iOS圖標柵格畫一個圓:使用橢圓工具(U)創建一個寬高為890px的正圓,在屬性\t"/photoshop/jiaocheng/2015/_blank"面板中可以調整它的大小以便與柵格對齊。步驟4:給圓形添加圖層樣式給形狀\t"/photoshop/jiaocheng/2015/_blank"圖層添加描邊、陰影和漸變等圖層樣式。添加漸變圓的漸變比較簡單,漸變色值為#ffffff和#d9d9d9。漸變樣式選擇\t"/photoshop/jiaocheng/2015/_blank"徑向漸變。要讓圓的中心呈現些許亮色,從圓心到邊緣有一個白色到淺灰色的漸變,縮放比例設置為150%。添加描邊圓的描邊要加粗,描邊位置選擇內部,描邊大小的參考數值為30px,\t"/photoshop/jiaocheng/2015/_blank"填充類型選擇漸變。漸變所用顏色比圖標的背景漸變色要亮一些。起始色值和終止色值分別為#d1e4e8和#a9deeb,漸變角度設置為-45度,呈現出由頂部的淺藍色到底部的深藍色漸變效果。添加內陰影這里的內陰影其實是白色高光,你也可以使用內發光樣式。將混合選項設置為正常,距離設置為0。將大小設置為70。(注:此處原文為140px,但是與截圖上的參數不符,所以譯者暫時將參數改為70px)添加投影最后給這個圓添加\t"/photoshop/jiaocheng/2015/_blank"投影,讓描邊看上去更清晰,也可以讓整個圓在藍色背景下看的也很明顯。把陰影的透明度設置為10%,距離設置為0,將大小設置的稍微大一點,我的參考數值是55。效果如下圖所示:步驟5:添加鉛筆圖標我們在上一步的基礎上添加一枚圖標,我選的是鉛筆圖標。你可以在Sliceberry或者theNounProject搜索你想要的圖標。由于我們制作的圖標是1024*1024規格的,所以一定要選大圖標。如果你也想用鉛筆圖標,可以從theNounProject下載,作者是MollyBramlet,下載鏈接:/term/pencil/16973/將該圖標導入你的PSD文件并調整大小。如果你用的鉛筆圖標跟我用的一樣大,需要將其縮小到原來的1/2。你可以利用iOS模板把該圖標控制在內圓的范圍之內。為了讓該圖標垂直于水平線,需要將其旋轉62.32度。按下COMMAND(MAC用戶)或者CRTL(Windows用戶)鍵的同時按下T鍵,在頂部緊挨著小三角形圖標的窗口中輸入數值62.32。(你也可以跳過旋轉圖標這一步驟)步驟6:給鉛筆圖層添加圖

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論