版面設(shè)計鋼筆工具與路徑

1、第四章 版面設(shè)計 鋼筆工具(gngj)與路徑共五十三頁版面(bnmin)的視覺流程視覺流程(lichng)即視覺接受外界信息時的流動過程 共五十三頁版面的視覺(shju)流程視線的流動在視覺心理學(xué)家的研究中，視覺運(yùn)動規(guī)律是其成果之一。一條垂直線在頁面上，會引導(dǎo)視線作上下(shngxi)的視覺流動；水平線會引導(dǎo)視線向左右的視覺流動；斜線比垂直線、水平線有更強(qiáng)的視覺訴求力；矩形的視線流動是向四方發(fā)射的；圓形的視線流動是輻射狀的；三角形則隨著頂角之方向使視線產(chǎn)生流動；各種圖形從大到小漸層排列時，視線會強(qiáng)烈地按照排列方向流動。共五十三頁P(yáng)urina狗糧廣告：讓它們學(xué)會(xuhu)等待通過一排小狗的引導(dǎo)

2、(yndo)，讓觀眾的視線做線性運(yùn)動。共五十三頁版面的視覺(shju)流程 視覺焦點(diǎn) 也稱為視覺震撼中心，它是版面中能夠最先、最強(qiáng)烈地吸引觀眾目光的部分。一般情況下，“大”能成為視覺焦點(diǎn)。因此大的圖片、大的標(biāo)題以及大的說明文字放在版面的顯著位置，可以(ky)迅速吸引觀眾的注意力。共五十三頁佳能監(jiān)控(jin kn)攝像頭廣告攝像頭看上去像個牢牢銬住犯人的手銬(shuko)，不論是殺人犯、小偷、搶劫犯，都逃不過佳能監(jiān)控攝像頭的法眼。共五十三頁皇冠(hun un)伏特加系列廣告孩子平時在裝乖，看見Smirnoff卻情不自禁(qng b z jn)的暴露出叛逆共五十三頁皇冠(hun un)伏特加系列廣

3、告在Smirnoff面前，再猙獰的事物(shw)也會有它丟臉和犯傻的時候共五十三頁版面(bnmin)的視覺流程錯視現(xiàn)象錯視(optical illusion, visual illusion)是主觀(zhgun)感覺于客觀現(xiàn)實(shí)發(fā)生偏差的現(xiàn)象,由特定環(huán)境于人的特定心理相互作用而成. 錯視是指眼睛的錯覺，一種將對象物的大小、形狀、色澤以及明暗等關(guān)系判斷錯誤的現(xiàn)象。共五十三頁兩個內(nèi)部(nib)的圓大小一樣嗎？ 兩個內(nèi)部的圓大小完全一樣。當(dāng)一個圓被幾個較大的同心圓包圍時，它看起來要比那個(n ge)被一些圓點(diǎn)包圍的圓小一些。 共五十三頁前后(qinhu)伸伸頭，左右挪挪頭 ！ 共五十三頁無中生有(w

4、zhng shng yu)的點(diǎn)共五十三頁鴨兔錯覺(cuju)共五十三頁兩樹的內(nèi)側(cè)樹干勾勒(gul)出了站立的拿破侖像 共五十三頁數(shù)數(shù)看圖中有幾個(j )孩子?你能在葉子中間(zhngjin)找到三個隱藏的側(cè)面人像嗎？ 共五十三頁共五十三頁共五十三頁共五十三頁共五十三頁版面(bnmin)編排的基本要素點(diǎn)的形象是最基本的形，可以是一個文字，也可以說一個商標(biāo)或色塊。因此在畫面中單獨(dú)而細(xì)小的形象都可以稱之為點(diǎn)。在版面設(shè)計中，大點(diǎn)和小點(diǎn)可以形成對比關(guān)系；重復(fù)排列的點(diǎn)可以給人一種機(jī)械、冷靜(lngjng)的感受；點(diǎn)的集散與疏密則會帶給人空間感。共五十三頁“Dont let smells mix. Biol

