好久沒寫製圖教學文了
正好也受某人之託
就動手寫了這篇文章≡ω≡
基本上還是老話一句
雖然筆者會想盡量以淺顯點的方式說明
不過沒有基礎製圖能力的人
應該還是有很大的機率看不懂
這方面就只能說抱歉了




這是筆者這次要生成的作品
看起來似乎是很囉唆
但原理說穿了真的沒什麼
連筆者這根小牙籤都能做的出來
請相信它很簡單


那麼
讓我們正式開始動手做這玩意兒吧

---

首先新增一個檔案
並將畫布的尺寸設定成你要製作的物件大小
以我們這裡的狀況來說是690*20
也就是上面那個成品圖的下半部




接著選擇”編輯→填滿”
將畫布的底色填充為白色




點選圖片左上角紅圈所示的漸變工具
並進行漸變顏色的調整
這裡筆者的顏色設置均為黑色
而位置與透明度的設定如下(由左至右)


1. 不透明：10%   位置：0%
2. 不透明：10%   位置：12%
3. 不透明：20%   位置：49%
4. 不透明：30%   位置：63%
5. 不透明：20%   位置：86%
6. 不透明：0%   位置：100%




做好漸變工具的設定後
就如上圖所示
將滑鼠遊畫布的上緣拉至下緣處
就可以做出具有漸變色澤的背景色塊




背景色調整完畢後
就要開始製作元件了
假如你想在上圖所示的位置上
作出梯型的元件
那就在那個地方選取相應的範圍


當然
要做什麼形狀
以及要在哪裡製作選取範圍
這是看你的設計需求而定
所以這類問題請不要問筆者www




選好了範圍以後
請確認好自己目前的工作圖層
是不是在背景的圖層上
確認無誤以後
就按下ctrl+J鍵
將背景裡包含在選取範圍的部分
複製一個圖層出來




將背景圖層隱藏後
就可以看到你剛剛所複製的圖層
也就是帶有漸變色的梯形色塊了




接下來是加上特效
原則上筆者這裡加的特效也很簡單
就只有內陰影而已
大家可以視自己需求
去調整出自己認為最合適的效果




加上特效了以後
就在這個梯型元件圖層上按下滑鼠右鍵
然後選擇拷貝圖層樣式


基本上各個元件要用的特效大同小異
這樣做可以省去以後還要一一設置參數的時間





做好了第一個元件後
接下來要做的事情
是先新增一個空的圖層
在確認除了這個新製作的元件圖層外
剩下的圖層都設為隱藏以後
選擇”合併可見圖層”


這樣做的目的是將圖層的效果欄消去
並保留這個圖層的完整樣貌
算是筆者製圖時的習慣
以免以後在製作其他要加入相同特效的元件時
會遇到一些不必要的困擾
(當然你也可以選擇不做這動作
之後會出什麼事
就請用自己的雙眼確認了www)




上面那樣就算是完成了一個元件
剩下要做的事情就很直觀了
比照上面所講的方法
拉出下一個帶有漸變色彩的元件




接下來選擇貼上圖層樣式
把剛剛所設定好的特效複製過來




視你的設計需求
調整特效設定的角度
讓元件的陰影部分可以在你所想要的位置顯示

---

最後再貼一次成品吧





你說這樣就完了？
對~原理真的就是這樣而已
把那些雜七雜八的漸變色塊一個一個堆上去
最後就會變成上面那樣子
至於要怎麼堆出這種完整的框架
那就不是筆者的問題了www





OK
這樣就功德圓滿了
繼續打遊戲去(溜)