[CorelDRAW基礎教程合集一]導航條設計

2020-01-28 13:27:43

字體：大中小

來源：轉載

供稿：網友

預覽效果

本節通過兩個小示例，介紹導航條按鈕的制作過程，效果如圖所示。

導航條按鈕預覽效果圖

知識提要

◇ 交互式陰影工具、交互式透明工具的應用

◇ 漸變填充設置技巧

制作步驟

1. 導航條按鈕效果1

步驟1 新建一個空白文件

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

步驟2 繪制矩形

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

圖8-5-1設置矩形

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

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

圖8-5-2設置漸變填充

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

圖8-5-3設置漸變填充

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

圖8-5-4繪制矩形

選擇矩形對象，再次在工具箱中選擇【漸變填充工具】，將矩形填充的CMYK值依次設置為（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），其他參數設置如圖8-5-5所示。

圖8-5-5設置漸變填充

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

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

圖8-5-6設置漸變填充

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

圖8-5-7復制對象

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

步驟3鍵入文本

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

復制文本對象，依次將復制的文本對象設置黑色，然后分別做相應的調整，執行效果如圖8-5-8所示。

圖8-5-8鍵入文本

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

圖8-5-9設置陰影操作

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

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

圖8-5-10鍵入文本

2．導航條按鈕效果2

步驟1繪制矩形

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

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

圖8-5-11設置透視點操作

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

圖8-5-12復制矩形

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

步驟2設置漸變填充

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

圖8-5-13設置漸變填充

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

圖8-5-14設置漸變填充

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