2014年5月19日 星期一

SketchBook PRO 軟體介紹(轉載)

Sketch Book pro是一套非常實用的軟體,可以用於產品設計,商業設計,影像修補,和數位插畫......

這裡是他的官方教學,非常直覺易學,不用1小時,你一定會使用這套會軟體。
http://www.sketchbook.com/storage/documentation/CHT_SketchBook_Pro_v62.pdf







2014年4月23日 星期三

數位水彩練習(如何把照片的景色,用photoshop作水彩的感覺)

步驟1
把要合成的照片,全部放在同一版面

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



步驟2

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



步驟3

加入細節



步驟4

準備好水彩紙


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


2014年3月23日 星期日

人物用的筆刷



示範場景設計



       3/28 Week 5:  How to make your own Brushes in Photoshop? (場景用的筆刷)


★ Art Review 上個作品

這用齊同學的作品改的。

示範一: 水彩筆刷和水彩紙


示範二  石頭




示範三 如何畫地形,合成照片














調整顏色和細節,水彩紙合成





範例一: Under water world

Underwater
同學自行 download,可以自己構圖,或是直接用這張圖去把它畫到清楚細緻,光影正確,

越接近真實,分數愈高。

★光源:光線由哪個方向進來

★最亮的區塊

最暗的區塊

★有哪些 pattern: 紋路,肌理,圖案....? 

★有哪些材質: 金屬? 石頭? 水?  動物? 植物? 沙? 

★線條: 有哪些筆觸?

1.  製作畫海底場景的筆刷,包括哪些,列出清單? (要分類清楚)

2.  製作筆刷的步驟
    
   Loading pastel 筆刷

> 筆刷大小: Image Size
> Xsmal 小於    8x8 
> small brush   8x8 
> medium brush  64x64    88xx88
> Large brush   128x128
>X Large 大於  128x128
----------------------------------------
> starting make your brush in this image

> select your brush

> edit> define brush preset

> naming your brush

> test your brush in the image and delete it oe keep it depending if this brush      is useful.

參考資料

地球之美:地球的地型地物。城市。深海。山洞



3..  根據清單上小組的每個人告訴小組長要畫哪一類筆刷

     A. 製作畫森林場景用的筆刷
     B. 每人選一類去畫 

          例如: 樹的種類  (大型,中型,小型)  

                草的種類   地形的種類
  
                石頭的種類

                土地的種類
              


範例二: Forest

Forest
 1.  製作畫森林場景的筆刷,包括哪些,列出清單? (要分類清楚)

 2.  根據清單上去製作畫森林場景用的筆刷:

包括: 各類植物(草皮,小型草,中型草叢,大型草叢),

      土地地形,石頭,一般樹木,果樹,枯樹,木頭
      
      火,霧氣,煙雲,下雨
      
      窪地







範例三: Moutains, Stone, Rock

Moutains,Stone, Rocks


1.  製作山,岩石場景的筆刷

2.  製作畫森林場景的筆刷

包括: 各類山形,地形凹凸(草皮,小型草,中型草叢,大型草叢),

      小區塊草皮,小型草,中型草叢,大型草叢

      金屬板,引擎,煙,灰塵








範例三: skies


從左到右是日出~日落~晚上,不同時間,不一樣的天空顏色,請把上列這張傍晚畫到精細的Render
( Final professional quality)

畫出不同的時段的天空雲彩顏色。

用此張黨底圖,去堆疊出天空的顏色層次


地形:

a.




_b


C
用這張當基本地型地物的參考模型,畫出各種不同地形地貌,製做你所需要用的筆刷



機械UI類型用筆刷

       3/28  5週:   如何畫機器人

(UI金屬機械用筆刷)

★藝術評論按鈕的最後結果


















 收集3〜10種不同的金屬機械材質的作品


不同交通工具金屬版(車子,飛機,機器人)

             分析作品,好的地方,寫在筆記本上