5、yse system refrigerator”共五十三頁共五十三頁版面(bnmin)編排的基本要素 線的形象線在構(gòu)圖中的作用在于表示方向、長短、重量，還能產(chǎn)生方向性、條理性。線有不同的形狀，因此具有不同的含義，給人以不同的視覺感受。水平的線能表現(xiàn)平穩(wěn)和寧靜，是最靜的形式(xngsh)；對角線很有活力，可以用來表現(xiàn)運(yùn)動；曲線能表現(xiàn)柔和、婉轉(zhuǎn)和優(yōu)雅的女性美感；螺旋線能產(chǎn)生獨(dú)特的導(dǎo)向效果，可以在第一時間內(nèi)，更快地吸引觀眾的注意力；會聚的線適合表現(xiàn)深度和空間；占畫面主導(dǎo)地位的垂直線條，能強(qiáng)調(diào)畫面主體的堅(jiān)實(shí)感，常被用作封鎖畫面的堅(jiān)固屏障。共五十三頁Jatpat Digest 廣告(gunggo)共五十

6、三頁版面(bnmin)編排的基本要素面的形象(xngxing)面是各種基本形態(tài)和形式中最富于變化的，在版面編排中包容了點(diǎn)和線的所有性質(zhì)，在視覺強(qiáng)度上要比點(diǎn)、線更加強(qiáng)烈。圓形具有一種運(yùn)動感；三角形具有穩(wěn)定性、均衡感；正方形具有平衡感；規(guī)則的面具有簡潔、明了、安定和秩序的感覺；自由面具有柔軟、輕松、生動的感覺。共五十三頁版面編排的構(gòu)成(guchng)模式標(biāo)準(zhǔn)型圖形(txng)在版面中上方，并占據(jù)大部分位置；其次是標(biāo)題；然后是說明文字、圖形(txng)等。觀眾的視線以自上而下的順序流動，符合人們認(rèn)識思維的邏輯順序，但視覺沖擊力較弱。共五十三頁版面(bnmin)編排的構(gòu)成模式標(biāo)題型標(biāo)題位于中央或上方，

7、占據(jù)版面的醒目位置，往下是圖形、說明文字。這種編排形式首先讓觀眾對標(biāo)題引起(ynq)注意，留下明確的印象，再通過圖形獲得感性形象認(rèn)識。共五十三頁版面編排的構(gòu)成(guchng)模式中軸型是一種對稱的構(gòu)成形態(tài)。版面上的中軸線可以是有形的，也可以是隱形的。這種編排方式具有良好的平衡感，只有(zhyu)改變中軸線兩側(cè)各要素的大小、深淺、冷暖對比等，才能呈現(xiàn)出動感。共五十三頁版面(bnmin)編排的構(gòu)成模式斜置型是一種強(qiáng)力而具有(jyu)動感的構(gòu)圖模式，它使人感到輕松、活潑。傾斜時要注意方向和角度，通常從左邊向右上方傾斜能增強(qiáng)易見度，且閱讀方便。傾斜度一般保持30。左右為宜。共五十三頁版面編排的構(gòu)成(g

8、uchng)模式放射型將圖形元素納入到放射狀結(jié)構(gòu)中，使其向版面四周或某一明確方向作放射狀發(fā)散，有利于統(tǒng)一視覺中心，可以產(chǎn)生強(qiáng)烈的動感和視覺沖擊力。放射型具有特殊的形式感，但極不穩(wěn)定，因此，在版面上安排(npi)其他構(gòu)成要素時，應(yīng)作平衡處理。共五十三頁版面編排的構(gòu)成(guchng)模式圓圖型在幾何圖形中，圓形是自然的、完美的、具有生命象征意義，在視覺上給人以莊重、完美的感受，并且具有向四周放射的動勢。圓圖型構(gòu)成(guchng)要素的排版順序與標(biāo)準(zhǔn)型大致相同，這種模式以正圓形或半圓形圖片構(gòu)成(guchng)版面的視覺中心。共五十三頁版面編排(binpi)的構(gòu)成模式重復(fù)(chngf)型指示型散點(diǎn)型切

