創作內容

159 GP

[達人專欄] 設計製圖背景教學.兩款

作者:Aya│2014-07-04 01:51:28│巴幣:318│人氣:9049
使用軟體版本:Adobe Photoshop CS2

(續此篇文章
將想要製作的人物去完背後,再來就是如何製作背景了
我常用的設計方式大致上分兩種,剪貼風以及綜合風(較為簡單純粹)

一、剪貼風 大致上的作品有這些



簡單作法:先找一些筆記本素材、紙感素材或是你喜歡的素色底作為襯底


再來可以找一些去背的素材,個人偏愛的物件有:文字、花朵、鑰匙、相框、剪紙等元素。
每個人喜歡的風格不同,看你喜歡什麼就用什麼,也可以參考網路上其他人的作品。
例如看到有人用鑽石或標籤你很喜歡,下次就可以多收集那類型的圖。


準備好底圖跟要加上去的物件後,就可以開啟這些圖檔進行製作
(要記得開啟Layer圖層以及History歷史步驟功能)
我會先視製作的風格,將原本的素材底背景加上一層喜歡的顏色,如範例是牛皮紙色
可以使用拉漸層的方式直接將新圖層的顏色填滿,也可以找其他素材疊上
圖層功能選項上有一個下拉選單,可以選擇各種的圖層樣式,可以自己玩玩看各種效果
此範例選用的是Color burn(中文版不確定,類似顏色疊加或加深顏色的翻譯吧)
若覺得顏色太明顯可使用柔邊橡皮擦工具,擦掉部分顏色,或是在圖層功能更改透明度


再來就是將你選用的素材拖曳到底圖上,並排列成你喜歡的樣子
可在圖層功能中調整各物件的前後順序


由於新拉進來的圖片們顏色跟整體不合,感覺突兀
因此再新增一個圖層,拉上新的色塊覆蓋住全部的圖層,讓所有的素材有整體感。
個人喜歡復古風,所以使用了咖啡色的相反色相--深藍色,並將圖層樣式改為Exclusion

整張畫面目前只有一個色調稍嫌單調
這時可以使用漸層工具,拉一個特別又能襯托的顏色,讓整體色調更豐富


我選的顏色是藕粉紅色,稍微拉在畫面中紅圈的範圍,不用整個都拉滿,整體才會有變化
圖層樣式設定為Lighten(無論哪一個步驟均可隨個人喜好自由選擇喜歡的樣式)


當畫面處理得差不多時,就可以拉入自己去背的主角圖檔


這支索娜也是從其他圖截下來的,自然光源會跟我們做好的底圖不合,因此要進行色調調整
個人常用的功能有曲線Curves(快捷鍵Ctrl + M


以及彩度(快捷鍵Ctrl + U
這裡有三個數值,位於最上的Hue是整體色相調整,很少用在人物的部分
中間Saturation為我們這次要改的彩度,即是人物鮮豔程度。個人偏愛彩度稍低的色調,看起來比較有質感
下方Lightness個人也很少用,因為用此調整人物的效果不好(自己用用看就懂了)
通常要改明亮度我會使用上一個的Curves曲線功能。


最後如果要修改整體光源,可到圖層功能的右下角,點選這個像太極的圖示
選擇Curves就可以調整整張的明暗度了

【完成】

小提示:以上的步驟沒有硬性規定哪裡一定要做哪步,而是提供個人製作的一些方式跟思維
每一張圖的色調跟風格都不同,應該各別考慮該用什麼素材跟手法製作
由自己的想法去創作,才算是設計吧

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

二、綜合的部分範例



首先也是先找一張你喜歡的素材作為底圖,可以使用漸層、單色,或是找現成的BG素材

個人常用的關鍵字為:水彩、潑墨、牆壁、材質、色彩
也是一樣視你想做什麼風格找怎麼樣的底
例如範例左可以做東方水墨風,中間適合一些街頭或剛硬風格,右則是溫柔優美


選擇底圖後,我會再找一些色彩豐富的素材圖像重複疊加上去
使用不同的圖層樣式達到豐富整體的效果

常用的素材有:宇宙、星空、雲霧、樹影等,有些則只是單純的色調圖,如幾下這幾種:



我挑了其中兩張素材疊加之後的背景大概長這樣
有些簡單的色調其實也可以自己拉漸層色塊,如前面剪貼風的步驟。

除了使用圖片之,也可以使用「筆刷素材」來妝點整體

上網搜尋就會出現許多結果
有些網站會直接讓你下載.abr檔,只要打開PS載入該檔案就可以直接使用
但會有版本的問題,若對方製作abr檔時用的是比你高版本的PS主程式,就可能無法開啟
這時更方便的其實是如上圖看到的黑白圖片


將該圖另存之後再用PS開啟,選取你要做為筆刷的部分,點選上方編輯定義筆刷即可使用


上圖介紹一些筆刷工具的基本應用及功能
提醒:請記得額外再開新的圖層,並將筆刷刷在上面,這樣才可以移動及調整圖樣


這是刷上筆刷後的樣子,由於我不希望圖樣太顯眼,因此調整透明度至30%

可額外加上一些溶入黑背景的圖片素材,例如我找了一些花朵:


將花朵排列在適當的位置並設適當的圖層樣式及透明度


最後貼上去背後的人物主體,再修改整體色調

【完成】

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

以上兩款精心的教學分享,希望大家喜歡並且能學到一些實用的技巧
如果有任何問題或不清楚的步驟歡迎提出,我會盡力解答
也希望大家能夠多多支持我的作品以及教學喔

引用網址:https://home.gamer.com.tw/TrackBack.php?sn=2498762
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:設計|製圖|教學

留言共 10 篇留言

鹿羽
好專業OwO
不過我連主圖都還畫不好~

07-04 10:13

Aya
可以拿喜歡的動畫人物截圖或是遊戲的官方美術突來製作 [e12]07-04 13:55
EICH
興奮到起雞皮疙瘩
總算可以學這種的了[e13]

07-04 11:04

Aya
下次預計會發文字的設計教學哦[e16]07-04 13:55
巴哈姆特小管家
親愛的勇者:

感謝您對勇者小屋的支持,
我們會將此篇設定在首頁的精選閣樓中增加曝光。

--
巴哈小屋管家 敬上

07-04 18:02

心茶君
教得好仔細~~
收藏學習了!!

07-07 13:21

Aya
謝謝收藏喔!~~07-07 16:29
皮卡丘
收藏 ~
教學得很仔細

07-08 13:02

Aya
感謝你的收藏~07-08 16:08
Nerissa
哇!謝謝你 感覺學到很多 大概知道自己問題在哪
然後也知道要用甚麼字去找素材了!

07-23 22:25

Aya
[e12]07-24 15:39
鼎鼎_(:3 ⌒゙)_
非常實用 謝謝你的教學(土下座[e5]

07-30 13:16

Aya
不客氣>///< 有空會再多多做教學的~07-30 18:12
牛奶糖
大大,你這文章的素材圖可借用嗎?

07-31 21:38

Aya
素材的原版權不是我的耶,請問你要用在什麼地方呢?07-31 21:48
牛奶糖
我是想要用在做圖上的

07-31 21:51

Aya
那沒問題喔![e12]07-31 22:02
芙蕾
請問一下,我用的是Photshop CS6。我做手機遊戲的圖示時,把圖片製作完成了,但最後要把白色四角部分去背時,發現魔術棒會把陰影也點進去,陰影也去背後會變得很難看。有沒有辦法把自己一格一格點想要的地方進行去背,不然每次都會選到陰影的部份,謝謝!

03-25 17:41

我要留言提醒:您尚未登入,請先登入再留言

159喜歡★t0921022929 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:[達人專欄] 套索工具去... 後一篇:戰國basara-Jud...

追蹤私訊切換新版閱覽

作品資料夾

kktwtwyufoo大家
歡迎大家來到魔法世界的記事的小屋,有任何問題歡迎留言,小說也非常歡迎觀賞的,謝謝配合。看更多我要大聲說昨天23:14


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

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