日誌2013-03-26 10:10

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

這是前幾天說好的泡泡素材製作教學
原則上是希望大家只要看著文章逐步照作
就可以生成泡泡素材了啦
不過真的沒有製圖背景的人
應該看起來還是很吃力
筆者也只能盡力而為了…orz


又
筆者用的是PHOTOSHOP CS5版本
如果因為使用版本不同
造成介面與操作方式不盡相同的情形
這樣的問題請不要找筆者(揍)
因為筆者也不一定能解決你的問題




方法一：

有心想要自力製作素材的人
就來看這個部分吧
雖然文章有點長
不過講穿了
其實也不是多難的東西就是






首先
在開啟檔案時
先把背景底色設成黑色
如果要製作白色的泡泡
這樣會比較方便觀賞






點選工具列上的橢圓工具
(如左處紅圈所示)
並在工作畫面上拉出一個圓形的路徑


在滑鼠拖曳的過程
記得要先按住shift鍵不放
這樣才能確保拉出來的路徑是正圓形







在圓形路徑內點選滑鼠右鍵
並選擇"製作選取範圍"
這樣就可以選取一個圓形的路徑了


這邊並不需要調整羽化參數
所以設為0就好







設定好選取的範圍後
新增一個圖層
之後再進行填滿的動作
將新圖層填充成圓形的樣子


至於填充的顏色
是取決於你要做什麼顏色的泡泡
這裡示範的是白色
所以就是填白色了






接下來又是要用到路徑的時候了
首先點選圖上紅圈所示的地方
把路徑重新叫出來






接著在圓形路徑內點選滑鼠右鍵
選擇"任意變形路徑"






現在開始就要正式把剛剛畫出的圓
挖成泡泡的形狀啦
透過調整圖上紅圈顯示的參數
可以縮放路徑的大小
而在路徑內按住滑鼠拖曳
則是進行位移的動作


至於要調整到多大的路徑
以及挖洞的位置
就取決於大家的喜好了
調整到自己認為合適的大小即可






調整好挖洞的路徑後
再進行一次"製作選取範圍"
而這次的選取範圍
就要設定羽化參數了
當然要設定多少
這裡的回答還是和上一個步驟一樣
自己覺得合適即可






決定了選取範圍後
切換到之前畫圓型的圖層
按下delete鍵
進行挖洞的步驟






點選紅圈顯示的地方
將路徑圖層隱藏
就可以看見成品了







你說這樣就完了?
其實真要在這裡停工也行
不過筆者通常建議再加個高斯模糊的濾鏡
除了緩和泡泡外圍的鋸齒外
順便替泡泡製造點朦朧的效果
強度參數不用調太大
不然讓整個泡泡模糊掉就不好了


這樣就算大功告成
接著只要把黑色的背景圖層關掉
就可以進行存檔的動作了



方法二：

覺得上面的方法太囉唆
整個都看不懂嗎?
沒關係
你還有一條路可以走

---

---

上面是泡泡素材的完成品
只要把它抓下來
複製貼上到你需要使用泡泡特效的圖片上
就大功告成了
(聽說我現在的佈景底圖也是白色
泡泡會看不清楚
這點就只好請大家諒解了)


製圖什麼的
其實真的很簡單
看倌您說是吧?(打死拖走)

---

果然寫製圖教學文的速度
比遊戲介紹文快多了
兩三個小時就能完工
以後也別寫什麼神人專欄了
都來寫這東西吧(喂)

25

14

LINE 分享

相關創作

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

[明日方舟]三周年回顧特別節目(啥)

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

留言

• 2013-03-26 11:01月影@：
  有Photoshop教學GP+1
  板大遊戲教學也很幫呢(機甲戰線AND夢幻之星2)
  最近入手PSV，有同梯朋友揪PSO2(7伺服器)
  所以最近也會玩這遊戲
  想請問玩這遊戲有什麼要注意的地方嗎??

  2013-03-26 11:15絕零：帳號申請好
  第一次登入遊戲時
  可以填寫玩家邀請碼
  之後會有獎勵道具可拿
  (新手與老手都有份)
  
  不介意填我的ID嗎?(被巴)

• 2013-03-26 11:24月影@：
  玩家邀請碼只能填1個人嗎???
  還是可以填複數玩家ID

  2013-03-26 12:14絕零：應該是只能一個
  我沒用過也不是很清楚@w@

• 2013-03-26 17:13鯊魚男：
  你會去字嗎

  2013-03-27 14:06絕零：字如果蓋在要命的地方就無解了

• 2013-03-26 17:26(ﾟДﾟ)何…やて…：
  我圖像加工頂多加個外框，或弄成半透明化。

  2013-03-27 14:07絕零：這樣其實夠用了

• 2013-03-26 21:16M子P：
  好豪華的教學

  2013-03-27 14:07絕零：你確定這豪華嗎CC

• 2013-03-27 01:14絕倫逸群：
  <(_ _)>

  2013-03-27 14:08絕零：<(_ _)>

• 2013-03-27 01:25神無月 若葉：
  我推方法二...........

  2013-03-27 14:09絕零：小的知道大師不需要方法一<(_ _)>

• 2013-03-27 14:46ボカロの巫女Rana：
  嗯，不錯的教學，如果搭配圖層右邊的圖層樣式做一些特效的話還可以做些不同的變化。
  之前簡單接觸一些ui介面設計有稍微碰一點，不過這塊實在是沒深入研究...
  

  2013-03-27 14:59絕零：沒什麼在碰樣式那一塊說OAO

• 2013-03-27 15:12ボカロの巫女Rana：
  那個圖層樣式變化會有比較多的效果。
  像我們美編設計的時候，也常常會運用到那塊來做特效處理，可以玩玩看。
  像陰影跟斜角浮雕都能讓圖片有立體的效果出現。

  2013-03-27 15:29絕零：噗
  原來是指圖層樣式喔
  那是我一天到晚都在用的www
  (剛剛想到另一個東西去了)

  2013-03-27 15:30絕零：光這個小屋佈景就用一堆了ww

• 2013-03-27 15:32ボカロの巫女Rana：
  對啊，應該是滿常用的技巧吧，我還在想說你怎麼會不知道XD

  2013-03-27 15:46絕零：因為剛剛想到另一個機能去了(爆)

• 2013-03-29 16:53推坑小幫手：
  慢慢研究去

  2013-04-02 21:40絕零：老大一定行的<(_ _)>

• 2013-03-30 14:35魔法相消：
  PHOTOSHOP CS5在下也是用這一版的
  沒想到你的泡泡元件 做得還不錯嘛！

  2013-04-02 21:42絕零：這個很簡單的說=W=a

• 2013-06-22 19:31YEE是桐人：
  大叔是來回訪的wwww
  就算看不太懂我還是要給閣下一個推
  GP做為回禮...請收下!!!

  2013-06-26 08:52絕零：大師不用看也懂的<(_ _)>

• 2013-07-21 16:43儚夜：
  感謝高手賜教
  不過我已經沒在玩佈景了XD

  2013-07-24 13:51絕零：我也很少在玩了
  搞起來太費工

• 送出