《影視插畫設計》課程教案

課程教 案〔2022—2022〕課程名稱：插畫設計授課學時：56學時授課班級：151班任課教師：宋昭俊浙江橫店影視職業(yè)學院教 案〔首頁〕課程編號課程名稱

01091306插畫設計

授課 15藝術(shù)設 班級 計1班

48人課程類型授課方式學時安排教材名稱

公共根底課〔；專業(yè)根底課〔√；專業(yè)課〔 專業(yè)選修課〔；公選課〔〕〔√〔√〔〕考核方式考試〔〕考察〔√〕64學時課堂講授23 學時；試驗〔上機〕33 學時2022年7月出版2月出版《插圖創(chuàng)意設計手冊〔上、下【日】視覺設計爭論所黃雷鳴、毛2022〔參考書要求附作者，出版社，出版時間〕教學參考書

宋昭俊11-17周

職稱 助教

專業(yè) 影視動畫室四第一章插畫概述〔82學時〕一、教學目的及要求本章主要介紹插畫的定義、分類、功能、歷史進展及其學習方法和創(chuàng)作過程對插畫有一個初步的概貌式的生疏。二、教學重點及難點重點：插畫的概念、分類，功能與特性。難點：插畫的歷史進展〔世界史、中國史和現(xiàn)代插畫的進展〕三、教學手段多媒體講解四、教學方法課堂演講、提問互動五、作業(yè)素材收集六、參考資料【法】弗雷德里克·巴比耶《書籍的歷史》劉陽等譯廣西師范大學出版社20221、提問：大家知道為什么藝術(shù)設計專業(yè)要學習插畫設計嗎？七、教學內(nèi)容與教學設計1、提問：大家知道為什么藝術(shù)設計專業(yè)要學習插畫設計嗎？插畫作用：論證解釋文字；裝飾。插畫作用：論證解釋文字；裝飾。插畫設計是一種繪畫形式，在我們的生活中隨處可見，比方海報、報刊雜志、書籍等，插畫設計是一種繪畫形式，在我們的生活中隨處可見，比方海報、報刊雜志、書籍等，解，對這個學問點的理解會幫助你學好并在以后的創(chuàng)作過程中得以運用。解，對這個學問點的理解會幫助你學好并在以后的創(chuàng)作過程中得以運用。和設計兩個門類，是一個綜合性學科。介的多樣化，插畫的應用范圍也漸漸擴大，插畫在種類、題材、形式、內(nèi)容到表現(xiàn)風格上也發(fā)生了巨大變化。廣義的插畫泛指一切用于說明、論證文字內(nèi)容的視覺材料。和設計兩個門類，是一個綜合性學科。到書籍裝禎、宣傳樣本、展現(xiàn)設計等。都可以看到其動人的身影，感受到它獨特的魅力。它已成為現(xiàn)代物資文明生活不行缺少的一道亮麗的風景線。插圖設計的文字的具象化，是以“圖象”來意味文字的內(nèi)容，它的視覺化，形象化能極廣泛應用于現(xiàn)代設計的各種領(lǐng)域，涉及到文化活動、社會公共事業(yè)、商業(yè)活動、影視文化等方面，成為人們喜聞樂見的媒體形式。22、插畫的分類與應用。--書、報刊等紙質(zhì)出版?，F(xiàn)代插畫的分類也可以從不同的角度去分類：①媒體〔載體書籍、報紙、雜志 產(chǎn)品包裝招貼 數(shù)字媒體--電影、電視、網(wǎng)頁、動畫、玩耍電影②風格：裝飾、寫實、卡通、抽象、像素裝飾寫實卡通抽象像素 ③創(chuàng)作方法：手繪、矢量、像素、3D④地域：歐美插畫、韓國插畫、日本插畫、港臺插畫總述：插畫師運用繪畫形式起到傳達作用的藝術(shù)形式！插畫追求藝術(shù)性和商業(yè)性的統(tǒng)一！3、插畫的功能與特性▲〔重點穩(wěn)固〕插畫是一種繪畫藝術(shù)，也是一種重要的視覺傳達形式。有明顯的信息傳達目的，必需能夠反映出所依據(jù)的主題和信息功能：①插畫是對文字的說明——“閱讀省力原則”將文字具象化、視覺化，用來論證、說明文字，附屬于他所要表達的內(nèi)容。②插畫使文字得到強化③誘導功能：畫面吸引。是消費者進一步想要得到內(nèi)容！特性：①藝術(shù)性：美化、提升視覺吸引力——審美性②商業(yè)性：通過視覺語言來傳達信息③時代性：a、插畫的實現(xiàn)技術(shù)上，時代進步，科技進展，在插畫的創(chuàng)意、制作傳播途徑及其功能延長上打上烙印b、內(nèi)容和審美價值上，反響的內(nèi)容不同傳統(tǒng)插畫反映的多是當時社會的生活狀態(tài)及審美標準現(xiàn)代插畫反映上述局部內(nèi)容，還有一些很抽象，很具有將來感的夢想作品大，插畫應用范圍擴大4PS--Blursgoodbrush筆刷應用演示Good系列畫筆①good筆刷-1 方形，有點像粉筆機理good筆刷-2 圓形，帶透亮效果good筆刷-3 圓形，可產(chǎn)生勾邊效果good筆刷-4 圓形，可產(chǎn)生大小變化good筆刷-5 帆形筆good筆刷-6 模擬傳統(tǒng)畫筆good筆刷-7 帶有機理變化good筆刷-8 有線條變化，外邊不規(guī)章，可用來畫山石good筆刷-9 壓感大小可轉(zhuǎn)變透視，帶透視的外表〔地面〕good筆刷-10 壓感可變粗細與good-9相互協(xié)作使用，畫地表過度效果②粗糙混色筆〔97--99〕混合顏色；示范：三色混合，用涂抹工具③繪畫鉛筆/勾線筆/噴槍④皮膚畫筆-1 鋪大色皮膚畫筆-2 紋理更細致---中間色頑皮膚畫筆-3 紋理較猛烈---高光⑤繪畫風格筆模擬真實畫筆筆觸⑥大滾筒 快速鋪色，而且?guī)в械准y效果⑦高光筆 繪制高光，帶有光暈〔在黑色底上用白色示范 金屬物常用〕⑧輝光畫筆〔濾色/顏色減淡〕示范：天空光亮--藍色底，黃色筆畫輝光效果⑨干水彩〔正片疊底〕⑩透亮水色〔正片疊底〕多畫幾筆，水能暈開風格類畫筆①圓形機理筆畫墻面/金屬②風格化混色筆〔96--100〕涂抹工具▲色塊化混合筆 制造背景機理〔一對顏色，進展混合〕云和天過度③方形構(gòu)造涂抹筆〔93--99〕 原有顏色延長，碎片化感覺油畫筆①油畫筆 不同質(zhì)感的油畫筆觸②混色筆/刮刀③▲混色油畫筆〔85--99F〕 涂抹工具，勾選“手指繪畫”特效畫筆①火焰第一筆濾色模式，其次筆顏色減淡模式②電弧/能量/射線外形畫筆樹葉/草/傷口▲樹葉畫筆--樹繪畫示范紋理類畫筆顏色>>紋理涂抹：黑/磚紅/黃/灰/藍灰二、插畫的歷史與進展▲真正意義上的插畫是伴隨著書籍的消滅而產(chǎn)生的▲書籍的消滅、進展的根底是印刷術(shù)和紙的誕生㈠世界插畫史：序幕--公元6~7世紀，歐洲消滅了最早的書籍插畫--泥金裝飾手抄本①公元6~15世紀，以《》和泥金手抄本為主導800年左右《凱爾書卷》②文藝復興時期，以《》故事和人物為主，但反響人民群眾的日常生活古希臘故事以及科學技術(shù)的內(nèi)容開頭消滅在插畫作品中德國人：阿爾布雷特·丟勒▲印刷：雕版--活字〔活泥--活木--活鉛--活鐵〕--影印▲早期插畫多為宗教插畫③18~19世紀初，社會生產(chǎn)力的進展和資產(chǎn)階級的崛起，大量文學作品消滅“〔木材橫截面，質(zhì)地堅硬，畫面線條細膩〕----托馬斯·比韋克④19世紀中后期~20世紀上半葉，這個階段的插畫藝術(shù)承接19世紀中期的工藝美術(shù)運動英國最宏大的黑白畫大師 比亞茲萊法國近代海報和石版畫先驅(qū) 亨利·德·圖盧茲·勞德累克捷克插畫師和首飾設計師 阿爾豐斯·慕夏 ⑤20世紀五六十年月美國受抽象表現(xiàn)主義畫派的影響從具象轉(zhuǎn)為抽象直到1970年，插畫回到寫實風格。 諾爾曼·羅克威爾⑥2080年月，信息技術(shù)和互聯(lián)網(wǎng)技術(shù)進展，插花藝術(shù)多樣化。日本浮世繪——獨特的風格和藝術(shù)成就。㈡中國插畫歷史①最早的插畫形式是版畫，最早的版畫作品是《陀羅尼經(jīng)咒圖》《金剛般假設經(jīng)》中的扉頁畫《說詰圖》是至今最早的印刷版畫唐代的雕版印刷促進了書籍的應用，書籍富強又推動了插畫進展。②宋、元時期，手工業(yè)進展，雕版技術(shù)成熟，推動書籍進展應用擴大到醫(yī)藥、歷史、地理、考古圖錄、日用百科，消滅了彩色套印插畫▲雕版—灶王像③明清，刻書行業(yè)富強清代，石印印刷術(shù)---平版印刷㈢現(xiàn)代插畫：現(xiàn)代插畫設計是一門綜合性藝術(shù)，集繪畫、圖形、攝影、電腦和其他藝術(shù)①插畫與出版業(yè)有親熱聯(lián)系?，F(xiàn)代插畫的興盛最初得益于圖書、報刊出版的產(chǎn)業(yè)化。插畫今日被廣泛應用于平面設計的各個領(lǐng)域。②進展方向：設計元素鮮亮、生動、直觀和互動，非主流插畫獲空前進展包括互動媒體、時裝、建筑、廣告等。三、插畫創(chuàng)作1、前期——積存①練習的積存：速寫、素描、臨摹，各種繪畫練習積存②資料庫積存：I前期優(yōu)秀插畫的收集積存——賞析、臨摹II素材收集。不同題材設計元素的收集2、創(chuàng)作流程理解工程〔理解插畫所需要表達的文字內(nèi)涵〕→創(chuàng)意構(gòu)思〔依據(jù)插畫所表達的內(nèi)容、受眾、媒體等〕→設計草圖〔記錄創(chuàng)意的靈光和意念〕→成稿〔選擇適宜的草稿、選擇表現(xiàn)手法〕▲狹義插畫:指出版物插畫即插在文字中間的圖畫，對出版物的內(nèi)容起到解釋說明的作用和版式上的裝飾效果。版式上的裝飾效果。廣義插畫:泛指一切用于說明、論證文字內(nèi)容的視覺材料。插畫是一種繪畫藝術(shù)，也是一種視覺傳達形式。插畫追求藝術(shù)性和商業(yè)性的統(tǒng)一▲插畫伴隨書籍消滅而產(chǎn)生，每次媒體技術(shù)都帶動插畫進展圖形的識別功能遠大于文字，圖形信息是簡介的語言，也是最易識別和記憶的信息載體。PS〔圖片顏色模式〕我們用放大鏡就近觀電腦顯示器或電視機的屏幕Photoshop中翻開圖象，按F8在圖像中移動鼠標，會看到其中的數(shù)值在不斷的變化。BR一些。電腦屏幕上的全部顏色，都由這紅色綠色藍色三種色光依據(jù)不同的比例混合而成的。一組紅色綠色藍色就是一個最小的顯示單位。屏幕上的任何一個顏色都可以由一組RGB值來記錄和表達。因此這紅色綠色藍色又稱為三原色光，用英文表示就是R(red)、G(green)、B(blue)可以把RGB作不同的菜時，三者的比例也不一樣，甚至可能是迥異的。因此不同的圖象中，RGB成分也不盡一樣，可能有的圖中R(紅色)成分多一些，有的B(藍色)成分多一些。在電腦中，RGBRGB2560、1、2..255RGB02550255現(xiàn)在離開教程思考一下：屏幕上的純黑、純白、最紅色、最綠色、最藍色、最黃色的RGB值各是多少？PhotoshopDRGBRGB0,0,0。純白的RGB255,255,255。180度夾角的兩種顏色(也就是圓的某條直徑兩端的顏色)，稱為反轉(zhuǎn)色，又稱為互補色。三原色光各自的反轉(zhuǎn)色。紅色對青色、綠色對洋紅色、藍色對黃色。對于一幅圖像，假設單獨增加R的亮度，相當于紅色光的成分增加。那么這幅圖像就會偏紅色。假設單獨增加B的亮度，相當于藍色光的成分增加。那么這幅圖像就會偏藍色?；叶阮伾Ｊ絉GBRGB灰度色中不包含任何色相，即不存在紅色、黃色這樣的顏色。但灰度隸屬于RGB色域(色域指顏色范圍)。除了純白和純黑以外，還有254種中間過渡色。純黑和純白也屬于反轉(zhuǎn)色?；叶茸罡呦喈斢谧罡叩暮?，就是純黑?；叶茸畹拖喈斢谧畹偷暮?，那就是純白。圖像通道圖像通道，在RGB顏色模式下就是指那單獨的紅色、綠色、藍色局部。也就是說，一幅完整的圖像，是由紅色綠色藍色三個通道組成的。藍色，只能說藍色光的亮度均為0，但不能說沒有藍色通道存在。“存在、亮度為零”和“不存在”是兩個不同的概念。調(diào)入，再調(diào)出通道面板。以動手試試看不同通道組合的效果。RGBRGBRGB狀態(tài)。果關(guān)閉了藍色通道，那么圖像就偏黃色。以上的現(xiàn)象再次印證了反轉(zhuǎn)色模型：紅色對青色、綠色對洋紅色、藍色對黃色。對于紅色而言，它的圖像中的分布是不均勻的，有的地方多些，有的地方少些。相當于：有的地方紅色亮度高些，有的地方紅色亮度低些。現(xiàn)在先來明確幾個概念：通道中的純白，代表了該色光在此處為最高亮度，亮度級別是255通道中的純黑，代表了該色光在此處完全不發(fā)光，亮度級別是0現(xiàn)在可以明白為何通道用灰度表示了吧？由于灰度的這種特性，使得它在以后還被應用到其它地方?？梢酝ㄟ^調(diào)整Photoshop預置讓通道顯示精彩彩也可以〖CtrlK〗調(diào)出預置常規(guī)后切換到顯示與光標。將“通道用原色顯示”打上勾。CMYKRGB之外，還有一種CMYKCMYKRGB模式是一種發(fā)光的顏色模式，你在一間黑暗的房間內(nèi)仍舊可以觀察屏幕上的內(nèi)容；CMYK是一種依靠反光的顏色模式，是由陽光或燈光照耀到報紙上，再反射到我們的眼中，才看到內(nèi)容。它需要由外界光源，假設你在黑暗房間內(nèi)是無法閱讀報紙的。RGBCMY3CyanMagentaYellow。K取的是black(Blue)混淆。從理論上來說，只需要CMY三種油墨就足夠了，它們?nèi)齻€加在一起就應當?shù)玫胶谏５怯捎谀壳爸圃旃に囘€不能造出高純度的油墨，CMY相加的結(jié)果實際是一種暗紅色。因此還需要參加一種特地的黑墨來中和。RGB通道灰度圖中較白表示亮度較高，較黑表示亮度較低。純白表示亮度最高，純黑表示亮度為零。CMYK通道灰度圖中較白表示油墨含量較低，較黑表示油墨含量較高，純白表示完全沒有油墨。純黑表示油墨濃度最高。一張白紙進入印刷機后要被印4黑色局部，挨次如圖，從上面的挨次中，可以很明顯地感到各種油墨添加后的效果。顏色模式的選擇RGB與CMYKRGBCMYKCMYK的全部顏色都包含于RGB色域中，但CMYK的顏色數(shù)量少于RGB。某些顏色或許是無法被打印出來的。RGBCMYKRGB模式下制作的圖像，在轉(zhuǎn)換為CMYK模式后原先較為鮮亮的一些顏色都變得黯淡了，這就是由于CMYKRGB，因此在轉(zhuǎn)換后有些顏色喪失了。留意，此時再把CMYK模式轉(zhuǎn)為RGB模式，喪失掉的顏色也找不回來了。21.50.521.5因此，不要頻繁地轉(zhuǎn)換顏色模式。轉(zhuǎn)換一次就相當于倒了一次杯子，可能有些水就流失了。固然，從CMYKRGBHSB兩大顏色模式RGB和CMYK需要轉(zhuǎn)換為RGB，在打印或印刷(又稱為輸出)的時候都需要轉(zhuǎn)為CMYK。PhotoshopRBG拉就可以得到淺綠色。比方晴空，我們首先想到藍色，然后是淺藍色。比方湖水，首先想到綠色，進一步想到碧綠色。我們大腦對顏色的直覺感知，首先是色相，即紅色橙黃色綠色青色藍色紫中的一個，然后是它的深淺度。HSB顏色就是籍由這種模式而來的，它把顏色分為色相、飽和度、明度三個因素。留意它將我們?nèi)四X的“深淺”概念擴展為飽和度(S)和明度(B)。所謂飽和度相當于家庭電視機的顏色濃度得到純白，最低得到純黑。HSBBS0BHSBS和BH的位置。060180360紅色。PhotoshopH方式其實就是HSB色譜就是色相，而大框就包含了飽和度和明度(橫方向是飽和度，豎方向是明度)。其次章插畫設計的根本原理〔42學時〕一、教學目的及要求介紹平面設計的根底學問，包括視覺元素、視覺流程、形式法則和圖文編排等，使同學們把握插畫設計的根本原理。二、教學重點及難點重點：平面設計根底學問的把握難點：插畫設計的根本原理三、教學手段板書、圖片、影像資料四、教學方法課堂演講、提問、爭論五、作業(yè)臨摹，資料收集六、參考資料七、教學內(nèi)容與教學設計一、視覺元素與視覺流程1、點點是視覺構(gòu)圖中的最小元素。點具有很強的調(diào)整與修飾作用。樂觀性；另一方面點也能使畫面空間呈現(xiàn)出松散、雜亂的狀態(tài)，顯示了點的消極性。不同大小、外形和排列的點呈現(xiàn)出不同的視覺效果。例如：有序的點表達出層次與節(jié)奏；無序的點表達散亂與跳動。2、線線是點運動的軌跡，又是面運動的起點。線具有很強的概括性和表現(xiàn)性，可以起到裝飾、界定、分割畫面以及引導和指示的作用。曲、直、濃、淡，多變的線是造型藝術(shù)強有力的表現(xiàn)手段。例如：直線往往表達安靜與穩(wěn)定；曲線往往表達松軟與動感。線是形象和畫面空間中最具表情和活力的構(gòu)成要素。3、面圖元素。面的分類：①有機形：由直線、曲線、或直虛線相結(jié)合形成的面，如長方形、正方形等，表達出簡介、明快、冷靜和秩序感。②有機形：一種不行用數(shù)學方法求得的有機形態(tài)，如自然界的石頭、樹葉、瓜果等外形，既具有秩序感和規(guī)律性，也表達出活力與自然。③偶然形：之自然或人為偶然形成的形態(tài)，如水跡、墨跡，又如人隨便運用各種自由的、徒手的線條構(gòu)成的形態(tài)，具有偶然性和不行重復性，表達出隨便、共性和靈動。面的外形、虛實、大小、位置、顏色、機理等變化而形成的簡單的造型世界，當兩個或兩個以上的面在畫面空間中同時消滅時，便會消滅多樣的構(gòu)成關(guān)系，如分別、重疊、相切等。面的運用時造型風格的具體表達。4、點、線和面之間的關(guān)系點線面的概念是相對的，它們之間可以相互轉(zhuǎn)化。點與面是相比較而言的，同樣一個點，假設布滿整個或大面積的平面，它就是面；第三章插畫的應用類型〔42學時〕一、教學目的及要求介紹平面設計的根底學問，包括視覺元素、視覺流程、形式法則和圖文編排等，使同學們把握插畫設計的根本原理。二、教學重點及難點重點：平面設計根底學問的把握難點：插畫設計的根本原理三、教學手段板書、圖片、影像資料四、教學方法課堂演講、提問、爭論五、作業(yè)臨摹，資料收集六、參考資料七、教學內(nèi)容與教學設計㈠出版物插畫1、書籍插圖①兒童讀物插圖②科學技術(shù)類書籍插圖2、商業(yè)設計插圖包括各種廣告媒體中的插圖、商品包裝中的插圖，生活用品上的插圖、企業(yè)和品牌宣傳冊中的插圖、各種影視媒體中的插圖，各種掛歷年歷中的插圖，各種賀卡中的插圖、各種公關(guān)用品中的插圖。3、特別范疇的插圖這類設計插圖介于文化與商業(yè)之間，既有文化性又有商業(yè)性，如：影視插圖、服裝插圖、文化廣告插圖、公益事業(yè)廣告插圖、體育插圖等。㈡商業(yè)類插畫商業(yè)插畫有四個組成局部：①廣告商業(yè)插畫②卡通吉利物設計③出版物插圖④影視玩耍美術(shù)設定廣告商業(yè)插畫會效勞－必需具有仁厚的群體責任卡通吉利物設計產(chǎn)品吉利物－了解產(chǎn)品查找卡通與產(chǎn)品的結(jié)合點；企業(yè)吉利物－結(jié)合企業(yè)的CI標準為企業(yè)度身定制；社會吉利物－分析社會活動特點適時迎合便于延展出版物插圖文學藝術(shù)類－具備良好的藝術(shù)修養(yǎng)和文學功底默寫技能影視玩耍美術(shù)設定形象設計類－人格互換形神離合的情感流露；場景設計類－獨特視角微觀宏觀的約減綜合；故事腳本類－文學音樂通過美術(shù)的手段表達商業(yè)插畫有肯定的規(guī)章，它必需具備以下三個要素：〔一〕直接傳達消費需求 〔二〕符合群眾審美品位〔三〕夸大強化商品特性商業(yè)插圖的藝術(shù)手法：⑴幽默性幽默性是商業(yè)插圖使用幽默的表現(xiàn)手法，通過造型、顏色等手段的運用，營造詼諧、幽默的畫面效果。在賞識的時候可以打破嚴峻、或沉悶、或呆板的畫面效果，從而產(chǎn)生輕松、開心的心情。⑵挖苦性大多都是針對一些社會上的不良風氣、或者是針對人性的弱點和缺乏進展鋒利的暴露和批⑶象征性一般是依據(jù)兩種不同事物的性質(zhì)，找出它們之間的聯(lián)系，或者是以物喻人，或者是相像之處，以人比物。使主體表現(xiàn)的奇異，動聽。從而使畫面的表現(xiàn)更加具好玩味性，也更加豐富多彩。⑷夢想性是通過作者的想象力，將畫面的造型和顏色進展重組織，制造消滅實生活中沒有的情景，使人感受到奇特，這類插圖可以表現(xiàn)傷感類的題材，也可以表現(xiàn)恐驚類、甜蜜類的題材，通過對于幻境的制造，使人們感受到現(xiàn)實中所沒有的視覺經(jīng)受。⑸戲劇性常常實行夸大的手法，畫面效果具好玩味性。⑹直敘性描繪。⑺寓言性便于理解，這類插圖通常都使用裝飾性的手法，使畫面的趣味性更強。⑻裝飾性也常常使用這種方法進展表現(xiàn)。商業(yè)插畫的附屬性打算它傳遞的