這篇教程教腳本之家的PS鼠繪學(xué)習(xí)者們使用PS鼠繪一個(gè)漂亮的日歷UI圖標(biāo)方法，近期ＵＩ設(shè)計(jì)非?；鸨?。作為設(shè)計(jì)師接觸到ＵＩ設(shè)計(jì)也是越來越多了，這篇教程也算是一個(gè)繪制圖標(biāo)的ＵＩ教程。推薦一下和腳本之家的朋友們一起分享，一起學(xué)習(xí)了。我們先來看看最終的效果圖吧：

效果圖：

具體的繪制步驟如下：

首先，新建一個(gè)文檔，我的是1024*1024。

在背景層上拉一個(gè)徑向漸變，顏色如圖所示~~

新建一層，D鍵把前景背景改為默認(rèn)，填充白色，選擇濾鏡-雜色-添加雜色，平均分布，數(shù)量50%，勾選淡色，如圖所示

確定后把混合模式改為柔光，透明度30%

新建一個(gè)圓角矩形，如圖所示，調(diào)整好圓角，填充顏色隨便。Ctrl+a 選擇水平居中，垂直居z中，Ctrl+d取消選擇

雙擊圓角矩形添加圖層樣式~，數(shù)值如下

還有內(nèi)陰影，顏色疊加、

顏色數(shù)值如圖所示：

新建一層，D鍵把前景背景改為默認(rèn)，填充白色，執(zhí)行濾鏡-雜色-添加雜色。

濾鏡-模糊-動(dòng)感模糊，數(shù)值如下，接著在兩個(gè)圖層之間按Alt+左鍵創(chuàng)建剪貼蒙版。

新建一個(gè)小一點(diǎn)的圓角矩形，圓角調(diào)整好，居中對齊！顏色無所謂。

雙擊圖層添加圖層樣式~斜面與浮雕。

內(nèi)陰影。

內(nèi)發(fā)光

漸變疊加

外發(fā)光

現(xiàn)在的效果如圖所示：

新建一個(gè)圓角矩形，填充白色，調(diào)整好參數(shù)和位置：

雙擊圖層樣式添加投影

新建一層文字層，打上數(shù)字，顏色為黑色，調(diào)整好位置和大小。

Alt+v+e彈出水平線對話框，拉出一條水平為50%，一條垂直為50%的水平線，以便我們調(diào)整位置。

復(fù)制下方的圓角矩形到最頂層，Ctrl+t調(diào)整大小，填充白色，我加了個(gè)灰色是便于大家觀看。

并把透明度調(diào)整為12%，然后選中三個(gè)圖層Ctrl+g組合起來。

復(fù)制整個(gè)組到右邊，調(diào)整好位置，如圖：

Ctrl+J復(fù)制右邊日歷下方的白色層，把圖層移動(dòng)到頂部，Ctrl+t調(diào)整好大小及位置，然后再Ctrl+t右鍵選擇透視，選中左上角的點(diǎn)按住shift鍵向左拖動(dòng)，效果如圖

雙擊圖層添加圖層樣式

復(fù)制一層，右鍵圖層選擇清除圖層樣式，Ctrl+t右鍵選擇垂直翻轉(zhuǎn)，調(diào)整好位置：

Ctrl鍵加左鍵單機(jī)圖層縮略圖，執(zhí)行選擇-修改-羽化，數(shù)值為10

新建一層空白層，填充黑色，Ctrl+d取消選區(qū)，并且把剛才的的圖層隱藏掉。

選擇濾鏡-模糊-高斯模糊。

往上移動(dòng)一段距離，然后把填充透明度和圖層透明度調(diào)整下。

復(fù)制文字圖層，Ctrl+shift+] 把圖層移動(dòng)到頂層。

右鍵圖層，選擇柵格化選區(qū)，然后用矩形選框工具刪除下面部分。

Ctrl+d取消選擇。Ctrl+t調(diào)整好大小，然后右鍵選擇透視，調(diào)整一下透視。

最終效果：

教程結(jié)束，以上就是PS鼠繪一個(gè)漂亮的日歷UI圖標(biāo)方法，大家學(xué)會(huì)了嗎？希望能對大家有所幫助！

最新評論