平面设计
位置:首页>> 平面设计>> Photoshop教程>> 使用960栅格系统设计简洁网站(10)

使用960栅格系统设计简洁网站(10)

作者:luycas 来源:活力盒子 发布时间:2011-08-14 06:20:39 

标签:网站设计,960栅格系统

15.右侧内容区

  1. 右侧内容区用来展示最近新闻的精选集。

  2. 首先为列表添加标题,文字样式:Arial 25pt 加粗 #262626,然后水平对齐到左侧内容区的标题。

  3. 接下来为新闻添加标题,文字样式 Arial 18pt #A4BDCD,然后跟左侧内容区文本对齐。

  4. 新闻列表的文字样式:Arial 16pt #9C9C9C。

  5. 使用相同的样式制作另外2份新闻。

16.页脚

我们最后的一个部分就是页脚,用来放置一个登陆框、联系信息和少量链接。

使用矩形选择工具创建选区,并且填充深灰色(#262626)。

我们来增加表单。首先创建标题,文字样式:Arial 20pt Bold (#FFFFFF),置于页脚的左侧。然后使用矩形选择工具创建2个选区作为输入框,填充白色,输入框默认文字样式:Arial 16pt #9C9C9C。

0
投稿

猜你喜欢

  • 最终效果下面开始制作:1、打开Photoshop软件,我们这里使用的是CS版本。其他版本一样啦~~~打开准备好的素材图片,并将这个图片复制三
  • 本教程简单介绍淡黄色调调色方法。效果图及原图都不错,不同的色调感觉画面的意境差别很大。大家调色的时候可以多尝试不同的颜色。 原图 最终效果
  • 最终效果:在本教程中,大家将学习如何使用Photoshop在短短几分钟内再现著名的Aqua墙纸。这其实很简单的!(其实就是个字体教程)pho
  • 教程主要是以魅力美女围绕发光效果为主题,让身体光彩夺目闪耀动人的效果,具体需要高斯模糊、钢笔工具、云彩等PS工具进制作,具体内容请看下面讲解
  • 作者又带给我们惊奇的效果。梦幻彩色水晶字效果的制作。每一次的教程作者都非常讲究,尤其是文字效果的制作,不管是颜色,装饰,背景等各方面的处理,
  • 最终效果 1、新建一个大小自定的文件,选择画笔工具,在笔刷的丽选择下图所示圆形笔刷。   2、再打开画笔预设面板,勾选“形状动
  • 本教程的素材图为室内拍摄的照片,光效比较柔和,人物肤色的质感不是很好,背景也比较昏暗。调色的时候可以根据需要适当把人物及背景处理一下。颜色可
  • 我翻译好了,奉献上来,顺便我也保留一个我在自己博客上的原文链接:http://www.rainoina.com/raino/archive/
  • 现在越为越多MM喜欢把自己的照片上传到博客与好朋分享,但由于我们不是专业的摄影师,拍出来的照片难免会出现偏色。所以很多MM都想学习对照片进行
  • 本教程的基本效果作者都基本上做好的,作者有提供现成的PSD文件,制作的时候主要是调色和制作文字效果。及修饰一些细节部分。最终效果1、打开素材
  • 本教程的效果制作起来比较简单。基本上都是一些素材的溶图。不过看似简单的效果还是需要注意好细节的处理及颜色的调整。最终效果1、新建一个文件,如
  • 如何用Illustrator来制作色彩喷溅效果最终的效果下面这张图就是我们的跟随这次教程得到的最终结果。 Step 1创建一个新文
  • 本教程主要是利用一些滤镜效果来制作底纹效果,然后通过图层叠加等应用到图层上用来做背景。再稍微调整下人物即可。 原图 最终效果  
  • Photoshop制作精美高光效果流线字。思路:先用钢笔工具勾出流畅的曲线,然后描边路径,再用画笔根据路径装饰一下高光背景,最后把曲线复制并
  • 先看一下最终效果:          &
  • 原图最终效果1、先分析下原图,绿色箭头所示部分有点曝光过渡。2、把背景图层复制一层,选择菜单:选择 > 色彩平衡,设置好容差和范围,然
  • 本例集合了数码照片的调色、人物皮肤美化、光线调整等方法,操作过程中运用了多种PS的常用工具,对于PS初学者是一个值得学习的实例。效果图:素材
  • PS手绘钻石戒指的教程先看效果:制作步骤:内圆用选区工具设置一个椭圆选区,然后描边。外圆因为不规则所以要用钢笔工具勾线。然后勾出指环部分,注
  • 原图 最终效果                 &nb
手机版 平面设计 asp之家 www.aspxhome.com