平面设计
位置:首页>> 平面设计>> Photoshop教程>> 用Photoshop设计一个博客界面[译]

用Photoshop设计一个博客界面[译]

作者:plidezus 来源:译言 发布时间:2009-04-23 12:28:00 

标签:教程,设计,photoshop,博客,界面

本教程主要是告诉大家如何在Photoshop里面设计一个有活力并具有现代感的博客界面。

我们会从零开始告诉大家如何从一个空白的画布来一步步的制作出整个界面。

 

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

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


 

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

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

打开一个 牛皮纸 素材, 我们将用它来为背景增加一些有趣的材质效果。

将材质去色 (CTRL+SHIFT+U),然后选择高斯模糊用大一点的像素来抹掉牛皮纸上面的一些细节。


0
投稿

猜你喜欢

  • 今天刚好有些时间,所以抽空写了这个简单的教程,希望对大家有所帮助,步骤不是很详细,有看不懂的可以在线提问,我会尽量回答,要是你愿意的话,记得
  • 本教程介绍金属放大镜的制作方法。重点在金属边框的制作。需要注意好金属质感的调节,有的部分用图层样式一次不能做好,需要多用几个图层来分开做出效
  • Photoshop合成:打造自己的童话,为自己添加天使的翅膀。步骤 1、选择图像素材。步骤 2、创建 750 x 550px 画布,导入雪山
  • Photoshop打造玻璃窗上的潮湿文字先看一下最终效果:1.在百度或者谷歌上搜索一张带有水珠的窗口图片,当然也可以用我提供的这张照片。然后
  • 原图 最终效果                 &nb
  • 本教程是借助数位板来鼠绘。鼠绘的方法跟平常的一样,从线稿开始,然后慢慢上色,再处理细节。虽然思路比较简单,不过鼠绘的过程是非常复杂和精细的。
  • 最终效果图: 第1步72创造的模式RGB色彩分辨率为1680 × 1050像素的新文件。 第2步抓斗的渐变工具(G),创
  • 原图效果图教程步骤如下1、打开原图,复制一层,用仿制图章工具修复脸上比较大的斑点,效果如图:2、再复制一层,用磨皮滤镜portraiture
  • 能否坚持等比例缩放,一直是评价设计师是否严谨的重要标准,起码我个人是这样认为的。单方向的自由变换总是对照片造成生硬的拉伸或压缩,特别对人物照
  • 今天要翻译的这个教程效果很炫,在做的时候希望大家不要只是按照步骤一步步做,思路很重要,体会了这个思路,后面做东西就会举一反三,第二次翻译教程
  • 对于一些背景留白的人物图片,感觉图片的层次不够多。处理的时候先用渐变叠加等加上背景色彩,然后再把人像柔化处理。调色的时候需要把握好局部和整体
  • 完成的效果图 最终的效果图应该是这样的.开始– Ipad 框架 新建“850 X 850像素”的文件, 随便填充颜色. 在画布上选择“圆角矩
  • 在这个教程中,我将向大家展示如何用Photoshop快速创建一个简单流行的字体效果,我们将使用笔刷,混合模式,基本的滤镜,如何模糊和液化。很
  • 本教程介绍扑克牌的制作,不过教程重点是介绍如何制作破旧的纸张效果。其中用到多种滤镜、笔刷等效果。纸张渲染的相当不错,有种怀旧的味道。 最终效
  • 从原图可以看出,照片质量不是很理想,人物有很多杂色而且曝光不是很均匀。处理的时候先要给人物磨好皮,再换背景。处理细节的时候一定要有耐心。原图
  • 本文是用Fireworks制作一个好看的超级水晶球,制作方法非常简单就是用圆形工具绘制几个球,组合在一起然后调整光线,最终达到一个超级光线效
  • 人物调色的时候保持皮肤的细节非常重要。作者这方面处理的非常不错。不仅没有影响皮肤的质感,还利用计算及 * 滤镜加强了皮肤质感。然后再配上合适的
  • 寂静岭剧照!我在网上找了半天没有找到类似得,就随便找了张寂静岭 得剧照来凑合一下.其实步骤很简单.要实现一个效果,请仔细观察... 图片中得
  • 最终效果1、打架子,其实原图的线条没有这么酣畅,我先用了很多凌乱的小线条构筑比例。在最初明暗底稿描出大概稿,然后新建一层,随便填个色,在这层
  • 本教程合成效果非常夸张,作者意图是要表现一个正在努力思考的狂人。合成的时候作者特意把人物石化,再在人物头顶加上了树木等装饰。效果非常不错。最
手机版 平面设计 asp之家 www.aspxhome.com