Animated Graphics and Imaging Processing
107學年度第2學期課程綱要
吳統雄 Sean TX Wu
一、教學目標 Course Objectives
本課程將針對「內容創作」與「平臺發展」兩部分,進行「雲端合作」式的學習與實作。將從「設計、技術、管理」三方面協助學生認識「數位美學」與實現「數位文化創意」的能力。
本課程強調視覺設計與繪圖數位動畫的知識與應用能力,將使用多種數位繪圖數位動畫設備與工具教學, 預期成果作品有3項:數位美工繪圖能力(3習題)、數位繪圖式主題創作(1作品)、與視覺識別標幟系統/貼圖(1作品),以上2作品之一必須是動畫式表現。
數位繪圖式主題創作指大型(約A4以上)作品、而視覺識別標幟系統/貼圖不限大小,一般在網路上的應用,多為相對小型。
本課程 學習方法強調實作、與網路群體互動。衡諸「數位文創」不可避免的國際化趨勢,本課程並提供中英雙語講義與雲端實作平臺。
如果願意參與學習,本課程過去經驗顯示,可以將一位對數位工具陌生者,培訓為數位文創專案的領導者。本課程技術、管理的訓練,可以協助學生立即投入相關就業工作;而設計與美學的實驗與討論,更可提供未來高階研究的學理準備。
本課程考量學生的多元需求分作2組,學生可任選1組。(1)實作組:學習動畫影象處理與其數位技術、創作管理,證明你的創意與作品能力。
(2)理論組:動畫影象設計、數位文創的知識,培養品析的能力,為未來留下機會。
This course addresses the effective use of emerging technology in Digital Cultural Content Creation including: versatile digital publishing, digital imaging, animation, video, website design, web community development, and media production management. As a specific objective, we emphasize to cap off a team project more than an individual task.
This course takes account of the inter-discipline of humanities and information technology through media application. The learning method focuses on problem solving oriented approach. The learning activity designates a hands-on assignment and requires a complete output in the form of publishable presentation.
This assignment may be collaborated by students from different campus, even different countries. It will be the first step for accessing the virtual integrated campus and the virtual international interactive classrooms. It will also be the leading experiment on developing remote group-work model of project management. Students will experience the roles of both vertical and horizontal integration of the project. They will touch the holistic sprit and process of a real project and raise the confidence to organize and guide a team.
All assignments will be published on the web-based magazine "College Youth Web Magazine" also known as "GreenCot".
There are various applications categorized by the output of digital contents:
1. Electronic Publishing, Desk Top Publishing (DTP), Corporate Publishing, and portable document: they are hard copies prepared by information technology.
2. CD-book, CD-magazine, multimedia title (such as computer slide show) and document: they are electronic files authored by various types of software and stored in CD-based or mass storage media.
3. Web Publishing, webpage, website, and web community: they are not necessary to have a local storage; they are virtual interaction in the cyber world.
4. Extended forms from web-based media, such as E-book, E-magazine, which use specific player instead of PC.
5. Mobile media.
6. Digital TV: an emerging media.
The second semester of this course will focus on the third application, video and 3-D media. Prerequisite of the training of the previous two applications, static graphics and 2-D animated media in the first semester is required for the students who want to take this course. (*Students who skips the first semester must study the fundamental skills by themselves.)
This course designates triple goals: design, technology and management.
DESIGN. We will introduce "TX's theory on Digital Aesthetics" to explore what are the tips of successful media design. The answer will be "Style and Formation". The class also will learn "TX"s theory on Process Engineering" to accomplish the media design practice in professional, longitudinal, large-scaled, portable and group work requirements.
TECHNOLOGY. This course will illuminate the concept of "tool independency". We will explain and reason the technology more than demonstrate the techniques. The knowledge of this course can be applied to any software. The teacher will guide to use tools in editing text, graphic, image, animation, video, sound, music and web. This course also will employ peripherals and production equipment such as digital camera, digital video recorder, MIDI…etc. The teaching of advanced tools will be decided by the progress of students』 assignment.
MANAGEMENT. Management is a work more than words. Students will have good opportunity to experience the implication of goal, method, and action in management during the assignment of this course. They can learn what is planning and implementation, teamwork and integration, production and marketing. During the group work they will really touch what is communication and negotiation, one for all and all for one, incentive and checking assessment, leadership and the preparation from a team player. The teacher will also emphasize the ideas of market, risk, budgeting, profit and the media as business. form pluralistic majors to enlighten and encourage each other. This course is engaging students who can take care of the whole thing and can look out the future.
Enjoy the course!
二、授課方式Meeting and Counseling
1. Class meeting and Hand-on practice. Since this course has a thorough continuity in course design, students should avoid to miss any topic of the learning chain.
2. Individual counseling: Tue.-Thur. afternoon by appointment. Extra-hour counseling may be available, if it is for volunteering learning activity.
3. Telephone counseling: (02)2236-8225 Ext.63347, 0921807365
4. Email counseling: txwu@ntu.edu.tw
5. Online counseling: http://tx.shu.edu.tw
三、教學大綱與進度 Course Outline
L406: 3-5
| 日期 | 主題 | 備註/活動 |
|---|---|---|
| 2/18 | 課程簡介與課程資源 Introduction, Learning resources 作品展示相簿 |
Electing representative of class |
| 2/25 |
視覺設計的科學美學 TX's tip: Aesthetics and Design Aesthetics Experiment 知識美學論 Epistemological Aesthetics |
影音創意設計基礎 |
| 3/4 |
視覺與數位視覺設計 視覺設計主題 Picture overview 視覺設計導論 Visual design 媒體/媒材的分類與整合 創作資源與工具 Media resources and tools 雲端分享與展示 Remote Management Platform |
性向召員 Online Greeting Introducing your neighbor Call for projects and team members |
| 3/11 |
視覺設計與數位繪圖導論 數位色彩設計 Color design --色彩心理學 --TX 選色與四大配色定律 |
組隊與分組登錄 Call for projects and team members |
| 3/18 |
數位影象數位美工設計 色彩色塊+幾何象徵+複合媒材 當代實用美術作品品析 |
|
| 3/25 |
數位色彩設計實作
Image processing tools and
practice 繪圖影象工具實作 |
|
| 4/1 | 春假 | Hand-on Practice |
| 4/8 |
數位圖片檔案轉換實作 物件組合與圖層應用 3習題指導 |
Hand-on Practice 在「習題相簿」內以「留言」方式一起上傳3習題 |
| 4/15 |
數位繪圖作品觀摩(課前1日截止) 視覺識別系統設計 Identity system and logo design 視覺識別設計思想演變 動畫構想範例:隊服設計 |
分組登錄截止 Hand-on Practice |
| 4/22 |
個人網路識別標幟系統 Logo case study 1、範例2 Logo Graphic design 標準圖案實作 |
期中聯合報告排序 Hand-on Practice |
| 4/29 | 期中報告 Mid Exam: [A]數位美工主圖/動畫式貼圖/視覺識別系統/數位動畫作品構想書 [B]視覺設計理論評論 Visual design comments |
期中報告上傳(上課前截止收件) Team/ Personal Presentation |
| 5/6 |
造型家族:變形‧扭曲 視覺識別系統的風格與布景主題 圖示與風格物件 設計 個人化社交卡‧貼圖‧票證設計 Logotype design 標準字實作 |
Hand-on Practice |
| 5/13 |
手繪視覺識別系統設計 網路素人 創意漫畫 Banner design practice 橫幅實作 |
Hand-on Practice |
| 5/20 |
數位動畫創作分析架構 GIF 數位動畫圖示/動畫貼圖設計 動畫企畫與原稿設計 動畫過場設計 動畫特效設計 與 變化過場 GIF 數位動畫輸出 |
Hand-on Practice |
| 5/27 |
動畫創作:資源與作品品析 動畫創作進階:透明重疊 動畫創作進階:新增、加物件 動畫創作進階:畫格多物件處理 作品整合個別指導 學期成果展示提示 Final Discussion: on course objectives |
Grading reminder 成績提示 期末聯合報告排序 @Scheduling for final exhibition |
| 6/3 |
期末作品展示[A]數位美工主圖/動畫式貼圖/視覺識別系統、與繪圖式數位數位動畫 [B]視覺設計評論 Visual design comments Project delivery Final exhibition and presentation |
期末報告上傳 10組以內1次 11組以上2次 理論組以抽籤決定報告序,如時間不足,則以書面展示成果。 |
| 6/10 |
期末作品展示[A]數位美工主圖/動畫式貼圖/視覺識別系統、與繪圖式數位數位動畫 [B]視覺設計作品評論 Visual design comments Project delivery Final exhibition and presentation |
期末報告上傳 |
| 6/17 | 分享式 期末考 | 考卷網路繳交截止收件 |
*班長負責 Prepared by the representative of class every time unless further notice。
@班長與各組組長負責。
四、成績評定 Requirements and Grading
1. 學期成果(60%):
[A]Project Accomplishment 實作學習,可為個人或群體作品:數位美工繪圖能力(3習題)(10%)。期中報告(10%):數位繪圖式主題創作(1作品)、與視覺識別標幟系統/貼圖(1作品)構想書;期末展示(40%):以上2作品展示,之一必須是動畫式表現。
[B]理論學習組:數位美工繪圖3習題(10%)。Personal Accomplishment 期中數位視覺理論與繪圖設計理論評論(20%):子題在「數位視覺設計總論、數位美工繪圖、與數位動畫創作」講義中自選,2則以上,每則必須包涵:與該子題相關的文獻或作品共5項以上。期末數位視覺作品評論(30%) :數位繪圖式主題創作、與視覺識別標幟系統/貼圖,各3樣本以上,樣本之一必須是動畫式表現,著重視覺構成元素與物件處理能力的比較評論。
2. Project Process Review and Class Participation 平時成績(20%):課堂參與。
3. 分享式期末考(20%):在題庫中之「總論」與「專論」中,撰寫指定與自選各1題,總共4題。
4. Extra Contribution特別加分:在100分外的額外鼓勵。包括參與和教學活動有關的服務、群體作業工作(for team management)或其他對教學的回饋(enlightenment of learning, especially in design and management),表現優良。並授權群體幹部提出推薦分。
5. 學習成果提示事項
6. 網路繳交報告注意事項
數位視覺設計分享群:https://www.facebook.com/groups/450944055093531/
五、講義教材與其他參考書目
Readings/Learning Materials and Reference
http://tx.shu.edu.tw/RwdColorStone/index.htm
六、成果製作與報告方法處理。
以個人或群體作業方式製作,甚至可實現跨校製作,推選若干位幹部組織作業。
課堂上口頭報告分作2次,期中是作品構想書;期末是數位文創作品展示。
1.網路繳交 Online Hand In
(1)視覺設計構想書 Visual planning
繪圖式視覺設計構想書,無國際標準格式,但可參考「攝影設計」劇本格式,即以「畫面草圖」與「設計說明」2 欄的表格呈現,以 pdf 檔上傳。
(2)視覺設計作品成果檔案
視覺設計作品成果:數位美工繪圖(3習題1作品)、動畫式貼圖/視覺識別系統、與繪圖式數位數位動畫之電子檔。
2.書面繳交 Hard Copy Hand In
(1)自評表、視覺設計構想書、作品成果
(2)自評表 Self Evaluation Checklist 作法
請將本評分表列印繳交,並依評分項目順序報告。
表中共分3學習目標與成果項目,自滿分起算,每未達成1項目扣3分,至該目標配分為0止。
評分參考事項
| 目標 | 成果與評分項目 | 配分 |
|---|---|---|
| 管理 | 自評表(對企畫、分工、進度之群體或個人自主管理)之書面版。 若有自增輔助管理工具或資料,可額外加分。 |
10 |
| 設計 | 數位美工主圖、動畫式貼圖/視覺識別系統、與繪圖式數位數位動畫作品。注意「風格建構」與「風格物件」:主畫面與風格物件之結構、意涵、動力、色彩之構想。(期中報告) | 10 |
| 技術 | 數位美工主圖:如封面、網站圖形首頁、DECO、服裝設計…。 建議色彩色塊+幾何象徵+媒材複合之風格。 |
30 |
| 視覺識別標幟系統/貼圖設計:識別標幟系統 1件(群體則每人1件)以上。 | ||
| 主圖或識別物件之一以上,須為動畫(群體則每人1件)。 |
〈如有討論區之學習與實作心得,請一併附上,為額外加分項,請增加1列說明。〉
(3)幹部推薦表 Recommendation from the Project Leader
另紙提出,包括「實際工作內容、推薦成績」2欄。根據出席、參與群體作業的程度,由幹部以合理工作分擔為基準,在「總人數*3分」內推薦。應避免不分高下,齊頭式推薦。這是額外的加分,不影響正常成績。



