Steps for making slot game

製作流程

網站設計的樣板模組

A few important web site:

http://html5up. net/

HTML5 UP! Records, a total of 28 different types of web design, HTML5+CSS3 and responsive design functionality, the website used by authorized manner for Creative Commons name mark 3.0, that is to say, you can freely share, modify these template only need to retain the web pages where the names marked (with Attribution) on it. If you like this designer's work, that in Pixelarity website to find more template download Europe(from Pseric Reproduced)

Students may find a few you like as the template for use in your own web page or designing other people's web page, first set, pretty sure you can run map and run information data, to design your own style of map, and put the old one to replace.

The most common a couple of a platform

Desktop

I pad

Phone

So in the layout when it leaves, large and small, different, special.

http://psd.tutsplus.com.


https://www.youtube.com/watch?v=gDR1NR_NCxc

華梵大學-電腦繪圖(2) Digital Illustration 下午1:00~4:00

波隆那儿童插画选

http://opus.arting365.com/picture_coputer/2008-08-25/1219660377d195414.html


課程簡介:

本課程將訓練學生掌握Photoshop基本繪圖技巧。每個星期有不同主題的訓練

包括食物水果靜物，人物角色設計，環境設計，藉由不同材質的畫法，慢慢學會去經營一張好的concept painting.

期中過後，會有主題，連續六周畫同一張圖，收集資料，畫概念草圖，然後上色，上材質，到最後完成一張精緻的圖，還需印刷在畫布上。

Warm Up (暖筆)> Thumnails(草圖)>  AO (精緻圖) > Final details painting(帶有材質和細節的完成稿)

主題包括：

北極冰山，熱帶雨林，
中國場景，
海底場景，沙漠(西部牛仔)，
現代都市，原始部落，
工場機械，

實驗室(研究室)，
恐怖場景，
外星人星球(航空場景)，

FAIRY場景(精靈，神化類),
火山地形

藉由這些不同場景主題的練習來訓練學生對燈光，色調，構圖，材質的觀察能力，繪畫能力。

桌布的設定:

 解析度: 72 dpi
長寬 的設定:

• 電腦桌面(desktop): 2560x1440
• 平板(tablet): 2524x2524
• 手機 (phone):1242x2208

21"screenshot  1920x1080
印刷用為200 或300dpi 

存成PNG檔

每個學生上課要做筆記，但不是寫在本子，是用 Google帳號，在你的 email裡面，
你自己的 profile Icon旁邊，有個 9個小方塊的 Icon，點選這個 Icon>Blog>

設立自己的部落格

命名方式:

• 課名縮寫+你的生日名字. blogspot.tw

• DiWafan=Digital WanFan=數位華梵

• 0313CLC= 生日+中文翻成英文名字的第一個字母= 0313ChiangChiungLung

                 例如: 王曉明生日五月6日=0506wsm

                    課名+你的生日名字. blogspot.tw

                    DiWafan0313clc.blogspot.tw

每堂課利用下課時間和空閒時間，

• 把你上課學到的重點，思考後，整理後，用最短的句子寫下來。
• 記錄過程
• 畫好的草圖
• 收集的重要資料，自己拍的照片
• 完成的作品 放入你的部落格。 
•  有用網站的連結 :例如 ui3d.blogspot.nl     digiullustration.blogspot.nl 

注意事項:

• 用你自己了解的方式去寫，因為是給你自己看的。

• 寫下自己會的，還不會部分不要寫。

• 自己研究，會的可以寫，不會的部分，不要寫 

• 不是收集一堆別人會的東西，你自己卻不會

          可以到網站到處學，到處看，但是你自己的網站，是寫下這門課你學到甚麼，
          你自己的心得。有關Photoshop，UI(使用者介面)都可以寫，不要寫不相關的主題。

目的:

記錄過程，忘了步驟，不知道如何下筆畫可以到你自己的網站去找回過去的記憶。


學期成績計算方式: 1 2 3 4=10%+20%+30%+40%

