以后地位: 首页 > 设计教程 > 网页设计教程 > 如何用Photoshop设计一个具有现代感的博客界面

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

本教程转载于Plidezus’sky 翻译来源于Blog.SpoonGraphics

本教程重要是奉告大家如何在Photoshop里面设计一个有活气并具有现代感的博客界面。
咱咱咱们会从零开端奉告大家如何从一个空白的画布来一步步的制作出全体界面。


博客界面效果图

这是我为Springy Developments的一个WordPress主题项目中的一个分外的设计,未来我想咱咱咱们一路来看看如何将这个设计转化为编码的过程和末了如何将他咱咱们制作成最终的产品。

切记末了的概念设计稿,下面的教程将会一步一步来明白这个过程。想要一个好的设计,大批的试验和一些元素的从新支配是不行或缺的,因为这将让咱咱咱们很好的懂得为什从用这些对象,为什么如许布局来设计如许一个产品。

 

Photoshop设计现代感的博客界面

 

打开PS然后创建一个空白文档。我比较喜欢在一个大一点宽屏文档上面开端制作。切记应用RGB色是势和设置为72DPI就好,因为咱咱咱们紧紧是在屏幕上应用(注,一样平常印刷是300dpi,而屏幕只要72就够了,CMYK为印刷色)

Photoshop设计现代感的博客界面

 

首先咱咱咱们来处理页面的配景,这个地方没什么分外有趣的填充物。给配景抉择一个素色,然后从上面应用放射性渐变对象不停拖到中央。当然你也可以或许或许选用自己喜欢的色彩,在这里我就抉择了我抉择的是蓝绿色的渐变。

牛皮纸素材

分享到: 
教你做一个简略但好看的网页(第二集)
从零开端教您设计一个华丽高级的网页
友情链接:山西理财财经网  ups不间断电源网  爱贝基础教育网  辽宁中医药大学附属医院  中加信息资讯网  手机皮套生产厂家  互动钓鱼网  九尾餐饮管理网  中国淮安防火门网  梅花表维修网