1. <dd id="nlasp"></dd>

        <div id="nlasp"><tr id="nlasp"></tr></div>
        1. <em id="nlasp"></em>
          1. 當前位置: 首頁 > 設計教程 > 網頁設計教程 > Illustrator使用3D效果制作網頁按鈕

            Illustrator使用3D效果制作網頁按鈕

            在這篇文章中我們將通過使用Adobe Illustrator中的3D效果來創建一組網頁按鈕。為什么要用這種方法?原因是這種方法替代了使用不同的筆刷和其他工具來創建高光和陰影,只需一步就能實現,充分利用了現成的光線設置和斜角形狀。讓我們開始!

            最終效果圖:

            Illustrator實例教程:使用3D效果制作網頁按鈕

            第一步:按鈕形狀

            我們從創建基本的網頁按鈕形狀開始。選擇圓角矩形工具,在畫板中任意位置點擊一下打開圓角矩形窗口。填入如下圖所示的數字以得到我們需要的形狀。選擇淺灰色作為填充顏色。

            Illustrator實例教程:使用3D效果制作網頁按鈕

            第二步:3D設置

            在此矩形選中的狀態下,選擇效果菜單》3D》凸出和斜角。在下圖的右方你可以看到默認設置,只有”指定繞X軸旋轉”的值有所改變。通常情況下我更愿意使用斜角形狀,但有時不能得到讓人滿意的結果。在這個例子中,如果你選擇”長圓形”作為斜角形狀改變會更明顯,邊緣會更圓潤,而且之后也不用擔心高光和陰影的問題。

            Illustrator實例教程:使用3D效果制作網頁按鈕

            如果你增加高度值,圓形的邊緣就會變得更厚。

            Illustrator實例教程:使用3D效果制作網頁按鈕

            在凸出與斜角選項窗口中,點擊更多選項按鈕打開整個的對話框,注意底部的選項。如果你想加亮左上角,將光線移動到如下所示的上方,或者你想加亮右下角的話將其移動至下方。

            Illustrator實例教程:使用3D效果制作網頁按鈕

            第三步:3D按鈕

            下圖是我的設置值。更改”指定繞X軸旋轉”值,在斜角中選擇長圓形,將高度值從4pt更改為6pt,然后將光線稍微移向左側。

            Illustrator實例教程:使用3D效果制作網頁按鈕

            第四步:給按鈕上色

            在3D按鈕已經選擇的情況下,選擇對象》擴展外觀命令,現在,使用直接選擇工具(A)選擇內部的圓角矩形,給它填充如下圖所示的線性漸變。將角度設置為90度。在此矩形選中的狀態下,在外觀面板中雙擊內容(原因是這個形狀是在編組中),這樣你就能看到已經存在的屬性。接下來,選擇效果》風格化》內發光命令,使用如下所示的值。

            Illustrator實例教程:使用3D效果制作網頁按鈕

            分享到: 
            photoshop制作綠色下載按鈕
            《劍靈》游戲預告網站設計回顧總結

            熱門推薦

            体彩11选5开奖查询