专注于深圳企业建站,深圳做网站首选建站公司收藏本站|设为首页

您现在的位置: 网站首页 > 网站专题 > 网页设计 > 详细内容

用于网站设计的几则Photoshop小技巧

2010-12-21 10:05:47 来源: 云梯科技 www.wangzhan114.com [ ]

用于网站设计的几则Photoshop小技巧


  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.检测这部分的宽度和高度。