Photoshop创意设计项目实战（Photoshop 2021）课件 沈丽贤 项目1-6 Photoshop CC2021快速入门-图像的裁剪和修饰

SPPhotoshopCC2021快速入门项目1项目任务01转换色彩模式02文件基本操作03图层的操作04青春飞扬海报知识目标掌握图像文件的常用格式和色彩模式；认识PhotoshopCC2021工作界面；掌握文件的基本操作；了解图层的功能及基本操作。能力目标能使用菜单命令转换色彩模式；能灵活创建个性化工作区域；能灵活运用图层和基本文件操作进行海报设计。素养目标通过项目制作，树立家国情怀的社会主义核心价值观，培养能吃苦、能战斗，具有时代责任感和使命担当的新青年品质。教学目标教学重点了解PhotoshopCC2021界面与基本操作教学难点色彩模式转换与文件基本操作重点难点项目项目引入1.海报设计应该体现在哪些方面？2.根据您所在学校的特色，思考可以运用什么元素设计海报？Photoshop是专业的图形图像处理软件，是优秀设计师的必备工具之一，在该领域独领风骚几十年。主要应用于平面设计、电商设计、摄影后期、网页设计、UI设计、室内效果图后期处理等领域。本章通过【海报设计】-青春飞扬的项目引入，了解Photoshop的工作界面、认识图层，掌握文件的基本操作方法。海报设计-青春飞扬项目项目引入常用的图像文件格式JPEG格式（.jpg）：目前最优秀的图像存储格式，图像压缩比高、品质受损小，支持上百万种颜色。PNG格式（.png）：一种新型Web图像格式，结合GIF格式的良好压缩功能和JPEG的无限调色板功能，支持透明背景。GIF格式（.gif）：文件小，支持透明背景和动画格式，但只能显示256种颜色。PSD格式（.psd）：Photoshop默认文件格式，可保存图层、通道等信息，方便修改。TIFF格式（.tif）：支持CMYK、RGB、Iab、索引、彩色、灰度等多种图像模式，是印刷输出的常用格式。屏显图像PS工作数字印刷出版物JPEG、PNG、GIFTIFF、PSD、JPEGTIFF、PSD、JPEGPDF图像的颜色模式RGB模式：是屏幕显示的最佳模式，可由红、绿、蓝3种色光叠加形成更多的颜色。如一幅24位的RGB图像有3个色彩信息通道：红色（R）、绿色（G）、蓝色（B），每个通道都有8位的色彩信息（0~255的亮度值色域），3种色彩叠加，就形成了256*256*256=1670万种颜色，即真彩色。CMYK模式：CMYK模式是最佳的打印模式。代表数码印刷使用的4种油墨色，C(Cyan青色)、M(Magenta洋红色)、Y(Yellow黄色)、B（Black黑色）。Lab模式：是一种国际色彩标准模式，由3个通道组成，明度L、色相a、饱和度b。是一种独立于设备存的色彩模式，不受任何硬件性能的影响，这种色彩混合后将产生明亮的色彩。灰度模式：只存在灰度，在8位图像中，最多有256级灰色调。亮度是控制灰度的唯一要素，亮度越高，灰度越浅，越接近于白色；亮度越底，灰度越深，就越接近于黑色。索引模式：最多只能存储一个8位色彩深度的文件，即最多256种颜色。这256种颜色预先定义在色彩对照表中，当打开图像文件时，色彩对照表也一同被读入photoshopCC中。改变图像色彩模式的方法

【图像】-【模式】图像的色彩模式为了在不同的场合正确输出图像，有时需要把图像从一种模式转换为另一种模式。Photoshop通过执行【图像】-【模式】子菜单中的命令，来转换需要的颜色模式。这种颜色模式的转换，有时会永久性地改变图像中的颜色值，有些颜色在转换后会损失部分颜色信息，因此在转换前最好为其保存一个备份文件，以便在必要时恢复图像。【任务1】转换色彩模式-多彩的气球任务1操作提示：设置图像模式-索引颜色转换色彩模式-CMYK颜色任务实战—多彩的气球学习目标:掌握转换色彩模式。重点：掌握色彩模式的不同。难点：转换色彩模式。【必做任务】完成“多彩的气球”的任务制作，掌握菜单命令的基本应用。【完成时间】10分钟任务实战—选做任务

效果图学习目标:掌握转换色彩模式。重点：掌握色彩模式的不同。难点：转换色彩模式。【选做任务】完成转换其他模式或其他文件格式的任务制作，巩固命令的灵活应用。使用技巧RGB模式是屏幕显示的最佳模式，CMYK模式最佳的打印模式。这两种色彩模式在计算机屏幕上看起来差别不是很明显，但应用的场合有所不同。

图像在进行色彩模式转换时会损失一些颜色信息。当彩色图像转换成灰度图像以后，photoshop会扔掉原图像中所有的颜色信息，灰度图像将不能再转为彩色图像。【任务1】转换色彩模式-多彩的气球Photoshop的工作界面菜单栏：包含可执行的各种命令。标题栏：显示文档名称、格式、窗口缩放比例和颜色模式等信息。选项卡：打开多个图像文件时，只在窗口中显示一个图像文件，其他文件则最小化到选项卡中。属性栏：用来设置工具的各种属性。工作区域：工作区域是显示和编辑图像的区域。工具箱：提供强大的工具，单击工具按钮可以使用该工具。状态栏：可显示图像信息，大小、尺寸、窗口缩放比例等。面板组:为用户提供多个控制面板组，可随意切换各控制面板，也可对面板进行重新组合。

认识工作界面1.新建图像文件文件基本操作

新建图像文件【文件】-【新建】命令按快捷键【Ctrl+N】2.保存文件文件基本操作

保存文件【文件】-【存储】命令，或按快捷键【Ctrl+S】【文件】-【存储为】命令，或按快捷键【Ctrl+Shift+S】【文件】-【存储副本】命令，或按快捷键【Alt+Ctrl+S】3.打开与关闭文件文件基本操作

关闭文件在菜单栏中选择【文件】-【关闭】命令或按快捷键【Ctrl＋W】将图像关闭；单击图像窗口右上角的【关闭按钮】，将图像关闭。在菜单栏中选择【文件】-【打开】命令或按快捷键【Ctrl+O】打开；在Photoshop界面中双击鼠标左键打开；直接将图像文件拖拽到Photoshop界面中打开。

