頁面中經常能看到電話簿的圖標，該怎么設計這個網頁圖標呢？下面我們就來畫一畫電話簿的圖標，從中學習一下藍白色與橙色的搭配應用技巧，還有不同元素的細節結構的畫法，詳細請看下文介紹。

1、先用鉛筆畫出電話簿圖標的主要元素路徑，包括：圖標背景、電話簿、電話這樣的三個元素，電話表面的光線明暗也要一一用路徑呈現出來。

2、用橙色的漸變填充電話機的基本輪廓，復制這個路徑再縮小到95%，我們用橙色的漸變填充，再設置成濾色，透明度到50%，讓電話機的明暗層次出現。

3、使用橙色的漸變填充電話機左側中間部分的結構元素，再復制一下用同樣的方法做出光線的層次。

4、使用白色填充電話機上下兩側的聽筒的路徑，再復制與縮小后用橙色的漸變填充。

5、繼續復制這個橢圓形的路徑并縮小，我們用灰白色的漸變填充，并用圓形畫出聽筒上面的孔洞，我們用灰色的漸變填充。

6、設置藍色的漸變填充整個電話簿的路徑，再用文字工具打出白色文字并做出藍色的陰影，調整文字在電話簿的封面上面的位置。

7、我們用灰黑色的漸變填充封面的高光區域的路徑，設置成濾色的狀態。使用灰白色的漸變填充圖標的背景，用正片疊底的設計做出周圍的暗光效果，再加上一個灰黑色的陰影，完成電話簿圖標設計。

以上就是ai設計電話簿icon圖標的教程，希望大家喜歡，請繼續關注武林網。