Illustrator平面設計立體化教程（Illustrator 2021）（微課版）課件 項目6 應用文本與圖表

Illustrator平面設計立體化教程（微課版）新形態(tài)立體化精品系列教材項目6應用文本與圖表目錄Contents任務6.1

設計企業(yè)招聘易拉寶海報任務6.2

設計保險營銷海報綜合實戰(zhàn)

設計房地產營銷長圖“遠航科技”企業(yè)委托公司設計企業(yè)招聘易拉寶海報，老洪將該任務分配給了米拉，米拉接過任務，向招聘企業(yè)確定了招聘職位、招聘人數(shù)、招聘要求、公司地址、公司聯(lián)系方式等具體信息，然后根據(jù)公司名稱和公司性質，考慮采用青色作為主色，由于包含大量文字內容，為提高可閱讀性，需要通過字符格式設置、段落格式設置，分層設計文字內容，并利用與公司名稱相關的插畫來豐富海報畫面。本任務的參考效果如圖所示。任務6.1

設計企業(yè)招聘易拉寶海報任務描述任務背景易拉寶也稱海報架、展示架，易拉架等，由于伸縮的支架和可卷曲的橫幅組成，適用于會議、展覽、銷售宣傳等場合，用于吸受眾群體的目光，傳達相關信息，是使用頻率最高，也最常見的便攜展具之一?！斑h航科技”企業(yè)為彌補企業(yè)人力資源的不足，需招聘設計總監(jiān)、設計助力和銷售人員，委托公司設計一張招聘海報，以易拉寶的形式，放到招聘展位上使用，要求版面美觀、整齊，符合科技公司風格，能快速抓住求職者眼球。任務描述任務目標知識要點“字符”面板、“段落”面板、文字工具組、創(chuàng)建文字輪廓。①?制作尺寸為80mm×160mm，CMYK模式，分辨率為300像素/英寸的企業(yè)招聘易拉寶海報。②?背景與文案色彩反差大，選擇易于閱讀的字體，提高文案的可讀性。③?文案層次結構清晰，招聘信息完善、精確，版面整潔、統(tǒng)一、穩(wěn)重。知識準備1．文字工具組文字工具組如圖所示，可以用來創(chuàng)建不同類型的文字，在控制欄中還可以設置字體、字號、文字顏色等參數(shù)，具體介紹如下。如右圖所示。文字工具：選擇該工具，單擊鼠標左鍵插入定位點可輸入橫排點文字。區(qū)域文字工具：選擇該工具，將鼠標指針移動到圖形內邊框上，當鼠標指針呈形狀時，在圖形內部邊緣單擊，圖形的填充和描邊屬性將被取消，在其中可輸入文本，形成區(qū)域文字。路徑文字工具：選擇該工具，將鼠標指針移動到路徑上，當鼠標指針呈形狀時，單擊鼠標左鍵，輸入所需要的文字，文字將會沿著路徑排列。直排區(qū)域文字工具：選擇該工具，在圖形內單擊鼠標左鍵可輸入豎排區(qū)域文字。直排路徑文字工具：選擇該工具，在路徑上單擊鼠標左鍵可輸入豎排文字。修飾文字工具：用于對一串文字中的單個文字進行編輯。知識準備2．“字符”面板若需要設置更多的文字屬性，就需要打開“字符”面板進行設置。其具體操作方法為：選擇文字，選擇【窗口】/【文字】/【字符】命令，或按【Ctrl+T】鍵，打開“字符”面板，如下圖所示。字體大小：用于控制文字的大小。行距：用于控制文字的行距，定義文字中行與行之間的距離。垂直縮放：用于使文字的橫向大小保持不變，縱向被縮放。水平縮放：用于使文字的縱向大小保持不變，橫向大小被縮放。字距微調：用于細微地調整兩個文字之間的水平間距。所選字符的字距調整：用于調整所選文字與相鄰文字之間的距離。比例間距：用于設置文字之間的間距，比例數(shù)值越大，文字之間的距離越小。字體系列“方正超粗黑簡體”：單擊下拉列表框右側的按鈕，可以從彈出的下拉列表中選擇一種需要的字體。知識準備3．文字輪廓如果選擇創(chuàng)建的文字，選擇【文字】/【創(chuàng)建輪廓】命令，或按【Shift+Ctrl+O】鍵，可以將文字轉換為形狀，便于修改文字輪廓，或進行漸變填充等操作，但文字屬性將丟失，不可再次設置字體。下圖所示編輯“清倉大促”文字的輪廓，并添加漸變的效果。知識準備4．“段落”面板“段落”面板的設置主要是針對Illustrator中的區(qū)域文字，可以使區(qū)域文字版面更加整齊、美觀，可以選擇【窗口】/【文字】/【段落】命令，或按【Alt+Ctrl+T】鍵，打開“段落”面板，如下圖所示。具體介紹如下文字對齊：用于按一定規(guī)律對齊文字。段落縮進：用于設置一個段落文字需要空出的文字位置。段落間距：用于設置段落之間的間距。避頭尾集：用于設置避免某一文字出現(xiàn)在行首或行末。標點擠壓集：用于設置避免標點出現(xiàn)在行首或行末。連字：單擊選中該復選框可在斷開的單詞間顯示連字標記。知識準備5．編輯區(qū)域文字在處理區(qū)域文字時，通過“對象”或“文字”菜單項中的子命令，可以實現(xiàn)更多的編輯形式。插入字符：若選擇【文字】/【插入特殊字符】命令，在彈出的子菜單中可以選擇插入項目符號、版權符號、商標符號等特殊文字。串接文字：串接文字功能可以讓不同文字區(qū)域框內的文字自動接續(xù)，接續(xù)后即使需要增刪文字，也不會影響整體排版。設置文字分欄：選中要進行分欄的區(qū)域文字，選擇【文字】/【區(qū)域文字選項】命令，打開“區(qū)域文字選項”對話框。文字繞排：在區(qū)域文字上方放置圖形，并且該圖形所在圖層也位于區(qū)域文字所在圖層的上方，同時選中區(qū)域文字和圖形，選擇【對象】/【文字繞排】/【建立】命令，可將文字繞排在圖形周圍。任務實施1．設計標題文字排版在設計標題文字排版時，米拉首先梳理文字信息，分析文本重要程度，進行文字信息層級的劃分，然后通過字體對比、字號對比、來突出文字層次感，具體操作如下。1復制文案2文字排版3設置文字顏色任務實施2．設計圓形標志公司標志是招聘海報中不可或缺的信息。米拉考慮根據(jù)提供的公司名稱以及圖標設計一款圓形標志，在排版標志文字和圖形時，以圓為中心進行擴散排版，為了使文字環(huán)繞圖標，需要利用路徑文字的相關操作，具體操作如下。1創(chuàng)建路徑文字2調整路徑文字位置3圖標效果任務實施3．修飾標題文字米拉考慮使用英文字母、圖形、線條、圖標等元素增強標題文字的關聯(lián)感，以此增加小標題的吸引力，并且使整個版面更美觀、更有細節(jié)，具體操作如下。1修飾英文字母2設置修飾線條3添加圖形圖標任務實施4．創(chuàng)建文字輪廓為增強標題的設計感，米拉考慮為“招聘”文字創(chuàng)建輪廓，編輯輪廓效果，加入海鷗元素，具體操作如下。1編輯文字輪廓2繪制裝飾圖形任務實施5．排版段落文字由于招聘信息較多，米拉考慮創(chuàng)建區(qū)域文字框放置招聘信息。為了使信息層次分明，便于閱讀，米拉首先提取職位信息單獨放置到漸變圖形中，然后放大職位薪資字體大小，為其設置較粗的字體系列并添加下滑線，最后為職位要求信息設置項目符號和縮進，具體操作如下。1創(chuàng)建區(qū)域文字2繪制漸變矩形3編輯職位信息4設置職位薪資信息屬性的效果任務實施5．排版段落文字5插入空格6職位信息排版效果形任務實施6．排版尾部信息尾部一般用于放置電話、地址等信息，單擊直接放置這些信息，并不美觀，米拉考慮通過矩形、電話圖標、字體大小對比、二維碼圖標來突出層次感與版式的美感，具體操作如下。1繪制矩形并添加尾部信息2添加插畫修飾招聘海報形目錄Contents任務6.1設計企業(yè)招聘易拉寶海報任務6.2設計保險營銷海報綜合實戰(zhàn)

