Close

最终的Photoshop Web设计工作区


我一直在用 Adobe Photoshop 自2006年以来,几乎每天都在此期间,我学到了很多 提示与技巧。我有 优化的Photoshop以提高性能,学习了所有基本的快捷键和工具,并且最近发现了我认为的“最终网页设计工作区”。

什么是工作区?

“通过将面板的当前大小和位置保存为命名工作区,即使您移动或关闭面板,也可以还原该工作区。保存的工作区的名称显示在Photoshop的“应用程序”栏中的工作区切换器中。”

有关更多信息 工作区, 看这里。

终极网页设计工作区

在本文中,我概述了我个人如何设置网页设计工作区,以及为什么自从我开始使用Photoshop以来,我发现它是生产网页工作效率最高的布局。请注意,尽管此布局应适用于17''及以上的显示器,但我正在使用2560×1440分辨率的27''显示器。

下载:
您可以在此处下载工作区。详细的安装说明可在上方或下方的链接中找到。请注意,此文件是在CS4中制作的,尽管它给出了一条相反的消息,但它似乎可以在新旧版本中使用。

将上面的文件放置在以下位置:
应用程序/ Adob​​e Photoshop /语言环境/ En_US /其他预设/ Mac /工作区/基本工作区/ FILE HERE.mnu

终极Photoshop Web设计工作区

1.文件设置

这是魔术发生的地方,空白的画布。我通常从 960 GS 并将宽度设置为1400像素。主要的Photoshop工具仍位于左侧(默认情况下),画布位于中间,而其他窗口位于屏幕右侧。

2.图层组合

如果您尚未使用Layer Comps,而您正在作为设计师工作,那么您将感到无比震惊。这里不是提供教程的地方,但是将它们包含在您的工作流程中非常重要,因为这样可以节省数小时的时间。 Layer Comps对于通过“导出Layer Comps”脚本将演示文稿放在一起也非常方便。

3.历史记录和快照

“历史记录”窗口使您可以根据所做的每次更改返回上一步。通常,我的历史记录设置默认设置为20,但是经常使用“快照‘因此,我只需单击一下即可轻松回到以前的状态。请注意,快照不随PSD保存。

4. FontShop和Extensis Web字体插件

字体商店 &Extensis允许您查看和使用 网络字体 在Photoshop中。我只在需要时单击此图标,因为它经常会使PS变慢。另外,请注意Extensis,您将需要Suitcase Fusion字体管理软件,该软件可进行30天试用。

5.文件夹和图层

较大的“图层”窗口可轻松进行扫描和 组织 在设计时提高了生产率。我将每个“页面”细分为4个常规文件夹;页眉,内容,页脚和背景。

我还将“自动选择”设置为“层”,并选中了“显示变换控件”。请参阅屏幕快照中最左上角的工具栏,以根据自己的喜好切换它们。

6.色板调色板

色板调色板可确保您使用的颜色在文档中保持一致。只需将颜色添加到“色板”调色板中,然后在需要时突出显示文本或图层并更改颜色。

7.样式窗口

与“色板”窗口类似,“样式”窗口使您可以轻松更改颜色并为整个文档中的元素添加效果。方便用于按钮,表单,矩形,导航等。

8.人物

通过“字符”窗口,您可以快速轻松地更改最常见的文本设置,例如字体,大小,前导,跟踪和颜色。 Web布局非常重要。

9.路径/通道

我用以下方式分解了“字符”和“段落”窗口 路径 &频道作为个人喜好,因此字体工具看起来不会显得那么混乱。路径窗口可让您轻松创建路径,形状和选择以及 频道 主要用于照片编辑。

10.段落

“段落”窗口控制文本的对齐方式以及页边距,间距,连字符(默认设置为关闭)和罗马标点。

最终的Photoshop Web设计工作区就在这里。你怎么看? 您有任何要共享的Photoshop工作区吗?请做!

更多Photoshop技巧与窍门:

Related Posts