9、入型交叉型網(wǎng)格型共五十三頁認(rèn)識(rn shi)錨點(diǎn)和路徑路徑組成 路徑可以由一條或多條直線或曲線線段(xindun)組成，并由錨點(diǎn)連接起來。路徑本身沒有寬度和顏色，通過對路徑進(jìn)行描邊或填充操作后，賦予路徑各種色彩，從而獲得所需的圖形。 錨點(diǎn)錨點(diǎn)控制柄曲線段直線段共五十三頁路徑(ljng)的分類開放路徑：是一條兩個端點(diǎn)沒有連接在一起的沒有閉合的路徑，Illustrator會假定路徑的兩個端點(diǎn)連接起來而對其進(jìn)行描邊和填充。閉合路徑：是一條閉合的路徑，可對其進(jìn)行填充和描邊。復(fù)合路徑：是由兩個或兩個以上的開放或閉合的路徑組合而成的路徑。 認(rèn)識(rn shi)錨點(diǎn)和路徑共五十三頁認(rèn)識(rn shi)錨點(diǎn)

10、和路徑路徑的形狀(xngzhun)由錨點(diǎn)控制。錨點(diǎn)分兩種：平滑點(diǎn)和角點(diǎn)共五十三頁貝塞爾曲線(qxin)在Illustrator中繪制的曲線也稱作貝塞爾曲線，它是由法國工程師皮埃爾.貝塞爾于1962年開發(fā)的。這種曲線的錨點(diǎn)有一到兩根方向線，方向線的端點(diǎn)處是方向點(diǎn)（手柄），拖動該點(diǎn)可以調(diào)整(tiozhng)方向線的角度，進(jìn)而影響曲線的形狀。方向點(diǎn)方向點(diǎn)錨點(diǎn)共五十三頁 利用“鉛筆工具”可以繪制開放路徑(ljng)和閉合路徑(ljng)，就像用鉛筆在紙上徒手繪畫一樣。繪制路徑(ljng)后，還可以根據(jù)需要立即修改路徑(ljng)。繪制開放路徑：選擇“鉛筆工具”，然后將光標(biāo)移至頁面中，此時光標(biāo)呈狀態(tài)，按

11、下鼠標(biāo)左鍵并拖動鼠標(biāo)，即可繪制開放路徑。繪制閉合路徑：在拖動鼠標(biāo)的同時按住【Alt】鍵，待光標(biāo)變成狀 時釋放鼠標(biāo)，即可形成閉合路徑。鉛筆(qinb)工具 共五十三頁 鋼筆工具(gngj)（P） “鋼筆工具”是Illustrator中基本的繪圖工具，可以繪制直線或曲線，并可以在繪制圖形的過程中對圖形進(jìn)行簡單編輯。 鋼筆(gngb)工具 共五十三頁鋼筆(gngb)工具 繪制直線曲線路徑 按Ctrl鍵在空白處單擊強(qiáng)制結(jié)束繪制或者是調(diào)整路徑. 按Shift鍵繪制水平(shupng)或垂直或45度角直線按Alt鍵可以刪除控制手柄或者將鋼筆工具轉(zhuǎn)成轉(zhuǎn)換節(jié)點(diǎn)工具 按住Caps Lock可以將鼠標(biāo)更改為精確光

12、標(biāo)。共五十三頁鋼筆工具(gngj)練習(xí)共五十三頁編輯(binj)路徑選擇(xunz)與移動錨點(diǎn)、路徑直接選擇工具套索工具共五十三頁 添加(tin ji)與刪除錨點(diǎn) 選擇要修改的路徑。 若要添加錨點(diǎn)，請選擇鋼筆工具或添加錨點(diǎn)工具，并將指針置于路徑段上，然后單擊。 若要刪除錨點(diǎn)，請執(zhí)行下列任一操作：使用直接(zhji)選擇工具選擇此錨點(diǎn)，并單擊“控制”面板中的“刪除所選錨點(diǎn)”。選擇鋼筆工具或刪除錨點(diǎn)工具，并將指針置于錨點(diǎn)上，然后單擊。共五十三頁查找(ch zho)和刪除游離錨點(diǎn)游離錨點(diǎn)是不與錨點(diǎn)連接(linji)的單獨(dú)錨點(diǎn)。查找和刪除游離錨點(diǎn)，是一個不錯的習(xí)慣。 1. 取消選擇所有對象。 2. 選

