3.4 Photoshop界面布局
Photoshop的操作界面是设计师每天都要面对的工作“岗位”，熟悉软件界面布局是学好软件操作的基础。
Photoshop软件操作界面具有科学而明确的功能分区。现有界面布局的位置关系是经过软件开发工程师对设计师使用软件的用户体验和操作习惯进行了多轮优化的结果，软件界面中固定的可视化区域均为实操过程中不可或缺的组成部分。界面中的各个版块之间有着紧密的逻辑关系，协同为工作区视觉设计实现服务。
3.4.1 “菜单栏”功能和布局
让我们系统地开始认识一下Photoshop软件的整个界面。Photoshop软件界面由多个不同的功能区域组成。下面按界面的布局位置自上而下介绍，位于界面最顶部的一行叫作“菜单栏”，如图3-24所示。
菜单栏相当于整个软件的总控。一些非常重要的核心操作都需要在菜单栏中进行。当然，有时候用户也没必要一定要通过菜单栏操作。因为Photoshop强大的快捷键功能可以替代菜单命令，比如刚刚讲到的快捷键Ctrl+K就可以替代菜单栏中的“编辑”→“首选项”命令。所以，有时候只要记住快捷键，就无须苦记菜单命令，这样可以大大提高工作效率。因此在学习开始就要有一个心理准备：学习Photoshop软件的过程也是学习、背诵大量快捷键的过程。不过不用担心，我们会通过每一个具体的案例中融入快捷键知识，让读者轻松地记住每一个快捷键的使用方法。
Photoshop的界面功能布局
图3-24
3.4.2 “工具栏”“属性栏”和“工作区”
在Photoshop界面最左侧有一个竖条形的、像小箱子一样的狭长区域，叫作“工具栏”。顾名思义，这就像一个存储十八般兵器的兵器库一样，内有大量不同功能的工具供用户选用，帮助用户设计出满足各种需求的设计作品。相应的，在工具栏上方、菜单栏下方有一块横向条形区域，叫作“属性栏”。属性栏和刚刚讲到的菜单栏有一点很大的不同：菜单栏有点像联合国的“五常”，位置和内容都是固定不变的；而属性栏虽然与其位置并列，但其内容是随着在工具栏中所选工具的变化而变化的。属性栏实际上是对左侧工具栏中的每一个工具的具体属性的描述，即在工具栏中选择不同的工具时，属性栏内容会相应地发生变化。如图3-25为工具栏和属性栏在界面中的位置。
图3-25
通过单击工具栏左上角的双三角按钮，可以将工具栏自由切换为一列或者两列显示。我们会发现工具的数量并没有发生任何改变，只是显示的列数变化了。在工具栏右侧，也就是操作界面的中心区域，是用户制图的“工作区”。设计师所倾注的90%以上的时间和精力都用于审视工作区中的内容，此时工具栏并没有太大的用处（工具栏中几乎所有常用的工具都有快捷键，我们背会快捷键后工具栏的显示意义就更不大了）。这相当于智能手机时代，所有人关心的都是屏幕，因此手机的核心区域都留给了屏幕，而诸如音量和开关机按钮等一些辅助部件都安排在手机相对边缘化的位置。这和切换工具栏单双列显示异曲同工，其目的是为了给视图区域留出更多界面，方便设计师查看和斟酌画面效果。如图3-26、图3-27所示为工具栏单双列显示切换效果对比。
图3-26
图3-27
3.4.3 界面的显示与隐藏
说到这里，再介绍一个非常简单实用的快捷键：F。在英文输入状态下按F键时，素材的名称标签会隐藏，增大工作区的画面显示区域。如图3-28、图3-29所示为在界面中按一次F键前后隐藏画布名称标签的效果对比。这个快捷键非常好记——F就是英文Full的意思，即全屏显示。
图3-28
图3-29
在实际工作中需要给客户或老板看设计稿效果时，我们就可以通过按快捷键F进行全屏展示。不需要的时候，再按键盘左上角的Esc键退出或者再按一次F键切换即可。如图3-30所示为在界面中连续按两次F键后的全屏效果。
图3-30
如图3-31所示为在界面中按快捷键Tab切换显示或隐藏所有功能区域（包括工具栏）的效果。如果按快捷键Shift+Tab则工具栏不受影响，只显示或隐藏其他的功能区域。
图3-31
注意事项
吴老师有话说
• Photoshop中的一个显著的操作特点便是快捷键，它可以大大提高软件操作者的工作效率。对于初学者来说，快捷键是需要在实操时留意背诵记忆的。
• Photoshop的部分操作功能只有通过快捷键才能实现，因此从某种意义上说，背记快捷键与否是没有选择的——快捷键是软件操作技能的一部分。
• 使用Photoshop快捷键时，一定要保证处于英文输入状态（按“Ctrl+空格”组合键可切换中英文输入状态）。中文输入状态下会直接输入字符，Photoshop软件无法识别。
3.4.4 “面板”的功能和特点
下面介绍软件界面中最后一个功能区域——“面板”。面板区域相当于整个制图工作的“司令部”，所有的操作内容和元素都是在这里进行调度的。如图3-32所示为软件界面右侧的面板区域。
图3-32
以“图层”面板为例，任何一件设计稿究竟有多少个图层，图层和图层之间是怎样的叠合关系，如压住哪个图层、显示哪个图层等，都要在这里进行调度。
通过按住鼠标左键拖曳面板顶部的选项卡，可将各个面板分离并放到界面的任何位置，如图3-33所示。拖曳出来的面板，单击其右上角的“关闭”按钮（即叉号），即可将其关闭。那么关闭之后相关的“面板”找不到了，该怎么办呢？
图3-33
如果因操作不当误关了相关的面板，可以通过执行“窗口→工作区→复位基本功能”命令（如图3-34所示），对界面的功能布局进行复位。复位后就成为Photoshop软件刚刚安装时显示的界面布局了。其作用就是恢复Photoshop软件的基本设置，相当于手机的“恢复出厂设置”。
图3-34
到这里Photoshop软件的界面布局就介绍完了。初学的朋友切记——软件是给人用的，就算刚开始对操作都一无所知也要大胆去尝试。软件并没有那么脆弱，大不了“一键复位”。只要我们的心不脆弱，大可无所顾忌，放手去干吧！
吴老师说大实话
马上要开始正式学习软件实操了，吴老师想跟初学者说3句话。
• 天下再好的设计都是人做出来的，没有什么不可能。
• 技术是为应用服务的，掌握工具不是目的，要融会贯通。
• 不能只停留在学会阶段，学好才是目的。“做盐不咸，做醋不酸”难免会落入尴尬境地，要注重细节和结果，让结果实效落地。