• 10%=出席率10%=一學期點名3次少一次扣3分(病假不算)
• 20%=期中考20%
• 30%=Blog這個分數佔30%
• 40%=期末作業: 

week1.: 4 Steps of painting畫圖的4個步驟

四大步驟 


步驟1:畫外框: 先有參考圖片Reference images
                               再畫線條外框 Outline

步驟2 上基本色: Base Colors(上基本底色)

步驟3 上明暗層次:  Shading，Blending, Ambient Occlusion簡稱 AO (上層次陰影，
                                也就是說， 把外框內的空白區域，塗上該有的黑白層次，
                                 材質 Textures，或是重複性圖樣pattern )
            

步驟4上高光: Highlight, Reflection，Details( 上高光，反光點，細節紋路)
                        高光是指整張圖最亮的地方。通常是太陽或燈直接照射的區域。

   

重要的觀念和名詞:

答案:

1.1 Value(層次)是指顏色由深到淺的變化

1.2 Value Contrast是指 最亮到最暗的差異值

1.3  也就是說把顏色加入 白，和黑 ，造成顏色的對比變強。

1.4 Form 是指:物體的外在形狀

      

      View Distance: 看作品，或欣賞作品時會盡量保持一個距離，有時會瞇一下眼睛，

                                讓眼睛失去焦點，看作品時。會只剩下重要的 層次

                                 

       

第二周:9/25 如何混色(shading)

Shading= Blending=Rendering(調和兩個顏色)

練習1:這裡左上角和右下角，有兩個顏色，請畫出中間漸層的色調
         ( Blending practice  )



 

https://www.youtube.com/watch?v=HbG6jSml52c&list=PLj0tH_wGHGKixDNHFSdy2Kv4MPC3uUbAh

 

week3  數位粉彩練習

  如何製作粉彩筆刷  

1. 把畫圓圈的漸層點，選起來

 

2. 編輯>定義畫筆預設

3.多運用下列真實粉彩的顏色。

配色網站:

http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

https://color.adobe.com/zh/create/color-wheel/

這張照片很多部分可以做成不錯用的筆刷

請一邊畫老師給你的圖，一邊測試筆刷，簡單做紀錄，那些筆比較實用，那些筆適合畫線條稿? 哪些適合畫層次? 哪些適合畫細節? 哪些適合打底色?

自己歸納出屬於自己的筆刷， 同學可以互相交換，或是把每個人最好用的列出來，集成一組筆刷?每個人做出10種筆刷，並選3~5種交上來，要寫出好用的地方在哪裡。


 
如何載入筆刷和儲存筆刷

如何畫山和石頭

混色(shading)

Shading= Blending=Rendering(調和)

How to paint 石頭，山景?

步驟1:

* 用黏土在紙上，隨意抹，塗出層次， 拍下來，導入 photoshop (如圖)，選灰色，設定成筆刷

步驟2:
把黏土做成石頭的模樣。

步驟3:
運用這兩張照片的資料就可以開始畫了。利用這兩張圖重疊找出石頭的

邊和邊的面向，

凹的部分。

凸出的部分。

裂縫。高光。

中間掉的層次。

步驟4:

用畫完成的兩個石頭材質，剪下來重新均勻布滿在1024x1024的正方形裏。
因為遊戲裡的貼圖
一定要是8的倍數，例如: 16x16，  64x64, 512x512, 1024x1024........

排好後的材質貼圖還要再修圖

到濾鏡下>其他>畫面錯位

把邊線用蓋章工具或筆刷塗好

盡量不要看到直直得邊線出現

完成的貼圖會像這樣，層次明顯，可重複排列使用

 

 Reference images (參考圖片)
            Outline (畫線條外框)
            去外面拍石頭，或是有山的景色

           用黏土在紙上，隨意抹，塗出層次

步驟2  Base Colors(上基本底色)




步驟3 Shading，Blending, Ambient Occlusionr簡稱 AO (上層次陰影)
            Textures, Pattern 

