
【实战解析二:多图组合】
对素材3中的3张图片进行处理及组合,使其符合项目要求。
知识点
多图导入同一文档、多图大小调整、多图间距调整、文档尺寸调整、删除半截图片。
效果描述
1.将3张图片放入同一个文档,以丰富视觉效果。
2.在确保图片不变形的前提下,对3张图片进行大小和位置的调整,实现一大二小的排版效果。
3.3张图片的水平间距和垂直间距相等。
效果展示
最终效果如图1-11所示。

图1-11 最终效果
※实战技巧:将多张图片巧妙地结合在一起,形成统一且连贯的视觉效果。这种组合方式不仅丰富了视觉层次,更增强了信息传递的力度和效果。
效果制作
一、多图导入同一文档
第一步,处理素材。采用实战解析一的图片处理方法,处理素材3。
第二步,创建文档(见图1-12)。在菜单栏中选择“文件—新建”命令,或使用快捷键“Ctrl+N”新建文档,并将其命名为“素材3制作效果”,将“宽度”设置为1080像素、“高度”设置为700像素、“分辨率”设置为72像素/英寸。
扫一扫

微课做中学
第三步,转换颜色模式(见图1-13)。在菜单栏中选择“文件—打开”命令,或使用快捷键“Ctrl+O”,打开处理好的素材3。在菜单栏中选择“图像—模式—RGB颜色”命令,将不能编辑的索引模式转换成RGB模式。
※实战技巧:常用的色彩模式包括RGB颜色、CMYK颜色、索引颜色、Lab颜色等。不同的色彩模式有不同的用途。比如,RGB颜色通常用于屏幕图像编辑;CMYK颜色通常用于打印图像编辑;索引颜色通过限制调色板中颜色的数目压缩文件,同时保持其视觉效果不变,在网页中常常需要使用索引颜色的图像;Lab颜色所定义的色彩最多,但在PS中很多都不能使用。

图1-12 创建文档

图1-13 转换颜色模式
第四步,图片组合。使用工具栏中的移动工具或使用快捷键“V”,将处理好的素材3中的米粉1图片移动到名为“素材3制作效果”的空白文档中(见图1-14)。用同样的方法,将处理好的米粉2和米粉3图片拖动到“素材3制作效果”文档中。

图1-14 将图片移动到空白文档中
二、多图大小调整
第一步,在视觉上缩小图片。使用工具栏中的缩放工具或使用快捷键“Z”,在状态栏中选择“缩小”按钮,在视觉上缩小图片(见图1-15),便于整体观察。

图1-15 缩小图片
第二步,等比例缩小图片尺寸。在菜单栏中选择“编辑—自由变换”命令,或使用快捷键“Ctrl+T”缩放图片,将鼠标指针移动到蓝框四角任意一点上,按住鼠标左键等比例缩放图片(见图1-16),然后将鼠标指针放在蓝框内,按住鼠标左键并上下移动调整图片位置。按“Enter”键,确定图片最终的大小和位置。用同样的方法,对其他两张图片进行调整。实现一张大图+两张小图的布局。

图1-16 等比例缩放图片
三、多图间距调整
通过调整参考线的位置定位图片位置。在菜单栏中选择“编辑—首选项—打开单位与标尺界面”命令,将标尺的单位设置为像素。在菜单栏中选择“视图—参考线—新建参考线”,新建水平参考线,将位置设置为630像素。使用工具栏中的移动工具,根据参考线的位置对图片进行微调。以同样的方法,新建水平参考线,位置设置为650像素,新建垂直参考线,位置设置为530像素、550像素。参考线设置如图1-17所示。
打开文件夹,将处理好的米粉2和米粉3图片直接拖动到素材3制作效果文档中,根据参考线调整其大小与位置。
※工匠精神:调整多图之间的距离时,应精确到像素。这种精益求精的态度,不仅是对自己作品的尊重,更是对受众负责的表现。只有如此,才能打造出真正令人满意的作品。

图1-17 参考线设置
四、文档尺寸调整
因文档高度不够,下面两图没有完全显示,需调整文档高度。使用工具栏中的裁剪工具或使用快捷键“C”,单击工具栏下方的“默认前景色和背景色”按钮,将鼠标指针放在图片下边缘并按住鼠标左键向下拖曳裁剪框至合适的位置(见图1-18)。
五、删除半截图片
鼠标左键双击图层名,分别对3个图层进行重命名设置(见图1-19)。选择“三鲜粉”图层,单击鼠标右键,选择“栅格化图层”。选择工具栏中的矩形框选工具,或使用快捷键“M”,按住鼠标左键框选“三鲜粉”图层多余的半截图片,按“Delete”键删除。在菜单栏中选择“选择—取消选择”命令,或使用快捷键“Ctrl+D”取消选区。在菜单栏中选择“视图—显示—参考线”命令,或使用快捷键“Ctrl+;”隐藏参考线。

图1-18 拖曳裁剪框至合适的位置

图1-19 重命名设置
为了方便项目的修改,应保留源文件。在菜单栏中选择“文件—存储”命令,或使用快捷键“Ctrl+S”保存PSD格式的源文件。
为了满足本项目的需求,将文件储存为PNG格式。在菜单栏中选择“文件—存储副本”命令或使用快捷键“Alt+Ctrl+S”,在保存类型下拉式菜单中选择“PNG”,将文件存储为PNG格式。
※实战技巧:保存源文件是一个非常重要的步骤。源文件包含了作品的原始数据和创作过程中的所有信息,对后续的修改和查看至关重要。