設計通訊簿圖標教程

2022-12-26 14:26:41 來源/作者: / 己有:44人學習過

最終效果:

設計通訊簿圖標教程
在這個教程中,我將給大家展示如何用PS打造一個精致的牛皮質感通訊簿圖標。教程主要用到三項技巧:首先,充分利用網格和對齊到網格;其次,創(chuàng)建矢量形狀,充分利用圖層的混合選項;最后,用簡單的混合技巧和特效來添加細致的陰影和高光。讓我們開始吧!

本次教程需要以下素材。開始之前可以先下載,當然也可以用其他素材代替。

木紋背景皮質圖案

素材打包 https://img.lvups.com/d/file/bigpic/2022/12/26/iflsg3iscx3 密碼:XN30

一、新建文件,顯示網格

打開PS,Command/Ctrl-N新建一個文件。按照下圖設置參數,單擊確定。顯示網格(視圖>顯示>網格),然后對齊到網格(視圖>對齊到>網格)。剛開始,你需要一個10px的網格,選擇編輯>首選項>參考線,網格和切片,設置網格線間隔為10px,子網格為1,網格顏色為#a7a7a7。注:可以用Command/Ctrl-’ 快捷鍵來顯示或隱藏網格。你也可以打開信息面板(窗口>信息)來查看你繪制的形狀的大小和位置。

設計通訊簿圖標教程
二、創(chuàng)建封面和封底

步驟 1

將前景色設為#aecef5。選擇圓角矩形工具,選擇形狀圖層模式,把 半徑設為5px。創(chuàng)建一個 240 x 380px 的圓角矩形,使用對齊到網格可以簡化工作。

設計通訊簿圖標教程

步驟 2

選擇矩形工具。按住Alt 鍵,創(chuàng)建一個40 x 330px的矩形,如下圖。

設計通訊簿圖標教程

步驟 3

選擇圓角矩形工具,按住Shift 鍵,創(chuàng)建一個50 x 20px 的圓角矩形,如下圖。

設計通訊簿圖標教程