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

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

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

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

创建导航

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

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

13 现在,我们在每个菜单项中加入鼠标悬停动态效果(hover)。我已经给其中一个菜单项加入颜色表示鼠标悬停时的效果。使用多边形套索工具(L)按住shift,创建一个三角形,以保证每条线都是直的。

14 用#00315C这个颜色填充选定的三角形区域

0
投稿

猜你喜欢

  • 英文教程来源于:psdtuts 作者:Collis  翻译:高小白 。第一部分–背景这个教程的制作有三个部分–背景,文字本身和一些
  • 教程主要以是Photoshop合成枪战动作电影,特有男人味道的枪战场景效果,突出男人的所味,迫真的场院景后期海报制作.具体步聚请看下面讲解:
  • 本教程介绍海景照片的一些调色方法。大致的调色过程,先用一些基础的调色工具把照片的色调调均匀,然后整体润色和增强饱和度即可。原图 最终效果&n
  • 由于原教程没有提供制作的素材,部分素材是临时网上找的,可以撮合用一下。教程中有亮度较大的物体,合成的时候一定要注意光线的渲染,这样才能整体合
  • 绚烂多彩的立体星星,红的,蓝的,黄的,紫的……那么,到底是怎样制作出来的呢?现在,就请大家随我一起,使用AI来学习一下吧~ 1.画出一个五
  • 原图最终效果1、打开原图,按Ctrl + J把背景复制一层,用钢笔或套索工具抠出人和伞,在背景图层上面新建一个图层,填充红色以便观察。2、把
  • 这个Photoshop web设计的教程中,我们将学习设计一个整洁的具有现代气息的web站点。这是设计和HTML/CSS模板转换系列教程的第
  • 在绘制一个CG角色之前,还是需要做一些准备工作的,首先要对所绘人物的性别、年龄、身体特征、性格特点等有一个清晰的概念,根据这些要素再去绘制角
  • 原图 最终效果                 &nb
  • 邮票边框是一种非常常见的照片装饰效果,网上看过很多人做的邮票边框的方法,感觉都很繁琐,实际上邮票边框的制作方法很简单,只是需要做很多的重复性
  • 现在越为越多MM喜欢把自己的照片上传到博客与好朋分享,但由于我们不是专业的摄影师,拍出来的照片难免会出现偏色。所以很多MM都想学习对照片进行
  • 做网页的时候经常会用到宋体12像素无消除锯齿的设置,这样很小的文字也可以清晰可辨,但是在Illustrator文字选项里面却没有类似的设置,
  • PS合成神圣的雕像第六步:添加彩色叶在这里我们要添加一些色彩,让画面生动一点,所以我们选择添加一些桔色的树叶,这样也符合画面的要求。我们把“
  • 本教程的实物图构造比较复杂,不过基本的构成小元素都是用类似的方法做好的。只要掌握好基本的透视及高光和暗调的变现,就很容易做出来。原图1、新建
  • 原载于:PSDTUTS 作者:Collis 翻译:高小白这个教程Collis将向你展示如何用火的照片来与文字相结合。我们现在将看到的是一个漂
  • 本教程鼠绘的效果图非常不错,不管是背景还是人物都刻画的非常精美,上等佳作。不过制作的过程有点简陋,只有大致的提示语言,要一定的基础的人才能上
  • 这篇教程将展示如何创造一个充满幻想的书场景。我们会用各种各样的先进的Photoshop技术使其合成得尽可能逼真。先看一下最终效果:新建一个尺
  • 本教程介绍简单的纹理背景制作方法。制作的时候背景部分不需要素材,可以利用滤镜效果制作一些简单的纹理效果,再适当的调整下颜色即可。原图最终效果
  • 原图最终效果1:打开图片,调整曲线。数值如下。2:调整色彩平衡:数值如下,然后用黑色画笔把人物擦出来。3:调整色阶,数值如下:4:调整色彩平
  • 效果:素材:步骤:新建图像,背景色设为黑色,新建一个图层,画一个500x500的圆,选择自己喜爱的颜色填充选择加深工具,注意将曝光度设置低一
手机版 平面设计 asp之家 www.aspxhome.com