边做边学 Photoshop图像制作案例教程（第2版）（Photoshop 2020）课件 第1、2章　Photoshop 2020基础知识、插画设计

第1章软件基础知识本章简介：Photoshop是由Adobe公司开发的图形/图像处理和编辑软件，是设计领域最流行的软件之一。本章通过对软件基础知识的讲解，使读者对软件基础有初步的认识和了解，并快速掌握软件的基础知识和基本操作方法，为以后的学习打下一个坚实的基础。课堂学习目标掌握工作界面的基本操作掌握设置文件的基本方法掌握图像的基本操作方法【操作目的】【操作步骤】【相关工具】1.1动画设计概述通过打开文件命令熟悉菜单栏的操作，通过选择需要的图层了解面板的使用方法，通过新建文件和保存文件熟悉快捷键的应用技巧，通过移动图像掌握工具箱中工具的使用方法。1.1.1【操作目的】1.1.2【操作步骤】1．菜单栏及其快捷方式熟悉工作界面是学习Photoshop的基础。掌握工作界面的内容，有助于初学者日后得心应手地使用Photoshop。软件的工作界面主要由菜单栏、属性栏、工具箱、控制面板和状态栏组成。1.1.3【相关工具】属性栏菜单栏工具箱工具箱控制面板2．工具箱Photoshop的工具箱包括选择工具、绘图工具、填充工具、编辑工具、颜色选择工具、屏幕视图工具和快速蒙版工具等。1.1.3【相关工具】3．属性栏当选择某个工具后，会出现相应的工具属性栏，可以通过属性栏对工具进行进一步的设置。例如，当选择“魔棒”工具时，工作界面的上方会出现相应的“魔棒”工具属性栏，可以应用属性栏中的各个命令对工具做进一步的设置。1.1.3【相关工具】4．状态栏打开一幅图像时，图像的下方会出现该图像的状态栏。状态栏的左侧显示当前图像缩放显示的百分数。在显示比例区的文本框中输入数值可改变图像窗口的显示比例。1.1.3【相关工具】显示比例图像信息5．控制面板控制面板是处理图像时另一个不可或缺的部分。Photoshop为用户提供了多个控制面板组。1.1.3【相关工具】【操作目的】【操作步骤】【相关工具】1.2文件设置通过打开文件熟练掌握“打开”命令，通过复制图像到新建的文件中熟练掌握“新建”命令，通过关闭新建的文件熟练掌握“保存”和“关闭”命令。1.2.1【操作目的】1.2.2【操作步骤】1.2.3【相关工具】1．新建图像选择“文件>新建”命令，或按Ctrl+N组合键，弹出“新建文档”对话框。根据需要单击上方的类别选项卡，选择需要的预设新建文档；或在右侧的选项中修改图像的名称、宽度、高度、分辨率和颜色模式等预设数值新建文档，单击图像名称右侧的按钮，新建文档预设。设置完成后单击“创建”按钮，即可完成新建图像。1.2.3【相关工具】2．打开图像如果要对图片进行修改和处理，要在Photoshop中打开需要的图像。选择“文件>打开”命令或按Ctrl+O组合键，弹出“打开”对话框，在其中选择查找范围和文件，确认文件类型和名称，通过Photoshop提供的预览缩略图选择文件。单击“打开”按钮或直接双击文件，即可打开所指定的图像文件。1.2.3【相关工具】3．保存图像编辑和制作完图像后，就需要将图像进行保存，以便于下次打开继续操作。1.2.3【相关工具】4．图像格式当用Photoshop制作或处理好一幅图像后，就要进行存储。这时，选择一种合适的文件格式就显得十分重要。Photoshop中有20多种文件格式可供选择，在这些文件格式中既有Photoshop的专用格式，也有用于应用程序交换的文件格式，还有一些比较特殊的格式。◎PSD格式和PDD格式◎TIF格式◎BMP格式◎GIF格式◎JPEG格式◎EPS格式◎选择合适的图像文件存储格式1.2.3【相关工具】5．关闭图像将图像进行存储后，可以将其关闭。选择“文件>关闭”命令或按Ctrl+W组合键，可以关闭文件。关闭图像时，若当前文件被修改过或是新建文件，则会弹出提示对话框，单击“是”按钮即可存储并关闭图像。【操作目的】【操作步骤】【相关工具】1.3图像操作通过将窗口水平平铺命令掌握窗口排列的方法，通过缩小文件和适合窗口大小显示命令掌握图像的显示方式。1.3.1【操作目的】1.3.2【操作步骤】1．图像的分辨率在Photoshop

