UI教程,UI日歷組件的設(shè)計思路。
在思考中看教程——UI日歷組件PS教程
最近在群里和小伙伴們聊天,發(fā)現(xiàn)一些同學(xué)(尤其是新手)不善于學(xué)習(xí),就算告知了方法還是要來問,最好連具體參數(shù)也說出來,更有甚者,哪怕已經(jīng)手把手的教了,換個東西又不會了。設(shè)計的東西那么多,難道一樣樣都要人手把手的教嗎?
TanghuiDesign大神說了:做設(shè)計的必定需要掌握兩把刷子:一是技術(shù),二是思路。跟著教程做東西,其實也是個臨摹,只不過教程是手把手的教你怎么做。跟著教程走,需要注意些什么呢?狼狼認(rèn)為,一個是學(xué)技術(shù)。比如這些效果是怎么做到的,這個圖的配色為什么這么贊。另一個就是總結(jié)思路。比如作圖的順序、規(guī)律、創(chuàng)意、技術(shù)的表現(xiàn)等等,這些東西最終匯成一個詞——經(jīng)驗!
親愛的小伙伴們,要養(yǎng)成善于學(xué)習(xí)的好習(xí)慣,更要把學(xué)到的東西運用到實際工作中。軟件的內(nèi)容就那么點,同樣是那么幾個軟件,為什么大神做出來的東西那么棒呢?這都是有必然的原因的。所以,努力吧,越努力越幸運!
今天和大家分享的是一個UI組件——日歷的繪制過程。整個文章不會出現(xiàn)具體參數(shù),但我會把思路和大家分享。(注:本教程不適合新手入門學(xué)習(xí),但可以作為研究對象來研究,思路可以借鑒。)
******************************* 我是華麗的分割線 ******************************
分解一:清新淡雅的背景
STEP1:新建畫布,置入背景素材
制作背景前,我們先來建立一個畫布。多大呢?大概這么大:
然后我們找一張高清五碼的藍(lán)天白云(其實其他的圖片也行,關(guān)鍵是得畫面明亮),直接拖進(jìn)畫布(會自動生成智能對象),調(diào)整下大。ńㄗh拉的比畫布大,為了后面的效果),比如這樣:
STEP2:模糊效果
確定后執(zhí)行濾鏡-模糊-高斯模糊(具體數(shù)值隨意,自己喜歡就行)
STEP3:用調(diào)整圖層來調(diào)色
在圖層面板添加調(diào)整圖層,我們來給這個智能對象調(diào)個色。啥?還不知道調(diào)整圖層?那請猛戳這里:《讓PSD“逆向行駛”》
我們只需要適當(dāng)?shù)恼{(diào)整下色相,降低點飽和度,再增加點明度就行了,調(diào)整后是這樣的:
分解二:主體開始
STEP1:畫個簡單的軸
用矩形工具畫一個矩形的形狀圖層,注意是形狀圖層哦!然后用圖層樣式添加“漸變疊加”:
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ui設(shè)計
- ps網(wǎng)頁設(shè)計
- UI設(shè)計教程
- ui制作
- 日歷設(shè)計
學(xué)習(xí) · 提示
相關(guān)教程
- UI圖標(biāo)教程,用PS繪制一個獨特的漸變風(fēng)格播放器圖標(biāo)
- UI圖標(biāo)教程,用PS制作一個音樂圖標(biāo)
- 圖標(biāo)設(shè)計,用PS繪制索尼PSP圖標(biāo)
- UI圖標(biāo)教程,在PS中繪制一枚炫酷的鐘表圖標(biāo)
- UI圖標(biāo)教程,用ps制作浪漫的冰晶圖標(biāo)
- 圖標(biāo)制作,用PS繪制一款簡約風(fēng)格的解密游戲圖標(biāo)
- 插畫制作,用PS繪制簡約沙漏插畫效果圖片
- 圖案設(shè)計,用PS快速制作一個心形圖案
- 手機(jī)圖標(biāo),用PS繪制華為手機(jī)圖標(biāo)
- 相機(jī)圖標(biāo),用UI制作簡單的彩虹相機(jī)圖標(biāo)