请问上海时时乐
当前位置: 请问上海时时乐 > 设计教程 > 网页设计教程 > 如何用Photoshop设计一个具有现代感的博客界面

上海时时乐赢遍天下:如何用Photoshop设计一个具有现代感的博客界面

请问上海时时乐 www.i7b7.com.cn 本教程转载于Plidezus’sky 翻译来源于Blog.SpoonGraphics 。

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


博客界面效果图

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

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

 

Photoshop设计现代感的博客界面

 

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

Photoshop设计现代感的博客界面

 

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

牛皮纸素材

分享到: 
教你做一个简单但好看的网页(第二集)
从零开始教您设计一个华丽高档的网页

热门推荐

  • 宝马宣布调整进口车价格 X5、6系GT等降幅超5万元 2018-11-14
  • 浙产纸尿裤能叫板国际大牌吗 2018-11-14
  • 习近平:在同各界优秀青年代表座谈时的讲话 2018-11-13
  • “上党红色国际马拉松赛”将在长治县举办 2018-11-13
  • 中华民族一家亲 同心共筑中国梦 2018-11-12
  • 一周人事:国务院发布任免 中宣部两名副部长兼职公布 2018-11-12
  • 两队防守均是薄弱环节 进攻快VS球风猛谁占优? 2018-11-09
  • 青春逐梦向阳之路 平台引擎加速成长 2018-11-08
  • 候选企业:中国人民健康保险股份有限公司 2018-11-03
  • 这事咋办No.2丨申请西安保障性住房必看 花生让你有房住 2018-11-03
  • 发现关中:苍鹭翩飞 铜川朱鹮野化放飞区的“原住民” 2018-11-02
  • 老火靓汤一天中何时喝最好? 2018-11-01
  • 聚焦两会:两会代表通道再启 回应社会热点 2018-11-01
  • 那曲教师来取经 把杭州的友谊和教育经验带回雪域高原 2018-10-30
  • 国新办:经济发展长期向好基本面未变   2018-10-27
  • 96| 493| 920| 747| 887| 949| 621| 38| 517| 717| 490| 808| 893| 942| 337|