第六章 數(shù)字圖形的造型手段

1、（ 1 ）數(shù)字圖形創(chuàng)意設(shè)計(jì)主講教授主講教授 田少煦田少煦（ 2 ） 6.1 點(diǎn)陣圖的主要造型語言點(diǎn)陣圖的主要造型語言 第六章 數(shù)字圖形的造型手段 6.2 矢量圖的主要造型語言矢量圖的主要造型語言 （ 3 ） 6.1 6.1 點(diǎn)陣圖的主要造型語言 6.1.1 6.1.1 線 線是最基本、最直接、并且是最古老的創(chuàng)造視覺表現(xiàn)的方法。在點(diǎn)陣圖中，對(duì)線的表達(dá)可以通過路徑，描邊以及各種畫筆加以實(shí)現(xiàn)。 （ 4 ） 一、一、 路徑 “路徑”是指由Bezier（貝茲）曲線構(gòu)成的線條或圖形，它由一系列的點(diǎn)、直線或曲線段組成。路徑并不直接在圖像的像素上產(chǎn)生作用，因此可以精確地調(diào)整或修改路徑的形狀。路徑的本質(zhì)是一些矢

2、量的線條，無論將路徑縮小或放大，都不會(huì)影響其分辨率和平滑程度。 （ 5 ） 在Photoshop中，利用貝茲曲線靈活的編輯性能，可以制作任意形狀的路徑，然后將其轉(zhuǎn)換為選區(qū)，實(shí)現(xiàn)對(duì)圖像精確的編輯和操作。也可以利用路徑的描邊和填充命令，制作任意形狀的矢量圖形，或?qū)⑹噶繄D形轉(zhuǎn)換為可以利用Photoshop命令進(jìn)行編輯的普通圖像。編輯好的路徑可以保存在圖像中，也可以單獨(dú)輸出為文件，然后在其它軟件中進(jìn)行編輯和使用，見下圖。（ 6 ）使用路徑繪制圖形 路徑典型應(yīng)用使用路徑創(chuàng)建霓虹燈字效（ 7 ）路徑應(yīng)用（ 8 ） 二、二、 描邊 描邊用于在選區(qū)、圖層或路徑周圍繪制彩色邊框，利用描邊可以制作出描邊的文字、圖

3、形等特殊效果。在Photoshop中，提供了多種工具和命令用于描邊操作，結(jié)合繪圖工具，可以得到豐富多彩的描邊線形效果，見下圖。 （ 9 ） (a) 描邊應(yīng)用(b) 描邊應(yīng)用（ 10 ） 三、三、 畫筆 畫筆是點(diǎn)陣圖軟件中的基本工具之一。在Photoshop中，提供了畫筆、噴筆和鉛筆等工具，對(duì)于不同的工具，還提供了模式、不透明度和流量等選項(xiàng)設(shè)置。使用畫筆工具可以用于直接繪制圖像或?qū)D像進(jìn)行修改。Photoshop中的畫筆筆刷主要分為兩種形式，即筆觸式筆刷和圖案式筆刷。筆觸式筆刷又分為實(shí)體式筆刷和毛邊式筆刷，見下圖。 （ 11 ） Photoshop中的“畫筆預(yù)設(shè)”浮動(dòng)調(diào)板和不同類型的筆刷效果 （

4、 12 ） 除了使用Photoshop自帶的畫筆以及修改畫筆大小以外，通過“畫筆”調(diào)板可以對(duì)其進(jìn)行更多的設(shè)置，從而得到更多的畫筆筆刷樣式。用戶也可以將自己創(chuàng)建的圖形或現(xiàn)有的圖像定義為畫筆筆刷。原則上，任何在 Photoshop 中可見的圖片，均可作為創(chuàng)建筆刷的素材，見下圖。 （ 13 ） 各種類型的畫筆筆尖設(shè)置自定義筆刷（ 14 ） 數(shù)字畫筆的應(yīng)用，使傳統(tǒng)的手繪風(fēng)格在新的媒介重新得以發(fā)展。人生的一天（ 15 ） 6.1.2 6.1.2 點(diǎn)和面 點(diǎn)是一切形態(tài)的基礎(chǔ)，是最小的視覺單位，點(diǎn)的連續(xù)排列形成線和面。作為數(shù)字圖像的點(diǎn)陣圖，實(shí)際上就是由若干個(gè)像素點(diǎn)所構(gòu)成。同時(shí)，點(diǎn)和面是相對(duì)存在的，它們之間有

