平面设计
位置:首页>> 平面设计>> 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、
  • 做网页的时候经常会用到宋体12像素无消除锯齿的设置,这样很小的文字也可以清晰可辨,但是在Illustrator文字选项里面却没有类似的设置,
  • 本教程介绍一些夸张人物表情制作方法。制作的时候需要重点突出人物的眼睛及嘴巴,当然其它部位也可以,然后把需要突出的部位复制出来进行强行放大,然
  • 注:要使用路径文字功能,Photoshop CS版本 首先使用钢笔工具的路径方式画一条开放的路径(路径的具体绘制方法请参照结尾所附带的教程地
  • 先看一下最终效果:1.首先,在Photoshop中新建文件。我创建了一个新的使用#8f9290颜色的大小为1000 × 500的RGB文件,
  • 本例介绍运用PS笔刷配合图层样式打造逼真的冻裂的冰字效果,主要讲解了将素材制作成自定义画笔制作冰字的裂纹效果,用图层样式制作出冰字的透明效果
  • 只需三个步骤,就能把模糊照片变的清晰,不是用锐化,而是不太常用的ps自带滤镜结合混合模式,这个方法不太常见,但是效果确实非常理想。步骤1打开
  • 原图最终效果1、打开原图,按Ctrl + J把背景复制一层,用钢笔或套索工具抠出人和伞,在背景图层上面新建一个图层,填充红色以便观察。2、把
  • 效果图: 1上手很简单,运用钢笔工具大致的绘出人物脸的造型 2在脸的底层加上一个受光影响的光影图层,脸的中间比较亮两变暗,运用渐变工具
  • 偶然发现了比较详尽的ps插件介绍,主流插件大概都囊括在内。我就转过来了。大家根据介绍各取所需,大部分都能在百度搜索到安装文件下载链接。插件介
  • 原图:最终效果:素材:1.新建个黑白调整层参数如图2.新建个照片滤镜调整层参数如图3.盖印可见图层 CTRL+SHIFT+ALT+E3.计算
  • 1.在photoshop中新建文件,宽度200、高度200px,白色背景,分辨率72px(web图片)注意这就是我们要制作的按钮的实际尺寸。
  • 原图素材拍摄的非常不错,人物装饰及背景布置的和和谐。不过背景与人物的色彩太接近,处理的时候可以适当把两者的色彩拉开一点。原图最终效果1、打开
  • photoshop中打造一个美味青苹果最终效果预览:第一步:按一下设置建立新文档第二步:建立新层命名为“苹果”,用椭圆选区工具,按如下图形拖
  • 在本文中我们将介绍一种剪切技巧,使图片有部分突破原来的界线。这种设计能够吸引人的注意,也使图片突破原来图片空间的限制,很好地强调了图片中某一
  • 如何用Illustrator来制作色彩喷溅效果最终的效果下面这张图就是我们的跟随这次教程得到的最终结果。 Step 1创建一个新文
  • Fireworks教程 碳纤维风格图标如图首先绘制一个圆角矩形,圆角系数随意,自己觉得OK就行,加入阴影滤镜,参数如图:将刚才复制的圆角矩形
  • 本教程的效果图制作的非常不错。不过作者没有详细的过程参照图,仅有一些提示的文字和数据。调色的时候需要先理清作者的思路,再去慢慢尝试。原图&n
手机版 平面设计 asp之家 www.aspxhome.com