打开文件4.视图缩放与窗口显示文件基本操作多个图像的窗口显示视图的缩放。调整视图画面的位置。任务1【任务2】文件基本操作-青春飞扬

效果图创建新文档时，可以在新建面板中设置文件名称、尺寸大小、分辨率、颜色模式和背景内容等信息。学习目标:掌握文件基本操作。重点：掌握新建、存储、打开、关闭文件操作。难点：视图缩放与窗口显示。【必做任务】完成青春飞扬的任务制作。【完成时间】20分钟【任务2】文件基本操作-青春飞扬使用技巧【任务2】文件基本操作-青春飞扬名称：【图像的名称】默认为“未标题-1”。若多次创建文件，默认的名称会依次增加序列号的数值。预设：可以选取预先设置好的文档大小。宽度、高度：在文本框输入具体数值，以设置宽度和高度。分辨率：用于设置文件的分辨率，其单位有“像素/英寸”和“像素/厘米”。一般用于屏幕显示的文件分辨率为72像素/英寸，印刷的文件由于尺寸大小不同，又分为黑白印刷和彩色印刷，分辨率要在150—300像素/英寸之间。颜色模式：有位图、灰度、RGB颜色、CMYK颜色、Lab颜色5种。背景内容：选择画布颜色选项，白色、黑色、背景透明色、自定义。认识图层认识图层图层是Photoshop具备的强大功能，图层就像一张张按顺序叠放在一起的文字或图形等元素的透明胶片，组合形成最终的合成图像效果。多个图层叠加时，透过上面图层的透明区域可以看到下面图层的图像，上面图层有像素的地方，会遮挡下面图层有像素的地方。认识图层任务4操作提示：新建图层与编辑图层的设置复制/删除图层与重命名合并图层与编组【任务3】图层的操作-春天任务4操作提示：新建图层与编辑图层的设置复制/删除图层与重命名合并图层与编组【任务3】任务实战-春天学习目标:掌握图层操作。重点：掌握图层创建和编辑。难点：图层编辑效果。【必做任务】完成“春天”的任务制作，掌握图层的基本应用。【完成时间】15分钟

想一想问题思考如果将所有元素放置在同一图层上，会出现什么情况？

置入的智能对象可以进行哪些操作？项目

海报设计必须有相当的号召力与艺术感染力，可以通过Photoshop等相关软件，对图像、文字、色彩、版面、图形等元素，结合广告媒体的使用特征，为实现表达广告目的和意图，所进行平面艺术创意性的一种设计活动或过程。

常见的海报形式有店内海报、招商海报、展览海报、平面海报、电商海报等。海报设计-青春飞扬海报应该体现在哪些方面？2.如何理解“青年兴则国家兴，青年强则国家强”，谈体会与感悟。家国情怀与时代担当知法守法与职业道德【素养目标】【主题素材】1.实践课堂：开展“强国有我青春力量”、“青春风采短视频大赛”等主题活动。2.谈体会与感悟:天下之本在国，国之本在家，家之本在身-《孟子》。知责任者，大丈夫之始也；行责任者，大丈夫之终也—梁启超。亦余心之所善兮，虽九死其犹未悔。-《离骚》举例说出中国古今描写家国情怀的诗词与名人名言。每个时代都有每个时代的责任，青年更应该积极向上，力担重任。弘扬历经磨难却始终屹立在世界民族之林的伟大中华民族精神，树立家国情怀的社会主义核心价值观，培养能吃苦、能战斗，具有时代责任感和使命担当的新青年。项目【创想火花】海报设计-青春飞扬项目文案提炼：标题醒目、主题鲜明。渲染氛围：选择蓝天、白云、绿树、青山、绿草渲染生机盎然的希望氛围。点睛主题：跳跃的人物烘托出主题。010203海报设计-青春飞扬渐变工具；形状工具；图层样式；蒙版应用；调色工具。技术操作项目实战—青春飞扬学习目标:掌握文件基本操作与图层操作。重点：文件基本操作难点：图层操作。【必做项目】完成海报设计-青春飞扬。【完成时间】2课时项目思维拓展关注并收集以“奋斗和奥运会”为主题的海报设计。要求：从海报标题、文案内容、主题图片、背景色调等分析设计元素；掌握主题元素的提炼技巧，突显海报主题。思维拓展宣传海报设计要求：以下主题，任选其一完成设计：自己收集素材，完成“奋斗主题”宣传海报设计。自己收集素材，完成“奥运会主题”宣传海报设计。作品点评学生点评教师点评企业导师点评项目宣传海报设计谈一谈对以下名句的体会与感悟。天下之本在国，国之本在家，家之本在身。知责任者，大丈夫之始也；行责任者，大丈夫之终也。亦余心之所善兮，虽九死其犹未悔。举例说出我国古今表达家国情怀的诗词与名人名言。自己搜集素材，完成以上述名句为主题的宣传海报设计。【设计项目】-宣传海报设计图像处理hotoshopP图像处理TheEndSP绘图工具的应用项目2项目任务01油漆桶工具；02图案填充；03渐变工具；04

画笔工具；05