中，图像中每单位长度上的像素数目称为图像的分辨率，其单位为像素/英寸或像素/厘米。1.3.3【相关工具】2．图像的显示效果使用Photoshop编辑和处理图像时，可以通过改变图像的显示比例使工作更便捷、高效。1.3.3【相关工具】3．图像尺寸的调整打开一幅图像，选择“图像>图像大小”命令，弹出“图像大小”对话框。1.3.3【相关工具】4．画布尺寸的调整图像画布尺寸的大小是指当前图像周围的工作空间的大小。打开一幅图像。选择“图像>画布大小”命令，弹出“画布大小”对话框。1.3.3【相关工具】5．图像位置的调整选择“移动”工具，在属性栏中将“自动选择”选项设为“图层”。用鼠标选中“文字”图形。文字所在图层被选中，将其向下拖曳到适当的位置。1.3.3【相关工具】第2章插画设计本章简介：现代插画艺术发展迅速，已经被广泛应用于杂志、广告、包装和纺织品领域。使用Photoshop绘制的插画简洁明快、新颖独特、形式多样，已经成为较流行的插画表现形式。本章以制作多个主题插画为例，介绍插画的绘制方法和制作技巧。课堂学习目标掌握插画的绘制思路和过程掌握插画的绘制方法和技巧【案例分析】【设计理念】【操作步骤】【相关工具】2.1制作室内空间装饰画本案例是要为室内空间制作插画，要求表现出传统古典的特色。在插画绘制上要注重细节上的表现，绘制精巧，能够让人印象深刻。2.1.1【案例分析】在设计绘制过程中，先从背景入手，通过低明度的色调营造出传统复古的氛围，起到衬托作用。绿色的植物在装饰画面的同时，为整体空间增添了氛围感，形成了动静结合的画面。整体设计充满特色，让人印象深刻。最终效果参看云盘中的“Ch02/效果/制作室内空间装饰画.psd”。2.1.2【设计理念】2.1.3【操作步骤】1．标尺工具选择“标尺”工具，或反复按Shift+I组合键。2.1.4【相关工具】2．裁剪工具单击“裁剪”工具，其属性栏状态如图。2.1.4【相关工具】3．注释工具选择“注释”工具，或反复按Shift+I组合键。2.1.4【相关工具】使用注释工具为图像添加注释。最终效果参看云盘中的“Ch02>效果>制作山水装饰画.psd”。2.1.5【实战演练】制作山水装饰画【案例分析】【设计理念】【操作步骤】【相关工具】【实战演练】制作卡通插画2.2制作风景插画本案例是设计制作一款风景插画，要求表现出风景插画独特的魅力。在绘制上要求设计精美，搭配适宜，整体美观和谐。2.2.1【案例分析】在设计绘制过程中，以天空实景图作为背景，通过蓝天白云的景象带给人心情舒畅的感受，起到衬托画面的效果。点缀的装饰物增加了活泼感，形成了动静结合的画面。热气球的设计充满特色，卡通形象的设计为画面增加了独特的魅力。最终效果参看云盘中的“Ch02/效果/制作风景插画.psd”。2.2.2【设计理念】2.2.3

