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

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

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

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

本教程我们将学习如何使用960栅格系统设计网站界面。该栅格系统会优化网站设计流程。

最终效果预览

1.新建文档

参数:宽1680px、高1100px,背景亮灰色(#F9F9F9)

0
投稿

猜你喜欢

  • 只需三个步骤,就能把模糊照片变的清晰,不是用锐化,而是不太常用的ps自带滤镜结合混合模式,这个方法不太常见,但是效果确实非常理想。步骤1打开
  • 最终效果1、打开Photoshop并创建一个新文件。尺寸我用的1920×1200(像素),之后,选择背景层,打开它的混合选项,选渐变叠加,颜
  • 本教程效果图非常纯美。色彩不多淡黄色加上一些淡紫色,画面显得非常鲜明,有种艺术的美感。 原图 最终效果     &
  • (1)一步一步绘制米老鼠。先看一下最终效果:(2)现在开始绘制米老鼠,先用钢笔工具画出米老鼠耳朵的大体轮廓,然后选择菜单“编辑>复制”
  • 原图最终效果1:打开图片,调整曲线。数值如下。2:调整色彩平衡:数值如下,然后用黑色画笔把人物擦出来。3:调整色阶,数值如下:4:调整色彩平
  • 原出处:webdesign 转载自:Iconfans   作者:Nico Harather  翻译:S.She
  • 在这篇教程中我们将学习如何使用Photoshop化腐朽为神奇,为玫瑰花添加漂亮的喷溅效果,希望大家能够喜欢。第一步创建一个背景为透明的文件,
  • 本教程介绍一些比较明鲜丽色彩的调色方法。大致过程:运用调色工具把照片的色调调统一,基本上1-2种主色即可。然后再适当的调亮及修饰细节即可完成
  • 先看最终效果开始制作1、新建800*600画布!白色背景。新建图层,使用渐变色填充图层!我们先用黄色到红色的渐变色,设置如下。然后将这个图层
  • 最终效果图: 第1步72创造的模式RGB色彩分辨率为1680 × 1050像素的新文件。 第2步抓斗的渐变工具(G),创
  • 原图:最终效果1、打开原图,复制一层,用图章工具去掉脸上的点点和疙瘩,图章不透明度30%左右,(我的32%)。2、再复制一层,把图层的混合模
  • 鼠绘跟手绘画差不多,从打线稿开始,然后慢慢上色,再到后期细节部分的刻画。整个过程需要把握好整体和局部的统一。尤其要注意好光源的位置,这样好控
  • Photoshop合成飘逸纽带影视图片展,最终效果如下:步骤 1、利用钢笔工具绘制如下纽带效果。步骤 2、导入三张图片,并按下图所示排列图片
  • Illustrator绘制粉红佳人插画教程,先看下最终完成图: 完成图 线稿 下面简要说下绘制需要注意的主要部分: 眼睛结构线稿 图1
  • 一些背景很杂乱的图片,处理起来比较费劲。不过我们把照片的调亮点,效果就看起来舒服很多。制作的时候只要使用应用图象来制作高光,然后调色及细节就
  • 本教程介绍人物转手绘的一些比较基础的操作。大致的过程:先给人物磨皮及美白,然后处理人物的五官和头发。最后就是后期的细节处理,如加黑线,添加高
  • 最终效果:效果对比:局部对比:点击放大2.调节偏色的毛发,羽化半径为5,CTRL+J,去色,加些蓝,然后利用TOPAZ滤镜,按照上面参数调节
  • 原图抠图之后的效果教程步骤如下打开原图  选择快速选择工具 可以得到比直接用魔术棒工具细致一些的选区先将选区储存到通道中 以方便后
  • Photoshop设计现代企业产品主题网站教程预览:以下是我们将要一些设计的页面预览,点击图片可以放大。 建立一个新的Photos
  • Fireworks教程 碳纤维风格图标如图首先绘制一个圆角矩形,圆角系数随意,自己觉得OK就行,加入阴影滤镜,参数如图:将刚才复制的圆角矩形
手机版 平面设计 asp之家 www.aspxhome.com