Photoshop做活泼手绘风格网页设计稿

　　Photoshop网站界面设计教程：杂志网站

　　Photoshop网站设计实例：甜蜜糖果店　　

　　对任何一个网页设计人员来说，掌握基本的Photoshop技巧是必不可少的，比如把PSD文件分割为XHTML/CSS文件。同时，我们还应该懂得更多其它的PS技巧，如修改图标背景色、使用多种方式进行PS抠图、使用快捷键快速选择PS图层等等。下面我们为大家介绍几个对网页设计师来说相当有用的PS技巧。

　　充分利用Photoshop的测量工具

　　作为一个网页设计师，为了能制作适合网页的图像，我们常需要精确到像素来测量图像。一个常用的例子是计算清楚菜单栏的尺寸以用作CSS图像拼合。

　　有两种方法来进行测量：

　　量尺(快捷键Ctrl/Cmd+R)

　　1.点着不放把左上角的量尺拖向画布。

　　2.在你想要放坐标的地方释放鼠标。

　　3.缩放(快捷键Ctrl/Cmd++)更好的观察量尺刻度。

　　建议：双击量尺本身或者点开 编辑->首选项->单位和标尺来打开选择框，选择你想用的测量单位(比如从英寸到像素)。

　　量尺工具(快捷键I)

　　1.在工具面板中点击量尺工具(如果没有看见，右击吸管工具转换为量尺工具)。

　　2.点击后从起点拖到终点来进行测量。

　　3.检测这部分的宽度和高度。