Illustrator-CS5平面設(shè)計(jì)案例教程5課件

Illustrator-CS5平面設(shè)計(jì)案例教程5課件1本章簡介：

雜志是比較專項(xiàng)的宣傳媒介之一，它具有目標(biāo)受眾準(zhǔn)確、實(shí)效性強(qiáng)、宣傳力度大、效果明顯等特點(diǎn)。時(shí)尚生活類雜志的設(shè)計(jì)可以輕松活潑、色彩豐富。版式內(nèi)的圖文編排可以靈活多變，但要注意把握風(fēng)格的整體性。本章以多個(gè)雜志欄目為例，講解了雜志的設(shè)計(jì)方法和制作技巧。第5章雜志設(shè)計(jì)本章簡介：第5章雜志設(shè)計(jì)2課堂學(xué)習(xí)目標(biāo)掌握雜志欄目的設(shè)計(jì)思路和過程

掌握雜志欄目的制作方法和技巧

課堂學(xué)習(xí)目標(biāo)掌握雜志欄目的設(shè)計(jì)思路和過程3案例分析

設(shè)計(jì)理念操作步驟相關(guān)工具5.1制作時(shí)尚雜志封面案例分析5.1制作時(shí)尚雜志封面4

時(shí)尚生活雜志是一本為走在時(shí)尚前沿的人們準(zhǔn)備的資訊類雜志。雜志的主要內(nèi)容是介紹完美彩妝、流行影視、時(shí)尚服飾等信息。本雜志在封面設(shè)計(jì)上要營造出生活時(shí)尚和現(xiàn)代感。5.1.1案例分析時(shí)尚生活雜志是一本為走在時(shí)尚前沿5

在設(shè)計(jì)過程中，通過極具現(xiàn)代氣息的女性照片烘托出整體的時(shí)尚氛圍。通過對(duì)雜志名稱的藝術(shù)處理，表現(xiàn)出現(xiàn)代感。通過不同樣式的欄目標(biāo)題表達(dá)雜志的核心內(nèi)容。封面中的文字與圖形的編排布局相對(duì)集中緊湊，使頁面布局合理有序。5.1.2設(shè)計(jì)理念時(shí)尚雜志封面效果圖在設(shè)計(jì)過程中，通過極具現(xiàn)代氣息的女性照片烘托出6

1

25.1.3操作步驟

3

4175.1.4相關(guān)工具1．直接選擇工具選擇“直接選擇”工具，用鼠標(biāo)單擊對(duì)象可以選取整個(gè)對(duì)象。在對(duì)象的某個(gè)節(jié)點(diǎn)上單擊，該節(jié)點(diǎn)將被選中。選中該節(jié)點(diǎn)不放，向下拖曳，將改變對(duì)象的形狀。也可使用“直接選擇”工具圈選對(duì)象，使用“直接選擇”工具拖曳出一個(gè)矩形圈選框，在框中的所有對(duì)象將被同時(shí)選取。

直接選擇工具選取對(duì)象選取點(diǎn)拖曳點(diǎn)5.1.4相關(guān)工具1．直接選擇工具直接選擇工具選取對(duì)象82.文本的變換選擇菜單“對(duì)象>變換”命令或“變換”工具，可以對(duì)文本進(jìn)行變換。選中要變換的文本，再利用各種變換工具對(duì)文本進(jìn)行旋轉(zhuǎn)、對(duì)稱、縮放、傾斜等變換操作。將文本進(jìn)行傾斜、旋轉(zhuǎn)，對(duì)稱效果如圖所示。傾斜效果旋轉(zhuǎn)效果對(duì)稱效果2.文本的變換傾斜效果93.路徑查找器面板選擇菜單“窗口>路徑查找器”命令（組合鍵為Shift+Ctrl+F9），彈出“路徑查找器”控制面板，如圖所示。路徑查找器面板3.路徑查找器面板路徑查找器面板105.1.5實(shí)戰(zhàn)演練-汽車雜志封面

