信不信由你，如果您正在使用Photoshop设计网站，那么您在正确的道路上成为一名成功的网页设计师。 这仅仅是因为Photoshop是设计行业中最先进的工具之一，其丰富的专业工具可同时提高您的生产力，从而使您的创造力得以实现。

但是您对Photoshop的了解如何？ 有时我们想知道为什么某些网页设计师可以在5天内设计出具有极重图形的网站布局，而我们则需要大约10天来完成这种设计。 这可能与您单击速度有多快，与您对Photoshop的了解程度有关，如何与您充分发挥其潜力来提高生产力。

我们希望您知道如何释放其全部潜力。 是的，这就是我们创建此帖子的原因，以向您提供10个非常有用的Photoshop技巧来提高您的设计速度。 可能会有一些您不知道但不再存在的快捷方式，功能或设置。 通过本文，您将学到所有这些知识，并且您将设计得越来越快。

注意：本文提到的快捷键是Windows Photoshop格式。 如果您使用的是Mac，请确保知道Ctrl = Cmd（命令）和Alt = Opt（选项）。

10.撤消，请更多撤消

我完全相信，我们的设计师对撤消某些东西非常上瘾，即使直到我们在绘制草图时犯了错误，我们也倾向于“撤消”它。

众所周知，在Photoshop中按Ctrl + Z可以撤消上一个操作，但是当再次按相同的组合键时，它将重做上一个操作。 这是非常不自然且麻烦的，因为您始终需要多次撤消才能达到所需的状态。

信不信由你，Photoshop有一个用于多次撤消的特定按钮，它是Alt + Ctrl + Z。 是的，通过使用此组合键，您可以根据在“编辑”>“首选项”>“性能”中设置的“历史记录状态”的值来撤消多次。

如果您习惯使用Ctrl + Z的常用撤消组合键，只需按Ctrl + Shift + Alt + K即可访问“键盘快捷键”面板，并将“编辑”部分下的撤消组合键更改为Ctrl + Z。

9.随处取样颜色！

偶然发现一个设计精美的网站，想知道它使用的是哪种确切的颜色？ 当我在Photoshop中进行网站布局时，当我在寻找灵感时，这种情况经常发生。 对我来说，我将启动一个颜色选择器，选择颜色并获取其十六进制数字，然后在Photoshop中单击调色板，然后输入十六进制数字然后获取颜色，这很烦人吗？

好吧，您实际上并不需要遭受这种痛苦，您实际上可以单击“吸管”工具或按I激活它，然后单击Photoshop的工作屏幕并将“吸管”图标拖动到监视器屏幕上的任意位置即可获得所需的颜色想。 是的，真的很容易。

8.弹性指南

提示＃8实际上是2个提示的组合，希望您不要介意获得更多提示。 作为网页设计师，我们必须处理大量有关正确放置元素的指南，换句话说，像素完美。

您如何创建指南？ 单击视图，新指南，然后确定其为水平或垂直指南，输入其位置，然后单击Enter？ 好的，您可以通过按Ctrl + R激活标尺工具，单击该工具并将其向下拖动以创建水平参考线来保存这些作品，反之亦然。

除了即时创建指南之外，这里还有另一个有用的提示。 在使用可以使用V键激活的“移动”工具拖动辅助线的同时，按住Alt键将水平辅助线更改为垂直辅助线，反之亦然。 现在，您可能会认为自己在使用指南方面很专业。

7.有趣的图层样式克隆

当您仅将图层样式应用到制作中时，图层样式就很有趣，例如，一个社交媒体图标看起来非常迷人且独特，但是如果您想将相同的图层样式应用于通常会出现的所有社交媒体图标，将非常累人。多件。

您是否意识到图层旁边有一个FX图标？ 好吧，一切都存在是有原因的，如果您按Alt键并将fx图标拖到另一层，它将把第一层的样式复制到您拖到的样式上，不是吗？

另外，如果您对那个fx图标的常用用法感兴趣，它可以让您将图层的样式移动到另一图层，而您所需要做的就是简单地将图标拖动到另一图层而无需按Alt键。

6.元素居中变得容易

为了实现像素完美的设计，我们通常必须将元素精确定位到应有的位置。 这似乎很容易，因为您可以只创建一些参考线并将元素对齐到这些参考线，但是如果您想将元素绝对居中放置在特定区域，这将是艰巨的任务，这需要大量的参考线，测量和焦点。

实际上，您有一种方法可以使整个过程变得更加容易，单击要绝对居中的元素图层，然后按Ctrl + A选择整个文档。 之后，启动“移动”工具，您将在选项“显示变换控件”旁边看到一些图标。 单击第二个图标将元素垂直居中，然后单击第五个图标将元素水平居中，然后您就可以将元素绝对居中。

您不仅可以将元素在整个文档区域中绝对居中，还可以将元素在特定区域中绝对居中。 假设我想将元素在页脚区域中绝对居中，我可以简单地使用“选择”工具选择页脚区域，该工具可以通过按M键激活，然后将元素在该特定区域中绝对居中。

您可以研究“显示变换控件”选项旁边的其他对齐选项，它们对于在多种情况下对齐元素非常有用。

5.一次查看选择