步驟4 Highlight, Reflection，Details( 上高光，反光點，細節紋路)


畫石頭最重要的是把面與面 之間的切線畫得自然，凹的地方加深，凸的地方變亮。 這樣對比會較明顯看起來較有立體感。

• Stage1:用上面的三塊石頭或下列的石頭制作石頭筆刷

 

• Stage2:用上面的三塊石頭大小排列，布滿整個畫面。 並按照其完整性，

勾勒出每塊石頭的邊框

• Stage3:用上面的三塊石頭大小排列，布滿整個畫面。 並按照其完整性，勾勒出每塊石頭的邊框
   
• Stage4: 依照畫圖的4個步驟，加重陰影和高光，裂痕
  
  
  
  
  
  
  
  
  
  
  

  石牆
  
  
  上圖如果把它放在512x512 或是 1024x1024 的面積上，就是遊戲裡面建築物的材質畫法，通常是用在整面牆，而且上下左右，都可以對到位置。
  
  
  
  
  
  
  
  
  
  
  
  
• 到Google找出甚麼是 Normal Map? 用在甚麼地方?

====================================================================



多欣賞畫家的作品。這些是 Bill Cone的作品，他在 Pixar Studio 當藝術總監，他專畫粉彩，很多皮克斯的電影，用色和打燈光，都是用他的粉彩先畫過，再讓3D lighting artist，用他的為範本，再到3D場景裡，打燈光。


1. 甚麼是 3 points light?
2. 找出 Key Light， Rim light,  Back light的位置在哪? 
   如何打出3 Points Light?

 

Bill Cone artwork

 

Bill Cone artwork

 

Bill Cone artwork

 

Bill Cone artwork

Eddy Chiang

 

Eddy Chiang

第四周:10/09 如何畫花卉，植物

筆觸練習:

用下列的參考圖，畫出各種不同的筆觸:

把自己練習好的筆觸在Photoshop上，定義成筆刷 Brush

 筆觸的精細度，可以決定你的作品好與不好，要畫得好一定要花時間，有耐心的去處理細節和層次。

你的畫要傳達的是甚麼很重要，畫圖是把你心中想表達的透過你的工具，傳達出來。

 

步驟1 參考圖片
          畫線條外框

步驟2 上基本底色

步驟3 上層次陰影

步驟4 上高光，反光點，細節紋路，斑點

====================================================================
單色金屬練習:

單色暖灰畫金屬感，凹凸 ，弧度..........

 畫金屬的幾個重點:

1.光的來源，反光 ，影子，不同的材質，反光點也會不一樣。

把不鏽鋼，銅，鋁，鐵，金，銀，的Highlight 找出來

烤漆的反光如何?

2.用過，或是放太久，只要金屬，都會生鏽，掉漆，剝落，

刮痕或是邊角因為撞到，原本的直角會鈍掉，反光點會加大，，適當的加入這些細節，會增加寫實感。

 這把槍是Rough Concept, 還缺很多細節，請選擇一種色系，並加入細節和特效，把這把雷射槍畫的真實，好像屬於你自己用過的武器。

步驟1 參考圖片
          畫線條外框

步驟2 上基本底色

步驟3 上層次陰影 (AO)

步驟4 上高光，反光點，刮痕，細節紋路，斑點

期中考:

自畫像:

 一定要畫自己，拿自己的照片畫，或是面對鏡子畫

Stage1:  Outline

•  參考圖 找資料

到pinterest /其他的網站去收集你認為不錯的有關自畫像的畫圖

在 Pinterest裡面打 eddy3d@gmail.com 或是 eddychiang@gmail.com

加入老師的 Pinterest.

找出老師收集的 Characters ，放入自己的pinterest 設立一個 人物版( Character board)

到facebook找出一張自己的照片，開始畫自己

• 線條外框 Lines

到 Pinterest 找出你喜歡的紙質 放在Layer1