設計房地產營銷長圖某保險企業(yè)為推廣業(yè)務，委托公司設計保險營銷海報，展示在微信朋友圈、微博等平臺中，老洪接過該任務，將該任務交給了米拉。米拉向客戶確定海報中需要包含的二維碼、電話、名稱、保險數(shù)據(jù)等信息，開始著手分析該任務，米拉考慮從“重疾險”所占比例為出發(fā)點，以圖表數(shù)據(jù)主體圖像，采用藍色為背景色，利用餅圖表示各類理賠數(shù)據(jù)占比，使各類數(shù)據(jù)清晰明了。本任務的參考效果如圖所示。任務6.1

設計企業(yè)招聘易拉寶海報任務描述任務背景營銷海報是一種重要的傳播工具，它具有簡單明了、無需互動、直觀明確的特點，能在短時間內快速傳遞出產品或品牌的特點及價值，時常出現(xiàn)在微信、微博、QQ等平臺。本例中，王云是一名保險推銷人員，為擴大業(yè)務，需要公司以“買保險找王云”為主題，以“重疾險”占比為切入點，宣傳重疾險的重要性的同時推廣自己的業(yè)務，以求更多的人找王云買保險，以獲得更好的收益。任務描述任務目標知識要點“字符”面板、圖表創(chuàng)建、圖表美化。①?制作尺寸為1242px×2208px，分辨率為72像素/英寸的保險營銷海報。②?畫面整潔，布局美觀，圖標數(shù)據(jù)清晰。知識準備1．圖表工具組Illustrator提供了多種類型的圖表創(chuàng)建工具，如下圖所示，通過這些工具可以創(chuàng)建出各種不同類型的表格，以更好地表現(xiàn)復雜的數(shù)據(jù)，具體介紹如下。柱形圖工具：使用該工具創(chuàng)建的圖表可以創(chuàng)建豎排的、高度可變的矩形柱來代表數(shù)值的大小，矩形的高度與數(shù)據(jù)大小成正比。堆積柱形圖工具：使用該工具可以創(chuàng)建類似于“柱狀圖”的圖表，柱形圖表用于為單一的數(shù)據(jù)進行比較，而堆積柱形圖則將比較的數(shù)值疊加在一起，用于顯示全部數(shù)據(jù)總和的比較。知識準備1．圖表工具組條形圖工具：使用該工具可以創(chuàng)建與“柱形圖”本質一樣的圖表，使用長度可變的橫向矩形條來代表數(shù)值的大小。堆積條形圖工具：使用該工具可以創(chuàng)建與“條形圖”類似的圖表，但堆積條形圖將比較的數(shù)值將疊加在一起。折線圖工具：使用該工具創(chuàng)建的圖表可以用折線連接數(shù)據(jù)點，來表示一組或者多組資料，通過折線的走勢，表現(xiàn)數(shù)據(jù)的變化趨勢。面積圖工具：使用該工具可以創(chuàng)建與“折線圖”類似的圖表。散點圖工具：使用該工具創(chuàng)建的圖表以x軸和y軸為數(shù)據(jù)坐標軸。餅圖工具：使用該工具創(chuàng)建的圖表整體顯示為一個圓。雷達圖工具：使用該工具可以創(chuàng)建以不規(guī)則多邊形方式顯示各組數(shù)據(jù)對比情況的圖表知識準備2．“圖表數(shù)據(jù)”對話框選擇需要的圖表工具后，繪制放置圖表的區(qū)域，此時會打開“圖表數(shù)據(jù)”對話框，對話框中的圖表數(shù)據(jù)與圖表的顯示是相互關聯(lián)的，如圖所示，具體介紹如下。導入數(shù)據(jù)：單擊該按鈕，可以從外部文件中導入數(shù)據(jù)信息。換位行/列：單擊該按鈕，可將橫排和豎排的數(shù)據(jù)交換位置。切換X/Y軸：單擊該按鈕，將打開“單元格樣式”對話框，用于設置單元格小數(shù)點。單元格樣式：單擊該按鈕，將打開“單元格樣式”對話框，用于設置單元格小數(shù)點的位數(shù)和數(shù)字欄的寬度?；謴停簡螕粼摪粹o，將使文字框中的數(shù)據(jù)恢復到前一個狀態(tài)。應用：單擊該按鈕，確認輸入的數(shù)值并生成圖表。任務實施1．排版海報文案在排版海報文案時，米拉考慮以藍色為主題色，采用徑向漸變創(chuàng)建背景，然后梳理文字信息，分析信息重要程度，進行文字信息層級的劃分，然后通過字體對比、大小對比、文字傾斜來突出文字的層次感和設計感，具體操作如下。1創(chuàng)建背景漸變2添加文案3傾斜文字任務實施1．排版海報文案4設置文字間距5使用圖形和圖標裝飾海報并調整文字屬性任務實施2．創(chuàng)建圖表通過深入分析不同圖表的作用，米拉考慮利用“餅圖工具”為理賠數(shù)據(jù)占比創(chuàng)建圖表，使數(shù)據(jù)展示更加清晰直觀，具體操作如下。1繪制圓2輸入餅圖數(shù)據(jù)3查看創(chuàng)建的餅圖任務實施3．美化圖表米拉發(fā)現(xiàn)默認創(chuàng)建的圖表超出了放置圖表的區(qū)域，需要調整大小，使其滿足頁面需要，并且圖表的顏色呈灰白黑色，視頻效果不美觀，米拉考慮采用鮮明的顏色來美化圖表，并完善圖表的數(shù)據(jù)信息，具體操作如下。1調整圖表大小2更改圖例內容布局3完善數(shù)據(jù)信息的效果目錄Contents任務6.1設計企業(yè)招聘易拉寶海報任務6.2

