簡易檢索 / 詳目顯示

研究生: 詹易衡
CHan, Yu-Heng
論文名稱: 輔助繪畫歷程紀錄與回顧之系統建構與繪畫學習上的應用
System support for sketching process recording and reviewing: system design and applications for sketch learning
指導教授: 王浩全
WANG, HAO-CHUAN
口試委員: 朱宏國
李天健
學位類別: 碩士
Master
系所名稱:
論文出版年: 2018
畢業學年度: 106
語文別: 中文
論文頁數: 30
中文關鍵詞: 繪圖歷程記錄數位繪圖繪畫學習
外文關鍵詞: drawing process recording, digital painting, drawing learning
相關次數: 點閱:3下載:0
分享至:
查詢本校圖書館目錄 查詢臺灣博碩士論文知識加值系統 勘誤回報
  • 現代的插畫家與繪師常利用數位創意軟體工具創作商業作品於動漫與遊戲產業中,然而能夠創作出好的作品不只要熟習軟體工具的功能與操作方式,更需要具備繪畫的技能與知識。
    本研究目標設計一套電腦繪圖系統,能夠完整紀錄使用者的繪畫歷程與繪圖行為,重現繪畫過程細節,降低錄製和傳輸的門檻,便於使用者透過網路傳輸取得及瀏覽,並提出由此系統利用繪畫過程作為輔助繪畫學習的延伸設計與研究概念。


    Modern artists and illustrators often use digital software to create commercial artworks in comic and game industry. However, artists are required to master not only the function and operations of software tools, but also drawing skill and knowledge to create astonishing artwork
    This thesis proposes a digital painting system, which can record user’s drawing process and behaviors, and replay the overview and detail of the process. It provides a more convenient way for users to record, transfer and watch drawing process on the internet. This thesis proposes multiple design implementation and research idea for drawing learning and art education.

    口試委員會審定書 # 誌謝 i 中文摘要 ii ABSTRACT iii CONTENTS iv LIST OF FIGURES vi LIST OF TABLES vii Chapter 1 簡介 1 Chapter 2 研究背景與文獻探討 3 2.1 數位創作繪圖工具 3 2.1.1 數位創作繪圖電腦輸入設備 3 2.1.2 圖像編輯器 Graphic Editor 4 2.2 輔助繪畫技能之軟體系統研究 5 2.2.1 應用程式中的教學系統 in application tutorial system: 5 2.2.2 繪圖輔助系統 5 2.3 心理學中繪畫專家與新手間的認知差異 6 2.4 繪畫歷程記錄 6 2.4.1 錄製繪畫過程 7 2.4.2 分享繪畫過程: 7 Chapter 3 繪畫行為錄製系統實作 9 3.1 繪圖介面設計 10 3.2 數位繪畫軟體實作 10 3.2.1 合成筆劃 11 3.2.2 渲染筆劃流程 11 3.2.3 圖層 12 3.3 操作指令記錄系統 12 3.3.1 工具類別指令 13 3.3.2 工具參數指令 13 3.3.3 筆畫指令 14 3.3.4 畫布變換指令 15 3.3.5 圖層指令 15 3.3.6 復原指令 15 3.3.7 重做指令 16 3.4 檔案儲存與格式設計 16 3.5 重現繪畫歷程 17 3.5.1 尋找過程片段 17 3.5.2 以快取圖層實現無延遲隨機存取片段 17 3.5.3 優勢與創新之處: 18 Chapter 4 延伸應用與設計 20 4.1 繪圖過程標記工具 20 4.1.1 時間軸文字標記 20 4.1.2 時間軸筆跡標記與標記過程記錄 20 4.2 互動式教學編輯器 21 4.3 觀看繪圖過程行為與繪畫行為數據分析 21 4.4 觀看、回顧、反思:利用繪圖過程學習 22 4.4.1 觀看專家示範繪圖過程: 22 4.4.2 回顧自身作畫繪圖過程: 23 4.4.3 觀摩他人於同主題作畫繪圖過程 23 4.5 即時繪畫指令傳輸 24 4.5.1 多人即時共同創作 25 4.5.2 繪畫直播 26 Chapter 5 結論 27 參考文獻 28

    [1] casesandberg, React Color, (2018), GitHub repository, https://casesandberg.github.io/react-color/
    [2] Chang, K. R., Chan, J. Y. H. (2017) Exploring Social Interaction Process in Collaborative Online Sketch Learning. In Poster of TAICHI
    [3] Chi, P. Y., Ahn, S., Ren, A., Dontcheva, M., Li, W., & Hartmann, B. (2012, October). MixT: automatic generation of step-by-step mixed media tutorials. In Proceedings of the 25th annual ACM symposium on User interface software and technology (pp. 93-102). ACM.
    [4] Clip Studio (2018). Retrieved from https://www.clipstudio.net/tc
    [5] Chan, J. Y. H., Huang, Y. C., Hsu, J., Wang, H. C. (2017) SketchDigest: Visualizing Hot Spots of Drawing Editing Behaviors in the Creation Process. Manuscript submitted for publication.
    [6] DiVerdi, S. (2013). A brush stroke synthesis toolbox. In Image and video-based artistic stylisation (pp. 23-44). Springer, London.
    [7] Dixon, D., Prasad, M., & Hammond, T. (2010, April). iCanDraw: using sketch recognition and corrective feedback to assist a user in drawing human faces. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 897-906). ACM.
    [8] DrawingWiffWaffles (2015). BEST FREE Speedpaint Programs! Retrieved from https://www.youtube.com/watch?v=CbN3uUu2k_A
    [9] Fayena-Tawil, F., Kozbelt, A., & Sitaras, L. (2011). Think global, act local: A protocol analysis comparison of artists' and nonartists' cognitions, metacognitions, and evaluations while drawing. Psychology of Aesthetics, Creativity, and the Arts, 5(2), 135.
    [10] Fernquist, J., Grossman, T., & Fitzmaurice, G. (2011, October). Sketch-sketch revolution: an engaging tutorial system for guided sketching and application learning. In Proceedings of the 24th annual ACM symposium on User interface software and technology (pp. 373-382). ACM.
    [11] Huang, Y. C., Chan, J. Y. H., & Hsu, J. (2018, April). Reflection before/after Practice: Learnersourcing for Drawing Support. In Extended Abstracts of the 2018 CHI Conference on Human Factors in Computing Systems (p. LBW059). ACM.
    [12] Iarussi, E., Bousseau, A., & Tsandilas, T. (2013, October). The drawing assistant: Automated drawing guidance and feedback from photographs. In ACM Symposium on User Interface Software and Technology (UIST). ACM.
    [13] ibisPaint (2018 June). Retrieved from https://ibispaint.com/?lang=zh-HANT
    [14] Kim, J. (2015). Learnersourcing: improving learning with collective learner activity (Doctoral dissertation, Massachusetts Institute of Technology).
    [15] LOGITECH CRAYON (2018 June.). https://www.logitech.com/en-us/product/crayon
    [16] Matejka, J., Grossman, T., & Fitzmaurice, G. (2013, April). Swifter: improved online video scrubbing. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 1159-1168). ACM.
    [17] Picarto (2018, June). Retrieved from https://picarto.tv/
    [18] Pixiv Sketch Live (2018, June). Retrieved from etch.pixiv.net/lives" https://sketch.pixiv.net/lives
    [19] Pointer events. (2018, June 12). Retrieved from https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events/
    [20] Ron Miller. (2015, Dec 13.). Adobe’s Record Revenue Proves Successful Business Transformation Is Possible https://techcrunch.com/2015/12/12/adobes-record-revenue-proves-successful-business-transformation-is-possible/
    [21] Sedgewick, J. (2002). Differences Between a Drawing Program (Vector Graphics) and a Paint Program (Image Files). Quick Photoshop for Research: A Guide to Digital Imaging for Photoshop 4x, 5x, 6x, 7x, 17-18.
    [22] Sketch.Paint.Create. Procreate (2018). https://procreate.art/ipad
    [23] Tan, J. H., & Acharya, U. R. (2014). Active spline model: a shape based model—interactive segmentation. Digital Signal Processing, 35, 64-74.
    [24] Wacom Co., Ltd. (2018). Business Report April, 2017 to December, 2017. Retrieved from http://investors.wacom.com/media/files/investor-relations/2018-english/180207_q3fye0318_businessreport_e.pdf
    [25] 社繪學(2018, June 12) Retrieved from http://sketch-share.firebaseapp.com/
    [26] 繪畫方法(2017) Retrieved from https://www.pixivision.net/zh-tw/c/how-to-draw

    QR CODE