自己的照片放在 Layer2

• 到 Photoshop ，用工具選頭髮區域

• Edit>Stroke 線粗可1~5pixels.

• 也可以拿筆刷，用華康繪圖筆，和 繪圖板

    要注意，線條有粗細。

    請參考迪士尼的線條。

•  線條也可到Illustrator畫好再 import 到Photoshop 

 Stage2: Based Colors

 上基本色 Base colors

• 開始在每一個區塊填色 (Alt+Delete)

  Stage3: Shading,AO, Blending，textures, pattern

上明暗材質:

•      用筆刷來加暗和刷亮

• 用加深和減淡來刷層次

• .用手指工具來把亮暗兩色的中間顏色塗勻

  Stage4: Details, Hightlight， (Bounce Light, Rim light, Keylight=3 Point Lights)

• 到  youtube 或 google  找出甚麼是 3 points lights
• 到這個階段所有有關 Hightlight，3 points lights的細節要畫出來
•  臉上的皮膚要畫出真實感，有疤痕，細毛，刀疤，睫毛，青春痘等細節

    

week5 鯨魚的畫法

步驟1 參考圖片
          畫線條外框

步驟2 上基本底色

步驟3 上層次陰影

步驟4 上高光，反光點，細節紋路，斑點

week6 珍珠的畫法

步驟1 參考圖片
          畫線條外框

步驟2 上基本底色

步驟3 上層次陰影

步驟4 上高光，反光點，細節紋路，斑點

 

week7 毛的畫法 


步驟1 Outline

參考圖片 :到網路或是自己拍照，找出有毛的動物，有毛的衣服

畫線條外框


步驟2 Base Colors

上基本底色


步驟3 Shading

上層次陰影


步驟4 Hightlight,Pattern,3point light，

上高光，反光點，細節紋路，斑點

Eddy Chiang

week8 數位粉彩練習

題目:  人的臉部表情

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

week9 如何用photoshop畫出水彩感覺

步驟1

把要合成的照片，全部放在同一版面

把要合成兩張照片接縫填滿成一張

步驟2

用水彩筆刷畫每一區域的顏色，並且疊上層次。

步驟3

加入細節

步驟4

準備好水彩紙

用水彩紙的紋路，壓在畫中，並且調整顏色和對比。
 

week10 期中考 

  期中考  



考卷

week11 場景設計_____草圖: Thumnails focus on look and feel
week12 場景設計_____草圖: 視覺上給人第一眼的感覺很重要

如何決定題目，可根據自己擅長畫哪一類的技法，來決定你要哪個主題。

1.要充分找出和主題相關的電影，書， 網站，從市面上的產品去找，
                                再不同的網頁圖庫去收集。
                                自己去拍(photo， video)

2.畫出拇指大小的黑白草圖 Thumnails(3~5張)，多畫，多嘗試，每張要能看出

  感覺( Look and Feel)。畫面不會讓人產生感覺和共鳴的，可以先不用。

  三個題目  選一個 主題來發揮

*  機械人 明日世界:  畫面要自己會說故事，參考資料找好後，放在 Pinterest，和老師客戶討論時，就有視覺例子可參考和說明，就不會誤解，或是不清楚的點。


* 樹屋: 

*  迷 

* 大風吹:此類的題目，會加入特效，比如: 風雨，下雪，瀑布，毛毛雨，大風吹，
               秋葉飄落，大水，火燒，光線

*特例: 

•  畫自己想畫的主題:要和老師討論過後:

 過去有一位女學生，非常喜歡畫花，自己的畫本裡都是各式各樣的花，但只有黑白鉛筆畫的沒有上色。課堂上教的題目和作業，她一點興趣也沒有，作業成績很普通，我就覺得很可惜。如果我要是她的班導，我會讓她畫她喜歡的主題，用花來設計動畫用花來設計APP，用花來畫故事書和插圖。

