火星網校
如何製作48*48px大小的圖標
導言：這是前段時間手機助手的一個圖標，拿出來寫個小教程。
第1步：
48像素大小的圖標，我一般都會原始大小下畫，因為48像素的圖標相對來說還屬於比較小的圖標，大圖標縮小的話會有很多細節需要重新繪製。所以先畫一個48*48px大小的框，加一個像素的描邊，圈定範圍，接下來的圖標要在這個框裏畫，不要超出的前提下盡量填滿，這樣圖標會比較飽滿。（圖01）
圖01
第2步：
使用路徑工具畫一個圓形，這一步需要在原始尺寸下畫，就是畫布是100%，這樣可以保證圓的路徑壓線在整像素上，可以看起來比較清晰。（圖02）
圖02
第3步：
給路徑添加圖層樣式，讓它不再是一個平麵，而有些立體感。這個圖層用了三個圖層樣式來完成，分別是漸變疊加，內發光和內陰影。（圖03）
圖03 #p#e#
對於一個球體來說，有高光，陰暗麵，和反光麵來體現體積感，下邊是每一個圖層樣式的參數。（圖04）
圖04：漸變疊加
漸變疊加選用的是徑向漸變，這個是為了體現高光麵和背光麵。用了三段的漸變來表現，從右到左分別是高光麵，背光麵和反光麵。參數隻是參考，看個人喜好調節，漸變的參數如下。（圖05）
圖05
接下來是內陰影，PS的圖層樣式的名稱沒有比較太糾結，應該學會去靈活的運用，比如說內陰影，並不一定隻有做陰影的時候采用得到，這裏我用它來強化下反光麵，下邊是參數。（圖06）
圖06
之後是內發光，這裏我讓球的外圈稍微降低一點明度，其實也是為了強調體積感，參數如下。（圖07）
圖07#p#e#
第4步：
這個時候球的體積感已經出來了，但是還需要再細化下，讓它更通透一點，通過加強高光麵和反光麵來實現。（圖08）
圖08
用路徑工具+羽化填充高亮的藍色來提高高光麵。（圖09）
圖09
用鋼筆工具或者是路徑工具+描邊路徑來提亮反光麵，注意描邊路徑的時候需要用一個比較柔軟的畫筆，並且勾選模擬壓力，這樣會有光的感覺。（圖10）
圖10
反光麵畫筆顏色的相關參數。（圖11）
圖11
感覺效果還是有點弱，可以複製一層反光麵，再調整下透明度，調整前後的示意圖。（圖12）
圖12#p#e#
第5步：
球的效果差不多了，我們再來畫大陸。這裏先百度一個地球圖片（如果地理學的很好，可以自己默寫……），我找了這張。（圖13）
圖13
然後用路徑工具描下來，不需要很細致，隻要大體的形態就好。為了看清畫完的效果，同時不遮住效果圖，可以給圖層加入一些透明度，完成效果如下。（圖14）
圖14
第6步：
把畫好的路徑縮小到合適大小，覆蓋在剛才畫好的球上，邊緣用蒙版遮罩下。如下圖。（圖15）
圖15#p#e#
這個圖層也用了三個圖層樣式，分別是投影，內陰影和漸變疊加。漸變疊加的目的是為了讓剛才畫的平麵地圖有立體感，有球的感覺，當然也應該用徑向漸變，內陰影是為了強調體積感，而投影是為了讓大陸能夠稍微凸出於海麵。下麵是相應的參數。（圖16-18）
圖16
圖17
圖18#p#e#
第7步：
畫完之後發現大陸的背光麵飽和度有點高，可以考慮用柔軟畫筆+蒙版工具調整下，以下是修正前後示意圖。（圖19）
圖19
第8步：
球的本體部分完成了，然後加入一點投影，立體感會更好些。投影的做法有很多，我個人比較常用的是徑向漸變工具+變形，如下圖。（圖20）
圖20
第9步：
接下來我們來繪製黃色的光環，這裏用到的還是路徑+圖層樣式。（圖21）
圖21
這裏加入了一個離本體比較遠的投影，目的是為了投射在地球上，但是超出了，覆蓋在背景上，是不和邏輯的，後期需要用蒙版或者其他工具修正下。圖層樣式的相關參數如下。（圖22）
圖22
圖23
圖24#p#e#
第10步：
這樣的地球光環感覺比較單薄，所以我們複製一層，放在之前黃色光環的下邊，修改圖層樣式，加入一點厚度，如下圖。（圖25）
圖25
第11步：
由於球體本身比較通透，所以反光也應該比較強烈，所以複製之前做好的黃色，稍作變形，做出在地球上的倒影來，並且用蒙版修正之前投影在地球以外地方的投影。（圖26）
圖26
第12步：
這樣已經差不多了，可以根據個人喜好稍微調整下色階。（圖27）
圖27
好，完成。（圖28）
圖28
上一篇 創建優雅的3D玻璃質感文字
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
為前往影視行業的人推薦幾所頂尖的影視包裝培訓機構，並在末尾介紹火星時代教育作為一個專業的影視包裝教育機構所能提供的服務。
-
尋找專業的影視動畫場景培訓機構？來火星時代，職業化、實戰化的培訓模式讓學習更有效。
-
文章詳細介紹了如何根據個人需求、師資力量、行業口碑、課程設置等多個維度為自己選擇合適的影視3D場景模型培訓班。火星時代教育，一......
-
火星時代教育為你提供頂級的影視剪輯設計培訓，通過專業的剪輯技能培養，幫助學員提升個人的影視剪輯水平。
-
本文將介紹影視後期的常用特效培訓，從特效後期製作的基本要素到不同類型的特效製作技巧，讓你在後期製作中遊刃有餘。
-
為你揭示哪個3DCG動畫培訓好，介紹火星時代教育在3DCG動畫培訓上的專業性與實效性，以助你成功邁向3DCG動畫領域。