颜色替换工具知识目标掌握颜色填充工具的使用方法；掌握绘图工具的使用方法；掌握颜色替换工具的使用方法。能力目标能使用油漆桶、图案填充工具给人物换装；能使用渐变工具绘制渐变图形；能使用画笔等工具绘制简单图形；能灵活运用所学工具和命令设计公交卡和入场券。素养目标通过项目制作，创新中国元素在设计中的传承与应用，培养学生的民族自豪感和精益求精的工匠精神。教学目标教学重点颜色工具与绘图工具的使用方法教学难点运用绘图工具进行创意绘画的技巧重点难点项目项目引入1.演出入场券设计应当体现哪些信息？2.根据您所在城市的演出活动，思考可以运用什么元素设计活动入场券？数字绘图可通过鼠标或数位板，借助特定的绘制软件，直接在计算机上对图像或对象进行描绘和着色。本章通过【入场券设计】的项目引入，掌握photoshop中的绘画工具应用技能，绘制画面效果，实现项目设计。入场券设计-传承国粹开创未来项目项目引入颜色填充颜色填充包含油漆桶工具、渐变工具和图案填充，可以快速对图像进行颜色填充和图案填充。油漆桶工具油漆桶工具用于将前景色或图案填充到图像中颜色相似的像素中。在【油漆桶】工具的属性栏，可以根据需要选择【前景】或【图案】填充，可设置【模式】、【不透明度】、【容差】等。油漆桶工具设置填充区域的源:选择填充的模式,包括“前景”和“图案”两种模式。模式：用来设置填充内容的混合模式。不透明度:用来设置填充内容的不透明度。容差:用来定义必须填充像素的颜色的相似程度。设置较低的“容差”值，会填充颜色范围内与鼠标单击处像素非常相似的像素;设置较高的“容差”值,会填充更大范围的像素。消除锯齿:平滑填充选区的边缘。连续的:勾选该选项后,只填充图像中处于连续范围的区域;关闭该选项后，可以填充图像中的所有相似像素。所有图层:勾选该选项后,可以对所有可见图层中的合并颜色数据填充像素;关闭该选项后，仅填充当前选择的图层。

任务1油漆桶工具-齐天大圣操作提示：设置图像并排列窗口吸取图像颜色填充新颜色任务1任务实战—齐天大圣学习目标:掌握油漆桶工具的操作。重点：掌握油漆桶工具的使用。难点：填充区域的选择。【必做任务】完成“齐天大圣”的任务制作，掌握工具的基本应用。【完成时间】10分钟任务1任务实战—选做任务学习目标:掌握油漆桶工具的操作。重点：掌握油漆桶工具的使用。难点：填充区域的选择。【选做任务】完成选做的任务制作，掌握工具的基本应用。巩固命令的灵活应用。选做任务图案填充Photoshop中的图案填充功能，可以快速的把所设定的图案，填充到指定的图像区域中。任务2图案填充-虎皮裙操作提示：图案填充隐藏背景图层保存为透明格式任务2任务实战—

图案填充-虎皮裙学习目标:掌握图案填充的操作。重点：掌握图案填充的使用。难点：新建图案。【必做任务】完成“虎皮裙”的任务制作，掌握工具的基本应用。【完成时间】10分钟任务2任务实战—选做任务学习目标:掌握图案填充的操作。重点：掌握图案填充的使用。难点：新建图案。【选做任务】完成选做的任务制作，掌握工具的基本应用,巩固图案填充的灵活应用。选做任务选做任务渐变工具渐变工具模式：用来设置应用渐变时的混合模式。不透明度:用来设置渐变色的不透明度。反向：可转换渐变中的颜色顺序，得到反方向的渐变颜色。仿色：使渐变效果更加平滑。透明区域：创建包含透明像素的渐变。两种或多种颜色之间柔和地逐渐过渡称为渐变。在photoshop中可以使用渐变工具将多种颜色的渐变填充到某个区域或图像中。渐变工具渐变工具反向：转换渐变中的颜色顺序，得到反方向的渐变颜色。仿色：使渐变效果更加平滑。透明区域：创建包含透明像素的渐变。线性渐变：线性渐变从单击的位置开始，以直线样式或以单个方向变化，终止于释放鼠标的位置。径向渐变：径向渐变是一种圆形图案，起点在圆形图案的中心。角度渐变：角度渐变以逆时针方向沿起点环绕一周。对称渐变：对称渐变是一种对称的线性渐变，即填充颜色以起点开始从中心向两侧展开。菱形渐变：菱形渐变是以菱形的中心为起点向四周渐变。任务3渐变工具-七色彩虹操作提示：绘制渐变图像设置渐变编辑器渐变颜色条的设置变换图像的形状任务3任务实战—七色彩虹学习目标:掌握渐变工具的使用。重点：掌握渐变颜色的设置。难点：渐变的填充方式【必做任务】完成七色彩虹的任务制作。【完成时间】20分钟任务2任务实战—选做任务学习目标:掌握填充工具的操作。重点：掌握填充工具的使用。难点：应用填充工具制作图像。【选做任务】完成选做的任务制作，掌握工具的基本应，巩固工具的灵活应用。选做任务绘图工具组绘图工具组包括画笔工具、铅笔工具、颜色替换工具等，在photoshopCC中绘画非常容易。绘图工具组画笔工具画笔工具可以模拟画笔效果在图像或选区中进行绘制。画笔预设和画笔面板是重要的面板之一，功能强大，可以设置绘画工具、修饰工具的笔刷种类、画笔大小和硬度等属性。画笔工具画笔预设画笔面板画笔工具画笔预设选取器:单击该按钮,将打开“画笔预设”选取器。切换画笔设置面板:单击该按钮，可以打开“画笔设置”面板。模式：在下拉列表框中可以选择画笔笔迹颜色与下面的像素的混合模式。不透明度:用来设置画笔的不透明度,该值越低，绘制出的线条越透明。喷枪:单击该按钮，将启用喷枪模式。流量：表示笔触颜色的流出量,值越大,颜色越深,流量可以控制画笔颜色的深浅。平滑:设置描边的平滑程度。设置画笔角度:对画笔角度进行设置。始终对大小使用压力:单击该按钮，使用绘图板绘图时，可以通过压力大小来控制笔触大小。设置绘画的对称方式:单击该按钮，可以设置对称的方式，如“垂直对称”“水平对称”“双轴对称”等。任务4画笔工具-梅落繁枝操作提示：设置画笔效果定义画笔任务4任务实战—梅落繁枝学习目标:掌握画笔工具的应用。重点：掌握画笔绘制图像。难点：画笔预设的设置。【必做任务】完成“梅落繁枝”的任务制作。【完成时间】20分钟任务4颜色替换工具颜色替换工具可以更改已有图像的颜色。颜色替换工具任务5颜色替换工具-喜气红灯笼操作提示：颜色替换工具颜色替换工具参数设置任务5任务实战—喜气红灯笼学习目标:掌握颜色替换工具的使用。重点：掌握颜色替换工具。难点：颜色替换工具属性设置。【必做任务】完成喜气红灯笼的任务制作。【完成时间】15分钟任务5