• 大四畢業生，找出和這門課相關的產品或文創項目，運用在你的畢業製作裡。

             也就是說，你這門課的作品等於你的畢業製作的一部分。
              如果有這樣的需求。請在開學前幾周要主動向老師提出來。告知老師。




要特別注意光線的來源 

如果是在 Indoors (室內)

   要注意: 3 Points Light:  Key Light, Rim Light, Bounce light

如果是在戶外:

 要注意  Ambient Occlusion (AO)
             

week13 場景設計_____黑白稿
week14 場景設計_____色稿

要特別注意光線的來源 

 如果是在 Indoors (室內)

  要注意: 3 Points Light:  Key Light, Rim Light, Bounce light

如果是在戶外:

要注意  Ambient Occlusion (AO)

            

 要特別注意光線的來源 

 如果是在 Indoors (室內)

  要注意: 3 Points Light:  Key Light, Rim Light, Bounce light

如果是在戶外:

要注意  Ambient Occlusion (AO)

week15 場景設計_____精緻圖: 要印刷在畫布上canvas
week16 場景設計_____精緻圖 要印刷在畫布上canvas
             

要印刷在畫布上canvas


            

期末前兩周會根據同學的學習狀況來選

  角色設計_____幸運動物，人物(草圖 thumnails)

week17
作品整理

week18 

作品整理

   PlanB  

week17角色設計_____幸運動物，人物(草圖 thumnails) 


主題: 設計一個適合住在上個作品場景的角色或人物



檔名:務必註明:

課程簡稱_學號_姓名，

DILL_0978151262_DavidChiang

             

week18 角色設計_____幸運動物，人物(精緻圖 細節)

眾小說的１０大故事類型

本文轉自「小說界的李洛克」rocknovels.com


在《先讓英雄救貓咪》中，作者將所有電影歸入十大類型，本文便是洛克根據十大電影類型去重寫，盡量貼合小說寫作的運用，如果你真的沒有靈感，或是有靈感但卻不知道那種類型最能發揮它的價值，這時你就可以看看這十大類型，刺激一下自己的想法：

1.        怪物牢籠

所有恐怖驚悚小說的原型，史蒂芬．金是這類故事的絕世高手，管他是恐龍、異形、外星人、鬼、活死人、猛獸、殺人狂、神經病，只要是角色與怪物在一個無法逃脫的特定範圍內搏鬥，都是這類型的故事。
可能在房間、叢林、建築、小鎮、地球，總之角色是絕對無法逃離怪物魔爪，他們只能逃跑、恐懼、躲藏、反擊，它完全就是簡單而精彩的故事範本。

2.        尋寶歷程

寶物不一定是實體的，可能是一個任務、一個目標，像是追女生、離家出走、盜墓、毀滅魔戒、追求天下第一、拯救世界，但是所有主角都必須踏上旅程，追求他們想要的東西，而他們也將在過程中，漸漸發現他們真正需要的是什麼？得到真正的意義。
幾乎所有的奇幻、武俠、愛情、冒險故事都這在這範疇。事實上，幾乎所有故事都一定有這環節，從想要到需要，只是比例多寡而已。

3.        喜從天降

這類屬於劇情小說，奇想、科幻、寫實都可能概括。
某天角色突然發生了好事，之後會發生○○○。
這類故事都是喜從天降，可能是突然得到超能力、練成絕世武功、交到女友、得到一筆錢、得到寶物神劍等等，這類故事的轉折就在於：好事發生也常常伴隨著災禍，角色總會在得意忘形中得到教訓，進而成長。

4.        飛來橫禍

這類是心想事成的相反，某天角色突然遭逢巨變，之後會發生○○○。
這類的故事直接由挫折出發，讓平凡的人生突然翻天覆地，可以是慧星撞地球、回到清朝、門派被滅、家裡破產、女朋友提分手。看著主角一步步克服命運的挑戰、人生的挫折，當他們解決麻煩，讀者也將歡欣鼓舞。
它也是廣闊的劇情類小說，可以奇幻、冒險、科幻，也可以寫實、輕鬆。