【操作步骤】1．定义画笔打开一副图像，按住Ctrl键的同时单击“图层1”的缩略图，载入选区。选择“编辑>定义画笔预设”命令，弹出“画笔名称”对话框，单击“确定”按钮，定义画笔。2.2.4【相关工具】2．画笔工具选择“画笔”工具，或反复按Shift+B组合键。2.2.4【相关工具】使用定义画笔预设命令和画笔工具制作漂亮的画笔效果。最终效果参看云盘中的“Ch02>效果>制作卡通插画.psd”。2.2.5【实战演练】制作卡通插画【案例分析】【设计理念】【操作步骤】【相关工具】【实战演练】制作花卉引导页插画2.3制作家居引导页插画家珍坊是一家电商用品零售企业，贩售平整式包装的家具、配件、浴室和厨房用品等。为了更好的推广产品公司制作了一款自己的App。本例是为App引导页绘制插画，要求以现代、实用、百搭的风格为主，要求根据App的调性和应用场景等因素设计一款线插画。2.3.1【案例分析】在设计绘制过程中，通过简单的插画展现出网站特点，起到衬托氛围的作用。浅绿色的浴缸给人放松身心，舒缓压力的感受，搭配黄色的毛巾给人愉悦轻松之感。整体设计简洁清晰，让人印象深刻。最终效果参看云盘中的“Ch02/效果/制作家居引导页插画.psd”。2.3.2【设计理念】2.3.3【操作步骤】1．填充命令选择“编辑>填充”命令，弹出“填充”对话框。2.3.4【相关工具】2．描边命令选择“编辑>描边”命令，弹出“描边”对话框。2.3.4【相关工具】3．定义图案打开一幅图像，在图像窗口中绘制出选区。选择“编辑>定义图案”命令，弹出“图案名称”对话框，单击“确定”按钮，定义图案。按Ctrl+D组合键，取消选区。2.3.4【相关工具】使用矩形选框工具、定义图案命令和填充命令制作插画背景图案。最终效果参看云盘中的“Ch02>效果>制作花卉引导页插画.psd”。2.3.5【实战演练】制作花卉引导页插画【案例分析】【设计理念】【操作步骤】【相关工具】【实战演练】制作风景浮雕插画2.4制作海景浮雕插画本案例是制作海景浮雕插画，要求以浮雕插画的形式表现出地方风情。使用浮雕的艺术表现形式进行表达，发挥出浮雕插画独特的魅力。2.4.1【案例分析】在设计绘制过程中，以海景图片作为底图，以行云流水般的绘画性线条凸显出插画特点，传递出多姿的情调和浪漫的情怀，使作品达到良好的视觉效果。最终效果参看云盘中的“Ch02/效果/制作海景浮雕插画.psd”。2.4.2【设计理念】2.4.3【操作步骤】1．历史记录画笔工具历史记录画笔工具是与“历史记录”控制面板结合起来使用的，主要用于将图像的部分区域恢复到以前某一历史状态，以形成特殊的图像效果。2.4.4【相关工具】2．历史记录艺术画笔工具历史记录艺术画笔工具和历史记录画笔工具的用法基本相同。区别在于使用历史记录艺术画笔绘图时可以产生艺术效果。2.4.4【相关工具】3．历史记录控制面板“历史记录”控制面板可以将进行过多次处理操作的图像恢复到任一步操作时的状态，即所谓的“多次恢复功能”。选择“窗口>历史记录”命令，弹出“历史记录”控制面板。2.4.4【相关工具】4．恢复到上一步的操作在编辑图像的过程中可以随时将操作返回到上一步，也可以还原图像到恢复前的效果。选择“编辑>还原”命令，或按Ctrl+Z组合键，可以恢复到图像的上一步操作。如果想还原图像到恢复前的效果，再按Ctrl+Z组合键即可。2.4.4【相关工具】5．中断操作当Photoshop正在进行图像处理时，如果想中断这次的操作，就可以按Esc键中断正在进行的操作。2.4.4【相关工具】6．风格化滤镜命令风格化滤镜可以产生印象派和其他风格画派作品的效果，是完全模拟真实艺术手法进行创作的。应用不同的滤镜制作出的效果。2.4.4【相关工具】使用新建快照命令、图层的不透明度和历史记录艺术画笔工具制作油画效果，使用去色命令调整图片的颜色，使用混合模式选项和浮雕效果滤镜命令为图片添加浮雕效果。最终效果参看云盘中的“Ch02>效果>制作风景浮雕插画.psd”。2.4.5【实战演练】制作风景浮雕插画【案例分析】【设计理念】【知识要点】2.5综合演练——绘制时尚装饰插画本案例是设计一款时尚装饰插画，要求添加多种有创意的元素增添画面的时尚和趣味感，画面能体现出插画的特色，符合绘制主题。整个画面的用色要大胆鲜艳，设计要美观和谐。2.5.1【案例分析】在设计绘制过程中，背景使用黄色色调，起到承托作用，使画面看起来时尚饱满，符合本期主题。画面色彩明亮鲜丽，色彩的使用大胆，能丰富画面效果。插画元素富有创意，为画面增添趣味性。插画整体设计符合需求，能够吸引人的注意力。2.5.2【设计理念】使用画笔工具绘制小草图形，使用移动工具添加素材图片。最终效果参看云盘中的“Ch02>效果>绘制时尚装饰插画.psd”。2.5.3【知识要点】【案例分析】【设计理念】【知识要点】2.6综合演练——制作夏至节气插画绿盟