《图形图像处理》课件-项目一 走进photoshop的世界

图形图像处理

——商业设计职业技能实战精品在线开放课程CONTENTS目录走进PS的世界01室内效果图后期处理02商业摄影后期图像设计制作03电商商品特效设计制作04红色电影海报设计制作05UI界面设计06文旅宣传折页07美食菜单制作08融媒体花卉销售背景设计制作09装饰公司网页制作10互联网+项目包装--ppt模版制作11商业设计职业技能综合实例12Photoshop基础知识/基本操作/软件操作走进Photoshop的世界项目一项目目标：通过学习，对Photoshop的多种功能有一个大体的了解，在制作图像的过程中快速地定位，并应用相应的知识点，完成图像的制作任务。具体目标如下：（1）通过操作演示掌握软件的基本操作方法；（2）通过软件功能解析深入学习软件功能和制作特点。（3）通过案例讲解，了解相关功能及知识点。项目内容：1、练习Photoshop的基础操作2、学习画笔、滤镜及自由变换工具，利用以上知识制作如下星云图片：项目一走进Photoshop的世界项目重、难点：（1）图像处理的理论知识，快捷键的使用（2）画笔的新建及预设（3）自由变换工具的使用项目教学方法：项目教学法、演示法、小组合作法项目一走进Photoshop的世界1.认识PhotoshopCC20191工作界面1、认识并掌握工作界面是学习Photoshop的基础。2、工作界面主要由菜单栏、工具箱、属性栏、控制面板和状态栏组成，如图1-1所示。1.1.1 菜单栏菜单栏中共包含11个菜单。Photoshop的菜单栏依次分为:“文件”菜单、“编辑”菜单、“图像”菜单、“图层”菜单、“文字”菜单、“选择”菜单、“滤镜”菜单、“3D”菜单、“视图”菜单、“窗口”菜单及“帮助”菜单，利用鼠标选择所需要的命令，可以完成编辑图像、调整色彩和添加文字、图层及滤镜效果等操作。1.1.2 工具箱Photoshop的工具箱包括选择工具、选区工具、绘图工具、填充工具、编辑工具、颜色选择工具、屏幕视图工具和快速蒙版工具等。1.1.2 工具箱工具名称后面括号中的字母代表选择此工具的快捷键，只要在键盘上按该字母键，就可以快速切换到相应的工具上。例如：抓手工具（H），操作工程中在键盘上按H键，鼠标切换为抓手工具，则可以在图像的不同部分间进行平移。1.1.2 工具箱切换工具箱的显示状态:Photoshop的工具箱可以根据需要在单栏与双栏之间自由切换。单击工具箱上方的双箭头图标,工具箱即可转换为双栏显示。

1.1.3 属性栏属性栏是工具箱中各个工具的功能扩展。通过在属性栏中设置不同的选项，可以快速地完成多样化的操作。

1.1.4 状态栏状态栏可以提供当前文件的显示比例、文档大小、当前工具和暂存盘大小等提示信息。

1.1.5 控制面板控制面板是Photoshop的重要组成部分，是处理图像时另一个不可或缺的部分。通过不同功能的控制面板，可以完成在图像中填充颜色、设置图层和添加样式等操作。控制面板组中，可以切换选项卡来选择不同的面板信息。

1.2 新建和打开图像1.2.1 新建图像新建图像是使用PhotoshopCC2019进行设计的第一步，选择“文件->新建”命令，或按【Ctrl+N】组合键，弹出“新建文档”对话框。根据需要单击类别选项卡，选择需要的预设新建文档；或在右侧的选项中修改图像的名称、宽度和高度、分辨率和颜色模式等预设数值新建文档，单击图像名称右侧的按钮，新建文档预设。设置完成后单击“创建”按钮，即可完成新建图像。1.2.2 打开图像1．拖曳打开图像：打开存放图片的文件夹，选取图片并将其拖曳到Photoshop的图标上。运行Photoshop并打开该文件。2．命令打开图像：选择“文件>打开”命令，或按【Ctrl+O】组合键，弹出“打开”对话框，在对话框中搜索路径和文件，确认文件类型和名称，单击“打开”按钮，即可打开所指定的图像文件。