使用置入命令置入封面圖片；使用文字工具、描邊命令和投影命令編輯文字；使用對(duì)齊命令將文字對(duì)齊。效果圖5.1.5實(shí)戰(zhàn)演練-汽車雜志封面使用置入11案例分析

設(shè)計(jì)理念操作步驟相關(guān)工具5.2制作時(shí)尚飲食欄目

案例分析5.2制作時(shí)尚飲食欄目12

時(shí)尚飲食欄目是介紹現(xiàn)代流行的健康飲食的搭配方法和制作方法的欄目。時(shí)尚飲食欄目的內(nèi)容包括健康果飲、美食搭配、休閑小吃等內(nèi)容。在欄目的頁面設(shè)計(jì)上要抓住欄目特色，營造出時(shí)尚、健康、美味的氛圍。

5.2.1案例分析時(shí)尚飲食欄目是介紹現(xiàn)代流行的健康飲食的搭配方法13

通過圖標(biāo)的設(shè)計(jì)和對(duì)欄目名稱的編輯，突出欄目主題。使用橙色的底圖和鮮美的簡餐美食營造出營養(yǎng)健康的美食氛圍。通過水果底圖和酒杯狀的文字使整體設(shè)計(jì)活潑有趣，吸引讀者的注意。通過圖形、文字和圖片巧妙的編排將版面分割成不同的區(qū)域，達(dá)到活而不散的效果。

5.2.2設(shè)計(jì)理念時(shí)尚飲食欄目效果圖通過圖標(biāo)的設(shè)計(jì)和對(duì)欄目名稱的編輯，突出欄目主題14

1

25.2.3操作步驟

3

41151.行距的設(shè)置選擇“窗口>文字>字符”命令（組合鍵為Ctrl+T），彈出“字符”控制面板，在“行距”選項(xiàng)數(shù)值框中輸入所需要的數(shù)值，可以調(diào)整行與行之間的距離。

字符面板5.2.4相關(guān)工具1.行距的設(shè)置字符面板5.2.4相關(guān)工具162.創(chuàng)建文本分欄選擇菜單“文字>區(qū)域文字選項(xiàng)”命令，彈出“區(qū)域文字選項(xiàng)”對(duì)話框，如圖所示。區(qū)域文字選項(xiàng)對(duì)話框2.創(chuàng)建文本分欄區(qū)域文字選項(xiàng)對(duì)話框173.鏈接文本塊選擇“文字>串接文本>創(chuàng)建”命令，左邊文本框中溢出的文本會(huì)自動(dòng)移到右邊的閉合路徑中。

原文字創(chuàng)建串接文本3.鏈接文本塊原文字184.圖文混排選擇“對(duì)象>文本繞排>建立”命令，建立文本繞排，文本和圖形結(jié)合在一起，效果如圖所示。要增加繞排的圖形，可先將圖形放置在文本塊上，再選擇“對(duì)象>文本繞排>建立”命令，文本繞圖將會(huì)重新排列。

原圖像文本繞排4.圖文混排原圖像195.圖文混排選擇“對(duì)象>文本繞排>建立”命令，建立文本繞排，文本和圖形結(jié)合在一起，效果如圖所示。要增加繞排的圖形，可先將圖形放置在文本塊上，再選擇“對(duì)象>文本繞排>建立”命令，文本繞圖將會(huì)重新排列。

原圖像文本繞排5.圖文混排原圖像205.2.5實(shí)戰(zhàn)演練-制作流行服飾欄目

使用矩形工具、鋼筆工具和描邊命令制作欄目背景；使用文字工具添加需要的欄目名稱和相關(guān)信息；使用橢圓工具和混合工具制作漸變圓形；使用置入命令置入圖片；使用建立文本繞排命令制作圖片的繞排效果。

