日誌2012-05-30 00:53

[魔人專欄(?)]不負責任之機械外框製作教學

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




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


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

---

首先新增一個檔案
並將畫布的尺寸設定成你要製作的物件大小
以我們這裡的狀況來說是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
這樣就功德圓滿了
繼續打遊戲去(溜)

26

20

LINE 分享

相關創作

[魔人專欄(?)]不負責任之簡易泡泡素材生成教學

[魔人專欄(?)]不負責任之進板圖製作教學

留言

• 2012-05-30 01:05神無月 若葉：
  看不懂

  2012-06-04 19:23絕零：本來就沒期待笨蛋看的懂

• 2012-05-30 01:10雷穆斯：
  櫻華大的本氣教學OAO

  2012-06-04 19:24絕零：偶爾也要開啟本氣模式
  不對
  我一直都很認真(挺胸)

• 2012-05-30 02:29文月悠衣：
  同樣的動作要重複很多次才能做出自己要的效果呢

  2012-06-04 19:24絕零：做這東西就是這樣了

• 2012-05-30 06:10咕咕咕：
  很好　我看不懂(挺胸

  2012-06-04 19:25絕零：你要挺的是屁股(插入)

• 2012-05-30 10:47呆：
  我也是看不懂得XD

  2012-06-04 19:26絕零：看不懂也沒關係XD

• 2012-05-30 12:53☀ﾟ傲風：
  高手。

  2012-06-04 19:26絕零：喔不
  我只是小牙籤
  高手在一樓<(_ _)>

• 2012-05-30 14:18剎那：
  抱歉...我真的看不懂
  不過還是辛苦妳的教學了

  2012-06-04 19:27絕零：沒有基本製圖經驗的人確實不容易看懂啦

• 2012-05-30 15:02トゥルーティアーズღ：
  想必這個小屋佈景花了不少時間吧
  沒學過做圖的我覺得好難
  不過真的做的很漂亮

  2012-06-04 19:27絕零：想點子比較花時間無誤

• 2012-05-30 17:51星空嵐：
  這框架可以用在哪個方面@@?

  2012-06-04 19:28絕零：那個方面的(羞)

• 2012-05-30 19:33鈴星：
  你希望我怎麼評價0.0?

  2012-06-04 19:28絕零：你只要抬起屁股就好(插入)

• 2012-05-31 06:00絕倫逸群：
  大神<(_ _)>

  2012-06-04 19:28絕零：大神在一樓<(_ _)>

• 2012-06-01 21:20鯊魚男：
  神人變魔人了!!

  2012-06-04 19:29絕零：再次墮落了

• 2012-06-01 21:34櫻花草：
  哈哈原來我也不懂@@

  2012-06-04 19:30絕零：不懂比較好(啥)

• 2012-06-01 23:29魔法相消：
  
  原來你會Photoshop 框架機械化倒是蠻有科技感的
  這小屋佈景 應該是你用機械框架做的吧！
  
  
  不過.......有個小小地小問題 不知道你有沒有發現............
  
  
  
  
  
  
  
  
  （小聲說：你的框架沒作到底部的機械化底框！）

  2012-06-04 19:30絕零：就說中間那些重複的步驟都跳過了啊

• 2012-06-05 00:27儚夜：
  我曾用Paint.net搞出類似的東西
  不過步驟比你這個還費工....

  2012-06-10 10:47絕零：一切就是看你想弄到什麼程度吧

• 2012-06-20 05:03推坑小幫手：
  慢慢研究去...

  2012-06-22 00:03絕零：我這種小牙籤都行了
  老大一定行的

• 2012-06-25 21:50上媛祐香：
  有學過..忘光光
  這也許太耗腦容量了

  2012-06-30 22:01絕零：其實弄久就習慣了

• 2012-08-06 15:51トゥルーティアーズღ：
  不知道方不方便請教一下佈景右上方按鈕群部分那種漸層圓框是怎麼做出來的呢?
  我卡在這邊好久Orz..也沒找到有類似這種的教學
  另外我只有photo impact軟體,不過參考了一下你其他文章發現你都是使用photoshop,
  這兩種有顯著的差異嗎?

  2012-08-10 11:53絕零：就漸變工具吧
  這沒啥技巧的
  
  PI沒用過
  所以我也沒辦法回答這問題@@

• 2012-08-08 02:27若蟬：
  好吧雖然我看得懂可是...
  要拼出機械感才是我最需要的(腦死

  2012-08-10 11:57絕零：這是講求美感天分的無誤(遠目)

• 2013-06-12 07:29點子-庫洛米庫洛米：
  感謝絕世美少女的教學 :D

  2013-06-12 11:11絕零：一年前的教學文了
  你挖的還真深=W=|||

• 送出