| 導購 | 订阅 | 在线投稿
分享
 
 
 

Illustrator巧制透明按鈕

2006-01-14 19:29:10  編輯來源:互聯網  简体版  手機版  評論  字體: ||
 
  用Photoshop可以制作各種各樣漂亮的按鈕,其實它的姊妹軟件Illustrator擁有強大的漸變和透明功能,也可以制作漂亮的按鈕。
   下面我介紹用Illustrator10制作有蘋果網站風格的按鈕。
  主要用到漸變、色彩、圖層模式、陰影濾鏡等工具。
Illustrator巧制透明按鈕

  選擇菜單文件>新建,新建一個文件。
Illustrator巧制透明按鈕

  因爲制作的是矢量圖,如果不用于打印,文件大小無所謂。
  在工具面板中選擇矩形工具,按住不放,直到出現一個工具條,選擇圓角矩形工具,在文檔中點擊鼠標左鍵,彈出一個對話框,做如下設置。
Illustrator巧制透明按鈕

  點擊確定後,會出現一個圓角矩形,在外觀面板中選擇筆畫,在顔色面板中設置筆畫的顔色爲:R:115,G:115,B:115,在外觀面板中選擇填充,在工具條底部選擇填充類型爲漸變,在漸變面板中作如下設置:
Illustrator巧制透明按鈕

  此時,得到的結果應該如下所示:
Illustrator巧制透明按鈕

  選中該對象,執行菜單:濾鏡〉風格化〉投影...,在彈出的對話框中作如下設置:
Illustrator巧制透明按鈕

  執行濾鏡效果後,結果如下:
Illustrator巧制透明按鈕

  點擊圖層面板底部的新建圖層按鈕,新建一個圖層。然後選擇矩形工具,畫一個和上面的圓角矩形相同寬度,高度約爲圓角矩形一半(W:90mm,H:11mm)的矩形,筆畫爲無,填充顔色白色,位置和圓角矩形上半部重合。然後定位到透明面板,把混合方式改爲亮度,不透明度69%。
Illustrator巧制透明按鈕

  此時,透明按鈕的效果已經出來了。
Illustrator巧制透明按鈕

  下面只要加入文字就可以了,新建一層,用橫排文字工具輸入文字Quick Time,字體選擇Arial,字號45pt。給文字也應該加上一點投影,執行菜單:濾鏡〉風格化〉投影...,用剛才的設置就可以了,這個按鈕就做好了。
Illustrator巧制透明按鈕
 
用Photoshop可以制作各種各樣漂亮的按鈕,其實它的姊妹軟件Illustrator擁有強大的漸變和透明功能,也可以制作漂亮的按鈕。   下面我介紹用Illustrator10制作有蘋果網站風格的按鈕。   主要用到漸變、色彩、圖層模式、陰影濾鏡等工具。 [url=/bbs/detail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143734.jpg[/img][/url]   選擇菜單文件>新建,新建一個文件。 [url=/bbs/detail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143580.jpg[/img][/url]   因爲制作的是矢量圖,如果不用于打印,文件大小無所謂。   在工具面板中選擇矩形工具,按住不放,直到出現一個工具條,選擇圓角矩形工具,在文檔中點擊鼠標左鍵,彈出一個對話框,做如下設置。 [url=/bbs/detail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143621.jpg[/img][/url]   點擊確定後,會出現一個圓角矩形,在外觀面板中選擇筆畫,在顔色面板中設置筆畫的顔色爲:R:115,G:115,B:115,在外觀面板中選擇填充,在工具條底部選擇填充類型爲漸變,在漸變面板中作如下設置: [url=/bbs/detail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143360.jpg[/img][/url]   此時,得到的結果應該如下所示: [url=/bbs/detail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143371.jpg[/img][/url]   選中該對象,執行菜單:濾鏡〉風格化〉投影...,在彈出的對話框中作如下設置: [url=/bbs/detail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143797.jpg[/img][/url]   執行濾鏡效果後,結果如下: [url=/bbs/detail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143112.jpg[/img][/url]   點擊圖層面板底部的新建圖層按鈕,新建一個圖層。然後選擇矩形工具,畫一個和上面的圓角矩形相同寬度,高度約爲圓角矩形一半(W:90mm,H:11mm)的矩形,筆畫爲無,填充顔色白色,位置和圓角矩形上半部重合。然後定位到透明面板,把混合方式改爲亮度,不透明度69%。 [url=/bbs/detail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143784.jpg[/img][/url]   此時,透明按鈕的效果已經出來了。 [url=/bbs/detail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143833.jpg[/img][/url]   下面只要加入文字就可以了,新建一層,用橫排文字工具輸入文字Quick Time,字體選擇Arial,字號45pt。給文字也應該加上一點投影,執行菜單:濾鏡〉風格化〉投影...,用剛才的設置就可以了,這個按鈕就做好了。 [url=/bbs/detail_82183.html][img]http://www.duomeiti8.org/MPicture/UploadFiles/200512510143738.jpg[/img][/url]
󰈣󰈤
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
王朝網路微信公眾號
微信掃碼關註本站公眾號 wangchaonetcn
 
  免責聲明:本文僅代表作者個人觀點,與王朝網絡無關。王朝網絡登載此文出於傳遞更多信息之目的,並不意味著贊同其觀點或證實其描述,其原創性以及文中陳述文字和內容未經本站證實,對本文以及其中全部或者部分內容、文字的真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,並請自行核實相關內容。
 
© 2005- 王朝網路 版權所有