建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 图像设计 > Photoshop教程 >

用Photoshop设计网页的几个小技巧

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

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

  充分利用Photoshop的测量工具

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

  有两种方法来进行测量:

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

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

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

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

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

  量尺工具(快捷键I)

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

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

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

网页设计师应该掌握的Photoshop小技巧

  用自动选择工具选择图层

  选择一个图层很简单:在图层面板中点击那个图层(如果没出现面板按下F7)。

  如果在你的面板中有很多图层或者图层没有直观得命名,那么找相关的图层会变得很烦人。

  有一种办法是打开自动选择工具:

  1.在工具面板中点击移动工具。

  2.选择自动选择右边下拉框中的图层。

  3.勾选自动选择选项。

网页设计师应该掌握的Photoshop小技巧

  启用了自动选择,在画布上随意点击就可以选中相关图层。

  另外还可以用Ctrl/Cmd+鼠标左键点击选择图层。

  用移动工具(快捷键V)来选择图层的另一种方法是用Ctrl/Cmd+鼠标左键点击 在画布上选择一个特定图层,注意应该把自动选择功能去掉。

  分割图层

  选择一个图层后,你也许想把它复制到新文件中从而把它存储为一个新的图片。

  一种方法是用裁剪工具(快捷键C)。网页设计师应该掌握的Photoshop小技巧

  还有一种保持图层大小不变的快捷方法:

  1.按住Ctrl/Cmd键并且点击图层的缩略图。这样就会自动选择那个图层里所有的东西。

  2.按下Ctrl/Cmd+C (编辑->复制的快捷键)

  3.按下Ctrl/Cmd+N来创建一个新的文件。Photoshop能自动帮你复制和创建一个同样大小的图层的文件。

  4.按下Ctrl/Cmd+V 把它复制到新的图层。

  用拖放的方式把一个图层从一个文件复制到另一个文件

  有许多方法可以用来把一个图层或一组图层从一个PSD文件复制到另一个文件。然而最简单的方法是拖放。

  1.从文件中选择你要复制的图层。如果你要复制多个图层,按住Ctrl键在图层面板中选择图层。

  2.选择移动工具(快捷键V)网页设计师应该掌握的Photoshop小技巧在画布中点击任何地方然后把图层拖到你需要复制到的新建文件里。

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

  使用图层复合

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

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片