想一想问题思考画笔工具与铅笔工具在什么情况时使用？项目入场券设计-传承国粹开创未来项目说一说你在中国国粹方面的体验和感受，思考中国民族文化应该如何传承？家国情怀与民族传承【素养目标】【主题素材】1.实践课堂。分类收集中国国粹的相关图片。2.网络课堂。说一说你在中国国粹方面的体验和感受。3.理论课堂。思考中国民族文化应该如何传承。民族精神是一个民族的生命之魂，是一个民族独特人格的彰显，是一个民族的慧根和品质。中华民族精神是实现中国梦的动力之源，在新时代传承中华文化，发扬民族精神。了解中国传统民族文化，弘扬文化自信和民族自豪感。项目项目家国情怀与民族传承入场券设计-传承国粹开创未来渐变工具；油漆桶工具；画笔工具；颜色替换工具；文字工具。技术操作项目实战—入场券设计-传承国粹开创未来学习目标:掌握填充工具与绘图工具的操作。重点：工具的属性设置难点：工具的应用。【必做项目】完成入场券设计【完成时间】2课时项目思维拓展中华元素题材在设计中应用广泛。如眉山市精神文明建设办公室宣的主题公益广告【文明健康有你有我】，围绕绿色环保、健康生活、文明行为、良好心态、环境保洁、共筑新风等方面。采用三苏祠、远景楼、大雅堂、眉州古城墙、瓦屋山、三苏纪念馆等地标建筑，结合Q版宋代人物苏小坡、苏小妹，古韵十足，憨态可掬，生动表现眉山“千载诗书城人文第一州”之美誉。【思维拓展】海报设计-中华优秀传统文化元素作品点评学生点评教师点评企业导师点评项目【设计项目】——公交卡设计、宣传海报设计【设计项目】在以下项目中任选其一完成设计。1．参考“大圣归来”主题设计，完成至少两张主题系列公交卡设计。2．结合所在地区的民族文化特点，完成至少3张以“保护环境”为主题的系列宣传海报设计。3．了解地方非物质文化遗产，完成至少3张以“非遗传承”为主题的系列宣传海报设计。图像处理hotoshopP图像处理TheEndSP形状工具和图层效果第3章项目任务01规则形状的绘制02任意形状绘制和路径编辑03图层样式和图层的混合模式04【创意设计】红色教育专题网站设计05【思维拓展】主题网站二级/三级页设计知识目标掌握形状工具的应用；掌握钢笔工具的应用；掌握图层样式的应用；掌握图层混合模式的应用；了解网页设计工作流程及要求。能力目标能使用形状、钢笔等工具绘制简单的图形；能使用图层样式制作文本特效；能使用图层混合模式编辑与美化图像；能灵活运用所学工具和命令制作网页案例。素养目标以【网页设计-中华优秀传统文化专题网】为载体，传承与创新中华优秀传统文化，培养学生文化自信。教学目标教学重点矩形工具的应用；椭圆形工具的应用教学难点在运用形状工具制作栏目制作时，栏目内容和层次结构的设计重点难点本章主要介绍规则形状的绘制、钢笔工具的使用和图层效果等方面的应用和技巧。通过本章的学习可以根据设计任务需要，绘制出精美图形，并能使用图层混合模式编辑与美化图像；能灵活运用所学工具和命令，完成【网站项目设计】。传统文化专题网站项目设计3.1规则形状的绘制矩形工具、椭圆工具和直线工具等是最基本和最常用的形状工具。在工具箱中选择矩形工具等形状工具绘制图形时，默认会新建一个形状图层，如图所示。3.1规则形状的绘制按住【空格】键，拖动鼠标可进行位置的移动。按住【Shift】键，可以绘制正方形/正圆形。按住【Alt】键，可以绘制从中心向四周扩展的矩形/椭圆形。同时按住【Alt+Shift】组合键，可以绘制从中心向四周扩展的正方形/正圆形。使用技巧在形状绘制的过程中，需要熟记以下几个小技巧：3.1规则形状的绘制规则形状工具很多属性都是一样的，下面以“矩形工具”的属性栏为例进行介绍：形状：形状有3个选项，形状-创建路径形状、路径-创建工作路径、像素-创建填充区域。填充：用于设置形状填充的状态，有无颜色填充、纯色填充、渐变填充、图案填充4种设置。描边：用于设置边框的类型，有无颜色（无边框）、纯色边框、渐变边框、图案边框4种设置；还可以设置边框的粗细、线型、对齐、端点、角点等。在菜单栏中，选择【窗口】-【属性】命令，可以打开单独的属性面板，通过外观参数的设置，修改形状图形的外观，还可以通过打开/关闭【关联设置】键，把矩形的圆角半径设置成全部相同的半径，或者分别设置成两两相同或者四个都不相同的圆角半径值，如图所示。【任务1】规则形状绘制-导航菜单任务1形状绘制的过程中，可以按住空格键拖动鼠标进行位置的移动。矩形/椭圆形工具：

按住【Shift键】可以绘制正方形/正圆形；

按住【Alt键】可以绘制从中心向四周的矩形/椭圆形；

同时按住【Alt+Shift组合键】，可以绘制从中心向四周的正方形/正圆形。形状工具属性栏：

【形状】-形状、路径、像素三个选项，用于创建路径形状或填充区域；

【填充】-无颜色、纯色、渐变、图案四个设置；

【描边】-无颜色、纯色、渐变、图案四个设置，可以设置描边粗细、线型、对齐、端点、角点等。描边选项：

【对齐】即描边的位置/描边的样式可设置为，居内-没有倒角、居中-有倒角、外部-有倒角；

【端点】闭合的路径没有端点，不封闭的路径才有端点，如虚线、线段；

【角点】即倒角，无角点、圆弧角点、斜边角点三个设置。圆角的半径：矩形的圆角半径可以设置相同的半径，也可以分别设置成1-4个不同的圆角半径，在菜单栏中选择【窗口】—【属性】命令打开属性面板进行设置。使用技巧【任务2】规则形状绘制-栏目制作任务2网页设计中首页栏目设计原则：首页代表企业的形象，是企业的门面和灵魂，是吸引用户进一步访问网站的关键。

【栏目内容】放置网站最重要、最有价值、观注群体最想知道的信息点；

【栏目规划】层次结构和区域分割合理，如一整块、左-右结构、左-中-右结构；

