- Photoshop淘宝天猫网店设计装修从入门到精通
- 蒋珍珍
- 4501字
- 2025-02-20 05:12:06
3.3 常用操作:排列与显示商品图像
在Photoshop CC中,用户可以同时打开多个商品图像文件,其中当前图像编辑窗口将会显示在最前面。用户可以根据工作需要移动窗口位置、调整窗口大小、改变窗口排列方式或在各窗口之间切换,让工作环境变得更加简洁。
3.3.1 最大化与最小化显示商品图像
在Photoshop CC中,单击标题栏上的“最大化”按钮和“最小化”按钮,即可将商品图像的窗口以最大化或最小化显示。
在菜单栏中选择“文件”|“打开”命令,打开商品图像素材,将鼠标指针移动至图像窗口的标题栏上,按住鼠标左键的同时并向下拖曳,如图3-40所示。

图3-40 单击标题栏并向下拖曳
单击图像编辑窗口标题栏上的“最大化”按钮,即可最大化窗口,如图3-41所示。单击图像编辑窗口标题栏上的“最小化”按钮,即可最小化窗口。

图3-41 单击“最大化”按钮
3.3.2 改变商品图像窗口排列方式
在Photoshop CC中,当打开多个商品图像文件时,每次只能显示一个图像编辑窗口内的商品图像。若用户需要对多个窗口中的内容进行比较,则可将各窗口以水平平铺、浮动、层叠、选项卡等方式进行排列。
下面介绍调整商品图像窗口排列的具体操作方法。

步骤 01在菜单栏中选择“文件”|“打开”命令,选择并打开多个商品图像素材,如图3-42所示。

图3-42 打开多个商品图像素材
步骤 02在菜单栏中选择“窗口”|“排列”|“平铺”命令,如图3-43所示。

图3-43 选择“平铺”命令
步骤 03执行上述操作后,即可平铺窗口中的商品图像,如图3-44所示。

图3-44 平铺窗口中的商品图像
步骤 04在菜单栏中选择“窗口”|“排列”|“在窗口中浮动”命令,如图3-45所示。

图3-45 选择“在窗口中浮动”命令
步骤 05执行上述操作后,即可使当前编辑窗口浮动排列,如图3-46所示。

图3-46 当前编辑窗口浮动排列
步骤 06在菜单栏中选择“窗口”|“排列”|“使所有内容在窗口中浮动”命令,即可使所有内容在窗口中浮动,如图3-47所示。

图3-47 所有内容在窗口中浮动
步骤 07在菜单栏中选择“窗口”“| 排列”“| 将所有内容合并到选项卡中”命令,如图3-48所示。

图3-48 选择“将所有内容合并到选项卡中”命令
步骤 08执行上述操作后,即可使图像窗口以选项卡的方式进行排列,如图3-49所示。

图3-49 图像窗口以选项卡的方式排列
步骤 09在菜单栏中选择“窗口”|“排列”|“平铺”命令,对3.3.2(d).jpg商品图像素材显示的位置进行调整,如图3-50所示。

图3-50 调整素材显示位置
步骤 10在菜单栏中选择“窗口”|“排列”“| 匹配位置”命令,即可使图像以“匹配位置”的方式进行排列,如图3-51所示。

图3-51 以“匹配位置”的方式排列图像
专家指点
当用户需要对窗口进行适当的布置时,将鼠标指针移至图像窗口的标题栏上,按住鼠标左键的同时并拖曳,即可将图像窗口拖动到屏幕任意位置。
3.3.3 商品图像编辑窗口的切换操作
在Photoshop CC软件中,用户在处理商品图像时,如果在界面的图像编辑窗口中同时打开多幅商品图像,则可以根据需要在各窗口之间进行切换,让工作界面变得更加方便、快捷,从而提高工作效率。
在菜单栏中选择“文件”“| 打开”命令,打开多个图像素材,将所有图像设置在窗口中浮动,如图3-52所示。将鼠标移动至3.3.3(a)图像素材的编辑窗口上,单击鼠标左键,即可将素材图像置为当前编辑窗口,如图3-53所示。

图3-52 所有图像在窗口中浮动

图3-53 将图像置为当前窗口
专家指点
除了运用本实例的方法可以切换图像编辑窗口外,还有以下3种方法。
● 快捷键1:按Ctrl+Tab组合键。
● 快捷键2:按Ctrl+F6组合键。
● 窗口菜单:选择“窗口”菜单,在弹出的菜单列表中的最下方,Photoshop会列出当前打开的所有素材图像的名称,单击任意一个图像名称,即可将其切换为当前图像窗口。
3.3.4 商品图像的放大与缩小操作
用户在编辑商品图像过程中有时需要查看图像精细部分,此时可以灵活运用缩放工具,随时对商品图像进行放大或缩小。
下面介绍放大和缩小商品图像的具体操作方法。