5、時(shí)可以相互轉(zhuǎn)換。從造型意義上來說，點(diǎn)是具有空間位置的視覺單位，其大小不允許超越當(dāng)作視覺單位“點(diǎn)”的限度，超越這個(gè)限度，就失去點(diǎn)的性質(zhì)，成為“形”或“面”了。一般說來，越小的形，點(diǎn)的感覺越強(qiáng)，越大則越有面的感覺，其具體屬性由所處的位置對(duì)比關(guān)系來決定。 （ 16 ） 像素點(diǎn)構(gòu)成的點(diǎn)陣圖像（ 17 ） 一、一、 選擇區(qū) 區(qū)域的選取是點(diǎn)陣圖處理中一項(xiàng)最基本的工作，在編輯和處理圖像時(shí)，只有選定要執(zhí)行操作功能的區(qū)域范圍時(shí)，才能有效進(jìn)行編輯，即對(duì)圖像進(jìn)行編輯時(shí)只對(duì)選區(qū)范圍以內(nèi)的區(qū)域有效，而對(duì)選取范圍以外的圖像區(qū)域?qū)⒉黄鹱饔?。?Photoshop中，提供了多種工具和命令用于創(chuàng)建選區(qū)，以及對(duì)選區(qū)進(jìn)行羽化、變換

6、操作等。 （ 18 ） 矩形和橢圓形選區(qū) 在Photoshop中，對(duì)選區(qū)的創(chuàng)建主要包括以下一些：（1）矩形：用以創(chuàng)建或選取矩形和方形范圍。（2）橢圓形：用以創(chuàng)建或選取橢圓形和圓形范圍。（ 19 ） （3）自由形：用以創(chuàng)建或選取不規(guī)則的圖形，它包括套索工具、多邊形套索工具以及磁性套索工具三種工具。自由形選區(qū)（ 20 ） （4）形狀：Photoshop在工具箱中提供了6種繪制矢量圖形的形狀工具，即矩形工具、圓角矩形工具、橢圓工具、多邊形工具、直線工具和自定形狀工具。利用形狀工具可以直接繪制正方形、圓形、六邊形、五角星、動(dòng)物等形狀路徑和選區(qū)。形狀選區(qū)（ 21 ） （5）色素相似形：使用工具箱中的魔棒

7、工具或“選擇”菜單中的“色彩范圍”命令可以基于圖像中相鄰像素的顏色近似程度來創(chuàng)建選區(qū)。創(chuàng)建色素相似形時(shí)，顏色的近似程度由選項(xiàng)設(shè)置中的容差值決定。色素相似形 （ 22 ） 二、二、 填充 使用填充命令可以在指定的區(qū)域內(nèi)填入指定的顏色，可以用前景色、背景色或圖案等進(jìn)行填充，見下圖。 填充圖案 （ 23 ） 三、三、 漸變 使用工具箱中提供的漸變工具可以創(chuàng)建多種顏色逐漸過渡的漸變效果，以指定的色彩漸變填充一定的區(qū)域，用戶可以從預(yù)設(shè)漸變填充中選取或創(chuàng)建漸變。 在Photoshp中，漸變工具選項(xiàng)欄中包括了以下5種基本的漸變方式。 （ 24 ）n（1）線性漸變：以直線從起點(diǎn)漸變到終點(diǎn)n（2）徑向漸變：以圓