設計保險營銷海報綜合實戰(zhàn)設計房地產營銷長圖老洪新接到的很多設計任務都涉及了大量數(shù)據(jù)，由于時間緊迫，米拉制作的“保險營銷海。報”又獲得了客戶的肯定，因此老洪繼續(xù)將“房地產營銷長圖”設計任務交給米拉來完成。米拉接過任務，首先充分了解客戶提供的房地產營銷文案，通過分析“得房率”數(shù)據(jù)，將“更高得房率更大空間”作為營銷核心賣點，再通過餅圖將“高層”“洋房”得房率進行直觀展示，為營銷長圖設計橘紅漸變背景，營造溫馨氛圍。本實戰(zhàn)的參考效果如右圖所示。綜合實戰(zhàn)

設計房地產營銷長圖營銷長圖類似于營銷海報，但其展示內容比營銷海報更多，營銷長圖經常出現(xiàn)在朋友圈和公眾號推文，常用于介紹產品或者宣傳活動。營銷長圖相比乏味地文字說明更加清晰直觀，更能快速鎖定內容是否滿足需求。某房地產品牌委托公司制作一張精美的營銷長圖，發(fā)布微信朋友圈，促進房產的銷售。實戰(zhàn)背景實戰(zhàn)描述①?制作尺寸為800px×2000px，分辨率為72像素/英寸營銷長圖。②?將數(shù)據(jù)創(chuàng)建為圖表，美化圖表，使數(shù)據(jù)可視化。③?營銷長圖包含文案、數(shù)據(jù)信息等，內容簡潔明了，具有說服力。④?顏色、字體搭配和諧，主色調一般不超過3種顏色。實戰(zhàn)目標知識要點““字符”面板、文字工具組、圖表工具組、“圖表數(shù)據(jù)”對話框。設計房地產營銷長圖時，米拉考慮采用漸變背景增強創(chuàng)意，直接使用文字說明會顯得非常蒼白，難以達成營銷的目的和效果，決定使用餅圖來表現(xiàn)得房率更加直觀，布局文字和圖表，美化圖表和文字，使用整體呈現(xiàn)效果更佳，本例的設計思路如圖所示，參考步驟如下。思路及步驟（1）新建名稱為“房