效果圖5.2.5實(shí)戰(zhàn)演練-制作流行服飾欄目使用矩21案例分析設(shè)計(jì)理念知識(shí)要點(diǎn)5.3綜合演練——制作化妝品欄目案例分析5.3綜合演練——制作化妝品欄目225.3.1案例分析本例是為時(shí)尚雜志制作的化妝品欄目，時(shí)尚雜志的化妝品欄目是必不可少的，它介紹當(dāng)季最流行的妝容以及向讀者分享最新產(chǎn)品，得到多數(shù)女性的喜愛。設(shè)計(jì)要求具有時(shí)尚、新潮的特點(diǎn)，符合年輕女性的喜好。5.3.1案例分析本例是為時(shí)尚雜志制作的化妝品欄目，時(shí)尚235.3.2設(shè)計(jì)理念在設(shè)計(jì)過程中，欄目設(shè)計(jì)多使用紅色，中間的不規(guī)則圖形將頁面完美的分割，上方的時(shí)尚女性向讀者展示了她的妝容；右側(cè)產(chǎn)品介紹使用紫色的圓形為底，精巧細(xì)致；下方的產(chǎn)品推薦主題明確，一目了然；頁面中的字體都進(jìn)行了相應(yīng)的設(shè)計(jì)，所使用的色彩都體現(xiàn)了時(shí)尚女性的特色；整個(gè)畫面圖文搭配布局合理，設(shè)計(jì)精巧。5.3.2設(shè)計(jì)理念在設(shè)計(jì)過程中，欄目設(shè)計(jì)多使用紅色，中間24使用置入命令和鋼筆工具制作背景圖；使用文字工具添加欄目名稱；使用橢圓工具和區(qū)域文字工具制作區(qū)域文字。5.3.3知識(shí)要點(diǎn)效果圖使用置入命令和鋼筆工具制作背景圖；使用文字工具添加欄目名稱；25案例分析設(shè)計(jì)理念知識(shí)要點(diǎn)5.4綜合演練——制作新娘雜志封面案例分析5.4綜合演練——制作新娘雜志封面265.4.1案例分析新娘雜志包容了最新的婚紗款式和婚慶裝扮，不管是想要了解最新國外婚紗流行趨勢的設(shè)計(jì)師還是準(zhǔn)備穿上婚紗的新娘，都是婚紗雜志的讀者。本例制作新娘雜志封面，要求體現(xiàn)幸福浪漫的感覺。5.4.1案例分析新娘雜志包容了最新的婚紗款式和婚慶裝扮275.4.2設(shè)計(jì)理念在設(shè)計(jì)過程中，封面的背景使用藍(lán)綠色漸變，與新娘的禮服搭配適宜，畫面中兩個(gè)新人深情對(duì)視，新郎手拿鮮花增添了畫面的浪漫色彩；雜志的字體使用粉色與白色搭配，甜美溫馨；整個(gè)畫面色彩的搭配體現(xiàn)了雜志的主題，吸引讀者閱讀。5.4.2設(shè)計(jì)理念在設(shè)計(jì)過程中，封面的背景使用藍(lán)綠色漸變28使用置入命令置入圖片；使用文字工具、創(chuàng)建輪廓命令、直接選擇工具、鋼筆工具和描邊命令制作標(biāo)題文字；使用文字工具添加其他相關(guān)信息。5.4.3知識(shí)要點(diǎn)效果圖使用置入命令置入圖片；使用文字工具、創(chuàng)建輪廓命令、直接選擇工29Illustrator-CS5平面設(shè)計(jì)案例教程5課件30本章簡介：