★範例一:槍的畫法:演示: 

                      如何使金屬刷







★學生繪製的UI金屬筆刷和畫自己的作品 

★範例二:

 機器人


如何畫 User Interface:

http://vista-buttons.com/home_themes.html

2014年3月20日 星期四

數位插畫課(長庚大學)-學生分組名單


4/11, 4/18, 4/25 課會上到 5點。 (每周加一個小時)(補課)

每次的作業請放入:

https://drive.google.com/folderview?id=0B2sGHfKOrQN6aGNCSkZTRTBnVkE&usp=sharing




人物設計: 角色設計


主題包括:

 實人物,卡通人物,海洋動物,  猴子動物 偵探, 哈雷騎士,西部牛仔,

 馬戲團 ( Circus de soleil )

植物,擬人化的動物,北極熊,外星人,精靈,怪獸,機器人,戰士,運動選手,

 甜點,食物, (擬人化)


故事大綱: 用一句畫清楚表明主角的目的。


例如:

這是一個關於未來西遊紀的故事。 太空戰士孫悟空,豬八戒,和沙悟淨,要保護唐三藏,去某個.......................星球去取經的故事

時間: 西元3614年


地方: 火焰山

人物設計:
-------------------------------------------------------------------------------------

小組長    

廖柏錩       B0142223         danielhaha8204@gmail.com 

蔡雲絢         B9941052               edwardlove2006@gmail.com

鄭名凱          boo42207               andycheng460@gmail.com

謝志偉          B0142225            david21211994@gmail.com

何季憲           B0142203            aes454@hotmail.com.tw


林博靖             B0042211          hectroggle@gmail.com

 鄭名涵           B0142104            calf721717@gmail.com

施柏妁            B0042108          xo82519@gmail.com

傅 俊瑜          B0042114           ak476680909@livemail.tw

 李玉婷         B0142219             jodie830705@yahoo.com.tw



場景設計:


主題包括

非洲,北極冰山,熱帶雨林,中國場景,海底場景 (海底世界),沙漠(西部牛仔),

原始部落,工場機械,實驗室(研究室),恐怖場景,外星人星球(航空場景),

FAIRY場景(精靈,神類,奇幻), 火山地形,都市, 城堡,賽車, 節日, 運動


現代都市

http://www.airpano.ru/files/Singapore/2-2


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


小組長
蔡宗佑          B0042113             qoo30118@hotmail.com

 李  曄           B0042123            riva8251@gmail.com

李佶秝       B0142221            ivy830215@hotmail.com

褚心瑜     B0142211            cy508161117@gmail.com

鄒雅凌      B0142210            carideechau@gmail.com

徐嘉佑             B0142207          she2468s@hotmail.com.tw

葉之皓             B0142110         ya19930918@gmail.com

紀鑑珈        B0042216            gina12504@gmail.com


鄭宇馨         B0042217          picahsin2014@gmail.com

詹秉翰        B0042210          kevin811023@gmail.com


UI設計 (金屬機械):



主題包括

按鈕,介面,刀劍槍,武器,  機器人, 車子,重機車,搖滾樂團,軍事, 賽車
--------------------------------------------------------------------
小組長

齊孝瑋          B0142217        daydream19326@gmail.com

陳穎千        B0142209        chemma89@outlook.com

王 瑀鑫       B0142213      yushin0322@gmail.com





其實每位同學都會學到全部的課程(人物,場景,UI機械)。只是作品比重的不同。要看你對主題的掌握程度。
如果你本身很少畫人物。 你可能私下每天要多畫,才能掌握老師教的。

每個人每個主題類型會至少畫過一次。 剩下的只是重複性的練習。來累積作品。
一但開始累積作品集。這時候會以職場上專業的角度來看每一個人的作品。


希望同學的興趣和所擅長的部分都能夠發揮出來。

長庚大學-Photoshop-tutorial-如何製作背景? 按鈕 and 面板 in Photoshop

畫面的設定:

一般在娛樂產業:電影,電視,遊戲平台(的Xbox,PS3,Wii遊戲機)或是網路平台,畫面的輸出解析度只要72 dpi的就可以了,不用到300 dpi的

解析度(DPI)=每點每英寸
DPI或PPI什麼。指每英寸的像素

19英寸1280×1024像素的液晶屏顯示它作為5.8英寸寬。 
20寸1680X1050像素的液晶屏其顯示為5英寸寬。 
19英寸1280×960像素的CRT屏幕顯示當前圖像作為5.6英寸寬。 
17英寸1024×768像素的CRT顯示器表明它6.0英寸寬。

全高清:1920×1080

早期遊戲產業是以256×256的材質片去貼在三維模型上。
後來,隨著電腦設備和處理數度變快。為了讓畫質更清晰,經過了PS2的Wii遊戲機的Xbox
,用的是512×512 dpi的72的材質片為單位,現在下一代的遊戲主機,用的為
1024×1024的材質片。



像ipad公司用的為2048×1152的解析度
相關的文章
http://www.scantips.com/basics1c.html

如何製作背景?]

方法一:直接用筆刷或漸層工具,在Photoshop中,直接繪製。
              可配合濾鏡的使用:濾鏡>模糊>高斯模糊
                或濾鏡>演算上色>雲狀效果

方法二:。可用水果的表面顏色(或天空的顏色)鏡頭很靠近水果表面然後在Photoshop中裡在局部放更大。
              例如:
 


看得出來是檸檬的表面+濾鏡的模糊




方法三:可用搜尋網路的圖片或直接用網路的圖庫。


方法四:網路直接電腦屏幕截圖。



方法五:可先平圖在畫布上,乾了之後,用數位相機拍起來在到Photoshop中調整調整,色彩,色調,色階。
       





自然景觀截圖可用網站


www.cgtextures.com






2014年2月24日 星期一

長庚大學 Photoshop-tutorial 筆刷製作和繪製材質範例表

3月21日會停課一周。因為總公司的首席技術官會過來,公司希望主管都能在場。
4/11,4/18,4/25  課會上到5點。每週加一個小時)

homework for submmiting

https://drive.google.com/folderview?id=0B2sGHfKOrQN6aGNCSkZTRTBnVkE&usp=sharing



★以後每一堂課都要帶上次作業來。
這樣我才能針對每位同學需要進步的地方,
提出來大家一起來討論,這樣大家才會進步。
老師希望同學熟練老師的技法。作品自然就會進步很快。



你的問題很有可能也是其他同學的問題,希望每位同學能去注意課堂上,其他同學會遇到的問題。



每個人在電腦前秀作品(art review 藝術評論)

show to students how to use styles in photoshop ================================================== ========

在美國大遊戲公司每一個大案子會有一個;的系(藝術部門),底下會有
藝術管理:管理有關視覺;的的工作分配
藝術總監 ​​(負責人):藝術總監
2D概念藝術家:可分角色(人物)藝術家,環境(場景)藝術家
UI graphic artist :用戶界面的用戶;介面設計
3D角色設定:剝皮,結合骨骼系統
3D角色建模:
3D環境藝術家:環境建模(建模)
                  環境紋理(紋理畫家)
3D動畫:
工作的性質和內容會因為案子的大小而有所調整。

================================================== ========
我會希望每位同學能先專精一樣把這樣技能磨到最純熟所以這堂課會分成人物設計和
環境,用戶界面(金屬機械設計三組這樣作品會比較專精。
希望每位同學電子郵件給我一張自己的作品不用管好不好看)(Photoshop中,畫家,或塗用任何一台電腦繪畫軟件),用來做為分組參考。

接下來這幾週會開始一連串筆刷製作狀語從句材質繪畫如圖

流程


全班的同學會根據自己的專長或興趣選自己要專精的部分。來發展自己的作品集。

步驟1: 

(一)收集藝術品收集優秀作品3〜8張

