江苏十一选五预测
当前位置: 江苏十一选五预测 > 设计教程 > 网页设计教程 > 如何用Photoshop设计一个具有现代感的博客界面

11选五计划软件手机版:如何用Photoshop设计一个具有现代感的博客界面

江苏十一选五预测 www.qtprf.cn 本教程转载于Plidezus’sky 翻译来源于Blog.SpoonGraphics 。

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


博客界面效果图

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

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

 

Photoshop设计现代感的博客界面

 

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

Photoshop设计现代感的博客界面

 

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

牛皮纸素材

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

热门推荐

  • 零关税后抗癌药降价为何“慢半拍”? 2019-02-20
  • 赵振民的专栏作者中国国家地理网 2019-02-19
  • 无论什么制度关键是配套措施要跟得上,权衡哪种方法更科学。 2019-02-19
  • 睡不着时数绵羊真的不靠谱?五招让你做个好梦 2019-02-18
  • 库恩:2017,站在历史长河中看中国这一年 2019-02-18
  • 最悲催的吃货:7年前花1万比特币买两个披萨现在值2亿 2019-02-17
  • 【三年决战奔小康】一封来自甘南精准扶贫户的感谢信 2019-02-17
  • 阿富汗塔利班不延长停火 停火期结束后将恢复作战 2019-02-17
  • 凯恩率“三狮军团”艰难战胜突尼斯 2019-02-16
  • 内地降关税 国际护肤品商称香港仍有优势 2019-02-16
  • 中国电视剧“抱团出海”(深聚焦) 2019-02-16
  • 2017年度湖北新闻奖新闻摄影复评结果公示 2019-02-16
  • 大零售渐入佳境 下半场转型倚重金融科技 2019-02-15
  • 中国人民健康保险股份有限公司获第十二届人民企业社会责任奖年度企业奖 2019-02-15
  • “讲鄂尔多斯故事”网络文艺作品征集 2019-02-15
  • 924| 863| 369| 277| 501| 167| 496| 813| 958| 937|