第九步：文字

我們來添加文字。使用文字工具鍵入文字”TRY NOW”，使用Anja Eliane字體，35pt大小。你可以在這里下載此字體。在對(duì)象菜單中選擇擴(kuò)展，然后給文字填充如下所示的線性漸變，角度設(shè)置為負(fù)45度。接下來，選擇效果菜單》風(fēng)格化，應(yīng)用如下所示的投影。

現(xiàn)在，鍵入”30 DAY TRIAL”，使用Arial字體，加粗，15pt大小，然后從對(duì)象菜單中選擇擴(kuò)展，然后給文字填充白色，再次添加如下圖所示的投影效果。

第十步：箭頭

從符號(hào)面板中打開符號(hào)庫菜單并且在箭頭類別中找到箭頭24。將其拖拽到你的工作區(qū)中，然后按下面板底部的”斷開符號(hào)鏈接”圖標(biāo)。對(duì)其取消編組兩次，然后選擇效果菜單》風(fēng)格化》圓角，應(yīng)用3像素的半徑(1)。給箭頭填充如下所示的線性漸變，然后用如下所示的顏色給其添加0.5pt的描邊(2)。

將箭頭移動(dòng)到按鈕上，選擇效果菜單》風(fēng)格化，應(yīng)用投影效果。

選中此箭頭，在對(duì)象菜單中選擇擴(kuò)展外觀，目的是將應(yīng)用的兩種效果擴(kuò)展，然后選擇對(duì)象菜單》變換》縮放，選擇80%，點(diǎn)擊復(fù)制。這樣你會(huì)得到小一點(diǎn)的箭頭。像下圖所示那樣放置它們，確保它們水平對(duì)其。將它們兩個(gè)都選擇上，然后選擇對(duì)象菜單》變換》反向。選擇垂直然后點(diǎn)擊拷貝，將兩個(gè)新建頭放置在右側(cè)，這樣按鈕就初步成型了。

第十一步：陰影

現(xiàn)在唯一缺少的就是按鈕底部的陰影了。選擇橢圓工具(L)，在底部畫出一個(gè)扁平的橢圓，填充顏色設(shè)置為黑色(1)。將此橢圓放置在按鈕之后，然后選擇對(duì)象菜單》路徑》偏移路徑，應(yīng)用最少7個(gè)像素的偏移。你會(huì)在中間得到一個(gè)小一點(diǎn)的橢圓(2)。將大橢圓的不透明度設(shè)置為0%，然后將兩個(gè)都選取上，選擇對(duì)象菜單》混合》混合選項(xiàng)，選擇25指定的步數(shù)，然后選擇對(duì)象菜單》混合》建立(3)。將得到的混合編組的不透明度降低為75%，如果你將按鈕放置于特別的背景上，也要將混合模式更改為正片疊底。

這里就是最終的效果。

第十二步：其他顏色

通過這個(gè)按鈕的創(chuàng)建方法你可以得到其它不同的顏色。你需要做的就是將按鈕拷貝一遍，做一點(diǎn)更改而已。在下面的圖中你可以看到3個(gè)例子：藍(lán)色、綠色和紫色。在下方所示的圖中，所有可見的形狀都沒有更改，保持了它們的原貌。而那些隱藏的意味著將會(huì)被修改，我們一個(gè)一個(gè)來。

我們從圓角矩形開始。使用直接選擇工具(A)選擇它，并且查看一下外觀面板。將第一個(gè)漸變填充更改為如下所示的新的漸變，其它屬性不做修改。綠色和藍(lán)色按鈕也用同樣的方法。

對(duì)于文字，簡(jiǎn)單的將漸變中間的顏色從淺橙色分別更改為淺藍(lán)色，淺綠色和淺紫色。文字”30 DAY TRIAL”保持原貌。

現(xiàn)在，選擇箭頭，像如下所示改變漸變填充和描邊。效果仍保持不變。

最終，就像你在第十步所做的那樣，選擇擴(kuò)展外觀，然后通過縮放得到小一點(diǎn)的箭頭，將兩個(gè)箭頭反向就完成了。

最終圖片：

這就是最終的圖片，4個(gè)可以應(yīng)用到網(wǎng)頁上的按鈕。

以上就是使用Adobe Illustrator中的3D效果創(chuàng)建一組立體網(wǎng)頁按鈕全過程，希望大家看完之后，都會(huì)使用這種制作方法！謝謝大家觀看！

最新評(píng)論