小屋創作

日誌2011-04-30 08:27

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

作者:絕零

這篇主要是寫給筆者的小屋佈景工會成員看的
畢竟這篇是至少要有一點改圖經驗的人
才比較容易看的懂的東西
不過筆者還是盡量用淺顯一些的方式去寫
希望能讓觀看這篇文的人
都能看懂筆者在寫什麼
那麼就開始吧




首先放上這篇教學文的範例圖
如果是對這張圖的製作方式有興趣的人
就再往下拉吧≡ω≡
分隔線下面就是正式的製作教學了






筆者在這裡用的工具是小畫家及photoshop6.0
小畫家我想只要是用微軟作業系統的人都會有的吧
至於photoshop
筆者用的6.0基本上是古董貨了
如果因為版本不同的關係
所產生介面不相同的狀況
這方面的問題請不要來問我(縮)


Part 1:前置作業

這裡一開始要做的是進板圖外框的製作
不過在正式用photoshop進行外框製作前
要先用小畫家做描邊的工作
所以這個部分將是以小畫家進行操作




打開小畫家後
首先是用滑鼠按住白色畫布的右下角後進行拖曳
(如紅圈所示)
將畫布的尺寸調整至進板圖所需的692*250相素


目前的畫布尺寸
可由右下角紅圈處所顯示的尺寸來確認




接著點選畫面左上方紅圈處所顯示的油漆桶工具
並在畫布上按下滑鼠左鍵
把畫布變成黑色


畫面左下角顯示的是使用者目前所選取的顏色
只要在想要使用的顏色色塊上按下滑鼠左鍵
就能將選取顏色切換成你想用的顏色




接著在左下角的色盤中
把選取顏色換成白色
並在左方的工具列欄位中
選取直線工具這個項目




接著就是開始拉線了
在畫布上按下滑鼠左鍵
決定直線的始點位置
放開滑鼠左鍵時
就是決定直線的終點位置
以拖曳滑鼠的方式去描你想要的外框形狀
在拉的時候請隨時記得注意右下角顯示的相素位置
以便調整尺寸


另外
如果要向圖片上一樣拉斜線的話
建議以拉45度角為主
否則容易有鋸齒的狀況產生




拉好外框的形狀後
再選取工具列的油漆桶工具
在畫布上外框的部分點選滑鼠左鍵
將外框塗成白色





如果希望外框是以黑色表示的話
(通常這樣比較方便觀看)
就像上圖所示
以色彩對換的方式將外框顏色由白轉黑
最後按下Cntr+A選取整個畫布
再按下Cntr+C
將整個外框圖片作複製的動作
以便進行下一個部分的工作

這樣基本的前置作業就算結束了
至於要將外框拉成什麼樣的形狀
就視大家的需求而定
這裡就不多作贅述




上面的那個外框形狀只是方便解說而已
以這個教學文的範例圖來說
外框的形狀是要長這個樣子的XD


中間的拉線過程自然就省略了
沒有什麼技巧的
就是想辦法湊成自己想要的形狀而已




Part 2:外框製作

剛才已經用小畫家瞄出了外框的邊界
接著就要正式進行外框的製作
這裡就是要使用photoshop的時候了





首先是開啟新的檔案
要注意的是第二張圖的部分
請記得將模式切換成”RGB色彩”
不然進板圖的人生可是會變成黑白的喔(揍)




開啟新的檔案視窗後
第一件要做的事情
是按下Cntr+V
將剛才在第一部分的過程時
所複製的外框圖片貼到視窗內


接著就是要選取魔術棒工具
也就是圖片左方紅圈所框住的那個圖案




選取了魔術棒工具後
接著就在圖片的白色部分
也就是非外框的部分上按下滑鼠左鍵
就可以看到這一大塊白色的區塊已經被選取


之後再按下DEL鍵
就能將這個白色區塊去掉




如法炮製
將畫面上所有白色區塊通通去掉後
就可以只留下外框的部分了




外框去背完成後
再開啟一個新的檔案視窗
並在畫面左方的紅圈所示處按下滑鼠左鍵
進行前景色的修改




在前景色調整視窗中
中間的條狀部分是色彩的選擇
那個方形的調色盤則是明度的調整
配合這兩個區塊
就能選出你想用的顏色


決定了前景色後
就可以按下確定鍵
進行色彩變更的動作





前景色決定了以後
接著就是如圖上所示的操作
將整個畫布以前景色填滿


