本教程主要是告訴大家如何在Photoshop里面設(shè)計一個有活力并具有現(xiàn)代感的博客界面。
我們會從零開始告訴大家如何從一個空白的畫布來一步步的制作出整個界面。
這是我為Springy Developments的一個WordPress主題項目中的一個特別的設(shè)計,將來我想我們一起來看看如何將這個設(shè)計轉(zhuǎn)化為編碼的過程以及最后如何將他們制作成最終的產(chǎn)品。
牢記最初的概念設(shè)計稿,下面的教程將會一步一步來明確這個過程。想要一個好的設(shè)計,大量的試驗和一些元素的重新安排是不可或缺的,因為這將讓我們很好的理解為什么使用這些工具,為什么這樣布局來設(shè)計這樣一個產(chǎn)品。
打開PS然后創(chuàng)建一個空白文檔。我比較喜歡在一個大一點寬屏文檔上面開始制作。切記使用RGB色彩模式以及設(shè)置為72DPI就好,因為我們緊緊是在屏幕上使用(注,一般印刷是300dpi,而屏幕只要72就夠了,CMYK為印刷色)
首先我們來處理頁面的背景,這個地方?jīng)]什么特別有趣的填充物。給背景選擇一個素色,然后從上面使用放射性漸變工具一直拖到中間。當(dāng)然你也可以選用自己喜歡的顏色,在這里我就選擇了我選擇的是藍(lán)綠色的漸變。
打開一個 牛皮紙 素材, 我們將用它來為背景增加一些有趣的材質(zhì)效果。
將材質(zhì)去色 (CTRL+SHIFT+U),然后選擇高斯模糊用大一點的像素來抹掉牛皮紙上面的一些細(xì)節(jié)。
出處:譯言
責(zé)任編輯:bluehearts
上一頁 下一頁 用Photoshop設(shè)計一個博客界面 [2]
|