《Photoshop图像处理项目式教程（第4版）》教学课件—界面设计篇.pptVIP

素材 任务三分析——彩色光束壁纸设计 项目效果图 原始素材 设计思路 任务三分析——彩色光束壁纸设计 1、新建文件 2、新建组1 3、创建光束轮廓路径 4、对光束进行上色 5、对光束进行光影处理 6、制作其他条光束 7、以正确的格式保存文件 知识点和技能 “调整图层”命令 “通道”命令 此工具有色彩调整的效果，且多个调整图层可以综合产生效果，但图层间又可以独立进行修改。由于其使用是在图层上添加一个调整图层的蒙版，因此能够保留图层中的原始图像，有利于反复操作和修改。 通道是储存不同种类信息的灰度图像，包括颜色信息通道、Alpha通道和专色通道。一个图像的通道数最多为56个。新通道的尺寸、像素数量与原图像相同。 （1）“调整图层”命令的使用 （2）“通道”命令的使用 素材 项目效果图 原始素材 任务三分析——发散效果壁纸设计 任务四分析——QQ登陆界面设计 项目效果图 设计思路 任务四分析——QQ登陆界面设计 1、新建文件。 2、绘制圆角矩形。 3、填充颜色。 4、绘制登陆头像。 5、输入文字。 6、添加文字效果。 7、保存文件。 知识点和技能 为了便于在制作复杂的项目时更为快捷便利地寻找所要图层，CS6在图层控制面板中新增了图层过滤器功能。通过不同的有哪些信誉好的足球投注网站条件，能够迅速找到所需图层，提升工作效率。同时，还可以通过一些技巧来解决图层中的一些问题，比如找到一些无用的空白图层或者找到一些应用了高级混合模式的图层。 “图层过滤器”功能 任务四分析——QQ聊天界面设计 项目效果图 任务五——UI设计之流行元素 项目效果图 项目效果图 任务五——UI设计之流行元素 实践模式——产品检测软件界面设计 参考效果图 技能要求 制作一个产品检测软件的主界面 Photoshop图像处理项目式教程 界面设计篇PhotoshopCS6 项目六 网页设计 任务1：网站页面元素设计 任务2：个人网站页面设计 任务3：婚纱网页设计 任务4：网页动态效果制作 任务5：网页设计之流行元素 BBS页面设计 任务布置 任务一分析——精美按钮设计 项目效果图 设计思路 1.新建文件。 2.绘制圆角矩形并添加图层样式。 3.绘制斜线，添加“斜线效果图案”。 4.输入文字，导入箭头符号。 5.添加图层样式。 6.保存文件。 任务一分析——精美按钮设计 知识点和技能 图层组 旧版本中的图层组只能设置混合模式和不透明度，而新版本中的图层组则可以象普通图层一样设置图层样式、填充、不透明度以及其它高级混合选项 。 项目效果图 任务一分析——导航栏设计 素材 任务二分析——明星个人网页框架设计 项目效果图 原始素材 1、 新建文件 2、 设计网页结构 3、 绘制背景 4、 导航条的设计与制作 5、 主体部分的设计与制作 6、 文字的编辑于排版 7、 以正确的格式保存文件 设计思路 任务二分析——明星个人网页框架设计 输出设置是控制如何设置 HTML 文件的格式、如何命名文件和切片，以及在存储优化图像时如何处理背景图像。 知识点和技能 “素材导入”工具 “设置输出 ”工具 （1）“素材导入”工具的使用 （2）“设置输出”工具的使用 在制作网页的过程中，经常需要导入外部素材。 素材 项目效果图 原始素材 任务二分析——个人网页框架设计 素材 任务三分析——婚纱网站主页面设计 项目效果图 原始素材 1、 新建文件 2、 设计网页结构 3、 绘制背景以及Logo 4、 导航条的设计与制作 5、 主体部分的设计与制作 6、 文字的编辑于排版 7、 以正确的格式保存文件 设计思路 任务三分析——婚纱网站主页面设计 知识点和技能 绘制完成的网页通常需要进行切片之后，才能应用到实际网页设计与制作中。切片使用 HTML 表或 CSS 图层将图像划分为若干较小的图像，这些图像可在 Web 页上重新组合。通过划分图像，可以指定不同的 URL 链接以创建页面导航，或使用其自身的优化设置对图像的每个部分进行优化。 “网页 切片”工具 “内容感知移动”工具 （1）“素材导入”工具的使用 （2）“内容感知移动”工具的使用 “内容识别”功能的一个新发展。内容感知移动工具主要用来移动图片中的景物，并随意放置到合适的位置。 素材 项目效果图 原始素材 任务三分析——婚纱网站二级页面设计 素材 任务四分析——霓虹闪烁效果 项目效果图 原始素材 1、 新建文件 2、 输入字母 3、 栅格化图层、锐化 4、 创建新组 5、 制作灯管部分 6、 字母图层添加图层样式 7、选区收缩 8、字体周围添加选区 9、 以正确的格式保存文件 设计思路 任务四分析——霓虹闪烁效果 知识点和技