8、形圖案從起點(diǎn)漸變到終點(diǎn)n（3）角度漸變：以逆時(shí)針掃過的方式圍繞起點(diǎn)漸變n（4）對(duì)稱漸變：使用對(duì)稱線性漸變?cè)谄瘘c(diǎn)的兩側(cè)漸變n（5）菱形漸變：以菱形圖案從起點(diǎn)向外漸變 五種漸變方式（ 25 ） 四、四、 羽化 羽化用于設(shè)定選取區(qū)域的邊緣羽化效果，它通過建立選區(qū)和選區(qū)周圍像素之間的轉(zhuǎn)換邊界來模糊邊緣，該模糊邊緣將丟失選區(qū)邊緣的一些細(xì)節(jié)。當(dāng)設(shè)置羽化半徑后，在選取范圍的邊緣部分，將產(chǎn)生逐漸暈開的柔和效果。在“羽化”數(shù)值輸入框中可以輸入羽化的半徑數(shù)值，該數(shù)值定義羽化邊緣的寬度，范圍從1到250像素。見下圖。 （ 26 ） 不同羽化值設(shè)置（ 27 ） 6.1.3 6.1.3 圖層 圖層是點(diǎn)陣圖處理中的重要工

9、具，使用圖層可以方便地修改圖像，簡(jiǎn)化圖像編輯操作，創(chuàng)建各種特效。掌握?qǐng)D層的使用方法與技巧，是掌握點(diǎn)陣圖圖像處理的關(guān)鍵所在。 圖層相當(dāng)于一張張透明的紙，一幅圖像可以是由一疊透明的紙組成，每張紙上都包含圖像中的一部分，下面的圖像部分可以通過透明區(qū)域顯示出來，見下圖。（ 28 ）圖層示意圖 （ 29 ） 在Photoshop中有多種類型的圖層，如背景圖層、普通圖層、文字圖層、調(diào)整圖層、形狀圖層等。不同的圖層，其特點(diǎn)和功能有所不同，操作和使用方法也各不相同。各個(gè)圖層相互獨(dú)立，對(duì)一個(gè)層操作時(shí)不會(huì)影響到其它圖層的圖像，用戶可以顯示和關(guān)閉圖層，重新排列圖層的順序，創(chuàng)建圖層鏈接，創(chuàng)建圖層組，也可以對(duì)其進(jìn)行增加

10、、刪除、移動(dòng)和合并等操作。（ 30 ）使用圖層樣式創(chuàng)建圖像效果 （ 31 ）使用圖層“混合選項(xiàng)”命令創(chuàng)建圖像合成效果使用圖層樣式創(chuàng)建立體字效果（ 32 ） 6.1.4 6.1.4 通道和蒙版 通道與蒙版是點(diǎn)陣圖處理中兩個(gè)重要的概念，也是生成眾多特殊效果的基礎(chǔ)。通道的主要功能是保存圖像的顏色信息，也可以存放圖像中的選區(qū)；而蒙版則是用來保護(hù)圖像中需要保留的部分，使其不受任何編輯操作的影響。（ 33 ） Photoshop 中的通道分為三類，第一類通道用來存儲(chǔ)圖像色彩信息，這些通道是默認(rèn)的；第二類通道用來存儲(chǔ)圖像中的選區(qū)，這些通道是附加的，通常稱為Alpha通道；還有一類稱為專色通道，可以直接在Ph

11、otoshop中輸出專色，為印刷增加專色印版。通道的操作主要包括通道的創(chuàng)建，通道與選區(qū)之間的轉(zhuǎn)換，通道的復(fù)制、刪除和保存，通道的分離與合并等。對(duì)通道的操作主要通過“通道”調(diào)板來完成。（ 34 ） 結(jié)合通道和圖層，通道和通道的組合操作，可以實(shí)現(xiàn)各種圖像特殊效果，見下圖。 通道調(diào)板 （ 35 ）使用通道合成圖像（ 36 ）謝謝 謝謝 ?。?37 ） 6.2 6.2 矢量圖的主要造型語言 矢量圖也叫向量圖，矢量圖形是用參數(shù)方程描述的圖，它由矢量定義的直線和曲線組成，根據(jù)輪廓的幾何特性進(jìn)行描述?；谑噶坷L圖的程序如CorelDRAW、Adobe I11ustrator等。 （ 38 ） 矢量圖形在計(jì)算

