资源简介

(共19张PPT)
图形图像处理项目式教程
网
店
美
工
初识网店美工
【项目一】
项目
Photoshop 的基本操作
任务 3
项目一 初识网店美工
01
02
本任务通过制作服装海报学习 Photoshop 的基本操作。
◇ 掌握新建、打开、存储和导出文档等基本操作。
◇ 掌握置入对象的方法。
◇ 掌握设置图像大小和画布大小的方法。
任务描述
任务目标
任务三 Photoshop 的基本操作
项目一 初识网店美工
02
04
03
01
步骤1
启动 Adobe Photoshop 2020，按“Ctrl+N”组合键，打开“新建文档”对话框，在其中设置文档名称为“服装海报”，宽度为 950 像素，高度为 500 像素，分辨率为 72 像素 / 英寸，颜色模式为“RGB 颜色”，单击“创建”按钮新建文档。
步骤3
采用步骤 2 的方法，置入素材文件夹中的“模特 .psd”文件，然后按住“Shift”键的同时向外拖拽置入框的任意角点，等比例放大对象，如图 1-8 所示。根据页面需要将对象移至合适位置后， 按“Enter”键取消置入框。
步骤4
单 击“背 景” 图 层， 选 择“图 像”→“画布大小”菜单项，打开“画布大小”对话框，在其中设置宽度为 970 像素，高度为 520 像 素，画布扩展颜色为白色（见图 1-9），单击“确 定”按钮，调整画布大小。
步骤2
选择“文件”→“置入嵌入对象”菜单项，打开“置入嵌入对象”对话框，在其中选择本书配套素材“素材与实例”→“项目一”文件夹中的“服装海报背景 .psd”文件，单击“置入”按钮，然后按“Enter”键，置入服装海报背景。
任务实施
项目一 初识网店美工
任务三 Photoshop 的基本操作
项目一 初识网店美工
任务三 Photoshop 的基本操作
06
08
07
05
步骤5
采用步骤 4 的方法，再次调整画布大小。在“画布大小”对话框中设置宽度为 975 像 素，高度为 525 像素，画布扩展颜色为绿色后（见图 1-10），单击“确定”按钮。。
步骤7
选择“图像”→“图像大小”菜单项，打开“图像大小”对话框，单击其中的“不约束长宽比”按钮 取消长宽比的约束，然后设置宽度为 950 像素，高度为 500 像素（见图 1-12），单击“确 定”按钮，调整图像大小。
步骤8
按“Ctrl+S”组合键打开“另存为”对话框，在其中设置文件存储的位置，单 击“保存”按钮，保存文档。。
步骤6
采用步骤 4 的方法，第三次调整画布大小，其中设置宽度为 1005 像素，高度为 555 像 素，画布扩展颜色为白色，效果如图 1-11 所示。。
任务实施
项目一 初识网店美工
任务三 Photoshop 的基本操作
项目一 初识网店美工
任务三 Photoshop 的基本操作
项目一 初识网店美工
知识拓展1 ——利用 Photoshop 内置的功能可以还原或重做某项操作
（1）还原：选择“编辑”→“还原 + 操作名称”菜单项或按“Ctrl+Z”组合键，可将文档还原到最近一次的编辑操作。
（2）重做：选择“编辑”→“重做 + 操作名称”菜单项或按“Shift+Ctrl+Z”组合键，可重做某项操作。
任务三 Photoshop 的基本操作
项目一 初识网店美工
知识拓展2 ——电商平台通常会提供店铺标志（店标）、店铺招牌（店招）、轮播图（banner）、商品主图和商品详情页等版块供网店装修使用，下面简单介绍这些版块的信息。
店铺标志：是店铺形象、特征、荣誉、文化的浓缩。
店铺招牌：作为店铺的宣传部分，通常位于网店首页最顶端，一般包括店标、品牌口号、促销信息等内容，起到引导消费者购买的作用。
轮播图：位于导航栏下方，是整个店铺首页中最醒目的部分，也是店铺首页设计的重点，具有增加店铺人气、促进销售的作用，一般用于展示店铺活动与促销信息。
商品主图：一般由背景、商品和文案组成，是网店引流的商品图片。
商品详情页：是商品信息的主要展示页面，可以激发消费者的消费欲望，打消消费者的疑虑，促使消费者下单。
任务三 Photoshop 的基本操作
项目一 初识网店美工
1
3
5
2
4
菜单栏
Photoshop 将大部分命令分门别类地放在“文件”“编辑”“图像”“图层字”“选择”“滤镜”“3D”“视图”“窗口”和“帮助”11 个菜单中。
工具属性栏
是工具功能的延伸与扩展。在工具箱中选择某工具后，工具属性栏中会显示该工具的属性和参数，利用它可设置工具的相关参数。
面板
Photoshop 提供了很多面板，可用于观察信息，调整颜色，管理图层、通道、路径和历史记录等。
工具箱
Photoshop 的工具箱中包含 70 余种工具，按照用途不同，这些工具大致可分为选区制作工具、绘图工具、修饰工具、颜色设置工具及显示控制工具等。
图像编辑区
是显示和编辑图像文件的工作区域。默认情况下，Photoshop 使用选项卡的方式来组织打开或新建的图像文件，每个图像文件都有自己的标签，上面显示了文件名称、显示比例和颜色模式等信息。
任务三 Photoshop 的基本操作
一、初识 Photoshop 工作界面
项目一 初识网店美工
源远流长
中秋节是中国四大传统节日之一，起源于上古时代，普及于汉代，定型于唐朝初年，盛行于宋朝以后。中秋节自古便有赏月、吃月饼、玩花灯等民俗，这些民俗大多有古老的渊源，因此流传至今，经久不息。中秋节以月之圆兆人之团圆，是弥足珍贵的非物质文化遗产。
任务三 Photoshop 的基本操作
项目一 初识网店美工
二、掌握 Photoshop 文档基本操作
新建文档：选择“文件”→“新建”菜单项或按“Ctrl+N”组合键。
打开文档：选择“文件”→“打开”菜单项或按“Ctrl+O”组合键。
存储文档：可选择“文件”→“存储”菜单项或按“Ctrl+S”组合键。
Photoshop文档基本操作
关闭文档：，选择“文件”→“关闭”菜单项或按“Ctrl+W”组合键。
导出文档：导出为、存储为 Web 所用格式（旧版）。
设置图像大小和画布大小：选择“图像”→“图像大小”菜单项。
任务三 Photoshop 的基本操作
项目一 初识网店美工
知识拓展——文档
新建文档：在“新建文档”对话框中，有很多空白文档预设，它们根据用途不同分为“照片”“打 印”“图稿和插图”“Web”“移动设备”和“胶片和视频”6 大类。
打开文档：默认情况下，在 Photoshop 中新建或打开多个文档时，文档名会以选项卡的形式在图像编辑区上方显示。要将某个文档设为当前文档，可在文档选项卡中单击该图像标签。此外，按“Ctrl+Tab”组合键也可在各文档之间切换。
任务三 Photoshop 的基本操作
三、熟悉视图显示与辅助工具
项目一 初识网店美工
放大与缩小视图。打开任意图像，按“Ctrl++（加号）”组合键，可放大视图；按“Ctrl+-（减号）”组合键，可缩小视图；
平移视图。将视图放大到一定比例后，图像中的内容将不能完全显示在当前窗口，选择“抓手工具”，将鼠标移至图像上，此时光标呈 状，单击并顺着要移动的方向拖动鼠标，可平移视图。
视图显示设置
使用标尺。标尺主要用于确定图像中对象的大小和位置。选择“视图”→“标尺”菜单项或按“Ctrl+R”组合键，可在图像编辑区左侧和上部显示或隐藏标尺；
使用参考线。要建立参考线，必须确保图像编辑区中显示了标尺，然后将鼠标移至水平标尺或垂直标尺上，按住鼠标左键向图像编辑区拖拽，到达目标位置时释放鼠标，即可创建一条水平或垂直参考线。
辅助工具的使用
掌握视图显示设置和辅助工具使用。
任务三 Photoshop 的基本操作
项目一 初识网店美工
知识拓展 ——参考线
选择“视图”→“显示”→“参考线”菜单项或按“Ctrl+；”组合键，可显示或隐藏参考线。
任务三 Photoshop 的基本操作
项目一 初识网店美工
任务一 认识网店美工
提示
1.打开本书配套素材。
2.创建垂直参考线。
3.选中“美味广式月饼”文本图层，使用“移动工具” 向左拖动“美味广式月饼”文字至参考线处
4.采用③的方法，将其他文本移至参考线处，使其与圆角矩形左对齐。
课后实训-制作月饼主图位
本实训通过制作月饼主图练习和巩固辅助工具的使用。案例最终效果可参考本书配套素材“素材与例”→“项目一”文件夹中的“月饼 .psd”文件。
项目一 初识网店美工
课堂小结
（1）Photoshop 文档基本操作方法
（2）辅助工具使用技巧
谢
谢
聆
听

展开更多......

收起↑