人物設計收集最好的角色設計作品包括你在哪裡找到這個工作。Pinterest的?Anywebsite需要被連接。

環境設計: 收集最好的環境設計 作品包括你在哪裡找到這個工作。Pinterest的?Anywebsite需要被連接。

用戶界面/機械設計收集最好的用戶界面設計圖稿和機械藝術品。包括你在哪裡找到這個工作。Pinterest的?Anywebsite需要被連接。

把作品內你最喜歡的部分寫下來:項目可包括一個人找3):

造型                   材質                  顏色                     筆觸
圖案             透視                    大小                 反光
線條               光線

(二)用筆記本去校園寫生,畫出3〜8種不同的植物葉子
                                                           3〜8種不同的植物的莖部
                                                           3〜8種不同的植物的根部
去觀察單片葉子的形狀,葉子的生長方向,葉子的顏色,有無圖案?

畫下來之後,用相機拍好,進入的Photoshop中把單片的葉子修成完整,並上色。

把處理好的莖和葉組合成筆刷,修改此筆刷,並用此筆刷畫一棵樹

         
                                                 

同樣方法去畫小石頭,大石塊,大面積土地,小面積土地。



第二步:學習如何 make a Brush Photoshop

方法1:從任何網站,使用截圖

http://www.drawing-tutorials-online.com/

方法2:自己先塗手畫,再用網絡攝像頭手機或相機拍,然後進電腦修筆刷


方法3:從電視,video,DVD,水彩,油畫,素描  再用手機或相機拍,然後進電腦修筆刷



方法4:用Photoshop中的中的或速寫本現有的工具去製作筆刷



我會在課堂上示範給同學看


1.找到你的畫筆圖像
2.Select您要區塊,並刪除背景,調整筆刷的大小
3. 到編輯下  > 定義畫筆預設
4. 開始在Photoshop中來繪製,並測試這個刷(好用,還是不好用?)

例如:
小塊冰雪,中型冰塊,大型冰山


冰山
仔細觀察每個球的亮點,和反光點


主要的光線來自右上方

冰樹


第三步:開始進行基於團隊的材料表(角色設計,環境設計,UI /機械設計) 


每個人根據自己喜歡畫的,或是自己擅長的部分,來選你的組別
人物設計:角色設計



環境設計



用戶界面設計金屬機械):





名單目前還可更改

還未決定的同學名單:

 
3/28 會分成三組同學會開始針對這三個方向去收集資料,製作筆刷,畫材質的圖表,
★整組討論有哪些筆刷可以做
 * 列出清單後和老師討論
 * 每人製作的筆刷不能重複。因為最後每位同學的筆刷,每人都會有。
 * 每人製作完的筆刷要算成績,要在自己的電腦前或是老師的電腦前,來分享給同學你的測試筆刷時,遇到哪些問題?這組筆刷可以畫出哪些畫面?教同學如何做。

例如
 環境設計的材質狀語從句筆刷            特效             用此材質設計圖標


例如角色設計的材質狀語從句筆刷            特效             用此材質設計圖標
================================================== ========

Q&A

1.如何處理層次?為什麼畫面不清楚?

層次的處理可由暗到亮或由亮到暗。 For example:










================================================== ========
學習網站
如何陰影?
環境設計:



角色設計:











 ==============================================
如何繪製提示| 5級的製圖



草圖〜 
測量〜
質量/形式〜
提煉

的的Photoshop中的畫筆

的的Photoshop中的 教學課程


免費紋理製作模式和刷
cgtextures.com

繪畫教程:

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

角色設計

速畫

頭髮圖紙

面對圖紙

怎麼畫的臉?油漆的皮膚?手





粉彩:



環境設置設計



perspective 透視

Topic 1 What is perspective甚麼ˋ透視? One-Point Perspective.一點透視 馬路上的道路是最典型的一點透視。 鐵軌,或是前景為建築勿直接面對著在看的人。 One vanishing point is typ...