photoshop设计网页_设计师必备的20种免费必备Photoshop操作

自动化脚本可以节省时间并改善所有广告素材领域的工作流程。 诸如Photoshop之类的Adobe产品提供了称为动作的脚本，这些动作可在单击按钮时自动执行多次。 有专门的Photoshop动作网站，但其中许多都是为摄影师而设计的。

我收集了一些直接针对UI设计师，图标设计师和产品设计师的操作，这些设计师为Web和移动设备构建界面。 所有这些操作都可以完全免费下载以供多种使用。 在下载之前，请务必检查详细信息，以确保所有内容均在您的Photoshop版本上运行。

从iOS 7开始，Apple设计团队引入了乳白色玻璃模糊效果 。 这可以在Photoshop中复制，但需要一些图层操作。

设计师Matt Smith创建了iOS 7模糊动作，以在任何顶层复制效果。 如果无法执行操作，则可以下载附带已应用毛玻璃层的PSD文件。

Bjango是一个创意工作室，为设计师构建应用程序和开源项目。 该网站为PS用户发布了方便的文章，并提供了完整的GitHub操作存储库 ，您可以免费下载这些操作 。 这些动作包括在Photoshop中进行建筑设计的各种细微差别。

该列表包括一个开关，用于打开和关闭像素，自动复制整个画布，以选择集中为中心，甚至从文档中裁剪Dribbble大小的镜头。 Bjango Actions集合当前在v4中包含数十种动作，脚本和OS X工作流程。

这是阿尔巴尼亚设计师Vasjen Katro创造的一种非常酷的效果。 使用名为ScreenShot Photoshop的动作，您可以制作一个平面模型并使用隐式照明使偏斜自动化 。 这产生了屏幕倾斜到侧面的效果，看起来像监视器的照片。

这对于倾斜的透视图以独特的方式显示界面是完美的。 尽管这可能无法帮助您更好地进行设计，但可以改善演示效果 。

导出设计需要时间，但是使用Luis da Silva的PSD到PNG导出可以使其变得更简单。 这会将完整的PSD文件从Photoshop的操作面板转换为PNG 。 据我所知，这适用于从CS到CC的所有版本的Photoshop。

是否曾经想在浏览器窗口中查看样机的外观 ？ 多亏了浏览器用户界面操作 ，现在只需单击一个按钮即可。

此特定操作确实具有高级选项，但免费版本具有足够的功能。 每个浏览器窗口均以OS X样式呈现，但窗口可以拉伸以适合您需要的任何画布 。

Retinize这是一个免费的Photoshop动作，用于构建图标和界面元素的视网膜副本。 您只需选择一个图层（或图层组）并运行操作。 可以使用自定义的@ 2x和@ 3x大小要求来命名和导出图形。

请注意，这在光栅图形上效果不佳。 尝试使用形状和矢量元素或导入的智能对象，以在调整大小时保持质量一致。

层导出是另一个没人真正想要做的手动任务。 此PSD到SVG的导出操作使单调性不再为Web导出矢量和图形。

请注意，此操作是为Photoshop和Illustrator构建的，但仅支持CS5或更高版本。

这是另一个浏览器模板工具，但具有平坦的UI。 如果您不想使用Mac风格的浏览器，请尝试使用此PS浏览器操作 。

栅格化的文档元素效果最佳，尽管将所有内容平整到一个新层上并使用它同样容易。

任何需要立体声显示的人都会被踢出这个动作。 这种免费的立体显示动作可通过平面UI元素的输入创建带有阴影和倾斜边缘的3D效果。

这是我最喜欢的操作之一，因为它对于图形显示和演示非常实用。 UI设计师将喜欢MarioSemeš创建的用于界面放大的放大镜操作 。

它将放大镜放在Photoshop文件上， 并将模糊效果应用于其他地方 。 这是关注一个特定元素或效果的好方法，对团队项目或在线教程很有用。

数字设计师Geof Crowl建立了一个自定义的iPhone 6动作集合，用于将PSD中的图形组织成视网膜尺寸 。 移动应用程序设计师通常使用形状图层，因此这应该适合任何典型的设计工作流程。

这是由创意代理商ENVOY构建的独特概念。 由于Photoshop具有出色的“保存为网络”选项，因此ENVOY团队专门针对iOS导出构建了此操作。 有类似的脚本，但是值得在其中添加另一个脚本。

Artista是用于处理照片和数字设计的Photoshop动作。 自定义操作可以应用于图层或整个文档。 这个特殊的动作集使设计师可以构建有趣的媒体样式，例如充满活力的线条和绘制画布样式的滤镜。 查看样本预览，以了解可能的结果。

尽管GitHub通常与开发项目相关联，但仍可以找到诸如GUI Automation Toolbox之类的出色设计资源。 在工具箱中，您将找到Photoshop和Illustrator的脚本。 这些可以帮助导出图形和重建图层组。

这可能是一些实验性的Photoshop动作，但功能非常强大。 Pixel2Vector通过迈克尔Tzscheppan是一个自由动作组，其转换像素层到载体的形状 。 该动作支持Photoshop CS3 +，并且可以作为CS5 +的插件运行。 我喜欢这个概念，因为它可以帮助设计人员快速将栅格形状变成可编辑的元素 。

莫斯科设计师Aram Mirzoyants在Dribbble上免费发布了长长的影子动作 。 您可以下载这些动作并将其用于从矢量形状到文本和图标的任何层。 这将自动生成3D阴影效果，并可以选择以不同的长度沿各个方向倾斜阴影。

等距转换动作Mapita是在Photoshop中构建外观3D工件的一种方式。 它并非在所有设计上都很好用，但是通过免费的PS动作（包括示例PSD文件） 可以使平面图形变得生动 。

这是为Photoshop用户定制的墙纸生成脚本 。 它可以导出各种尺寸以适应不同的屏幕尺寸，同时保持质量不变。 墙纸与UI设计并不特别相关，但是此脚本太酷了，不能被排除在外。

我相信这些动作可以提供足够的资源来改善至少部分日常设计工作流程。 但是，如果我错过了任何优质的Photoshop操作，请随时在评论区域中添加它们。

翻译自: https://www.hongkiat.com/blog/photoshop-actions-for-designers/