當前位置: 首頁 > 設計教程 > 網頁設計教程 > 如何用Photoshop設計一個具有現代感的博客界面

如何用Photoshop設計一個具有現代感的博客界面

本教程轉載于Plidezus’sky 翻譯來源于Blog.SpoonGraphics

本教程主要是告訴大家如何在Photoshop里面設計一個有活力并具有現代感的博客界面。
我們會從零開始告訴大家如何從一個空白的畫布來一步步的制作出整個界面。


博客界面效果圖

這是我為Springy Developments的一個WordPress主題項目中的一個特別的設計,將來我想我們一起來看看如何將這個設計轉化為編碼的過程以及最后如何將他們制作成最終的產品。

牢記最初的概念設計稿,下面的教程將會一步一步來明確這個過程。想要一個好的設計,大量的試驗和一些元素的重新安排是不可或缺的,因為這將讓我們很好的理解為什么使用這些工具,為什么這樣布局來設計這樣一個產品。

 

Photoshop設計現代感的博客界面

 

打開PS然后創建一個空白文檔。我比較喜歡在一個大一點寬屏文檔上面開始制作。切記使用RGB色彩模式以及設置為72DPI就好,因為我們緊緊是在屏幕上使用(注,一般印刷是300dpi,而屏幕只要72就夠了,CMYK為印刷色)

Photoshop設計現代感的博客界面

 

首先我們來處理頁面的背景,這個地方沒什么特別有趣的填充物。給背景選擇一個素色,然后從上面使用放射性漸變工具一直拖到中間。當然你也可以選用自己喜歡的顏色,在這里我就選擇了我選擇的是藍綠色的漸變。

牛皮紙素材

分享到: 
教你做一個簡單但好看的網頁(第二集)
從零開始教您設計一個華麗高檔的網頁

熱門推薦

上海时时乐开奖結果