通常在设计布局时，您需要检查一个元素本身或少数元素的外观，例如在下面的网站布局中，我想检查滑块的按钮以确认它们没有透明度，因此它们看起来完全一样。或没有滑块的图像。

过去，我必须关闭滑块图像层，滑块背景层甚至内容背景层的可见性，但是现在我只需按住Alt键，然后单击按钮组旁边的“眼睛”图标即可关闭所有图层的可见性，因此我仅查看这些按钮。 在检查了它们之后，我可以再次重复该技巧以恢复所有图层的可见性。

当涉及到图像切片时，此技巧也非常有用。 您希望在不使用任何其他元素（例如滑块图像）的情况下切片滑块的按钮，因此您可以使用此技巧关闭所有图层的可见性以仅对按钮进行切片，然后重复该技巧以恢复所有图层的可见性，这样可以节省大量的时间打开和关闭图层的可见性。

4.随时自定义字体的跟踪

这个特别的技巧向您展示了如何轻松地在某种类型的字体中增加字体的跟踪，因此它可能仅用于某些特定的情况，例如徽标或按钮创建，但是它是一个专业技巧，可以节省大量时间来查找字体。适合徽标或按钮创建的版式。

好吧，比方说，我想减少对类型“ 360”的跟踪，这样我的徽标的类型看起来就很独特了，访客可以更轻松地记住它。 我可以使用“文字”工具选择“ POLO360”，可以通过按T键激活该工具，然后按住Alt键并按按钮以开始减少文字的跟踪，这将使结果显示在上方。

您可以使用此技巧来解决某些艺术字体的跟踪问题，因此下次您想为徽标创建查找图形字体时就不必担心跟踪了！

3.即时图层选择=赢

布局设计是一项繁琐的工作，因为我们必须解决许多问题，例如版式，间距和图形，但是如果我们要从数百个图层中查找特定元素的图层，它将是不胜枚举的。

让这个技巧使您的设计师的生活更轻松。 使用V键激活移动工具并按住Ctrl键，然后单击元素，您将自动选择元素的图层。 确实如此简单，但请记住，如果将元素放入组中，则使用相同的技巧，您将选择包含单击元素的组文件夹，如上所示。

2.智能设计器的智能对象

就像它的名字一样，智能对象通过执行两个主要功能使您的编辑更加智能：执行非破坏性变换和执行过滤。 此功能非常方便，尤其是当您使用大量图片（如股票照片，社交媒体图标和UI工具包）制作网站布局时，您要做的就是右键单击图层，然后单击“转换为智能对象”以享受它的好处。

第一个功能表示将图层转换为智能对象后，您可以随时对其进行转换而不会失去其原始质量。 在我们的例子中，我们希望使图像滑块更小，以便将图像滑块的图层转换为智能对象，并将其转换为更小的对象。

哎呀，它太小了，所以我决定改回来。

看起来一切正常，什么都没发生？ 如果您应用了向后转换而不将图层转换为智能对象，则结果如下。

因此，您可能会在这里看到区别，尤其是滑块的按钮部分。 没有在图层上应用智能对象的向后转换会使滑块和滑块的按钮失去质量。 因此，通过将图层转换为智能对象，可以将其转换为所需的任何较小尺寸，但是一旦对决定感到遗憾，就可以将其改回而不会降低质量。

将图层转换为智能对象的另一个好处是，一旦在智能对象上应用了过滤器，过滤器的图层就会出现在智能对象的图层下，因此您可以通过关闭过滤器图层的可见性来更轻松地禁用过滤器，这称为无损过滤，为您的项目节省大量时间。

1.美好过去的快照

现在，您学习了如何多次撤消，复制图层样式，更快的图层选择以及使用智能对象这些省时的技巧。 好吧，这些都是非常实用的技能，可以极大地提高您的工作效率，但是经过2个小时的工作，您后悔了自己的编辑并决定从中间开始做些什么？ 即使您应用了以前学到的所有杀手tips，重做它也将是非常累人和无聊的，所以这才是Snapshot的开始。

快照允许您创建任何编辑状态的临时副本，因此当您在改进设计时遇到困难并决定返回时，只需单击快照即可将您带回所需状态。 要拍摄快照，只需打开“历史记录”调板，然后单击在调板底部看到的第二个图标。

快照还有一些有用的功能，例如您可以拍摄多个快照，以便您有更多选择，并且可以命名它们，以便于记忆。 最终，您还可以使用这些快照来比较您为设计创建的不同效果。

但是，请务必记住，一旦关闭文档，快照将立即删除，因此，如果要保留这些状态，可以单击每个快照并将文档另存为另一个文件。

反射

您到了本文的结尾，干得好。 到这个时候，您应该拥有足够的省时的杀手tips技巧来提高设计速度，但是请始终记住，学习是您最好地了解Photoshop的最佳方法，从而提高了生产率。 因此，请继续学习，您将成为一直以来更具竞争力的Web设计师。

好吧，我们已经尽力了，您呢？ 如果您不介意，请分享您的Photoshop杀手tips，让我们知道使用Photoshop的更好方法，谢谢您的慷慨！

翻译自: https://www.hongkiat.com/blog/photoshop-killer-tips-for-web-designers/