Illustrator巧制透明按鈕

用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巧制透明按鈕

Illustrator 巧制透明按鈕
Illustrator 巧制透明按鈕
用photoshop可以制作各種各樣漂亮的按鈕,其實它的姊妹軟件Illustrator擁有強大的漸變和透明功能,也可以制作漂亮的按鈕。   下面我介紹用Illustrator10制作有蘋果網站風格的按鈕。   主要用到漸變、色彩、圖層模...查看完整版>>Illustrator 巧制透明按鈕
 
Illustrator巧制透明按鈕
Illustrator巧制透明按鈕
  用photoshop可以制作各種各樣漂亮的按鈕,其實它的姊妹軟件Illustrator擁有強大的漸變和透明功能,也可以制作漂亮的按鈕。  下面我介紹用Illustrator10制作有蘋果網站風格的按鈕。   主要用到漸變、色彩、圖...查看完整版>>Illustrator巧制透明按鈕
 
Illustrator 巧制透明按鈕
Illustrator 巧制透明按鈕
用photoshop可以制作各種各樣漂亮的按鈕,其實它的姊妹軟件Illustrator擁有強大的漸變和透明功能,也可以制作漂亮的按鈕。   下面我介紹用Illustrator10制作有蘋果網站風格的按鈕。   主要用到漸變、色彩、圖層模...查看完整版>>Illustrator 巧制透明按鈕
 
Illustrator巧制透明按鈕
Illustrator巧制透明按鈕
  用photoshop可以制作各種各樣漂亮的按鈕,其實它的姊妹軟件Illustrator擁有強大的漸變和透明功能,也可以制作漂亮的按鈕。  下面我介紹用Illustrator10制作有蘋果網站風格的按鈕。   主要用到漸變、色彩、圖...查看完整版>>Illustrator巧制透明按鈕
 
Illustrator巧制透明按鈕
用Photoshop可以制作各種各樣漂亮的按鈕,其實它的姊妹軟件Illustrator擁有強大的漸變和透明功能,也可以制作漂亮的按鈕。   下面我介紹用Illustrator10制作有蘋果網站風格的按鈕。   主要用到漸變、色彩、圖...查看完整版>>Illustrator巧制透明按鈕
 
用Illustrator制作球型按鈕
用Illustrator制作球型按鈕
1. 雙擊Ellipse Tool(橢圓工具)在畫布上點一下,.會跳出一個Ellipse的設置對話框,分別在將寬度和高度設定爲205mm,按OK按鈕。 2.將邊框顔色關閉,並打開Window>Gradient(快捷鍵爲F9),使用linear直線漸...查看完整版>>用Illustrator制作球型按鈕
 
用Illustrator制作球型按鈕
用Illustrator制作球型按鈕
1. 雙擊Ellipse Tool(橢圓工具)在畫布上點一下,.會跳出一個Ellipse的設置對話框,分別在將寬度和高度設定爲205mm,按OK按鈕。 2.將邊框顔色關閉,並打開Window>Gradient(快捷鍵爲F9),使用linear直線漸...查看完整版>>用Illustrator制作球型按鈕
 
Fireworks制作透明按鈕一例
Fireworks制作透明按鈕一例
  今天我們看看大家都喜歡的透明按鈕在fireworks裏的一種制作方法。  1、創建新文檔,大小200*200 Pixels,背景顔色:#AAAAAA.   2、選擇Ellipse Tool(圓工具),繪制一個大小爲150*150的圓形。放在畫布中間。 ...查看完整版>>Fireworks制作透明按鈕一例
 
用CSS濾鏡巧制3D按鈕式導航條
  平面的導航條看多了,想不想做個3D的,當然制作的方法很多,真是仁者見仁,智者見智。我試著做了個按鈕式的,效果還不錯,每一個菜單項看起來都是一個個的按鈕,制作方法也不複雜,並且大小只有幾k,算瘦小的了。...查看完整版>>用CSS濾鏡巧制3D按鈕式導航條
 
 
回到王朝網路首頁