13、擇“選擇”“對象”“游離點(diǎn)”。 3. 選擇“編輯”“剪切”或“編輯”“清除”命令，或按鍵盤上的 Delete 或 Backspace 鍵。共五十三頁平均(pngjn)分布錨點(diǎn)（Ctrl+Alt+J）平均功能(gngnng)至少可以選擇兩個錨點(diǎn)，平均分布它們之間的間距后還可以移動它們的位置?？梢詸M向或縱向平均錨點(diǎn)，也可以既橫向或縱向平均錨點(diǎn)，同時平均的錨點(diǎn)數(shù)不受限制。選擇兩個錨點(diǎn)，然后按下Ctrl+Shift+Alt+j組合鍵，可以同時執(zhí)行“平均”和“連接”功能。共五十三頁連接(linji)命令（Ctrl+J） 如果有兩個錨點(diǎn)，便可以借助“連接”命令，把它們用一條直線路徑連接起來。 使用連接命令

14、必須注意以下四個條件；只能選擇兩個錨點(diǎn)，如果選了三個或三個以上的錨點(diǎn)，“連接”命令就會失效。如果選擇開放路徑上的所有(suyu)錨點(diǎn)，連接命令會在起始點(diǎn)和結(jié)束錨點(diǎn)之間繪制一條直線，這樣形狀就封閉了。所選錨點(diǎn)必須同屬一個組。所選錨點(diǎn)不能是圖形對象上的 如果兩個錨點(diǎn)完全重疊在了一起，AI會把它們并成一個錨點(diǎn)，這時可以選擇把它轉(zhuǎn)換為平滑點(diǎn)或角點(diǎn)。共五十三頁偏移(pin y)路徑它根據(jù)用戶(yngh)指定的偏移量偏移所選的對象在原路徑基礎(chǔ)上創(chuàng)建新的矢量路徑，而原路徑并不受影響?！緦ο蟆?【路徑】-【偏移路徑】對開放路徑應(yīng)用“偏移路徑時”會創(chuàng)建一個新的封閉路徑。共五十三頁簡化(jinhu) 路徑 簡化路

15、徑可以刪除路徑上一些(yxi)多余的錨點(diǎn)，路徑上有太多錨點(diǎn)會導(dǎo)致文件變復(fù)雜，這樣在打印時比較耗時間，編輯時也比較困難。 共五十三頁編輯(binj)路徑改變路徑形狀：直接選擇工具調(diào)整方向線即可 平滑路徑： 刪除部分錨點(diǎn)，盡可能保持原始形狀 裁剪(cijin)路徑： 剪斷路徑分割下方對象：對象路徑擦除路徑：共五十三頁繪圖(hu t)實(shí)例：戴圍脖的小企鵝實(shí)例描述學(xué)習(xí)如何使用鋼筆工具繪圖、如何編輯錨點(diǎn)，并且使用鉛筆工具修改閉合(b h)路徑的形狀。共五十三頁路徑(ljng)運(yùn)算實(shí)例：小貓咪實(shí)例描述(mio sh)用鋼筆工具繪制小貓圖形，在其上方繪制圓形，通過“路徑查找器”面板分割圖形，制作出小貓的眼睛和身上的花紋。共五十三頁編輯路徑實(shí)例(shl)：交錯式幻象圖實(shí)例描述繪制圓角矩形，在路徑上添加幾組錨點(diǎn)，再刪除多余(duy)的錨點(diǎn)，通過移動路徑位置，制作出所需圖形。共五十三頁版面設(shè)計實(shí)例(shl)：海報版面實(shí)例描述繪制一個圓形，在路徑上添加錨點(diǎn)，移動(ydng)錨點(diǎn)和方向線改變路徑形狀，制作出逗號圖形。復(fù)制圖形，并以該圖形為基準(zhǔn)，在它上方鋪滿小逗號。共五十三頁內(nèi)容摘要第四章 版面設(shè)計。矩形的視線流動是向四方發(fā)射的。圓形的視線流動是輻射狀的。各種圖形從大到小漸層排列時，視線會強(qiáng)烈地按