打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Web设计师的20个Photoshop技巧

1.简化您的工作空间

让我们从基础开始。改善工作流程的第一件事是以支持您使用它的方式来设置Photoshop。毕竟,使用更锋利的工具会使工作变得更容易。

因此,我们的第一站是Window> Workspace> Graphic and Web。选择此选项会将可用的工具更改为您最有可能用于Web设计的工具。

之后,转到编辑>首选项。在这里,最重要的停靠点之一是单位和标尺。无论您在此处选择哪种尺寸(最有可能的像素),它都是所有文档的默认设置。

(快速提示:要更改单个文档的标尺,只需右键单击它们,然后选择所需的度量单位。)

之后,转到首选项>性能>历史记录和缓存,然后点击Web / UI设计。

这样做将更改缓存设置,以偏爱具有许多层的较小文件,这是您将主要使用的方法。

在同一位置,您还可以选择历史状态的数量。如果您要撤消某些操作,这就是您可以返回的步骤数量。

最后,退出首选项,关闭所有文档,然后按键盘上的T按钮。这将使字体菜单显示在屏幕顶部。从那时起,您在此处设置的任何内容都将成为新文档的标准。因为没有人真的那么喜欢Myriad Pro。


2.学习键盘快捷键

对于您定期使用的任何程序,学习键盘快捷键通常是一个不错的建议。

例如,在撰写本文时,我使用Ctrl + Alt + 2/3来创建h2和h3标题。它比使用编辑器工具栏要快得多,因为我不必将手从键盘上移开。

对于Photoshop也是如此。知道如何通过简单的按键操作就比单击菜单快得多。

我们将在本文中提及许多键盘快捷键。但是,我也建议您使用该备忘单,以了解最常见的Photoshop操作的快捷方式。除此之外,将习惯变成一遍又一遍地研究键盘快捷键也是一个好主意。


3.组和名称层

使用Photoshop时,将处理层的负载。不仅使大多数元素拥有自己的图层,而且还添加了诸如亮度/对比度之类的修改作为图层。

因此,它会很快变得混乱。幸运的是,有很多选择可以减少这种情况,其中两个是对图层进行分组和命名的能力。

首先,通过双击任何层,您可以将其名称更改为您喜欢的任何名称。

这样,您将轻松了解图层是否包含背景图像,菜单或侧边栏。

另外,您也可以一次选择多个图层,方法是按住  Ctrl键选择单个图层,或者按住Shift键标记一系列相邻图层。然后按Ctrl + G组合成一个组。

或者,右键单击图层,然后从中选择组选项。无论哪种方式,您的图层都会变得更有条理。另外,您也可以命名分组图层!


4.过滤层

命名和分组图层是一个好的开始。但是,当使用数十甚至数百个它们时,您仍然容易感到困惑。

对于这些情况,您还可以选择过滤图层。为此,只需使用“ 图层”菜单顶部的菜单即可按类型,名称,效果,颜色等进行过滤。

或者,使用“ 移动”工具直接选择一个图层,按住Ctrl并单击一个图层或对象。


5.创建一个网格

网格是网页设计中最重要的原则之一。它带来了设计顺序,并帮助您放置对象。因此,在Photoshop中创建网格也才有意义。

为此,请使用“ 视图”>“新指南布局”。另外,只需单击标尺并拖动到文档中,即可创建水平和垂直参考线。使用Ctrl键移动现有参考线。


6.导入色板

您可以将颜色样本从HTML,CSS或SVG文件直接加载到Photoshop中。这样,在使用徽标等现有资产时,您将为配色方案提供一个很好的起点。

要利用此Photoshop技巧,只需打开“ 色板”面板,单击右上角的下拉菜单,然后选择“ 加载色板”。现在,导航到有问题的文件并打开它以导入新的色样。


7.保存自定义形状

特别是当为一个或多个设计相似的网站设计多个页面时,您会发现自己一遍又一遍地使用相同的对象和形状。因此,将它们另存为自定义形状以便快速重用是有意义的。

为此,请使用路径选择工具(黑色箭头)右键单击相关形状。然后,选择定义自定义形状。完成此操作后,您可以通过“ 自定义形状”工具的顶部栏选项访问此形状。只需单击显示形状:的下拉菜单,然后选择保存的形状。


8.在背景色和前景色之间切换

