unity2D學習(13)PS繪製像素血條

1 PS繪製素材

我想爲敵人頭上加個血條,但是原本的素材沒有,所以需要自己繪製。

這裏以像素風的素材爲例子,繪製一個像素風的血條。

思路:需要繪製兩個一樣大小的血條圖案,一個白色的底色,一個紅色的底色。然後讓紅色覆蓋在白色的上面,通過調整紅色的縱向大小來顯示血條。

步驟:

  • 新建文件:打開PS(Photoshop)新建,左上角 文件->新建。

  • 選擇合適的大小:這裏的單位都選擇像素,因爲我們要做的是像素風格的;畫布大小選擇45,因爲我們敵人圖片的橫向像素也才48,這個48還不是敵人圖片完全佔滿的。

  • 畫布縮放:通過Alt+Shift和鼠標滾輪,把畫布縮放到合適的大小。
  • 利用網格輔助繪製:由於繪製的是像素風格的,所以最好有網格來框出每一個像素方便繪製。
  1. 打開網格設置:最上面的工具欄 編輯->首選項->參考線、網格和切片
  2. 設置網格:彈出窗口,網格線間隔設置爲1像素、子網格也設置爲1、點擊右邊的方形可以修改網格顏色
  3. 顯示網格:最上面的工具欄 視圖->顯示->網格

  • 新建畫布:右下角可以看到一個圖層欄,會發現只有一個背景圖層。我們通過點擊下圖中最下面紅色框框的標誌,就可以在在背景的圖層上再建立一個新的圖層“圖層2”,然後在“圖層2”上來進行繪製。

  • 繪製工具之鉛筆:
  1. 設置鉛筆:在左邊工具欄可以找到鉛筆,點擊後可以看見最上面會有鉛筆的一些參數,然後選擇一個文件夾一樣圖形打開畫筆詳細的屬性,把像素設置爲1,硬度設置爲100%。
  2. 調整鉛筆顏色:在左邊工具欄最下面有個兩個重疊帶有顏色正方形,點擊左邊的正方形就可以選擇顏色了。

 

 

 

  • 繪製工具之橡皮擦:在左邊工具欄之前鉛筆的下面會找到橡皮擦,大小修改方法和鉛筆一樣。

  • 繪製圖形:在之前新建的畫布圖層上,畫出下面這個形狀。

  • 取消掉背景顏色:讓背景透明。

  • 導出成png:

2 導入unity

直接把畫好的png圖拖到對應存儲unity工程文件夾下,然後就像之前使用素材一樣就可以了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章