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

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

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

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

设计头部区域

8 选择横排文字工具(T),然后对其左边参考线边沿添加上页面标题和标语。

9 在标题文本图层下面创建一个新图层,选定矩形选框工具(M),在头部选取出一个区域。宽度必须填满1200px,高度大概在60px左右。

10 用白色(#FFFFFF)填充(G)选定区域,然后在图层面板中设置透明度为25%。效果如下。

创建导航

11 选择横排文字工具(T),字体大小设定为11-12px左右。然后在标题和标示右边加入导航文字;没菜单项之间留出等宽的边距。

12 在每个菜单项之间使用矩形选框工具(M)做一个1px宽的分割线;长度跨越整个头部。用#CECECE颜色填充(G)这1px的线条。效果如下图。


0
投稿

猜你喜欢

  • 1、新建画布600×400,填充黑色2、设置画笔大小,柔化边缘,用画笔工具在画布中涂画,如图3、对刚才的图形做运动模糊,设置角度90,距离1
  • 译者的话:记得当年上设计课时,有一位设计老师壮怀激烈地在谈论中西方的平面广告差距,说到中西方的平面广告中的人物肖像处理区别时说,在中国,广告
  • 今天刚好有些时间,所以抽空写了这个简单的教程,希望对大家有所帮助,步骤不是很详细,有看不懂的可以在线提问,我会尽量回答,要是你愿意的话,记得
  • 本教程仅提供一种思路只为抛砖引玉大家如果有更好的方法也拿出来共享,下面先看效果 第一步:用螺旋形工具画出一个螺旋 第二步:根据情况从中心
  • 原图最终效果1、打开原图素材,把背景图层复制一层,执行:图像 > 应用图像,参数设置如下图。2、创建曲线调整图层,对4个通道进行调整,
  • 立体字的制作需要配合光源方位来渲染效果。先制作好文字的立体效果,方法有很多,注意好表面的高光机暗部的制作。然后再制作背景效果,再利用光照效果
  • 全篇章分了两个小章节,即这次教程的重点:网格运用篇(五官篇),以及修补篇(还可称衣服装饰篇章)这次绘画制作我们要引入个新的工具——网格工具,
  • 做圆角的方法很多,自己写了一个,贡献出来,供大家拍砖。我们先打开photoshop,打开一张图,作为我们要制作圆角图的。使用圆角矩形工具,首
  • 本教程我们将讲述如何在photoshop中借助笔刷、运用扭曲变形工具制作抽象光影背景。最终效果预览:1.新建文件,宽设为1000px、高设为
  • 网格设计呢,通常显得很整齐规范,有时看上去也比较专业。但网格设计相对来说也是比较复杂的,往往需要精准的测量和栏目划分。960 Grid Sy
  •            原图 最终效果     &nb
  • Photoshop入门实例教程,把风景照片转换为好看的水彩画。步骤 1、打开图片素材。步骤 2、复制图层,并命名为“模糊层”,滤镜 >
  • 我不怎么会写教程,只好介绍一下我的作画过程,技术比较拙劣,介绍也比较简单,希望大家不要见笑。本次作画使用软件: Fireworks下面我们先
  • 这是一篇新写的教程,首发Blueidea,最近很忙,这篇教程写好后也搁置两三天了,不过由于之前已经整理好了,发上来也只是Copy Paste
  • 最近常常看我们站点的文档评论,发现用 FireWorks 画大众甲壳虫 的评论是很多的,有很多人觉得是用照片逆向而成的假教程,当然大部分是夸
  • 本例教程利用Photoshop后期处理一张普通魔术师的照片,瞬间变成神秘而魔幻的意境,可爱的MM焕发出魔术师的风采魅力!先看看原图和效果图:
  • 令人感到惊讶的是,根据我的一个项目调查表明,还有相当多的设计人员在用fireworks.就我个人而言,我很少用fireworks.photo
  • 第一次做图片教程,也许会有些不完善,希望大家能够不断提出意见,一起提高技术。第一次就先弄个难度适中的制作虚拟火焰字的教程,此教程完全不需要用
  • 使用Illustrator中的图表工具,结合【凸出和斜角】和【投影】效果,可以制作出非常美观的3D图表。这种3D图表制作完成后,可以随时根据
  • 有空就开始搞翻译了,正是所谓每周翻译,有益身体健康~第一次搞,弄了相对简单的教程,也比较忠于原作,慢慢来了~喜欢看E文的也可以去原文哪里看原
手机版 平面设计 asp之家 www.aspxhome.com