雜志是比較專項(xiàng)的宣傳媒介之一，它具有目標(biāo)受眾準(zhǔn)確、實(shí)效性強(qiáng)、宣傳力度大、效果明顯等特點(diǎn)。時(shí)尚生活類雜志的設(shè)計(jì)可以輕松活潑、色彩豐富。版式內(nèi)的圖文編排可以靈活多變，但要注意把握風(fēng)格的整體性。本章以多個(gè)雜志欄目為例，講解了雜志的設(shè)計(jì)方法和制作技巧。第5章雜志設(shè)計(jì)本章簡介：第5章雜志設(shè)計(jì)31課堂學(xué)習(xí)目標(biāo)掌握雜志欄目的設(shè)計(jì)思路和過程

掌握雜志欄目的制作方法和技巧

課堂學(xué)習(xí)目標(biāo)掌握雜志欄目的設(shè)計(jì)思路和過程32案例分析

設(shè)計(jì)理念操作步驟相關(guān)工具5.1制作時(shí)尚雜志封面案例分析5.1制作時(shí)尚雜志封面33

時(shí)尚生活雜志是一本為走在時(shí)尚前沿的人們準(zhǔn)備的資訊類雜志。雜志的主要內(nèi)容是介紹完美彩妝、流行影視、時(shí)尚服飾等信息。本雜志在封面設(shè)計(jì)上要營造出生活時(shí)尚和現(xiàn)代感。5.1.1案例分析時(shí)尚生活雜志是一本為走在時(shí)尚前沿34

在設(shè)計(jì)過程中，通過極具現(xiàn)代氣息的女性照片烘托出整體的時(shí)尚氛圍。通過對(duì)雜志名稱的藝術(shù)處理，表現(xiàn)出現(xiàn)代感。通過不同樣式的欄目標(biāo)題表達(dá)雜志的核心內(nèi)容。封面中的文字與圖形的編排布局相對(duì)集中緊湊，使頁面布局合理有序。5.1.2設(shè)計(jì)理念時(shí)尚雜志封面效果圖在設(shè)計(jì)過程中，通過極具現(xiàn)代氣息的女性照片烘托出35

1

25.1.3操作步驟

3

41365.1.4相關(guān)工具1．直接選擇工具選擇“直接選擇”工具，用鼠標(biāo)單擊對(duì)象可以選取整個(gè)對(duì)象。在對(duì)象的某個(gè)節(jié)點(diǎn)上單擊，該節(jié)點(diǎn)將被選中。選中該節(jié)點(diǎn)不放，向下拖曳，將改變對(duì)象的形狀。也可使用“直接選擇”工具圈選對(duì)象，使用“直接選擇”工具拖曳出一個(gè)矩形圈選框，在框中的所有對(duì)象將被同時(shí)選取。

直接選擇工具選取對(duì)象選取點(diǎn)拖曳點(diǎn)5.1.4相關(guān)工具1．直接選擇工具直接選擇工具選取對(duì)象372.文本的變換選擇菜單“對(duì)象>變換”命令或“變換”工具，可以對(duì)文本進(jìn)行變換。選中要變換的文本，再利用各種變換工具對(duì)文本進(jìn)行旋轉(zhuǎn)、對(duì)稱、縮放、傾斜等變換操作。將文本進(jìn)行傾斜、旋轉(zhuǎn)，對(duì)稱效果如圖所示。傾斜效果旋轉(zhuǎn)效果對(duì)稱效果2.文本的變換傾斜效果383.路徑查找器面板選擇菜單“窗口>路徑查找器”命令（組合鍵為Shift+Ctrl+F9），彈出“路徑查找器”控制面板，如圖所示。路徑查找器面板3.路徑查找器面板路徑查找器面板395.1.5實(shí)戰(zhàn)演練-汽車雜志封面

使用置入命令置入封面圖片；使用文字工具、描邊命令和投影命令編輯文字；使用對(duì)齊命令將文字對(duì)齊。效果圖5.1.5實(shí)戰(zhàn)演練-汽車雜志封面使用置入40案例分析

設(shè)計(jì)理念操作步驟相關(guān)工具5.2制作時(shí)尚飲食欄目

案例分析5.2制作時(shí)尚飲食欄目41

