本课程介绍文字冒险游戏素材的制作基础，涵盖Photoshop的使用、界面设计及素材实作。课程内容包括主视觉、配色和风格选择，以及如何寻找合适的素材和了解版权授权。参与者将掌握制作界面和按钮信息的技巧，实现创意与实用性的结合。

1. 遊戲素材製作
文字冒險遊戲素材製作
By阿空
EmptyStudio all right received pd@2015

2. 本課程適用
素材製作：文字冒險遊戲
------------------------------------------------------------------------------------
本課程為基礎教學
難度：★ ☆ ☆ ☆ ☆
適用Ｌv１新手
------------------------------------------------------------------------------------
內容：
PhotoShop基礎使用，版面配置解說，授權解說，以及素材實作。

3. 一款文字冒險遊戲，需要的素材？

4. 素材列表？

7. 系統功能頁面的背景

8. 素材列表:系統Image(UI介面)
框架
功能背景圖
按鈕圖(拉軸)
(小ICON)
(數字)

9. 素材列表:背景&人物
背景圖
人物立繪
(人物圖[臉或半身])
(CG)

10. 素材列表
以上為大概會需要製作的東西

11. 主視覺
故事與繪圖風格，配色的搭配。
主題：星空，古書，童話，科技…
風格：手繪風格，８bit，虛幻…
色系：挑選數個色彩搭配
(暖暗色，對比色)
依照主視覺設定，來設計素材！

15. 主視覺宣傳圖
遊戲的宣傳圖，整體得主視覺展現。
此圖的製作包含了這款作品的內容與美術風格走向。
玩家的第一印象，決定是否有意願遊玩的代表圖。

16. 主視覺分析
配色：紅綠粉色系色調
風格：筆刷彩繪風格
關鍵物件：紅色絲帶

17. PhotoShop

18. PhotoShop
實測，先開你的遊戲解析度大小的圖。

19. PhotoShop基礎功能小介紹

20. 主視覺構想
配色：天藍色系
風格：簡約框架
關鍵物件：小翅膀

21. 框架
開始設計框架，測試與得知實體大小比例

22. 框架
使用裁切，切下框架大小

23. 框架
看個配色色塊的呈現效果

24. 框架
開一個新的圖層，開始製作素材
沒在新圖層上面製作會”杯具”哦～

26. 框架
使用矩形工具製作框架

27. 框架
使用選取工具，保護圖層

28. 框架
“創新圖層”，上色塊。
怕太單調也可以使用漸層

29. 框架
忘記分開圖層，悲劇

30. 框架
魔法棒的魔法，調整容許度，抓取邊框

31. 框架
剪下，貼上，就可以分開了。
這只是小小的挽救方法，還是會有誤差
色彩複雜就只好砍掉重練了。

32. 框架
為邊框換個顏色。

33. 框架
影像，調整，可以調整色彩數值
主視覺大改時
可以用此功能
更改色系。

34. 框架
更改色系的調整結果。

35. 框架
加上小配件與去除框架，素材完成！！
記得存成PNG，才能保有透明度。

36. 視覺設定，框架小試做

37. 框架
更換素材並放入遊戲中，看起來如何呢？

38. 感覺素材質感還是略差
該怎麼辦呢？

39. 框架增加質感
善用通透度，質感LevelUp！！

40. 框架
是不是看起來更有質感了呢？

41. 通透度應用示範

42. 按鈕
使用裁切，切下按鈕大小

43. 按鈕

44. 按鈕
使用裁切，切下按鈕大小

45. 按鈕
縮放，繪製小裝飾。

46. 按鈕
選擇我要的功能

47. 按鈕
繪製完成。

48. 按鈕小試做與tips

49. 按鈕
複製文字圖層，修改字體，量產！

50. 按鈕
擺在一起，是不是感覺非常專業呢！
完成了normal，接下來就是chosen按鈕了。

51. 按鈕
加點特效，更改字體顏色。
一般常用發光或明亮(光暈)。

52. 按鈕
弄好特效後，拷貝
並在其他文字上與貼上圖層樣式。

53. 按鈕
透過這樣，就能快速量化產生素材囉！
也可以去完成putDown的圖示。

54. 量化生產按鈕！

55. 按鈕導入
！！嫌太慢的話可以直接打名稱哦。！！

56. 按鈕導入
更換圖片並排好，是不是有種專業的感覺！

57. 完成囉！！

58. 是不是跟一開始的設計有差距呢？
開始導入排版囉！

59. 存讀檔介面
按照上方的介面處理，設計框架，規劃文字
資料顯示區塊，然後繪製框架，著色，增加
小裝飾，即可完成一個簡單介面。

60. 存讀檔，設定介面注意
這些介面都支援通透度！

61. 開始介面
遊戲的整體門面，把遊戲的整體主視覺展現出來。
讓玩家第一眼就能知道遊戲內容與風格走向。

62. 素材尋找與ＣＣ授權
我該從哪裡找素材呢？
使用規範是什麼？

63. 素材尋找與ＣＣ授權
這是什麼？

64. 認識ＣＣ授權
依據現行的著作權法，著作的使用權利，全
然保留於著作權人手中；即所謂的「所有
權利保留」（All Rights Reserved）
任何「合理使用」之外的利用，使用者都要
事先取得著作權人的授權，才可進行。

65. 創用ＣＣ０
任何人皆可以任何方式、為任何目的使用
（包含商業目的）使用該著作，故CC0就
是一種「不保留權利」的選擇。
http://creativecommons.tw/cc0

66. 關於創用ＣＣ授權
http://creativecommons.tw

67. 認識ＣＣ授權

68. 素材蒐集
還有什麼方法可以蒐集素材圖片呢？

69. Ｇoogle圖片搜尋大法
真的？可以使用嗎？

70. Ｇoogle圖片搜尋大法
不！不全然能夠自由使用。
使用權限的查詢。

71. Ｇoogle圖片搜尋大法
點選進階搜尋，使用權。
可搜尋創用ＣＣ或其他授權圖片或是標示為
公共所有的內容。

72. Flickr搜尋
也是創用ＣＣ，可以去找授權相片素材。

73. 日本網站授權素材
日本常有繪師或音樂家製作素材，然後放到
網路上供遊戲製作或動畫所使用。

75. 日本網站授權素材
通常標示為フリー（Free ），符合授權條約
（通常為標示作者或者告知）免費配布使
用通常可以，但商用還要看授權。

76. 素材蒐集與素材製作！
經過一番打造，就會變成精美的作品囉！

77. Ｑ＆Ａ
記得上網填寫回饋表哦＞.O