【栏目展示】考虑界面的美观和易用性。使用技巧【任务3】任意形状绘制-Banner制作任务2通过Banner制作，学习钢笔工具的应用。3.2任意形状绘制和路径编辑Photoshop的路径功能可以绘制直线段；绘制曲线段;绘制复杂的图像；路径的描边；路径的选取；把图像变成选区抠图。小结锚点的种类：

【直线锚点】直接单击的锚点是直线锚点，两个直线锚点之间的路径是直线；

【曲线锚点】按住鼠标左键不放，拖动的锚点是曲线锚点，两个曲线锚点之间的路径是曲线，两个独立手柄可用小白工具调节；

【半曲半直】绘制曲线锚点后，按住Alt键将鼠标放到曲线锚点上，单击鼠标左键可打断控制手柄。结束路径：

【方法1】按住【Ctrl】键，钢笔工具临时切换为小白工具，在文档的其他地方单击鼠标左键；

【方法2】按【Esc】键。路径的继续绘制（接着绘制）：将鼠标移动到路径的端点上，鼠标的右下角变成“空心+”标记时,单击鼠标【左】键。使用技巧使用技巧3.3图层样式和图层的混合模式图层样式和图层的混合模式，用于为图层添加不同的效果，使图层中的图像产生丰富的变化，常应用于按钮、图标和文字特效等方面的制作。【任务4】图层样式-按钮制作任务2操作提示：设置图层样式-渐变叠加设置渐变编辑器三种方法打开【图层样式】控制面板【任务5】图层样式-立体图形和文字特效Photoshop提供了多种图层样式可供选择，可以单独为图像添加一种样式，还可同时为图像添加多种样式。应用图层样式命令可以为图像添加斜面和浮雕、描边、颜色叠加、投影等效果，制作特殊的图形和文字效果。使用技巧任务5图层的混合模式正常模式组：包括正常、溶解。变暗模式组：变暗组的混合模式，混合后一定是比正常模式暗。包括变暗、正片叠底、颜色加深、线性加深、深色。变亮模式组：变亮组的混合模式，混合后一定是比正常模式亮。包括变亮、滤色、颜色减淡、线性减淡、浅色。叠加模式组：叠加模式组，主要是为图像去灰，让暗的更暗，亮的更亮。包括叠加、柔光、强光、亮光、线性光、实色混合。差值模式组：包括差值、减去、排除、划分。色彩模式组：包括色相、饱和度、颜色、明度。使用技巧图层的混合模式至少需要有两个图层，用于为图层添加不同的模式，使图层产生丰富的视觉效果。图层的混合模式包含有27种模式，选择的模式决定了当前图层中的图像与其下面图层中的图像以何种模式进行混合。【任务6】图层的混合模式-Banner制作任务6【项目3】网页设计-传统文化专题网站项目网站是信息传播的媒体，也是企事业单位对外宣传的形象窗口之一。根据企事业单位希望向用户传递的信息，如文化、理念、服务、产品和销售等内容，网站规划的目的不同，网页设计的方案存在极大差异。要做好网页设计，需求分析十分关键，以下是【红色教育专题网站】的需求分析表。【项目3】网页设计-传统文化专题网站网站设计需求分析表传统文化专题网站【趣说素养】传统文化与传承创新【趣说素养】传统文化与传承创新回顾我们经历过的传统文化专题学习活动，谈一谈在该专题网站的栏目设置上，还可以增加哪些方面的内容，如诵读红色经典等。回顾中国爱国主义红色经典影片，为红影红典的Banner提炼电影的促销主题，如《建国大业》、《建党伟业》、《辛亥革命》等。Banner设计：用中国元素和革命战争元素的图片，突出红色教育专题网站主题。导航设计：在鼠标经过时的按钮效果使用渐变色块，能增加网站的灵动性和辨识度，也提升图标视觉美观效果。栏目设计：板块划分明确、视觉丰富、层级清晰，页面重点突出，有视觉重点。【创想火花】项目010203【项目3】网页设计-传统文化专题网站网站页面元素的设计包含以下几个模块：

LOGO和导航设计：任何类型的网站，都需要在网站明显的位置放置LOGO和规划导航。LOGO和网站导航可以极大的强化品牌文化和增强网页的指引性，能让用户轻松快捷的找到页面内容。

广告设计/banner：网页上方或中间部位一般会留一个广告位也叫“banner”，通过banner宣传企事业单位的产品和活动，引起用户注意，激发用户的观注和浏览欲望。banner的展示形式也是多样的，可以是动画、轮换图片等。

位置标示：明确告诉浏览者当前的具体位置。

主体内容：主体内容基本都在网页的中间部位，列出的栏目是网站中最重要、最有价值、观注群体最想知道的信息点的内容模块。

页脚设计:页脚包含版权信息、企事业单位的详细联系方式、微信号及二维码等，能快速满足用户的联系需求，在用户转化方面有着非常显著的作用，也是页面平衡的重要元素，否则会让页面显得头重脚轻。使用技巧【项目3】网页设计-传统文化专题网站想一想1.网站的页面设计一般包含哪几类页面，各类页面设计有什么特点？2.怎么保持网站整体设计风格的统一？专题网站二级页面、三级页面设计在保持中华优秀传统文化专题网首页设计风格的基础上，用Photoshop完成该网站二级页面（列表页）和三级页面（内容页）的设计。完成中华优秀传统文化专题网红影经典的Banner改版。【项目设计】学院网站设计对广西机电职业技术学院“信息工程学院网站”或“艺术设计学院网站”进行改版设计。在Photoshop课程结束前两周，以项目小组为单位提交作业。【设计要求】1．参考同类网站，根据学院的专业设置等，重新规划网站栏目、功能区布局等。（10分）2．要求网页设计从易用性、主题配色、版面布局、栏目规划和图片运用等方面，更好地突出网页内容的特点和学院特色，有效提高点击率。（30分）3．用Photoshop完成3个页面的设计：首页（一级页面）、列表页（二级页面）、内容页（三级页面）。（40分）4．在Photoshop中做好网页切片，提交3类文件：素材文件、PSD格式的源文件和切片文件。（15分）5．提交具体项目小组人员名单和分工，将文件命名为“班级项目小组-主题名称”，如2104奋进项目组-信息工程学院网站。（5分）图像处理hotoshopP图像处理TheEndSP图标创意设计第4章项目任务01图标的作用02图标创意三步曲03图标的用色04