步骤 01在菜单栏中选择“文件”|“打开”命令,打开商品图像素材,如图3-54所示。

图3-54 打开商品图像素材
步骤 02选取工具箱中的缩放工具,在工具属性栏中单击“放大”按钮,如图3-55所示。

图3-55 单击“放大”按钮
步骤 03将鼠标指针移至图像编辑窗口中,此时鼠标指针呈带加号的放大镜形状,在图像编辑窗口中单击鼠标左键,即可放大图像,如图3-56所示。

图3-56 放大图像
步骤 04在工具属性栏中单击“缩小”按钮,将鼠标指针移至图像编辑窗口中,单击鼠标左键,即可缩小图像,如图3-57所示。

图3-57 缩小图像
专家指点
除了运用上述方法可以放大显示图像外,还有以下3种方法。
● 命令:选择“视图”|“放大”命令。
● 快捷键1:按Ctrl++组合键,可以逐级放大图像。
● 快捷键2:按Ctrl+空格组合键,当鼠标指针呈带加号的放大镜形状时,单击鼠标左键,即可放大图像。
选取缩放工具后,每单击一次鼠标左键,图像就会缩小1/2。例如,图像以200%的比例显示在屏幕上,在图像中单击鼠标左键,则图像将缩小至原图像的100%。
3.3.5 使用抓手工具移动商品图像
用户在编辑商品图像时,当商品图像尺寸较大,或者由于放大窗口显示比例而不能显示全部商品图像时,可以使用抓手工具移动画面,查看和编辑商品图像的不同区域。
下面介绍运用抓手工具移动商品图像的具体操作方法。

步骤 01在菜单栏中选择“文件”|“打开”命令,打开商品图像素材,如图3-58所示。

图3-58 打开商品图像素材
步骤 02选取工具箱中的缩放工具,在工具属性栏中单击“放大”按钮,将鼠标指针移动至图像编辑窗口中,此时鼠标指针呈带加号的放大镜形状,在图像编辑窗口中单击鼠标左键,即可放大图像,如图3-59所示。

图3-59 放大图像
步骤 03选取工具栏中的抓手工具,将鼠标指针移动至图像编辑窗口,如图3-60所示。

图3-60 选取抓手工具
步骤 04按住鼠标左键并拖曳鼠标,即可移动图像,如图3-61所示。

图3-61 移动图像
专家指点
除了使用菜单栏中的“文件”|“打开”命令选取抓手工具以外,还可使用快捷键H。
使用绝大多数工具时,按住空格键不放都可切换为抓手工具,放开空格键后即可还原为之前正在使用的工具。
3.3.6 适合屏幕显示商品图像
当商品图像被放大到一定程度后,需要恢复全图时,用户在工具属性栏中单击“适合屏幕”按钮,即可按适合屏幕大小方式显示商品图像。
在菜单栏中选择“文件”|“打开”命令,打开商品图像素材,选取工具箱中的缩放工具,将素材图像放大,如图3-62所示。

图3-62 放大图像
在工具属性栏中,单击“适合屏幕”按钮,执行上述操作后,即以适合屏幕的大小显示图像,如图3-63所示。

图3-63 以适合屏幕的大小显示图像
专家指点
除了运用本实例中的方法将商品图像以最合适的比例完全显示外,在Photoshop中还有以下两种方法。
● 快捷菜单:当鼠标指针呈放大镜形状时,单击鼠标右键,在弹出的快捷菜单中,选择“按屏幕大小缩放”命令。
● 工具:双击工具箱中的抓手工具。
3.3.7 按区域显示商品图像
在Photoshop CC中,如果用户只需要查看商品图像的某个区域时,就可以运用缩放工具,局部放大区域图像,或者运用导航器面板进行查看。
下面介绍按区域显示商品图像的具体操作方法。

步骤 01在菜单栏中选择“文件”|“打开”命令,打开商品图像素材,如图3-64所示。

图3-64 打开商品图像素材
步骤 02在工具箱中选取缩放工具,将鼠标指针移动到需要放大的图像区域,按住鼠标左键的同时拖曳,如图3-65所示。

图3-65 按住鼠标左键同时拖曳
步骤 03至合适位置后释放鼠标左键,即可放大显示框选的区域,如图3-66所示。

图3-66 放大显示框选的区域
步骤 04在菜单栏中选择“窗口”|“导航器”命令,如图3-67所示。

图3-67 选择“导航器”命令
步骤 05执行上述操作后,弹出“导航器”面板,如图3-68所示。

