《Photoshop图像处理项目式教程》全套PPT课件.pptx

界面设计篇PhotoshopCS6项目一 网页设计任务1：网站页面元素设计任务2：个人网站页面设计任务2：商业网站页面设计任务3：婚纱网页设计BBS页面设计任务布置 任务一分析——精美按钮设计项目效果图任务一分析——精美按钮设计设计思路1.新建文件。2.绘制圆角矩形并添加图层样式。3.绘制斜线，添加“斜线效果图案”。4.输入文字，导入箭头符号。5.添加图层样式。6.保存文件。知识点和技能图层组 旧版本中的图层组只能设置混合模式和不透明度，而新版本中的图层组则可以象普通图层一样设置图层样式、填充、不透明度以及其它高级混合选项 。任务一分析——导航栏设计项目效果图任务二分析——明星个人网页框架设计 素材项目效果图原始素材任务二分析——明星个人网页框架设计 1、 新建文件2、 设计网页结构3、 绘制背景4、 导航条的设计与制作5、 主体部分的设计与制作6、 文字的编辑于排版7、 以正确的格式保存文件设计思路知识点和技能素材导入、设置输出 输出设置是控制如何设置 HTML 文件的格式、如何命名文件和切片，以及在存储优化图像时如何处理背景图像。 任务二分析——个人网页框架设计素材原始素材项目效果图任务三分析——礼品购物网页设计 项目效果图任务二分析——礼品购物网页设计 1、 新建文件2、 设计网页结构3、 绘制背景4、 导航条的设计与制作5、 主体部分的设计与制作6、 文字的编辑于排版7、 以正确的格式保存文件设计思路知识点和技能绘图工具 自定义形状 使用“自定义形状” 可以灵活绘制各种非对称图形或选择PS自带的各种复杂图形。知识点和技能图层样式的编辑通过“图层样式”对话框，复合选择各种图层样式，可以获得不同的显示效果。任务三分析——汽车网站页面设计素材项目效果图原始素材任务四分析——主页面设计素材项目效果图原始素材任务四分析——主页面设计1、 新建文件2、 设计网页结构3、 绘制背景以及Logo4、 导航条的设计与制作5、 主体部分的设计与制作6、 文字的编辑于排版7、 以正确的格式保存文件设计思路知识点和技能网页切片 绘制完成的网页通常需要进行切片之后，才能应用到实际网页设计与制作中。切片使用 HTML 表或 CSS 图层将图像划分为若干较小的图像，这些图像可在 Web 页上重新组合。通过划分图像，可以指定不同的 URL 链接以创建页面导航，或使用其自身的优化设置对图像的每个部分进行优化。 切片的方法有很多种：可以使用“切片”工具直接在图像上绘制切片线条，或使用图层来设计图形，然后基于图层创建切片。最常使用的是使用“切片”工具绘制切片。 知识点和技能Web图形格式与优化 、将 HTML 文本添加到切片 Web 图形格式可以是位图（栅格）或矢量。位图格式（GIF、JPEG、PNG 和 WBMP）与分辨率有关，这意味着位图图像的尺寸随显示器分辨率的不同而发生变化，图像品质也可能会发生变化。矢量格式（SVG 和 SWF）与分辨率无关，可以对图像进行放大或缩小，而不会降低图像品质。 当选取“无图像”类型的切片时，可以输入要在所生成Web页的切片区域中显示的文本。此文本可以是纯文本或使用标准HTML标记设置格式的文本。 内容感知移动工具内容感知移动工具知识点和技能内容感知移动工具“内容感知移动工具”是“内容识别”功能的一个新发展。内容感知移动工具主要是用来移动图片中的景物，并随意放置到合适的位置。移动后的空隙位置，PS将会进行智能修复，非常智能化的图像处理功能。 任务四分析——二级页面设计素材原始素材项目效果图实践模式——BBS页面设计 技能要求根据易用性、整体风格和色彩搭配原则设计一个BBS页面。 参考效果图 项目二 产品界面设计 任务1：播放器界面设计 任务2：手机界面设计 任务3：MP4界面设计任务4：QQ界面扁平化设计 产品检测软件界面设计任务布置 任务一分析——经典型音乐播放器界面设计 项目效果图任务一分析——经典型音乐播放器界面设计 1、 新建文件2、 制作渐变背景3、 制作播放器面板4、 添加高光条5、 制作按键6、 绘制进度条7、 添加文字等界面内容8、 以正确的格式保存文件设计思路知识点和技能创建硬边的直线，在画面中绘制当前的前景色。 铅笔工具知识点和技能创建颜色的柔和描边，可使用“画笔”工具。选择工具箱中的“画笔”工具，选取一种前景色。“画笔预设”菜单与“铅笔”工具相同，可设置“主直径”和“硬度”大小。画笔工具知识点和技能画笔面板知识点和技能画笔面板知识点和技能画笔面板知识点和技能画笔面板任务一分析——简约型音乐播放器界面设计 项目效果图任务二分析——“Iphone 3G”手机界面 素材原始素材项目效果图任务二分析——“Iphone 3G”手机界面 1、新建文件2、绘制手机形状3、绘制手机顶部、侧部按键4、编辑素