当前位置:首页 > PS教程 > 设计教程

网页PS设计中常用的八大技巧

  • 2010-12-14 01:07:58
  • 来源/作者:互联网/佚名
  • 己被围观

对任何一个网页开发员来说,掌握基本的Photoshop技巧比如把PSD文件分割为XHTML/CSS文件是必不可少的。同时,我们还应该懂得更多其它的PS技巧,如修改图标背景色、使用多种方式进行P


 

  在画布中点击任何地方然后把图层拖到你需要复制到的新建文件里。

  这个文件会被激活,放开鼠标把复制的图层放在你想要的地方。

  (六)扩展或收缩图像

  在第一个技巧中,我演示了如何选择一个图标的背景。在有些情况下,选区不准确,也许你想放大或缩小选区。

  首先,为了看清楚你选择的部分,按下Ctrl+ +来放大这个图像。

  点击选择->修改->扩展

  选择->修改->收缩

 

网页设计师必修的8个PS技巧

 

 

图08

 

  输入你想要扩展或收缩的像素然后点击确定。

 

网页设计师必修的8个PS技巧

 

 

图09

 

  (七)使用图层复合

  当有多个图层时,获取图层的可见状态会是操作更有效。换言之,只显示你想要看见的图层。

  1.显示图层复合:窗口->图层复合。

  2.在图层复合菜单中选择新建图层复合或者直接在面板下点击新建图层复合快捷键。

 

网页设计师必修的8个PS技巧

 

 

图10

 

  3.命名这个新的图层复合,勾选可见性的选项,确定。

  应用图层复合

  点击在这个图层右边图标来隐藏或显示图层复合。

 

网页设计师必修的8个PS技巧

 

 

图11

 

 

网页设计师必修的8个PS技巧

 

 

图12

 

 (八)基本图像处理:改变颜色

 

  Photoshop中另一个常见的问题是复制部分图层并改变其颜色。

  这里有一个例子。下面这个图标用作菜单按钮:

  如何只把其中的房子复制出来,把它变成黑白色彩?当你需要做鼠标触摸效果时,这个技巧经常会被用到。

 

网页设计师必修的8个PS技巧

 

 

图13

 

  1.选择矩形选框工具(快捷键M)。

  2.在画布中选择这个房子。然后用Ctrl/Cmd+J把他复制到一个新的画布上。

  3.按下Ctrl/Cmd+U调整新图层的色相和饱和度。把饱和度调整到左边来把房子调为黑白。

  结果:

 

网页设计师必修的8个PS技巧

 

 

图14

 

  但是彩色版的房子还在。要想看到它,把它设为可见。

  (九)利用测量工具

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

  有两种方法来进行测量:

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

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

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

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

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

  量尺工具(快捷键I)

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

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

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

 

网页设计师必修的8个PS技巧

 

 

图15

(责任编辑:PS家园网)

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

标签(TAG)

更多精彩内容

  • 文字排版技巧知识大全 文字排版技巧知识大全
  • 电商产品PS修图:金属质感效果 电商产品PS修图:金属质感效果
  • 色彩叠加在各类设计中的巧妙运用 色彩叠加在各类设计中的巧妙运用
  • PS CS5制作逼真绳子 PS CS5制作逼真绳子
  • PS绘制柔美飘逸的丝带 PS绘制柔美飘逸的丝带
  • PS制作一款科技感的立体插图 PS制作一款科技感的立体插图
  • banner制作初级教程 banner制作初级教程
  • 如何设计一个高端大气上档次的 logo? 如何设计一个高端大气上档次的 logo?