1.2.2 打开图像

3．工作区双击打开图像：按【Ctrl+Alt+W】组合键，关闭打开的文件。在工作区中双击鼠标左键，弹出“打开”对话框，直接双击需要打开的图片，即可打开所指定的图像文件。1.3 保存和关闭图像1.3.1 保存图像选择“文件>存储”命令，或按【Ctrl+S】组合键，可以存储文件。当作品进行第一次存储时，选择“文件>存储”命令，将弹出“另存为”对话框。在对话框中输入文件名、选择文件格式后，单击“保存”按钮，即可将图像保存。1.3.2 关闭图像将图像进行存储后，可以将其关闭。选择“文件>关闭”命令，或按【Ctrl+W】组合键，可以关闭文件。关闭图像时，若当前文件被修改过或是新建的文件，则会弹出提示框，单击“是”按钮即可存储并关闭图像。1.4 常用工具1.4.1 图像和画布尺寸1) 图像大小由宽度、长度、分辨率决定。在新建文件时，“新建”对话框右侧会显示当前新建后的文件大小。当图像文件创建完成后，如果需要改变其大小，可以选择“图像>图像大小”命令，然后在“图像大小”对话框中进行设置。1.4.1 图像和画布尺寸2) 画布大小画布可以看成是图像的画板，设置的画布越大，其编辑的区域也就越广。默认画布与图像的大小相同，实际上画布的大小可以大于图像，以方便进行其他内容的添加和编辑。其调整方法为:1.4.2 图像显示效果1) 手动缩放图像打开一张图像。选择“缩放”工具，图像窗口中的光标变为放大图标，单击鼠标，图像会放大一倍，图像以200%的比例显示。按【Ctrl+＋】组合键，图像会再放大，以300%的比例显示。继续单击或按快捷键，可逐次放大图像。1.4.2 图像显示效果2) 属性栏按钮缩放视图打开一张图像，选择“缩放”工具，在属性栏中单击“适合屏幕”按钮，缩放图像以适合屏幕。单击“100%”按钮，图像将以实际像素比例显示。选择“填充屏幕”按钮，将图像放大填满整个图像窗口。1.4.2 图像显示效果3) 设置首选项缩放图像选择“编辑>首选项>工具”命令，选择“用滚轮缩放”，在设计过程中，通过滚动滚轮，能实现缩放图像的功能。1.4.3 图像基本操作1) 移动和复制图像 在同一文件中移动图像打开素材文件，选取需要移动的图层。选择“移动”工具，在图像窗口中拖曳鼠标移动图层中的图像，松开鼠标，移动图像。1.4.3 图像基本操作1) 移动和复制图像 在不同文件中移动图像打开两个文档，将一个图像拖曳到另一个图像窗口中，鼠标光标变为移动图标，松开鼠标，图片被移动到图像窗口中。1.4.3 图像基本操作1) 移动和复制图像 复制图像选择“移动”工具，将鼠标指针移至选区内，按住【Alt】键拖曳可移动并复制图像。1.4.3 图像基本操作2) 裁剪图像当仅需要图像的一部分时，可以使用裁剪工具来快速删除不需要的图像。使用该工具在图像中拖曳绘制一个矩形区域，矩形区域内部代表裁剪后图像保留的部分，矩形区域外部表示将被删除的部分。1.4.3 图像基本操作3) 变换图像变换图像是编辑处理图像经常使用的操作，它可以使图像产生缩放、旋转、斜切、扭曲、透视、变形和翻转等效果。按住【Ctrl+T】进行自由变换。1.4.4 设置绘图颜色1) 使用拾色器单击工具箱中的“设置前景色/设置背景色”图标，弹出“拾色器”对话框，用鼠标在颜色色带上单击或拖曳两侧的三角形滑块，可以使颜色的色相产生变化。1.4.4 设置绘图颜色2) 使用颜色控制面板选择“窗口>颜色”命令，或按【F6】键，弹出“颜色”控制面板，可以改变前景色和背景色。1.4.4 设置绘图颜色3) 使用色板控制面板选择“窗口>色板”命令，弹出“色板”控制面板，可以用来选取一种颜色来改变前景色或背景色。单击“色板”控制面板右上方的图标，弹出下拉命令菜单。1.4.4 设置绘图颜色4) 使用吸管工具设置颜色使用“吸管”工具，或按【I】键可以在图像或“颜色”控制面板中吸取颜色，并可在“信息”控制面板中观察像素点的色彩信息。在“吸管”工具属性栏中，“取样大小”选项用于设定取样点的大小。1.5 辅助工具1.5.1 标尺选择“编辑>首选项>单位与标尺”命令，弹出相应的对话框，可以精确地编辑和处理图像。“单位”选项组用于设置标尺和文字的显示单位，有不同的显示单位可供选择；“列尺寸”选项组可以用列来精确确定图像的尺寸；“点/派卡大小”选项组则与输出有关。1.5.1 标尺标尺是参考线的基础，只需选择“视图>标尺”命令或按【Ctrl+R】组合键，即可在打开的图像文件左侧边缘和顶部显示或隐藏标尺。通过标尺可查看图像的宽度和高度。1.5.2 参考线设置参考线可以使编辑图像的位置更精确。选择“编辑>首选项>参考线、网格和切片”命令。“参考线”选项组用于设定参考线的颜色和样式；1.5.2 参考线设置网格线可以更精确地处理图像，选择“编辑>首选项>参考线、网格和切片”命令。“参考线”选项组用于设定参考线的颜色和样式；“网格”选项组用于设定网格的颜色、样式、网格线间隔和子网格等。1.5.3 网格将鼠标光标放在水平标尺上，按住鼠标左键不放，可以拖曳出水平的参考线。将鼠标光标放在垂直标尺上，按住鼠标左键不放，可以拖曳出垂直的参考线。1.5.3 网格打开一张图片,显示标尺,选择“视图>显示>网格”命令,或按【Ctrl+’】键，可以将网格显示或隐藏。1.6 还原操作的应用1.6.1 恢复到上一步的操作在编辑图像的过程中可以随时将操作返回到上一步，也可以还原图像到恢复前的效果。选择“编辑>还原”命令，或按【Ctrl+Z】组合键，可以恢复到图像的上一步操作。如果想还原图像到恢复前的效果，再按【Ctrl+Z】组合键即可。1.6 还原操作的应用1.6.2 中断操作当PhotoshopCC2019正在进行图像处理时，按Esc键，即可中断正在进行的操作。1.6.3 恢复到操作过程的任意步骤在绘制和编辑图像的过程中，有时需要将操作恢复到某一个阶段。使用“历史记录”控制面板进行恢复使用历史记录画笔工具进行恢复2.绘制星云图片项目要求：学习画笔、滤镜及自由变换工具，利用以上知识制作如下星云图片：2.绘制星云图片项目基本步骤：1、新建画布400*300像素（快捷键:Ctrl+N)2、新建背景填充为黑色(Alt+delete)，也可按【D】键，切换前景背景色、点击切换小图标、或按【X】键3、新建图层:窗口菜单>图层>新建（打开图层面板:【F7】)2.绘制星云图片4、画笔设置:直径（大小)3px、圆度100%、间距200%、形状动态>大小抖动100%、散布--1000%、勾选两轴、数量4、数量抖动90%。2.绘制星云图片5、新建画笔预设:星云、画笔预览方式，流量100%6、滤镜>扭曲>旋转扭曲(700-800)7、利用自由变换（CTRL+T）——透视、扭曲、旋转、缩放等工具2.绘制星云图片8、画笔优化效果，新建图层、降低不透明度，填充渐变背景易拉罐效果图知识结构：图像大小/文字工具/蒙版/自由变换项目八项目目标：（1） 掌握图像大小及分辨率（2） 掌握文字工具的使用及字符调板的设置（3） 熟练运用蒙版工具制作图像的阴影及明暗效果（4） 熟练运用自由变换工具（5） 熟练运用图层样式进行设置项目内容：1、根据所给素材，自行设计制作一个美食菜单2、根据所给素材，利用图层混合模式、文字工具、自由变形和图层蒙版制作如下易拉罐效果图。项目八美食菜单制作+易拉罐效果图制作项目重、难点：（1）对于文字工具的掌握以及用字符调板调整文字的大小和间距（2）对于自由变换工具的使用，让文字能够贴附于非平面对象上（3）对于图层蒙版的正确使用难点：能够将文字置于非平面图形上项目教学方法：项目教学法、演示法、小组合作法项目八美食菜单制作+易拉罐效果图制作美食菜单制作第一页基本步骤：1、提前安装好准备的两种字体:HYZhuZiMuTouRenW.ttf和汉仪小麦体简.ttf。2、载入背景图，新建条纹1图层，使用矩形选框工具，然后进行渐变填充，选择线性渐变，颜色从#fbd0d1到#f7acb2，同时使用自由变换工具调整角度。美食菜单制作项目基本步骤：3、复制条纹1，然后按ctrl键载入选区，进行相同的操作，命名为条纹2，然后进行渐变填充，选择线性渐变，颜色从#fbd0d1，#90fcfd到#f7acb2，最后载入图片1和2，调整位置。美食菜单制作4、打开图片3，使用磁性套索工具进行选区，复制新图层中，命名为纸杯蛋糕。5、选择钢笔工具，围绕图片画出路径，然后使用文字工具，输入文字纸杯蛋糕系列。6、打开图片4和图片5，使用磁性套索工具进行选区，复制新图层分别命名为蘑菇森林蛋糕和命名为水果森林蛋糕。同时重复钢笔工具和文字工具，分别命名为蘑菇森林蛋糕系列和水果森林蛋糕系列。美食菜单制作7、使用文字工具，选择汉仪铸字木头人字体，依次输入美味、时光、与您、分享。然后使用画笔工具，调整画笔颜色，新建图层，对美味和时光文字进行装饰；使用画笔工具，选择画笔预设，对与您和分享文字进行装饰,最后盖印图层。美食菜单制作第二页基本步骤：8、利用PhotoshopCC打开素材一背景图9、新建一个图层，利用矩形选框选择一个选区，填充前景色粉色（#d77c86），再增加图层样式美食菜单制作10、 写菜单上排文字（1） 蛋糕系列甜点——Adobe黑体Std,32点，粉色（2） 新建图层，用10px硬边画笔画一条粉色线（3） 撰写相应菜单，安装汉仪小麦体，黑色，18点，具体菜单写完之后，选择所有图层，进行左对齐和垂直分布（4） 将所有上排文字进行分组Ctrl+G美食菜单制作11、 复制上牌文字组Ctrl+J，根据位置进行调整12、 新建图层，置入素材2，利用椭圆选区工具画正圆，再添加图层蒙版相同方法，再添加素材313、 新建图层，分别置入素材4、5，利用矩形选区工具画矩形框，选择——修改——平滑150，羽化30，具体数值可调整，添加图层蒙版美食菜单制作14、 插入素材6，最终形成效果图易拉罐效果图制作项目基本步骤：1、新建一个300dpi，10.5cm*15cm的画布2、用调整图层径向渐变做一个浅蓝到深蓝色的背景3、新建图层，用柔边画笔画星星4、将“01素材”云朵置入画布中，