Photoshop是web前端工程师进行切图必不可少的工具,而在使用PS进行切图之前需要进行一些初始化设置,主要包括首选项设置、面板设置和辅助视图三个部分。

1、首选项设置。 编辑 >首选项 >单位与标尺 >把标尺和文字的单位都设置成像素, 快捷键: ctrl + k

2、面板设置(窗口菜单下)

a、工具面板(可进行单列或两列布局的切换)

b、选项面板(与工具面板中选中的 工具一一对应 )

c、信息面板(显示颜色、位置、尺寸信息,通常结合举行选框工具一起使用 ),快捷键:F8

d、图层面板(主要进行图层相关的操作), 快捷键:F10

e、历史记录面板(历史记录操作,通常用于回退)

3、辅助视图(视图菜单下),操作步骤:对齐< ctrl + shift +;>( 开启之后,图层移动到另一个图层、参考线或文档边缘时,会有自动吸附功能), 标尺( 显示或隐藏标尺),参考线( 视图 >显示 >参考线 )

注意事项:

参考线设置,需勾选显示额外内容,才能看到画布里的参考线和网格