有很多原因可以解释为什么对于任何web开发人员来说，除了将PSD切片到XHTML/CSS之外，具备基本的Photoshop技能是必不可少的。我在博客的这篇文章中讨论了其中的一些原因，但长话短说，有时你只是需要做一些小的图像编辑任务，但不想为此麻烦你的网页设计师。以下是web开发人员在使用Photoshop进行网页设计/网页界面时经常需要处理的常见任务和流程。
1.更改图标的背景颜色
作为一名web开发人员，我遇到的最常见的任务之一是改变图标的背景颜色或使其背景透明。让我们以RSS图标为例。RSS图标有不同的形状和大小。
当你最终找到“完美的”图标时，有时你需要修改它。一个常见的问题是，如果你的网站的背景颜色是一种颜色，而图标的背景是另一种颜色，为了使它们无缝匹配，我们需要做一些工作。如果图片是GIF格式，我建议将其转换为PNG格式，因为它们很相似，但PNG格式的文件大小通常更小。
读到的在W3C中使用GIF和PNG的优缺点．为此，在Photoshop中打开图像，然后点击文件>保存为Web和设备(Ctrl/Cmd + Alt/Option + Shift + S)，然后在右侧的优化文件格式下拉菜单中选择PNG-8或PNG-24。你得看看哪一个在质量和文件大小方面更好。
(看到一个关于如何为网络保存图像的指南)。然后关闭原始的GIF文件，因为我们已经完成了它，然后用刚刚保存的新格式打开图像。现在如果你查看你的图层面板(如果它不可见，按F7键切换面板的可见性)，你可能会看到有一个叫做背景的图层。右键单击该图层，从出现的菜单中选择“背景图层”，然后单击“确定”。
第二步:使用工具面板中的魔术棒工具(W)。点击魔棒工具。确保公差值设置为20左右，并检查反别名和连续选项，如下所示。
然后点击图标周围的白色(或任何颜色)背景区域。确保选中的区域不会“吞噬”图标下方太多的阴影。
如果是的话，稍微调整一下公差值(然后用魔棒工具重新选择背景)，直到你得到想要的结果。
删除背景色
要删除背景并使其透明，只需按delete键清除选区下方的区域。然后再次将其保存为PNG文件>保存为Web和设备，确保选中透明度选项。
更改背景颜色
1.单击前景色，从“颜色选择器”对话框窗口中选择所需颜色，然后单击“确定”。2.点击油漆桶工具(G)。如果你没有看到油漆桶工具，右键单击渐变工具图标，并从出现的菜单中选择油漆桶工具。然后，单击图标周围的选定区域内，应用您所选择的颜色。
2.选择一个自动选择的图层
选择一个图层似乎是显而易见的:你在图层面板中点击该图层的名称(如果你看不到它，按F7)。然而，当您的工作中有许多层或如果层没有直观命名时，寻找相关的层可能是乏味的。一个选项是启用自动选择选项:在工具面板中单击移动工具(V)。从自动选择下拉菜单中选择图层。3.确保选中“自动选择”框。
在启用自动选择后，单击画布本身的任何地方将激活相关层。
3.用Ctrl/Cmd + click选择一个图层
选择图层的第二个选项是使用移动工具(V)——这次不勾选自动选择选项，然后Ctrl/Cmd +点击画布中的对象来选择特定的图层。
4.隔离层
选择一个图层后，你可能想要将它复制到一个新的文档中，在那里你可以将它保存为一个单独的图像。一种方法是使用裁剪工具(C)。
然而，有一种更快的方法可以保持该图层的准确大小:按住Ctrl/Cmd，点击图层的缩略图。这将使该层的对象周围自动选择。2.2 .按下Ctrl/Cmd + C(编辑>拷贝的快捷键)。按Ctrl/Cmd + N创建一个新文档。Photoshop检测你想要复制的图层的大小，并创建一个相同大小的新文档。4.点击Ctrl/Cmd + V粘贴到新图层中。
5.通过拖放将一个图层从一个文档复制到另一个文档
从一个PSD文件复制一层或一组层到另一个PSD文件有很多方法。然而，最简单的方法是简单地拖放它们。1.从你想要复制的Photoshop文档中选择一个图层。如果你需要复制多个图层，按住Ctrl/Cmd并单击图层面板中的图层。选择移动工具(V)。
3.单击画布中的任何位置，并将图层拖到您想要复制到的文档的选项卡上。窗口将切换到第二个文档。松开画布上的鼠标按钮，你希望在第二个文档中放置复制的图层。
6.通过收缩或扩大选择来改进选择
在第一个技巧中，我演示了如何选择图标的背景。在某些情况下，选择是不准确的，您可能希望从各个方向扩展或收缩选择。首先，要更仔细地查看您的选区，按Ctrl/Cmd + +，这将放大到您的工作。
进入“选择>修改>扩展”或“选择>修改>契约”界面。
键入希望扩展或缩小选区的像素数，然后单击“确定”。
7.使用层比较
在处理多个层时，捕获不同的层可见性状态会更有效。换句话说，最好设置一个图层的可见性，只显示你想要的图层。1.打开窗口>图层组合来显示图层组合面板。点击“图层组合”菜单，选择“新建图层组合”或者点击“图层组合面板”底部的“新建图层组合”按钮。
3.输入你的层的名称，选中可见性选项，然后点击确定。
切换层比较
要隐藏和显示你的图层对比，只需点击图层对比右侧的图标。
8.基本的图像操作:改变颜色
在Photoshop中另一个常见的任务是复制一个图层的一部分，以进行颜色变化或转换。这是一个例子。下面的图标用作菜单按钮:
你如何创建一个复制版本的房子(只有)，并使它黑白?
当你需要在网页上创建鼠标悬停效果时，经常会出现这种情况。1.单击矩形选框工具(M)。在画布上选择房子。然后按Ctrl/Cmd + J复制到一个新的图层。3.点击Ctrl/Cmd + U调整新图层的色相/饱和度。向左滚动饱和度，把房子变成黑白。
结果:
记住，你还有彩色版本的房子。
要查看它，只需切换复制层的可见性。
9.使用测量工具
作为一名web开发人员，当在web页面上渲染时，您经常需要测量对象的像素完美精度。一个常见的例子是为创建CSS精灵计算菜单项的大小。以下是测量元素的两种方法:
标尺(Ctrl/Cmd + R)
1.点击、按住并从标尺的左上角向画布拖动。2.松开你想要开始坐标轴的地方的鼠标按钮。3.放大(Ctrl/Cmd + +)以查看更细的增量的标尺。提示:要更改标尺的测量单位(例如从英寸到像素)，双击标尺本身打开单位和标尺偏好对话框窗口(或转到编辑>首选项>单位和标尺)，并选择所需的测量单位。
尺子工具(一)
1.点击工具面板上的标尺工具按钮(如果你没有看到它，右键单击滴管工具并切换到标尺工具)。2.单击并从开始点拖到希望度量的端点。3.检查宽度和高度指示。
为自己的网页开发人员提供Photoshop技巧?请在评论中与我们分享。