這部分也就是這個進板圖的”底圖”部分了




接著回到外框的視窗
點選左方工具列的移動工具
直接將整個外框圖片
以滑鼠拖曳至底圖視窗
就可以把外框和底圖放在同一個工作視窗內了




現在兩個元件都就定位
可以開始放入特效了
先在畫面右下方紅圈處點擊滑鼠右鍵
(注意:這裡要點選的是外框的那個圖層)
並選擇”混合選項”這個項目





開啟了圖層樣式的視窗後
就可以視自己的需求
幫外框加上各式各樣的特效


以這個範例圖來說
需要使用到的是”斜角與浮雕”和”漸層覆蓋”這兩個效果
參數設定就如上面兩張圖所示





不想讓外框用前面圖片上顯示的色彩
想換成另一個顏色嗎?
那就再叫出圖層樣式的視窗
選擇”色彩覆蓋”的項目
就可以讓外框變色囉


點選第一張圖中
紅圈所框住的色塊
就可以對想覆蓋的色彩顏色進行更改






外框部分這樣就算是改完了
底圖當然也可以比照辦理
加些特效上去


這個教學文的範例圖來說
需要設定的圖層樣式參數
就如這三張圖片所示




兩個部分都弄完了以後
接下來就要把BAHAMUT文字打上去了
首先是點選左方工具列的”文字工具”




接著選取想要的文字類型及尺寸




在你想要輸入文字的地方按下滑鼠左鍵
就可以開始打字
輸入完畢後
按下上方的打鈎按鍵
就算完成文字圖層了





輸入完文字後
就能開始套用特效了
首先是選取濾鏡選項中的”浮雕”
按下去後出現的文字點陣化視窗
直接按確定就好:D




接著就是濾鏡參數的設定
在參數變更的同時
視窗也會顯示預覽的狀態
可以視自己的需求
一邊觀看預覽狀態
一邊進行參數修改




濾鏡加上去後
再以前面所說的方式
叫出圖層樣式的視窗
以上圖顯示的參數進行設定就OK了




這樣整個外框的部分就算大功告成
接著就是最後一個部分
把要用的圖片放上去了



Part 3:圖片放置

這就是最後的部分了
找張自己喜歡的圖片
放進外框裡吧





選好了要用的圖片以後
就用小畫家開啟該圖片
進行尺寸的調整


利用小畫家的”延展與扭曲”功能
把圖片縮小至適合的大小




再來利用左方工具列的選取工具
在滑鼠上拖曳出想要用的範圍
接著按下Cntr+C
將選取的部分複製即可


這裡不需要斤斤計較選取的尺寸
只要能夠填滿外框空白的部分即可
後面的部分即會針對這裡說明




接著回到photoshop
在工作視窗裡按下Cntr+V
將剛剛複製的圖片貼上
並利用前面所提過的”移動工具”
將圖片搬至合適的位置


有一點要注意的地方
就是右下角紅圈所示部分
這個圖片的圖層位置
必需介於外框和底圖的圖層”之間”
如果不是這個順序的話
就要用滑鼠拖曳的方式
對圖層的順序進行更動




確定圖片已經就定位的話
以滑鼠點擊”外框”的圖層後
(圖片右下角紅圈所示處)
再以魔術棒工具
點選外框中空的部分




再來就是如上圖的操作方式
將選取的範圍進行反轉切換




以滑鼠左鍵按下畫面右下角的紅圈處
把工作圖層換到圖片圖層上
按下DEL鍵
就可以看到
圖片超出外框的部分全部都被去除了




接著照圖上的方式
點下”取消選取”
把那些礙眼的虛線去掉(?)




最後
再度開啟圖層樣式
幫圖片的外緣做”斜角與浮雕”的特效
讓整張圖看起來更有立體感





這樣整張進板圖就算是殺青了
只要進行存檔就萬事具備了
巴哈的進板圖可以存的格式有jpg、png、gif三種
不過由於巴哈進板圖有100KB的尺寸限制
建議是存成jpg格式


以jpg格式進行儲存時
請注意一下大小的部分
不要超過100KB即可






之前筆者就很猶豫要不要寫這篇教學文了
因為早就有預感
一定會寫的很長……
會有多少人有耐性看完
就是個大問題了


以上就是全部的教學內容
感謝諸位耐心觀賞<(_ _)>

45

35

LINE 分享

相關創作

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

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

留言

開啟 APP

face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】