下载掌阅APP，畅读海量书库
立即打开
在进行平面设计前，除要掌握平面设计和Photoshop的基础知识外，还要掌握Photoshop的基本操作，从而为平面设计实践奠定基础。
要想使用Photoshop进行平面设计，首要的操作就是新建文件，或者打开已有的文件，而后才能在Photoshop中进行编辑操作。
启动Photoshop，单击
按钮，或选择【文件】/【新建】命令，或按【Ctrl+N】组合键，打开“新建文档”对话框，如图1-42所示。设置好文件参数后，单击
按钮，即可新建文件。
图1-42 “新建文档”对话框
按钮，可将当前设置的文档参数保存为预设文档规格。
按钮，将展开“高级选项”栏。在“颜色配置文件”下拉列表中可为文件选择一个颜色配置文件；在“像素长宽比”下拉列表中可以选择像素的长宽比，该下拉列表通常用于视频制作。
在Photoshop中打开文件的方法较多，用户可根据具体情况，选择合适的打开方法。
按钮。
按钮。如果使用“打开为”命令仍然不能打开文件，则可能是因为选取的文件格式与实际文件格式不同，或文件已损坏。
按钮，此时文件将以智能对象的形式打开。
不论是刚创建的文件，还是编辑后的文件，都应该及时存储，避免因断电或程序出错等情况造成不必要的损失。存储文件后若无须再进行编辑，则可以关闭文件，以节约系统资源。
保存文件的方法有以下两种。
关闭文件的方法有以下4种。
，可关闭当前文件。
按钮，可在关闭文件的同时退出Photoshop。
在Photoshop中如何避免忘记保存、文件意外丢失？
Photoshop具有自动保存文件的功能，选择【编辑】/【首选项】/【文件处理】命令，打开“首选项”对话框，在“文件存储”栏中单击选中“自动存储恢复信息的间隔”复选框，并在其右侧的下拉列表中选择时间间隔选项（包括“5分钟”“10分钟”“15分钟”“30分钟”“1小时”），然后单击
按钮。
置入文件是指将新文件添加到当前文件中。其方法：打开或新建一个文件后，选择【文件】/【置入嵌入对象】命令，打开“置入嵌入的对象”对话框，选择需要置入的文件，单击
按钮。置入的新文件将自动放置在图像编辑区中间，调整置入文件的尺寸和位置后按【Enter】键。
案例说明： 某服装旗舰店为了在淘宝网中上架一款新T恤，需要将提供的素材制作成符合平台规则的主图文件（尺寸为800像素×800像素），且为了突出T恤本身，应尽量将T恤置于主图中央，参考效果如图1-43所示。
图1-43 参考效果
高清彩图
知识要点： 打开文件；裁剪工具；“图像大小”命令；保存文件。
素材位置： 素材\第1章\服装.png、背景.psd
效果位置： 效果\第1章\淘宝主图.psd、淘宝主图.jpg
在淘宝网中，主图是商品的第一展示窗口，其作用主要是“吸引、传达、点击、记忆”，商品页面顶部、搜索结果页、商品推荐页中都有显示主图。淘宝网要求主图大小不超过3MB，建议在200KB以内，格式一般为JPEG或PNG。PC端主图尺寸一般为800像素×800像素，移动端主图尺寸一般为600像素×600像素。
制作淘宝主图的具体操作步骤如下。
视频教学：
制作淘宝主图
步骤01
启动Photoshop，打开“背景.psd”素材，选择【文件】/【置入嵌入对象】命令，打开“置入嵌入对象”对话框，选择“服装.png”素材，单击
按钮，拖动素材周围的定界框调整素材的位置和尺寸，按【Enter】键确认置入，效果如图1-44所示，此时画面四周仍有多余的图像，不符合淘宝主图的要求。
图1-44 置入素材
步骤02
在工具箱中选择“裁剪工具”
，在工具属性栏的“比例”下拉列表中选择“1∶1（方形）”选项，此时可发现图像编辑区已出现方形裁剪框，将鼠标指针移至裁剪框中的图像中，按住鼠标左键不放向右轻微拖曳，以移动裁剪框中的图像，将商品图像置于裁剪框中央，如图1-45所示。
图1-45 裁剪图像
步骤03 按【Enter】键，将两边多余的图像裁剪掉，裁剪的效果如图1-46所示。
图1-46 裁剪的效果
步骤04 选择【图像】/【图像大小】命令，打开“图像大小”对话框，设置宽度、高度均为“800像素”，如图1-47所示。
图1-47 调整图像大小
步骤05
单击
按钮，得到调整大小后的图像，然后选择【文件】/【导出】/【存储为Web所用格式（旧版）】命令，打开“存储为Web所用格式”对话框，在“预设”选项区域中设置格式为“JPEG”，其他参数设置如图1-48所示。单击
按钮，打开“将优化结果存储为”对话框，在其中选择存储路径，将文件名、格式分别设置为“淘宝主图”“仅限图像”，单击
按钮。最后按【Ctrl+S】组合键保存为PSD文件。
图1-48 导出主图
在平面设计过程中，可能经常会出现文件大小不符合作品要求的情况，此时可通过调整图像与画布大小来进行修改。
图像大小由宽度、高度、分辨率决定。其调整方法：选择【图像】/【图像大小】命令，打开“图像大小”对话框进行设置，如图1-49所示。
图1-49 “图像大小”对话框
，将取消“宽度”和“高度”的约束，当改变其中一项设置时，另一项将不会按相同比例改变。
画布可以看成是图像的画板，设置的画布越大，能编辑的区域也就越广。一般情况下，画布与图像的大小相同，实际上画布的大小可以大于图像的大小，以方便添加和编辑其他内容。其调整方法：选择【图像】/【画布大小】命令，打开“画布大小”对话框进行设置，如图1-50所示。
图1-50 “画布大小”对话框
进行平面设计时难免要搜集和应用图像素材，但搜集的图像可能不完全符合设计需求，此时可在Photoshop中裁剪与变换图像，使其达到需要的效果。
Photoshop提供了两种裁剪图像的工具，用户既可以仅裁剪图像，也可以在裁剪图像的同时校正畸形透视。
（1）裁剪工具。
当仅需要图像的一部分时，可以使用“裁剪工具”
来快速裁掉不需要的部分。选择“裁剪工具”
后，其工具属性栏如图1-51所示。
图1-51 “裁剪工具”的工具属性栏
，可将图像中倾斜的内容拉直。
，在打开的下拉列表中可以设置裁剪的参考线，有助于合理构图。
，在打开的下拉列表中单击选中“使用经典模式”复选框将使用以前版本的裁剪工具；单击选中“启用裁剪屏蔽”复选框，裁剪区域外将被颜色选项中设置的颜色覆盖。
可使隐藏的部分显示出来。如果要彻底删除裁剪的图像，则需要单击选中“删除裁剪的像素”复选框。
选择“裁剪工具”
后，将鼠标指针移到图像编辑区中，按住鼠标左键不放并拖曳，框选出须保留的图像区域。在保留区域四周有一个定界框，拖曳定界框上的控制点可调整裁剪区域的尺寸，按【Enter】键即可完成裁剪操作。
（2）透视裁剪工具。
“透视裁剪工具”
可以解决拍摄不当造成的透视畸形的问题。选择“透视裁剪工具”
后，其工具属性栏如图1-52所示。
图1-52 “透视裁剪工具”的工具属性栏
按钮，“W”数值框、“H”数值框、“分辨率”数值框中显示当前文件的尺寸和分辨率。如果打开了两个文件，则将显示另一文件的尺寸和分辨率。
按钮，可清除“W”数值框、“H”数值框、“分辨率”数值框中的数据。
选择“透视裁剪工具”
后，框选需要裁剪的区域，拖曳定界框上的控制点可调整裁剪区域的尺寸，按【Enter】键即可完成裁剪操作。
变换图像是编辑处理图像经常使用的操作，它可以使图像产生缩放、旋转、斜切、扭曲、透视、变形和翻转等效果。选择【编辑】/【变换】命令，在弹出的子菜单中选择相应命令，即可变换图像。
图1-53 斜切
图1-54 扭曲
图1-55 透视
图1-56 变形
高清彩图
图1-57所示为某绿植网店首页，请结合前文讲述的知识，上网搜索网页设计相关资料，然后分析该首页。
图1-57 网店首页
（1）使用Photoshop制作网页时，应该新建什么宽度、高度、分辨率、颜色模式的文件？
_________________________________________________________
（2）该首页由哪些板块构成？你在设计该首页时，会如何设置参考线？请使用铅笔尝试在该首页图片上划分板块，模拟参考线的位置。
_________________________________________________________
在Photoshop中，使用“动作”面板或“批处理”命令，能快速对多幅图像进行相同的处理操作，包括修改尺寸、裁剪、变换、调色、添加滤镜等，从而提高设计效率。关于这两个自动化处理功能的介绍可扫描右侧的二维码查看详细内容。
扫码看详情