无需单击图标即可在背景颜色和前景色之间来回切换两个,只需按键盘上的X。另外,如果你想要的颜色回到简单的黑色和白色,你可以按这样做d。


9.通过键盘更改不透明度

另一个键盘快捷键:对于任何可以更改不透明度的工具,您只需通过键盘即可。数字1到0会将不透明度设置为10%到100%之间的任何值。同样的事情也适用于图层的不透明度。


10.画直线

要使用任何工具绘制直线,只需按住Shift键即可。之后,您可以画一条线(水平和垂直方向),该线将自动像钉子一样笔直。或者,单击两个不同的点以在它们之间创建一条直线。


11.样品颜色

在我们的Photoshop技巧包中,接下来是对任何颜色进行采样的功能。如果需要任何对象的颜色,请按住Alt键并单击所需的色相。这与“ 笔刷”,“ 铅笔”,“ 颜料桶”以及其他使用颜色的工具都可以使用。


12.添加到选择或从选择中删除

您可以通过按住shift键并选择要包括的零件来添加到现有选择中。要减去,请执行相同的操作,但请使用Alt按钮。


13.撤消一步以上

撤消上次操作的经典方法是使用Ctrl + Z键。但是,这仅适用于您所做的最后一件事。回去的几个步骤,使用按Ctrl + Alt + Z。


14.动态更改画笔大小

要更改笔刷大小,无需单击下拉菜单并将其拖动到正确的大小。相反,只需按住Alt和鼠标右键,然后向左和向右拖动即可减小和增大画笔的大小。


15.保存为网络

使用Safe for Web功能非常重要,因为它可以确保图像尺寸尽可能小。这对于提高站点速度非常重要。

在Photoshop中,可以通过“ 文件”>“导出”>“另存为Web”来执行此操作。然而,更快捷的方法是使用按Ctrl + Alt + Shift + S键。别客气!


16.打开图像作为图层

有时有必要一次将大量图像导入Photoshop。但是,当您将它们简单地拖到工作空间中时,系统会要求您手动放置它们。

一种更实用的方法是“ 文件”>“脚本”>“将文件加载到堆栈”。浏览到有问题的图像,标记它们,然后单击确定两次。现在,每个图像将自动导入到自己的图层中。


17.直接从Photoshop中复制CSS

对于网页设计师来说,Photoshop最舒适的技巧之一是该程序创建了可以导出的CSS。无需手动输入所有内容,也无需反复试验即可实现。

要利用此优势,只需右键单击图层并选择Copy CSS即可。或者,使用“ 图层”菜单找到相同的选项。现在,您拥有所有必要的样式,可以简单地粘贴到样式表或正在使用的任何其他程序中。


18.一次设计多个设备和方向

如今,为网络设计意味着要设计大量不同的设备。在移动设备使台式计算机超越世界各地的时代,实现移动设计是必须的。


19.对重复任务使用自动处理

Photoshop的另一个出色功能是自动处理。这意味着您可以一遍又一遍地重复记录的任务,而无需手动执行。这非常有用,例如,如果您需要为网络保存大量图像。

运作方式如下。首先,打开您的文件。然后,打开“ 动作”(Alt + F9),找到“ 创建新动作”并单击它。提供名称,并可以选择为其分配按键组合和颜色。

要记录您的操作,请按记录。然后执行您要重复的操作。就我而言,我从一个文件夹中打开一个图像,然后将其保存在Web中的另一个文件夹中。

完成后,停止录制。现在,您可以将此操作用于所有其他图像,从而节省大量时间。有关可以在Photoshop中进行自动化操作的更多信息。


20.在设备上预览

最后,Adobe与Photoshop一起提供了一个应用程序,可让您在多个iOS设备上预览作品。最好的事情:您可以在计算机上进行更改时观察设备上的更改。

为此,请安装该应用程序并使用设备预览通过USB或wifi将Photoshop连接到外部设备。您可以在“ 窗口”>“设备预览”下找到该选项。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
最全的PS快捷键大全!
PS文字排版工具
五分钟教你玩转Photoshop快捷键平面设计,网页设计,CAD制图,装璜设计,电脑维修,...
《Photoshop教程:打造母亲节海报第50104教程》《Photoshop教程:打造母亲节海报第50104教程》
今日带你认识PS图层蒙版的10个技巧
中等专业学校Photoshop课堂实操教学研究 参考论文
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服