第4章 使用图层教学课件 Photoshop CC平面设计.pptx

第4章 使用图层教学课件 Photoshop CC平面设计使用图层Photoshop CC平面设计核心技能一本通（移动学习版）044.1认识图层4.2创建与操作图层4.34.4对齐与分布图层添加与编辑图层样式4.5使用智能对象图层4.6综合实训：铅笔手账App登录界面设计4.1.1 图层的作用图层可以排列和定位图像中的元素，有利于制作出丰富多彩的图像效果。在图层中，可以分别保存不同的图像，也可以加入文本、图片、表格、插件等内容，还可以在图层上嵌套图层。在图像文件中，透过上方图层的透明区域可以看到下方图层中的图像。4.1.2 图层的类型填充图层剪切蒙版图层调整图层背景图层图层蒙版图层矢量蒙版图层形状图层文字图层中性色图层图层样式图层变形文字图层4.1.3 认识“图层”面板“图层”面板是编辑图层的主要场所，在“图层”面板中可新建、重命名、存储、删除、锁定和链接图层。选择【窗口】/【图层】菜单命令，可打开图层。4.1认识图层4.2创建与操作图层4.34.4对齐与分布图层添加与编辑图层样式4.5使用智能对象图层4.6综合实训：铅笔手账App登录界面设计4.2.1 选择与取消图层选择图层是操作图层的第一步。在Photoshop中，选择需要编辑的图层后，才能编辑图层中的对象。动画按艺术形式可划分为平面动画、立体动画和计算机合成动画。选择多个连续图层选择多个不连续的图层选择单个图层4.2.2 显示与隐藏图层在“图层”面板中当图层缩览图左边显示按钮时，表示该图层为可见图层。单击 按钮，按钮将变为 状态，此时该图层将隐藏，再次单击 按钮，可显示隐藏的图层。4.2.3 创建新图层与图层组创建嵌套结构图层组在“图层”面板中创建图层通过“新建”命令创建图层通过“新建”命令创建图层组通过“图层”面板创建图层组4.2.4 转换背景图层为普通图层双击“背景”图层，打开“新建图层”对话框，在其中重新为图层设置名称，然后单击 按钮，即可将“背景”图层转换为普通图层。如 果 需 要 复 制“背 景”图 层，可 按【Ctrl+J】组合键，直接复制图层。如果需要复制并粘贴其他图层，可按【Ctrl+C】组合键复制，再按【Ctrl+V】组合键粘贴。4.2.5 栅格化图层4.2.6 复制与粘贴图层选择需要栅格化的图层，选择【图层】/【栅格化】菜单命令，在子菜单中选择栅格化图层类型，即可完成栅格化操作。4.2.7 重命名图层4.2.8 查找与删除图层在需要重命名的图层上双击图层名称，当图层变为白框蓝底的编辑状态时，在文本框中输入新的名称，然后 按【Enter】键，即可完成图层的重命名操作。AB查找图层选择【选择】/【查找图层】菜单命令，或单击“图层”面板中“类型”下拉列表框右侧的 按钮，在下拉列表中选择“名称”选项，在右侧的文本框中输入图层名称，就会显示符合查找条件的图层。删除图层1.通过“删除”命令删除。2.通过“删除图层”按钮 删除。4.2.9 合并与盖印图层1.合并图层拼合图像合并图层合并可见图层0302012.盖印图层盖印多个图层向下盖印图层盖印可见图层4.1认识图层4.2创建与操作图层4.34.4对齐与分布图层添加与编辑图层样式4.5使用智能对象图层4.6综合实训：铅笔手账App登录界面设计4.3.1 了解图层的堆叠顺序01通过“图层”面板调整02通过命令调整4.3.2 对齐图层选择【图层】/【对齐】菜单命令，在弹出的子菜单中选择需要的对齐命令即可进行对齐操作。A顶边B垂直居中C底边D左边E水平居中F右边4.3.3 分布图层选择【图层】/【分布】菜单命令，在弹出的子菜单中选择需要的分布方式命令即可分布图层。顶边水平居中垂直居中底边左边右边4.1认识图层4.2创建与操作图层4.34.4对齐与分布图层添加与编辑图层样式4.5使用智能对象图层4.6综合实训：铅笔手账App登录界面设计4.4.1 添加图层样式4.4.2 设置“图层样式”对话框参数通过命令打开A通过按钮打开B通过双击图层打开C在“图层样式”对话框中，通过设置参数可以为图像添加多种效果。斜面和浮雕014.4.2 设置“图层样式”对话框参数等高线02纹理03描边04内阴影054.4.2 设置“图层样式”对话框参数内发光06光泽07描边08渐变叠加094.4.2 设置“图层样式”对话框参数图案叠加10外发光11投影124.4.3 修改与删除图层样式4.4.4 复制与粘贴图层样式1修改图层样式在“图层”面板中，打开“图层样式”对话框，根据需要设置参数。2删除图层样式在“图层”面板中，打开“图层样式”对话框，根据需要设置参数。复制图层样式 粘贴图层样式4.1认识图层4.2创建与操作图层4.34.4对齐与分布图层添加与编辑图层样式4.5使用智能对象图层4.6综合实训：铅笔手账App登录界面设计4.5.1 创建智能对象4.5.2 创建链接的智能对象实例在文件中置入智能对象将图层中的对象创建为智能对象将Illustrator中的图形粘贴为智能对象将文件作为智能对象打开选择【图层】/【新建】/【通过拷贝的图层】菜单命令，可以复制并粘贴一个新的智能对象图层。4.5.3 创建非链接的智能对象实例4.5.4 编辑智能对象内容选择智能对象图层，选择【图层】/【智能对象】/【通过拷贝新建智能对象】菜单命令，新建一个非链接的智能对象实例。选择智能对象，选择【图 层】/【智能对象】/【编辑内容】菜单命令，在打开的提示框中单击 按钮，此时会在新的窗口中打开智能对象的原始文件，并可以编辑该原始文件。4.5.5 编辑智能对象内容4.5.6 导出智能对象内容选择智能对象图层，选择【图层】/【智能对象】/【栅格化】菜单命令，即可将智能对象图层转换为普通图层。选择智能对象，选择【图层】/【智能对象】/【导出内容】菜单命令，打开“另存为”对话框，设置导出内容需保存的名称和位置。4.1认识图层4.2创建与操作图层4.34.4对齐与分布图层添加与编辑图层样式4.5使用智能对象图层4.6综合实训：铅笔手账App登录界面设计铅笔手账App登录界面设计综合实训实训要求现需要为一款名为“铅笔手账”的App设计登录界面，已提供Logo、图片素材和“记录生活点滴”标语。要求登录界面设计要体现出文艺、清新的风格，并且界面设计中需展现出各部分功能的划分清晰，视觉效果美观、大方。尺寸要求为1125像素2436像素。实训思路（1）分析提供的素材和资料，制作登录界面时，需要将各部分统一为这种风格。（2）登录界面整体效果需要简洁、美观，登录、注册方式需要选择较为便捷的手机验证码方式。（3）普通文本可以使用黑体等，关键文本可以使用宋体等，以与App风格呼应。（4）本例作品的主色调可以与Logo颜色统一。（5）结合本章所学的图层知识，绘制具有立体感的图形，并对齐图像中各元素，加强画面美观度。01打开“背景素材.psd”素材文件，绘制一个“高度”“宽度”“圆角”分别为“878像素”“432像素”“10像素”的圆角矩形，使圆角矩形在图像中水平居中，并设置“不透明度”为“85”。打开“图案素材.psd”、“Logo.psd”素材文件，将其中的素材复制到“背景素材.psd”文件中，使用“对齐”命令调整图案素材的位置，调整Logo素材位置，使其在图像中水平居中。使用“横排文字工具”输入文字，设置字体、大小、颜色、字距，调整文字的位置。为“登录按钮”和“验证码按钮”图层添加“投影”图层样式。为“手机号框”“+86”“请输入手机号”图层创建“手机号”图层组；为“验证码框”“验证码”“请输入验证码”“验证码按钮”“获取验证码”图层创建“验证码”图层组。按【Ctrl+S】保存文件，并设置“文件名”为“铅笔手账App登录界面”。020304铅笔手账App登录界面设计综合实训制作要点0506谢谢观看