[CorelDRAW基礎(chǔ)教程合集一]導(dǎo)航條設(shè)計(jì)

2020-01-28 13:27:43

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

預(yù)覽效果

本節(jié)通過兩個(gè)小示例，介紹導(dǎo)航條按鈕的制作過程，效果如圖所示。

導(dǎo)航條按鈕預(yù)覽效果圖

知識提要

◇ 交互式陰影工具、交互式透明工具的應(yīng)用

◇ 漸變填充設(shè)置技巧

制作步驟

1. 導(dǎo)航條按鈕效果1

步驟1 新建一個(gè)空白文件

執(zhí)行【文件】|【新建】命令，建立一個(gè)新的文件（或按鍵盤上的Ctrl+N快捷鍵）。

步驟2 繪制矩形

在工具箱中選擇【矩形工具】，在圖層中繪制矩形對象，并設(shè)置矩形【圓角程度】參數(shù)為90，效果如圖8-5-1所示。

圖8-5-1設(shè)置矩形

選擇矩形對象，依次在工具箱中選擇【漸變填充工具】，將矩形填充的CMYK值設(shè)置為（0，60，80，0）和（0，0， 60，0），其他參數(shù)設(shè)置如圖8-5-2所示。

文本框: 重點(diǎn)提示在這里也可以用【形狀編輯工具】，拖動矩形的節(jié)點(diǎn)，也可以改變矩形對象的【圓角程度】參數(shù)。

圖8-5-2設(shè)置漸變填充

按照上面參數(shù)設(shè)置，單擊【確定】按鈕，并給矩形對象除去邊框，設(shè)置效果如圖8-5-3所示。

圖8-5-3設(shè)置漸變填充

依次在工具箱中選擇【矩形工具】，在圖層中繪制矩形對象，并設(shè)置矩形【圓角程度】參數(shù)為“90”，效果如圖8-5-4所示。

圖8-5-4繪制矩形

選擇矩形對象，再次在工具箱中選擇【漸變填充工具】，將矩形填充的CMYK值依次設(shè)置為（0，60，100，0）、（0， 20，100，0）、（0，60，100，0）、（0， 20，100，0）、（0，60，100，0）、（0， 20，100，0）、（0，60，100，0）、（0， 20，100，0）、（0，60，100，0），其他參數(shù)設(shè)置如圖8-5-5所示。

圖8-5-5設(shè)置漸變填充

按照上面參數(shù)設(shè)置，單擊【確定】按鈕，執(zhí)行效果如圖8-5-6所示。

文本框: 重點(diǎn)提示在這里也可以通過執(zhí)行【編輯】|【復(fù)制】命令，將對象復(fù)制到粘貼板中，然后執(zhí)行【編輯】|【粘貼】命令，復(fù)制對象。

圖8-5-6設(shè)置漸變填充

依次按下Ctrl+D按鈕，復(fù)制漸變填充對象，效果如圖8-5-7所示。

圖8-5-7復(fù)制對象

步驟3鍵入文本

在工具箱中單擊【文本工具】，分別在按鈕圖層上鍵入“作品展示、下載專區(qū)、作者手記、網(wǎng)站推薦”，設(shè)置【文本字體】為“方正舒體”、【字體大小】為30，【顏色】為“白色”。

復(fù)制文本對象，依次將復(fù)制的文本對象設(shè)置黑色，然后分別做相應(yīng)的調(diào)整，執(zhí)行效果如圖8-5-8所示。

圖8-5-8鍵入文本

選擇最下面的矩形對象，依次在工具箱中選擇【交互式陰影工具】，設(shè)置【陰影不透明度】為70、【陰影羽化程度】為15、【陰影顏色】為“黑色”，執(zhí)行效果如圖8-5-9所示。

圖8-5-9設(shè)置陰影操作

依次在工具箱中單擊【文本工具】，在圖層上鍵入“CorelDRAW”，設(shè)置【文本字體】為“華文彩云”、【字體大小】為48，【顏色】為“綠色”。

最后在工具箱中單擊【矩形工具】，在文本下面繪制矩形對象，將矩形填充的CMYK值設(shè)置為（100，100，0，0），執(zhí)行效果如圖8-5-10所示。

圖8-5-10鍵入文本

2．導(dǎo)航條按鈕效果2

步驟1繪制矩形

在工具箱中選擇【矩形工具】，繪制矩形對象，并設(shè)置矩形【圓角程度】參數(shù)為30。

文本框: 重點(diǎn)提示拖動網(wǎng)狀控制框上的控制點(diǎn)，此時(shí)在繪圖頁面中顯示出一個(gè)或兩個(gè)“x”標(biāo)志，這就是該對象的透視點(diǎn)，拖動透視點(diǎn)，調(diào)整透視效果，操作完成后按空格鍵即可。選擇矩形對象，依次執(zhí)行【效果】|【添加透視點(diǎn)】命令，給矩形對象設(shè)置透視點(diǎn)操作，變形后效果如圖8-5-11所示。

圖8-5-11設(shè)置透視點(diǎn)操作

將變形后的對象等比例縮小，依次執(zhí)行【編輯】|【再制】命令，復(fù)制變形后的矩形對象，效果如圖8-5-12所示。

圖8-5-12復(fù)制矩形

選擇所有的矩形對象，依次執(zhí)行【排列】|【對齊與分布】|【上對齊】命令，給所有對象執(zhí)行對齊操作。

步驟2設(shè)置漸變填充

文本框: 重點(diǎn)提示在編輯多個(gè)對象時(shí)，時(shí)常希望將圖形頁面中的對象整齊的、有條理的組織在一起，利用對齊與分布操作很容易做到。選擇最左邊的矩形對象，依次在工具箱中選擇【漸變填充工具】，將矩形填充的CMYK值設(shè)置為（100，0，0，0）和（0，0，0，0），其他參數(shù)設(shè)置如圖8-5-13所示。

圖8-5-13設(shè)置漸變填充

按照上面參數(shù)設(shè)置，單擊【確定】按鈕，執(zhí)行效果如圖8-5-14所示。

圖8-5-14設(shè)置漸變填充

文本框: 重點(diǎn)提示在【漸變填充】對話框中有三種顏色填充方式分別是【直線填充】、【順時(shí)針填充】、【逆時(shí)針填充】，不同的填充方式，顯示出不同的效果。給設(shè)置漸變填充的對象除去邊框，依次給其他矩形對象執(zhí)行漸變填充操作，設(shè)置其填充的CMYK值依次為（0，100，100，0）和（0，0，0，0）、（100，0，100，0）和（0，0，0，0）、（60，80，0，0）和（0，0，0，），其他參數(shù)與圖8-120參數(shù)設(shè)置相同，執(zhí)行效果如圖8-5-15所示。