時(shí)尚飲食欄目是介紹現(xiàn)代流行的健康飲食的搭配方法和制作方法的欄目。時(shí)尚飲食欄目的內(nèi)容包括健康果飲、美食搭配、休閑小吃等內(nèi)容。在欄目的頁面設(shè)計(jì)上要抓住欄目特色，營造出時(shí)尚、健康、美味的氛圍。

5.2.1案例分析時(shí)尚飲食欄目是介紹現(xiàn)代流行的健康飲食的搭配方法42

通過圖標(biāo)的設(shè)計(jì)和對(duì)欄目名稱的編輯，突出欄目主題。使用橙色的底圖和鮮美的簡餐美食營造出營養(yǎng)健康的美食氛圍。通過水果底圖和酒杯狀的文字使整體設(shè)計(jì)活潑有趣，吸引讀者的注意。通過圖形、文字和圖片巧妙的編排將版面分割成不同的區(qū)域，達(dá)到活而不散的效果。

5.2.2設(shè)計(jì)理念時(shí)尚飲食欄目效果圖通過圖標(biāo)的設(shè)計(jì)和對(duì)欄目名稱的編輯，突出欄目主題43

1

25.2.3操作步驟

3

41441.行距的設(shè)置選擇“窗口>文字>字符”命令（組合鍵為Ctrl+T），彈出“字符”控制面板，在“行距”選項(xiàng)數(shù)值框中輸入所需要的數(shù)值，可以調(diào)整行與行之間的距離。

字符面板5.2.4相關(guān)工具1.行距的設(shè)置字符面板5.2.4相關(guān)工具452.創(chuàng)建文本分欄選擇菜單“文字>區(qū)域文字選項(xiàng)”命令，彈出“區(qū)域文字選項(xiàng)”對(duì)話框，如圖所示。區(qū)域文字選項(xiàng)對(duì)話框2.創(chuàng)建文本分欄區(qū)域文字選項(xiàng)對(duì)話框463.鏈接文本塊選擇“文字>串接文本>創(chuàng)建”命令，左邊文本框中溢出的文本會(huì)自動(dòng)移到右邊的閉合路徑中。

原文字創(chuàng)建串接文本3.鏈接文本塊原文字474.圖文混排選擇“對(duì)象>文本繞排>建立”命令，建立文本繞排，文本和圖形結(jié)合在一起，效果如圖所示。要增加繞排的圖形，可先將圖形放置在文本塊上，再選擇“對(duì)象>文本繞排>建立”命令，文本繞圖將會(huì)重新排列。

原圖像文本繞排4.圖文混排原圖像485.圖文混排選擇“對(duì)象>文本繞排>建立”命令，建立文本繞排，文本和圖形結(jié)合在一起，效果如圖所示。要增加繞排的圖形，可先將圖形放置在文本塊上，再選擇“對(duì)象>文本繞排>建立”命令，文本繞圖將會(huì)重新排列。

原圖像文本繞排5.圖文混排原圖像495.2.5實(shí)戰(zhàn)演練-制作流行服飾欄目

使用矩形工具、鋼筆工具和描邊命令制作欄目背景；使用文字工具添加需要的欄目名稱和相關(guān)信息；使用橢圓工具和混合工具制作漸變圓形；使用置入命令置入圖片；使用建立文本繞排命令制作圖片的繞排效果。

效果圖5.2.5實(shí)戰(zhàn)演練-制作流行服飾欄目使用矩50案例分析設(shè)計(jì)理念知識(shí)要點(diǎn)5.3綜合演練——制作化妝品欄目案例分析5.3綜合演練——制作化妝品欄目515.3.1案例分析本例是為時(shí)尚雜志制作的化妝品欄目，時(shí)尚雜志的化妝品欄目是必不可少的，它介紹當(dāng)季最流行的妝容以及向讀者分享最新產(chǎn)品，得到多