图标的设计手法05

图标创意设计知识目标了解图标的作用和设计原则；掌握图标创意设计三步曲；掌握形状工具、颜色填充、图层样式的操作方法。能力目标能使用形状和颜色填充等工具绘制简单的图形；能使用图层样式制作图形的立体效果；能独立完成图标的设计和制作。素养目标以【图标设计-中国元素图标设计】为载体，实施标准化和规范化的操作，有利于职业岗位的工作任务引领，精益求精。通过项目制作，培养学生的职业规范和精益求精的工匠精神，树立严谨务实的学习态度。教学目标教学重点图标创意设计三步曲图标的设计与制作教学难点如何运用广西壮乡特色民族文化元素，融入图标的创意设计重点难点图标是界面中重要的信息传播载体，精美的图标设计能起到画龙点睛的作用，有效提高点击率和推广效果。本章主要介绍形状工具、自由变换、颜色填充、图层样式等方面的应用和技巧。通过本章的学习可以根据设计任务的需要，绘制具有中国元素的特色图标，并能为绘制的图标添加丰富的视觉效果，完成【图标设计】中国元素图标设计。图标设计项目设计项目引入图标的作用思考：路牌标识有什么作用？

高辨识度-传达事物特征

快速引导-提示行动图标的作用图片+文字”的图标表现

高辨识度-更容易传达事物的特征。

快速引导-有效提示行动指引。

功能引导-在有限的空间里可放置更多的内容。

增强趣味性-美观度和科学度都需同时具备。

指引用户的行为切入点图标创意设计详解一个完美的图标，应该呈现该物体的主要特征元素，保持图标的精准简约。做图标设计时，要通过图标设计指引用户的行为。图标造型色彩确定图标创意设计详解相机图标是手机界面中最常见的图标，也是UI设计师入门级的基础图标。观察并分析相机结构图，设计一枚扁平化风格的相机图标，要求图标具备醒目、简洁、易辨识等图标基本特点。任务要求:相机结构图【图标创意·任务要求】

关键词找图片拍照、照片、相机、照相机、数码相机【图标创意·三步曲】第一步：现实图库-提升图标设计辨识度。（关键词找图片）具象化名词相机、照相机、数码相机生活图库找百度搜图、视觉中国、海洛创意【图标创意·三步曲】第二步，基础造型图库-参考造型、优化辨识度。（找基础造型）