12、機(jī)內(nèi)存中表示成一系列的數(shù)值而不是像素點(diǎn)，這些值決定了圖形如何顯示在屏幕上。用戶所作的每一個(gè)圖形都是一個(gè)對(duì)象，每個(gè)對(duì)象都有決定其外形的路徑。由于這種保存圖形信息的辦法與分辨率無關(guān)，因此對(duì)矢量圖無論放大或縮小多少倍，都不會(huì)影響它的光滑度和清晰度。矢量圖形適合于表示有規(guī)律的線條組成的圖形，尤其適用于標(biāo)志設(shè)計(jì)、圖案設(shè)計(jì)、文字設(shè)計(jì)、版式設(shè)計(jì)等，其所生成文件也比位圖圖像文件要小一些。 （ 39 ） 6.2.1 6.2.1 線 在矢量圖中，可以方便地創(chuàng)建各種各樣類型的線型，如在CorelDRAW中，使用工具箱提供的手繪工具、貝茲曲線工具以及自然筆工具即可輕松地創(chuàng)建不同樣式的線型。 （ 40 ） 一、一、 手

13、繪曲線 手繪曲線由手繪工具進(jìn)行創(chuàng)建，是最直接的繪制曲線的方式。它可以通過在頁面上拖動(dòng)鼠標(biāo)光標(biāo)進(jìn)行繪制，如同用鉛筆在紙上繪畫一樣，該方法最接近傳統(tǒng)的繪畫。使用手繪工具可以創(chuàng)建任意直線和曲線，并且可以設(shè)置手繪平滑度、線條的粗細(xì)和線型。 手繪曲線 （ 41 ）使用手繪曲線創(chuàng)建圖形使用手繪曲線創(chuàng)建圖形（ 42 ） 二、二、 貝茲曲線 貝茲曲線由貝茲曲線工具進(jìn)行繪制，與Photoshop中的路徑曲線一樣，貝茲曲線允許按節(jié)點(diǎn)依次繪制平滑、精確的曲線。使用貝茲曲線工具時(shí)，每一次單擊鼠標(biāo)都會(huì)定位一個(gè)節(jié)點(diǎn)，每個(gè)節(jié)點(diǎn)通過一條直線或曲線與上一節(jié)點(diǎn)相連，通過使用控制點(diǎn)或分別定位每個(gè)節(jié)點(diǎn)，可以創(chuàng)建精確的直線和曲線，見下

14、圖。 貝茲曲線 （ 43 ） 使用貝茲曲線創(chuàng)建圖形（ 44 ） 三、三、 螺旋線 螺旋線分為對(duì)稱式螺旋線和對(duì)數(shù)式螺旋線。對(duì)數(shù)式螺旋線其間距由中心向外遞增，對(duì)稱式螺旋線其間距相同。螺旋線的旋轉(zhuǎn)圈數(shù)可以在1100 之間進(jìn)行設(shè)置。螺旋線與一般的曲線對(duì)象相同，可以進(jìn)行任意編輯，見下圖。 （ 45 ） 對(duì)稱式螺旋線和對(duì)數(shù)式螺旋線及圖形創(chuàng)建 （ 46 ） 四、四、 自然筆觸 自然筆觸是具有封閉路徑的形狀，在CorelDRAW 中提供了五種不同特色類型的自然筆觸工具（預(yù)設(shè)效果、筆刷、噴霧器、書寫式、壓力），選擇了一種筆觸類型后，屬性欄將顯示與該筆觸類型相關(guān)的選項(xiàng)，通過這些選項(xiàng)的設(shè)置，用戶可以創(chuàng)建不同的筆觸效果，并可對(duì)筆觸進(jìn)行編輯，使用自然筆工具可以創(chuàng)建豐富的繪圖筆觸效果，見下圖。 （ 47 ） 預(yù)設(shè)效果筆刷噴霧器（ 48 ） 使用自然筆工具創(chuàng)建圖形 （ 49 ）謝謝 謝謝 ?。?50 ）4.4 4.4 多邊形工具組 多邊形工具組包括多