英超海淘奶粉是真的吗
当前位置: 首页 > 设计教程 > 网页设计教程 > 如何用Photoshop设计一个具有现代感的博客界面

如何用Photoshop设计一个具有现代感的博客界面

本教程转载于Plidezus’sky 翻译来?#20174;?a target="_blank" href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-vibrant-modern-blog-design-in-adobe-photoshop">Blog.SpoonGraphics 。

本教程主要是告诉大家如何在Photoshop里面设计一个有活力并具有现代感的博客界面。
我们会从零开始告诉大家如何从一个空白的画布来一步步的制作出整个界面。


博客界面效果图

这是我为Springy Developments的一个WordPress主题项目中的一个特别的设计,将来我想我们一起来看看如何将这个设计转化为编码的过程以?#30333;?#21518;如何将他们制作成最终的产品。

牢记最初的概念设计稿,下面的教程将会一步一步来明确这个过程。想要一个好的设计,大量的试验和一些元素的重新?#25165;?#26159;不可或缺的,因为这将让我们很好的理解为什么使用这些工具,为什么这样布局来设计这样一个产品。

 

Photoshop设计现代感的博客界面

 

打开PS然后创建一个空白文档。我比较?#19981;?#22312;一个大一点宽屏文档上面开始制作。切记使用RGB色彩模式以及设置为72DPI就好,因为我们紧紧是在屏幕上使用(注,一般印刷是300dpi,而屏幕只要72就够了,CMYK为印刷色)

Photoshop设计现代感的博客界面

 

首先我们来处理页面的背景,这个地方没什么特别有趣的填充物。给背景选择一个素色,然后从上面使用放射性渐变工具一直拖到中间。当然你也可以选用自?#21512;不?#30340;颜色,在这里我就选择了我选择的是蓝绿色的渐变。

牛皮纸素材

教你做一个简单但好看的网页(第二集)
从零开始教您设计一个华丽高档的网页
英超海淘奶粉是真的吗 排列三6码组选六最大遗漏 平刷王时时彩软件 重庆时时龙虎合开奖app 时时彩极速赛车辅助器有木有 极速时时谁开奖 可以提现看牌抢庄拼十 时时彩现场开奖直播 彩宝彩票网址 玩二八杠的技巧口诀 时时彩一码选号方法