5.        與眾不同

這算是心想事成的變形，心想事成是普通人突然起了變化，但是與眾不同則是主角一開始就不是普通人，所以他的想法、觀念、言行自然也毫不普通，它可能與外界格格不入、他可能擅於隱藏、他可能因此冷漠孤僻、他可能有雙重身分。
什麼樣算不普通？他可能是吸血鬼、死神、超能力者，他可能是個特務、臥底，再小規格一點，他可能只是個超級有錢人、超級聰明人。
所有的英雄故事、平凡英雄故事，都在這個範圍。

6.        人際感情

前面五種屬於劇情導向的小說。後面五種則是情感導向的小說。
所有書寫人際感情的小說，都屬於這個類型，寫祖孫情、父女情、母子情、友情、愛情、寵物情，事實上，它們都是指向人性原始的情感，兩人的交流、對立、理解、影響、共鳴，有時是主角單方面的成長，有時是兩人共同成長。
所有感性小說都在此範疇。

7.        人生經驗

我們都有過一些人生共通的歷程，像是上學、工作、男生要當兵、結婚、某人過世、生病，有些是我們知道但沒有經歷的人生，像是吸毒、偷情、更年情、離婚、失憶、中風癱瘓……等。
這類小說就是寫下這類的歷程，讓我們面對這些人生必經的痛苦，不管是寫實或是輕鬆，它都將協助讀者戰勝這些難關，或是回味當年的歷程。
這類小說也常被稱做療癒系小說。

8.        黑暗真實

這類通常都是寫實小說，或者是藉由劇情諷喻現實人生。
揭露真相是人人愛看的環節，它讓我們認清這個社會的現實，像是醫療制度、教育制度、選舉制度、政治與商業利益掛勾、正義與邪惡同流合汙。或是一些社會現象，像是同性戀歧視、貧富差距、名利權的人心腐化、人性黑暗面。
你的主角就是讀者的代理人，在故事中一步步揭露真相，最後不論是抗爭或沉淪，這類的故事都是要讓讀者最後反過來問問自己，你也是這樣的人嗎？

9.        大智若愚

這類故事就是「黑暗真實」的另一種調性，它讓主角成為一個天真單純的人，運用他的眼光看這現實的世界，挑戰被眾人嘲笑的目標，他在故事中即使遇到了重重困難也絕不放棄，往往以最單純的心靈能夠得到最後的勝利，甚至拯救故事中其它腐化的人心，當然，最終目的還是要拯救讀者，讓人們對著世界依舊充滿希望、保持熱情。

10.    群體枷鎖

這類故事講的就是人類與環境抗爭的故事，主角通常由一個群體環境開始故事，可能小到是一個公司、一個班級、一個家庭，也可以大到是一個黨派、一個國家、整個世界。當群體價值凌駕於個人意識時，這中間的衝撞就是故事的劇情，比起鬼怪、異獸的生死威脅，有時候整個環境營造的心理壓力反而更讓人膽顫心驚。
它可以是以特異組織為對象的寫實故事，也可以是在一個虛構時空的革命覺醒故事。

【總結】

你可以比照你手邊所有的書本、電影資訊，我相信大多的熱門大眾小說都跑不出這十個類別，有些可能還涵蓋了三、四個類別。

要將故事分類本來就是一件很難的事，故事多元而複雜，這一個大略的分類目的只是給你一個指標，當你發現你想寫的故事屬於特定類型時，你可以參考其他同類型的名作，看看大師怎麼寫的，這絕對能讓你寫得更好。

當你能自然的分類出各種大眾小說的類型時，你會發現，這世上重複、類似的作品多得不像話，但這早就是一個公開的秘密。你該做的，就是洞悉這些類型的規則，了解規則的原因，當你對原因了然於胸時，你才有可能真正在老套中加入一丁點新意。

本文轉自「小說界的李洛克」rocknovels.com

       
長庚大學樹屋的作品