平面设计
位置:首页>> 平面设计>> Photoshop教程>> PS设计教程:整洁的具有现代气息的web站点[译](7)

PS设计教程:整洁的具有现代气息的web站点[译](7)

 来源:译言 发布时间:2009-11-21 21:08:00 

标签:PS教程,web站点,设计教程

设计内容区域

30 选择横排文字工具(T)在3D分割线下方,右分割线的左边加入任意的文字标题和段落。

31 使用圆角矩形工具(U)在内容文本区域的左边创建一个圆角矩形;半径设为10px(默认情况下背景是10px)。

32 路径画好之后,选择钢笔工具(P),右击矩形内部,选择建立选区

33 设置前景色为#00315C,背景色为#001B32 ,然后选择渐变工具(G),渐变类型为径向渐变。

34 从顶部把渐变拖动到中间,和我们绘制背景方法相同。效果如下图。

0
投稿

猜你喜欢

  • 在本教程中,我们将学习如何创建文字效果像一糖蔗的一些简单的 Photoshop 技术帮助。所需材料:康迪字体糖果模式 (可选)步骤 1: 字
  • 名片设计是Illustrator常见的实用设计之一。本例介绍Illustrator设计传统风格商务名片的过程,和大家一起练习如何定义大小、创
  • 本文中我们用Illustrator来绘制一个大名鼎鼎的可爱卡通形象——绿豆蛙。       
  • 非主流多图闪效是非主流最爱的闪图效果,专业的图片处理深奥繁琐,很多初学者制作闪图都很费力,而且达不到期望的效果,今天小编给大家介绍超简单非主
  • 简介Photoshop的“动作”功能可以帮助我们完成一些枯燥的重复性工作。本教程就是这项功能的应用实例。有时候我们会需要把截屏图拿到Phot
  • web2.0风格导航条制作效果图如下:1. 创建一个新文件600 * 140px。现在选择圆角矩形工具制作一个圆角矩形如下图。2. 应用层样
  • 原图 1.新建图层,用画笔工具画出大形,注意在画的过程中要反复的比较。2.新建图层放在线稿层的下方,给背景和死灵骑士上色。3.大概
  • 本教程的人物美化的非常不错,用到的步骤也较少。可谓是事半功倍。大致过程如下:先给人物磨皮,这一步是最基础的。然后润色,可以根据自己的喜好选择
  • 效果图原图教程如图:(字有点小,大家耐心点的看)
  • 原载于:photoshop8x 作者 佚名  翻译:石小镇这是一个很简单的教程,用了几个笔刷和素材。上手非常容易,但效果很不一般,
  • 最终效果1,新建文件,输入文图,使用菜单:图层>文字>创建工作路径;2,调出文字选区,新建图层,便用菜单:编辑>描边(描边
  • 最近常常看我们站点的文档评论,发现用 FireWorks 画大众甲壳虫 的评论是很多的,有很多人觉得是用照片逆向而成的假教程,当然大部分是夸
  • 教程主要是以魅力美女围绕发光效果为主题,让身体光彩夺目闪耀动人的效果,具体需要高斯模糊、钢笔工具、云彩等PS工具进制作,具体内容请看下面讲解
  • 本教程介绍非主流人物的制作方法,思路:制作的时候没有太多调色,主要目的是把人物处理简洁干净一点,色彩也用得非常淡,整个画面看上去比较简洁舒服
  • 本教程介绍滤镜的一些使用技巧。制作的过程基本上都是利用滤镜及调色工具来完成。滤镜效果非常强大,很多漂亮的效果都可以用它来完成。最终效果1、新
  • 本例介绍使用Fireworks制作多样式按钮,主要讲解渐变填充、高光样式的运用,适合新手朋友学习,希望能给朋友们带来帮助。
  • 在人物绘画中,耳朵部分可能不是重点,不过也不能忽略。我们需要很好的了解它的结构和一些基础的鼠绘方法。这样我们才能画出完美的人像。最终效果
  • 一些手机拍摄及视频的照片,用来做非主流是再适合不过的。本身这些照片就存在失真,只要大致调整下色彩及把见点滤镜效果就更有个性。原图最终效果1、
  • 1、新建画布600×400,填充黑色2、设置画笔大小,柔化边缘,用画笔工具在画布中涂画,如图3、对刚才的图形做运动模糊,设置角度90,距离1
  • 作者在制作的时候非常讲究细节和颜色。用到的素材也比较多,不过作者都安排的非常到位。整个效果华丽稳重,给人较强的视觉冲击力。最终效果1最终效果
手机版 平面设计 asp之家 www.aspxhome.com