网页图片与移动界面（WebApp)的UI设计 项目1-12教材配套课件完整版电子教案.pptx

网页图片与移动界面（WebApp)的UI设计244页完整版课件 内容可修改PPT网页图片与移动界面(Web/App)的UI设计项目一 PhototShop CC的基础知识演讲人：XXX时间：2020.X教学目标 理解平面设计的基本知识，了解数字图像处理的基本知识；能够熟练完成软件的安装与启动，以及熟练认识Photoshop CS的界面组成及基本操作；掌握选择工具，形状工具，颜色选取对象等的使用。1.1 Photoshop CC的基本知识1.1.1 Photoshop的发展Adobe Photoshop，简称“PS”，由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。PS有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。2013年7月，Adobe公司推出Photoshop CC版本，自此Photoshop CS6作为Adobe CS系列的最后一个版本被新的CC系列取代，特有功能能：相机防抖动功能、Camera RAW改进、图像提升采样、属性面板改进、Behance集成一集同步设置等。1.1 Photoshop CC的基本知识1.1 Photoshop CC的基本知识1.1.2平面设计1．平面设计的概念2．平面设计的基本原则①思想性与单一性 ②艺术性与表现性 ③趣味性与独创性 ④对比与调和 ⑤对称与均衡⑥变化与统一3．平面设计的构成要素1.2 图像处理基础知识1.1 Photoshop CC的基本知识1.2.1 位图与矢量图1. 位图位图由点阵像素组成；照片的连续色彩是由许多色彩相近的小方点所组成，当许多不同颜色的点组合在一起后，便构成了一幅完整的图像。像素是组成图像的最小单位，而图像又是由以行和列的方式排列的像素组合而成的，像素越高，文件越大，图像的品质越好。2．矢量图矢量图是计算机图像，不是由像素点阵构成，而是由点、直线、多边形等基于数学方法的图形构成。矢量图的清晰度与分辨率的大小无关。1.2 图像处理基础知识1.1 Photoshop CC的基本知识1.2.2 像素与分辨率1．像素像素是用来计算数码影像的单位，图像无限放大后，会发现图像是由许多小方格组成的，这些小方块就是像素。2．图像分辨率指屏幕图像的精密度，指显示器所显示的像素数量；图像分辨率就是位图图像每英寸（或厘米）所包含的像素的数量，其单位为dpi。。3．显示分辨率显示器上单位长度所显示的像素或点的数目，通常用每英寸的点数来衡量4．打印分辨率指由绘图仪或激光打印机产生的每英寸的墨点数。。1.2 图像处理基础知识1.1 Photoshop CC的基本知识1.2.3 图像的色彩模式1．RGB模式RGB颜色被称为真彩色，是Photoshop中默认使用的颜色2．CMYK模式CMYK模式是一种印刷模式，由分色印刷的4种颜色组成。CMYK的4个字母分别代表青色（Cyan）、洋红色（Magenta）、黄色（Yellow）和黑色（Black）。3．位图模式位图模式的图像又称黑白图像，它用黑、白两种颜色值来表示图像中的像素。1.2 图像处理基础知识1.1 Photoshop CC的基本知识1.2.4 常用的图像格式 1．PSD2．BMP3．GIF4．JPEG5．PNG1.3 Photoshop界面及基本操作1.1 Photoshop CC的基本知识1.3.1 任务引入通过Photoshop CC实现对图像的处理，则必须先认识Photoshop CC的界面，然后再通过一定的基本操作以及结合常用工具的使用才能完成图像的有效处理，达到所需要的图像效果。本任务主要利用颜色工具、选择工具及其选项栏的选项设置，实现三个不同形状的图像的制作，如图所示，达到文件的新建、保存，以及常用工具按钮的熟练使用。1.3 Photoshop界面及基本操作1.1 Photoshop CC的基本知识1.3.2 知识引入1.Photoshop菜单栏与工具箱(1) Photoshop菜单栏菜单栏作为一款操作软件必不可少的组成部分，主要用于为大多数命令提供功能入口。菜单栏包含执行任务的菜单，这些菜单是按主题进行组织的。1.3 Photoshop界面及基本操作(2) 工具箱工具箱是Photoshop工作界面的重要组成部分。执行“窗口”→“工具”可控制工具的显示与隐藏工具箱中存放着用于创建和编辑图像的工具。Photoshop CC的工具箱主要包括选框工具、绘图工具、填充工具、编辑工具、修复工具、快速蒙版工具等，如图1-5所示1.3 Photoshop界面及基本操作1.1 Photoshop CC的基本知识2．控制面板3．图像画板编辑区1.3 Photoshop界面及基本操作1.