網站首頁 教育 學前教育 精緻生活 飲食養生 命理 科普教育 金融 歷史 影視 數碼 熱門資訊
當前位置:生活百科站 > 數碼 > 

ps怎麼設計翻頁日曆主題風格的APP圖示

欄目: 數碼 / 釋出於: / 人氣:1.39W

今天我們就來看看設計翻頁日曆app圖標的教程,很簡單的例項介紹,詳細請看下文介紹。

ps怎麼設計翻頁日曆主題風格的APP圖示

下面一起來學習吧:

ps怎麼設計翻頁日曆主題風格的APP圖示 第2張

步驟一:首先新建畫布900px*900px畫布,命名為日曆圖示,為背景新增圖層樣式。

ps怎麼設計翻頁日曆主題風格的APP圖示 第3張

ps怎麼設計翻頁日曆主題風格的APP圖示 第4張

ps怎麼設計翻頁日曆主題風格的APP圖示 第5張

步驟二:使用圓角矩形工具、繪製一個530px*530px圓角半徑為90px底座,併為它新增圖層樣式。

ps怎麼設計翻頁日曆主題風格的APP圖示 第6張

ps怎麼設計翻頁日曆主題風格的APP圖示 第7張

ps怎麼設計翻頁日曆主題風格的APP圖示 第8張

ps怎麼設計翻頁日曆主題風格的APP圖示 第9張

ps怎麼設計翻頁日曆主題風格的APP圖示 第10張

ps怎麼設計翻頁日曆主題風格的APP圖示 第11張

步驟三:高逼格的底座一下就出來了,有木有!!!接下來繼續使用圓角矩形工具、繪製一個398px*398px圓角半徑為40px日曆,併為它新增圖層樣式。

ps怎麼設計翻頁日曆主題風格的APP圖示 第12張

ps怎麼設計翻頁日曆主題風格的APP圖示 第13張

ps怎麼設計翻頁日曆主題風格的APP圖示 第14張

步驟四:複製日曆圖層,將複製的圖層移動到合適的位置。

ps怎麼設計翻頁日曆主題風格的APP圖示 第15張

步驟五:再次複製日曆圖層,利用形狀圖層布林運算,減去頂部,命名為變形圖層,併合並形狀元件。

ps怎麼設計翻頁日曆主題風格的APP圖示 第16張

步驟六:我們複製變形圖層吧, ctrl+t調整中心點垂直翻轉一下,調節高度,右鍵透視調節合適形狀,合併兩個形狀清除之前的圖層樣式,並從新新增圖層樣式吧。

ps怎麼設計翻頁日曆主題風格的APP圖示 第17張

ps怎麼設計翻頁日曆主題風格的APP圖示 第18張

ps怎麼設計翻頁日曆主題風格的APP圖示 第19張

ps怎麼設計翻頁日曆主題風格的APP圖示 第20張

ps怎麼設計翻頁日曆主題風格的APP圖示 第21張

ps怎麼設計翻頁日曆主題風格的APP圖示 第22張

ps怎麼設計翻頁日曆主題風格的APP圖示 第23張

步驟七:現在我們來繪製右側裝飾,制一個14px*56px圓角半徑為3px的矩形顏色為#101010,併為它新增圖層樣式。

ps怎麼設計翻頁日曆主題風格的APP圖示 第24張

ps怎麼設計翻頁日曆主題風格的APP圖示 第25張

ps怎麼設計翻頁日曆主題風格的APP圖示 第26張

步驟八:選擇橢圓工具,繪製一個寬高8px*4px的橢圓,並新增高斯模糊命令,複製出另外三個並移動到合適位置。

ps怎麼設計翻頁日曆主題風格的APP圖示 第27張

ps怎麼設計翻頁日曆主題風格的APP圖示 第28張

ps怎麼設計翻頁日曆主題風格的APP圖示 第29張

步驟九:將右側裝飾打組,複製裝飾組移動到左側位置。

ps怎麼設計翻頁日曆主題風格的APP圖示 第30張

步驟十:現在我們來繪製文字部分,字型方正蘭亭黑簡體 R.大小200點,顏色為#92181a,複製文字,將兩個文字右鍵柵格化文字,刪除不需要的位置。

ps怎麼設計翻頁日曆主題風格的APP圖示 第31張

ps怎麼設計翻頁日曆主題風格的APP圖示 第32張

ps怎麼設計翻頁日曆主題風格的APP圖示 第33張

步驟十一:將文字下圖層,ctrl右鍵執行透視效果,並新增圖層樣式。

ps怎麼設計翻頁日曆主題風格的APP圖示 第34張

ps怎麼設計翻頁日曆主題風格的APP圖示 第35張

ps怎麼設計翻頁日曆主題風格的APP圖示 第36張

ps怎麼設計翻頁日曆主題風格的APP圖示 第37張

步驟十二:現在我們來繪製最後一個橫線吧,用直線工具、繪製一個寬度360px粗細3px的直線,為它新增圖層樣式,並新增高斯模糊效果就完成這個案例了哦。

ps怎麼設計翻頁日曆主題風格的APP圖示 第38張

ps怎麼設計翻頁日曆主題風格的APP圖示 第39張

ps怎麼設計翻頁日曆主題風格的APP圖示 第40張

ps怎麼設計翻頁日曆主題風格的APP圖示 第41張

今天的教程我們主要分為二個部分:底座、日曆,其它問題都不大,主要是日曆部分、需要用到多個圖層來表現圖示的立體感,圖層樣式在圖示設計中非常的實用,例子很簡單,希望大家喜歡,請繼續關注百科書網。