图3-68 “导航器”面板
步骤 06将鼠标指针移至红色方框内,按住鼠标并拖曳,即可按区域查看局部放大图片,如图3-69所示。

图3-69 按区域查看局部放大图片
在“导航器”面板中,各选项含义如下。
代理预览区域:将光标移到此处,单击鼠标左键可以移动画面。
缩放文本框:用于显示窗口的显示比例,用户可以根据需要设置缩放比例。
缩放滑块:拖动该滑块可以放大和缩小窗口。
“缩小”按钮:单击“缩小”按钮,可以缩小窗口的显示比例。
“放大”按钮:单击“放大”按钮,可以放大窗口的显示比例。
专家指点
除了上述方法可以移动“导航器”面板中图像显示区域外,还有以下5种方法。
● 方法1:按Home键可将“导航器”面板中的显示框移动到左上角。
● 方法2:按End键可将显示框移动到右下角。
● 方法3:按Page Up键或Page Down键可将显示框向上或向下滚动。
● 方法4:按Ctrl+Page Up或Page Down组合键可将显示框向左或向右滚动。
● 方法5:按Page Up键、Page Down键、Ctrl+Page Up组合键或Ctrl+Page Down组合键的同时按Shift键,可将显示框分别向上、向下、向左或向右滚动10像素。
3.3.8 调整商品图像的尺寸
在Photoshop CC中,商品图像尺寸越大,所占的空间也越大。更改商品图像的尺寸会直接影响商品图像的显示效果。
下面介绍调整商品图像尺寸的具体操作方法。

步骤 01在菜单栏中选择“文件”|“打开”命令,打开商品图像素材,如图3-70所示。步骤 02在菜单栏中选择“图像”|“图像大小”命令,如图3-71所示。

图3-70 打开商品图像素材

图3-71 选择“图像大小”命令
步骤 03在弹出的“图像大小”对话框中,设置“宽度”为90厘米,如图3-72所示。

图3-72 设置“宽度”为90厘米
步骤 04单击“确定”按钮,即可完成调整图像尺寸的操作,如图3-73所示。

图3-73 调整图像尺寸
3.3.9 调整商品画布的尺寸
在Photoshop CC中,画布指的是实际打印的工作区域,图像画布尺寸的大小是指当前商品图像周围工作空间的大小,改变画布大小会直接影响商品图像最终的输出效果。
下面介绍调整商品画布尺寸的具体操作方法。

步骤 01在菜单栏中选择“文件”|“打开”命令,打开商品图像素材,如图3-74所示。

图3-74 打开商品图像素材
步骤 02在菜单栏中选择“图像”|“画布大小”命令,如图3-75所示。

图3-75 选择“画布大小”命令
步骤 03弹出“画布大小”对话框,在“新建大小”选项区设置“宽度”为35厘米,设置“画布扩展颜色”为“背景”,如图3-76所示。

图3-76 设置画布大小
步骤 04执行上述操作后,单击“确定”按钮,即可完成画布大小的调整,如图3-77所示。

图3-77 完成画布大小的调整
在“画布大小”对话框中,各选项含义如下。
当前大小:显示的是当前画布的大小。
新建大小:用于设置画布的大小。
相对:选中该复选框后,在“宽度”和“高度”选项后面将出现“锁链”图标,表示改变其中某一选项设置时,另一选项会按比例同时发生变化。
定位:该区域显示的是一个九宫格,里面有8个方向的箭头,想把空白放在原图的哪个区域,就将原点放置在哪个区域。
画布扩展颜色:在“画布扩展颜色”下拉列表中可以选择填充新画布的颜色。
3.3.10 调整商品图像的分辨率
在Photoshop CC中,商品图像的品质取决于分辨率的大小。分辨率指的是单位长度上像素的数目,通常用“像素/英寸”或“像素/厘米”表示。
图像的分辨率是指位图图像在每英寸上所包含的像素数量,单位是dpi(dots per inch)。分辨率越高,商品图像文件就越大,商品图像也就越清晰,处理速度就会相应变慢;反之,分辨率越低,商品图像文件就越小,商品图像就越模糊,处理速度就会相应变快。
下面介绍调整商品图像分辨率的具体操作方法。

步骤 01在菜单栏中选择“文件”|“打开”命令,打开商品图像素材,如图3-78所示。

图3-78 打开商品图像素材
步骤 02在菜单栏中选择“图像”|“图像大小”命令,如图3-79所示。

图3-79 选择“图像大小”命令
步骤 03弹出“图像大小”对话框,设置“分辨率”为400像素/英寸,如图3-80所示。

图3-80 设置分辨率
步骤 04单击“确定”按钮,即可调整图像分辨率,如图3-81所示。

图3-81 调整图像分辨率