平面设计
位置:首页>> 平面设计>> Photoshop教程>> 用Photoshop设计一个小型、现代的产品主页(2)

用Photoshop设计一个小型、现代的产品主页(2)

 来源:asp之家 发布时间:2009-11-18 10:13:00 

标签:Photoshop,产品主页,网页设计

完了,应该出现以下效果:

创建内容部分的背景图层

4 现在我们将要创建图层内容区域的第二部分背景。把前景色设为#00315C,背景色设为#001B32。选择矩形框选定工具(M)选定剩下的透明图层;选定后,选择渐变工具(G),然后设置渐变类型为径向渐变

5 设定好渐变工具(G)后,从顶部的中间垂直的拖动到画布的4/1大小左右。

添加参考线

6 现在我们需要一些参考线保留出宽度为850px的中间内容部分。选择视图 > 新建参考线。在新建参考线对话框中输入175px,取向选择垂直。这样一个画布左边的参考线就做好了。

7 重复6的步骤,创建另外一条垂直参考线,不过这次输入1025px (175px + 850px = 1025px)。这样一个850px宽、居中的区域就做好了。


0
投稿

猜你喜欢

  • 我们将学习如何在photoshop中使用简便快捷的方式绘制逼真的月亮效果。第一步根据下面的设置创建新的ps文件.现在,我们开始绘制背景.点击
  • 单击该图像以查看 最终结果.相关素材水中素材 喷溅水笔刷 Lets get started…1.新文档 1100×1020.2. 下一步我们
  • 首先感谢sofish因为我是在他发的这篇帖子给的地址中看到这个教程的。http://bbs.blueidea.com/thread-2950
  • 本教程制作需要PS手绘基础,教程前半部分是手绘制作,然后再利用滤镜制作一些特效,并加上动感的背景等效果非常逼真。原图最终效果1、打开人像素材
  • 本教程介绍音乐海报的制作方法。作者制作的非常细腻,从选材到制作,每一步都非常讲究,尤其人物部分的调色非常专业。后期的装饰效果可以按照自己的喜
  • 本教程更重要的是介绍人物美化的思路和创意制作。教程中没有很详细的过程介绍,很多素材也没有提供。大家可以去网上下载相关素材。原图最终效果1、打
  • 这里我们将学习如何去除彩色照片中的某一颜色(本教程以黄色为例)。图层 >> 新建调整图层 >> 通道混合器,按下图设
  • 本教程合成效果非常夸张,作者意图是要表现一个正在努力思考的狂人。合成的时候作者特意把人物石化,再在人物头顶加上了树木等装饰。效果非常不错。最
  • 本教程介绍比较清淡的色调调色方法。色调以青色为主,适当装饰了一些淡红色。调色只是个参考,制作的时候可以按照自己的方法调出更多精彩的效果。原图
  •             3D字的制作方法有很多,制作的时候主要注意好字体的构造
  • 先看一下最终效果:          &
  • 面向专业摄影师的Camera Raw早已不再以Photoshop插件形式出现了,而是成为和Photoshop紧密捆绑的软件,它的最新版本为C
  • 先看一下最终效果:开始制作:新建图层,画出苹果的形状,不用太圆,苹果本来就是不规则的。设置图层样式里的渐变,如图画完效果如下ctrl+j复制
  • 我不知道 web 2.0 风格将会风行多久。这些闪闪发光的图标看去很炫,制作起来也容易,却不知能否持久。一方面,它代表着当前的流行趋势;另一
  • 本例我们介绍运用PS设计制作一个汽车类网站头部的过程,先将素材图片图片进行抠图、合成、调整,然后制作出网页的背景,将制作好的素材图拖入,最后
  • 在Photoshop(以下简称PS)中,我们常常碰到很多对象变形的需求,“自由变换”就是完成这一功能的强大制作手段之一,熟练掌握它的用法会给
  • 为了突出文字的梦幻效果,作者用了一些较暗的背景纹理素材。文字部分的制作比较简单,主要用图层样式来完成,后期加了一些动感模糊。虽然是一些简单的
  • 本教程调色的时候作者非常巧妙的把Lab通道的某个通道复制到RGB图层里面,适当改变图层不透明度。这样有意想不到的效果出现。原图最终效果1、打
  • 本教程我们将学习如何使用960栅格系统设计网站界面。该栅格系统会优化网站设计流程。最终效果预览1.新建文档参数:宽1680px、高1100p
  • 本教程主要是告诉大家如何在Photoshop里面设计一个有活力并具有现代感的博客界面。我们会从零开始告诉大家如何从一个空白的画布来一步步的制
手机版 平面设计 asp之家 www.aspxhome.com