Iconfont网站阿里巴巴矢量图标库有大量的图标造型高辨识度找出具有高辨识度的图标【图标创意·三步曲】第三步，视觉样式图库-参考样式图标，找趣味性。（找参考样式）创意搜图花瓣网、站酷、昵图网等找参考样式【图标创意·相机效果图】通过找出的参考样式图标设计图，融入自己的创意想法，加入设计元素相机外壳镜头镜头光+=+=+=+【图标创意·相机分解图】+【图标创意·相机设计图】图标的用色图标进行科学配色是成功设计的关键，配色影响图标的设计，甚至会影响后续设计的成败，需要了解色彩的情绪和语言。通过色彩解读，实现用色科学，从色彩情绪、业务联系、邻近色原则三个方面进行考虑。橙色系-整租、合租；红色系-品牌公寓；蓝色系-地图找房；绿色系-房屋委托。这样配色的原因和理由是什么？思考：图标的用色-色彩情绪橙色系、红色系-“活力、热情、热度高”,适合整租、合租、品牌公寓的营销理念；蓝色系-“科学、可靠、稳重”,适合地图找房；绿色系-“安心、放心、健康”,适合房屋委托。图标的用色-业务联系整租、合租、品牌公寓三块内容，在产品业务功能上有共同特性，最好使用同一色系的邻近色图标，内容整体，能让人更容易辨识业务联系。图标的用色-邻近色原则取色环上类似属性间的60度以内夹角的邻近色搭配。图标的设计方法APP界面设计中常使用大量的图标，怎么让APP的小小界面，发挥出图标的大作用？增强图标的功能引导和趣味性，使图标具备美观度与科学度，提升图标的视觉效果。可以通过增加主体元素的层次性、主副体元素之间的阴影分割，增加图标的立体感和层次感等设计细节考虑，常用设计手法有三种。项目实战—中国元素图标设计学习目标:掌握形状和颜色填充等工具绘制图标。重点：形状工具的运用。难点：中国元素在图标创意设计中的运用。【必做项目】完成中国元素图标设计。【完成时间】2课时项目职业规范与工匠精神【素养目标】【主题素材】开展“三走进”活动，让企业工匠走进校园、让学生走进企业、走进生产一线，近距离感受工匠精神。质量之魂，存于匠心！工匠精神是大国崛起必不可少的精神品质，是职业发展的必然要求。弘扬务实勤奋、追求卓越、精益求精的工匠精神，培养具有精湛技艺技能、具有职业规范、具有创新精神的职业品质基础。项目新媒体美工综合设计能力提升好的层级应该具备从强到弱合理分布图标的设计要有丰富的层级布局，清晰、合理的板块划分，才能突出页面重点，有效引导用户快速阅读，提升视觉体验效果。【项目设计】APP图标设计在以下项目中任选其一完成设计。1．参考前文的【创意设计】图标设计——中国元素图标设计的设计步骤，完成至少两个主题系列图标设计。2．找国内当前热门的App进行临摹，完成一组金刚区的图标设计，要求设计3～6个图标。3．找国内当前热门的App进行首页改版，新版设计要求具备“从强到弱再到强”的合理布局，板块划分清晰、明确。图像处理hotoshopP图像处理TheEndSP选区工具的应用项目5项目任务01创建规则选区02创建不规则选区03宣传展版设计-教育信息化成果展04系列主题宣传展版设计知识目标掌握矩形、椭圆等规则选框工具的应用；掌握套索、魔棒等不规则选框工具的应用。能力目标能使用矩形、椭圆等规则选框工具创建规则选区；能使用套索、魔棒等工具创建不规则选区；能灵活运用各种工具建立选区，并完成抠图效果；能灵活运用所学工具和命令指定宣传展版设计。素养目标以【宣传展版设计】教育信息化成果展为载体，感受科技兴国是提升国家核心竞争力的必由之路，树立学生科技创新与文化自信。教学目标教学重点规则选区和不规则选区的应用教学难点规则选区工具属性的掌握重点难点项目项目引入好的宣传展版的设计具备什么特点？选区工具是Photoshop中用来选取范围的一个工具，可以对这个范围进行抠图、填充颜色、填充图案等操作。本章通过【宣传展版设计】-教育信息化成果展的项目引入，学习规则选区、不规则选区等不同选区工具在创建方法上的具体操作和应用技巧。宣传展版设计-教育信息化成果项目项目引入选区工具是Photoshop中用来选取范围的一个工具，可以对这个范围进行抠图、填充颜色、填充图案等操作。选框工具包含:矩形选框工具；椭圆选框工具;单行选框工具；单列选框工具。可以辅助画出图形、删减图层内容,也可以辅助其它工具进行更快速的做图。创建规则选区创建规则选区选取工具属性新选区:单击该选项，可以创建一个新选区，如图5-3所示。如果已经存在选区,新创建的选区将替代原来的选区。添加到选区:单击该选项，可以将当前创建的选区添加到原来的选区中，按快捷键【Shift】也可以实现相同的操作。从选区减去:单击该选项，可以将当前创建的选区从原来的选区中减去，按住快捷键【Alt】也可以实现相同的操作。与选区交叉:单击该选项，新建选区时只保留原有选区与新创建的选区相交的部分，按住快捷键【Alt+Shift】也可以实现相同的操作任务1矩形选框工具-选取矩形图矩形选框工具主要用于选取矩形图像，是比较常用的工具，仅限于选取规则的矩形，不能选取其他形状。矩形选框工具属性栏包括选区的加减、羽化、消除锯齿、样式、宽度、高度和选择并遮住等。任务1任务2椭圆选框工具-选取椭圆图椭圆选框工具用于选择圆形图像，能选取正圆形状或椭圆形状。椭圆选框工具属性栏跟矩形选框工具是相似的，包括：选区加减、羽化、消除锯齿、样式、宽度、高度和调整边缘等。任务1任务实战—选取矩形图和椭圆图学习目标:掌握规则选区的应用。重点：掌握规则选区的创建和编辑。难点：规则选区的编辑效果。【必做任务】完成“选取矩形图和椭圆图”的任务制作，掌握工具的基本应用。【完成时间】20分钟羽化设置：可以柔化选区的硬边界，使区域边界产生一个被羽化的过渡段，达到柔化选区边缘的目的。绘制选区：按住【Shift】键可将当前选区状态切换到“添加到选区”状态；按住【Alt】键可将当前选区状态切换到“从选区减去”状态；按住【Alt+Shift】组合键可将当前选区状态切换到“与选区交叉”状态。绘制技巧：在使用矩形选框工具和椭圆选框工具时，按住【Shift】键可创建正方形或正圆形选框；按住【Alt+Shift】组合键，可创建以起点为中心的正方形或正圆形选框。使用技巧任务2椭圆选框工具-选取椭圆图创建不规则选区的工具有很多种，如套索工具、多变形套索工具、磁性套索工具和魔棒工具，不同的选区工具适用的场景也不同。创建不规则选区4种创建不规则选区的方法【第1种】套索工具创建不规则选区套索工具用于选择大致的轮廓，如果在绘制图像时，没有封闭就松开鼠标左键，会自动封闭。选择工具箱中【套索工具】，单击图像上任意点作为起点，按住鼠标左键拖曳出需要选择的区域，到达合适的位置后松开鼠标，选区将自动闭合，但是套索工具只能选择大致的轮廓，想绘制得十分精准并不容易。4种创建不规则选区的方法【第2种】多边形套索工具创建不规则选区多边形套索工具用于做有一定规则的多边形选区，比如直边，斜边等选区。在使用过程中双击的地方，可以直接和起始点连接成一条线。4种创建不规则选区的方法【第3种】磁性套索工具创建不规则选区磁性套索工具带有自动吸附边缘的功能，可以智能地自动选取不规则的并与背景反差大的图像，反差越大的地方越容易识别。4种创建不规则选区的方法【第4种】魔棒工具创建不规则选区魔棒工具是photoshop中提供的一种比较快捷的抠图工具，对于背景单一、分界线明显的图像，可以快速将图像抠出，而且容差值越大，选择的范围越高。任务2任务2选取图表分别使用套索工具、多边形套索工具、磁性套索工具和魔棒工具，创建图表的不规则选区。选取前选取后任务实战—选取图表学习目标:掌握不规则选区工具的应用。重点：掌握不规则选区的创建和编辑。难点：不规则选区工具的选择。【必做任务】完成“选取图表”的任务制作。【完成时间】20分钟1.使用规则选框工具时有什么特征？2.使用不规则选框工具的情形特点是什么？小结回顾总结项目在社区、学校、医院和企事业单位等都规划有专门的宣传栏区域。优秀的宣传展板设计可以营造一种良好的和谐氛围，能促进企事业单位的文化、道德、精神和理念等宣传及创建，起到宣传作用。在设计上要根据不同的宣传效果、使用的时间场合等因素决定设计的风格。宣传展版设计—教育信息化成果展宣传展版内容的设计，如何提炼文字和进行画面排版？2.系列主题宣传展版设计，怎么把控整体风格的统一？科技创新与文化自信科技创新与文化自信【素养目标】【主题素材】1.理论课堂。收集专业领域内的科技创新案例，包括知识创新、技术创新和现代科技引领的管理创新，谈一谈自已对未来职业生涯的规划。2.实践课堂。观看以励志创新、科技创新为主题的宣传节目，思考宣传展版的设计。如励志人物故事宣传展版、创业故事形象宣传、科技创新成果展等系列主题。科技创新与文化自信是提升国家核心竞争力的必由之路，树立科技兴国的文化自信，培养学生挑战自我、超越自我的学习态度和报国强国的家国情怀。项目【创想火花】项目定位宣传展版的设计风格和元素应用，需要明确以下内容：环境和位置：根据宣传展版放置的环境和位置设计展版模版，如背景墙的简洁、明暗度等。目的和主题：明确宣传展版制作的目的是什么，以提炼视觉重点，突显目标主题。版块划分：版块划分明确、层级清晰，展版的内容设计能突出页面重点。010203宣传展版设计—教育信息化成果展项目宣传展版设计—教育信息化成果展选框工具组；钢笔工具；填充颜色；创建数组；设置对齐。工具应用项目实战—教育信息化成果展学习目标:掌握规则选区和不规则选区的应用。重点：掌握规则选区和不规则选区的创建和编辑。难点：选区工具的选择和应用。【必做项目】完成宣传展版设计—教育信息化成果展。【完成时间】3课时项目根据“教育信息化成果展-10周年”宣传展版文案的内容，你如何收集相关素材，提炼各模块的主题内容，并设计主题宣传展版？【思维拓展】系列主题宣传展版设计思维拓展思维拓展系列主题宣传展板设计作品点评学生点评教师点评企业导师点评项目系列主题宣传展版设计以下主题任选其一完成设计：1．以“地龙养殖-引领乡村产业振兴新时代”为主题，设计宣传展版。2.以“营造科技创新氛围激发科技创新活力”为主题，设计宣传展版。【设计项目】-系列主题宣传展版设计图像处理hotoshopP图像处理TheEndSP图像的裁剪和修饰项目6项目任务01图像的裁剪02修复图像工具03网页设计-金多利装饰网站04主题网站列表页和内容页设计知识目标掌握裁剪工具组的使用方法；掌握仿制图章工具的使用技巧；掌握修图工具的应用；掌握历史记录画笔工具的使用技巧；掌握切片工具的使用技巧。能力目标能使用图像的裁剪工具，调整图像效果；能使用修复图像工具，修复图像；能灵活运用所学工具和命令进行网页设计。素养目标以【网页设计-金多利装饰网站】为载体，培养坚守诚信底线、守正创新的新青年。通过项目制作，树立当代大学生，在实际生活中做诚信的践行者。教学目标教学重点图像裁剪的技巧和修复图像工具的灵活应用教学难点掌握不同的修复图像工具的适用情况重点难点项目项目引入企业宣传网页设计应该注意什么？本章主要介绍图像的裁剪、修复图像工具的使用和网页切图等方面的应用和技巧。通过本章的学习可以根据设计任务的需要，裁剪合适大小的图像，巧妙使用修复图像工具修饰图像，完成【网页设计项目】-金多利装饰网站的制作和设计。网页设计项目-金多利装饰网站项目项目引入在实际的设计和制作工作中，有一些脱线的构图和比例不符合设计要求，因此需要通过裁剪工具对其进行裁剪处理。分类:裁剪工具。透视裁剪工具。图像的裁剪裁剪前裁剪后2种图像裁剪的方法图像的裁剪【第1种】裁剪工具使用“裁剪工具”可裁剪图像大小，也可以重新定义画布的大小。选定裁剪区域后，在选区边缘出现的8个控制手柄，可用于改变选区的大小，还可以用鼠标进行选区旋转。2种图像裁剪的方法图像的裁剪【第2种】透视裁剪工具由于拍摄视角的问题，导致拍摄的奖牌、画框、书箱、高大建筑等图像会产生透视畸变，“透视裁剪工具”就可以较好地解决这类问题。它可以通过绘制出正确的透视形状告诉Photoshop哪里是要被校正的图像区域。任务1任务1裁剪工具—家装图裁剪使用“裁剪工具”可裁剪图像大小，也可以重新定义画布的大小。选定裁剪区域后，在选区边缘出现的8个控制手柄，可用于改变选区的大小，还可以用鼠标进行选区旋转。裁剪前裁剪后任务实战—裁剪家装图学习目标:掌握裁剪工具的应用。重点：掌握裁剪区域的创建和编辑。难点：裁剪工具的属性设置。【必做任务】完成“裁剪家装图”的任务制作，掌握工具的基本应用。【完成时间】10分钟比例：在该下拉列表中可以选择一个约束选项，按一定比例对图像进行裁剪。清除：清除设置的长宽比值。拉直：单击按钮,可以通过在图像上绘制一条线来确定裁剪区域与裁剪框的旋转角度。设置裁剪工具的叠加选项：在该下拉列表中，可以选择裁剪参考线的样式以及叠加方式。设置其他裁剪选项：打开设置其他裁剪选项的设置面板。删除裁剪的像素：如果勾选该选项,裁剪结束时将删除被裁剪的图像;如果关闭该选项，则将被裁剪的图像隐藏在画布之外。内容识别：如果勾选该选项，可用内容识别自动填充画面。如果关闭该选项，则可自动对画面进行裁剪。使用技巧任务1裁剪工具—家装图裁剪任务2任务2透视裁剪工具—金属奖牌由于拍摄视角的问题，导致拍摄的奖牌、画框、书箱、高大建筑等图像会产生透视畸变，“透视裁剪工具”就可以较好地解决这类问题。它可以通过绘制出正确的透视形状告诉Photoshop哪里是要被校正的图像区域。裁剪前裁剪后任务实战—金属奖牌学习目标:掌握透视裁剪工具的应用。重点：掌握裁剪区域的创建和编辑。难点：裁剪工具的属性设置。【必做任务】完成“金属奖牌”的任务制作，掌握工具的基本应用。【完成时间】10分钟通常情况下，拍摄出的数码照片经常会出现各种缺陷,使用Photoshop的修复图像工具可以轻松修复带有缺陷的照片。修复工具包括仿制图章工具、修复画笔工具、污点修复画笔工具、修补工具、内容感知工具等。修复图像工具5种修复图像的方法【第1种】仿制图章工具修复图像工具“仿制图章工具”可以将图像的一部分通过涂抹“复制”到图像的另一个位置上，相当于“选区+复制”的功能。常用于去除图片水印、消除人物面部的斑点和皱纹、去除背景中不相干的杂物、填补图片空缺等。5种修复图像的方法【第2种】修复画笔工具修复图像工具修复画笔工具用法和仿制图章工具一样，图像取样在复制过程中将和周围的颜色进行融合，使修复的效果更加自然逼真，如常用于修复旧照片或有破损的图像。5种修复图像的方法【第3种】污点修复工具修复图像工具使用“污点修复画笔工具”可以快速地修复照片中的污点或快速修补图像中的残缺画面。