边做边学 Photoshop图像制作案例教程（第2版）（Photoshop 2020）课件 第7、8章　网页设计、 包装设计.pptx

第7章

网页设计;课堂学习目标;【案例分析】

【设计理念】

【操作步骤】

【相关工具】

【实战演练】制作生活家具类网站首页;栖茶是一家专注于生产和销售中式茶叶的公司。致力于传承和发扬茶文化，提供高质量的中式茶叶产品给消费者。现为了更好的宣传茶叶，需要为公司设计制作一款PC端网站首页，要求能够体现出产品特点和公司特色。;在设计制作过程中，通过简约的页面设计，给人直观的印象，易于阅读。产品的展示主次分明，让人一目了然，促进销售。颜色的运用合理，给人品质感。整体设计清新自然，易给人好感，产生购买欲望。最终效果参看云盘中的“Ch07/效果/制作中式茶叶官网首页.psd”。;7.1.3【操作步骤】;1．裁剪工具裁切图像

打开一幅图像，选择“裁剪”工具，在图像中单击并按住鼠标左键，拖曳鼠标到适当的位置，松开鼠标，绘制出矩形裁剪框。在矩形裁剪框内双击或按Enter键，都可以完成图像的裁剪。;2．使用菜单命令裁切图像。

选择“矩形选框”工具，在图像窗口中绘制出要裁剪的图像区域。选择“图像裁剪”命令，图像按选区进行裁剪。按Ctrl+D组合键，取消选区。;3．透视裁剪工具裁切图像

打开一幅图片。选择“透视裁剪”工具，在图像窗口中单击并拖曳鼠标，绘制矩形裁剪框。

将光标放置在裁剪框右下角的控制点上，按住Shift键的同时，向上拖曳控制节点。单击属性栏中的按钮或按Enter键，即可裁剪图像。;4．模糊滤镜命令

模糊滤镜可以使图像中过于清晰或对比度强烈的区域，产生模糊效果。此外，也可用于制作柔和阴影。;5．模糊画廊滤镜命令

模糊画廊滤镜组可以使用图钉或路径来控制图像，制作模糊效果。;6．图层的不透明度

通过“图层”控制面板上方的“不透明度”选项和“填充”选项可以调节图层的不透明度。“不透明度”选项可以用于调节图层中的图像、图层样式和混合模式的不透明度；“填充”选项不能用来调节图层样式的不透明度。;使用横排文字工具添加Loge、导航和相关信息，使用矩形工具、移动工具和剪贴蒙版制作图像效果。最终效果参看云盘中的“Ch07效果制作生活家具类网站首页.psd”。;??案例分析】

【设计理念】

【操作步骤】

【相关工具】

【实战演练】制作生活家具类网站详情页;品茗茶叶是一家以制茶为主的企业，秉承汇聚源产地好茶的理念，在业内深受客户的喜爱，已开设多家连锁店。现为推广茶文化，需要设计一款官网详情页，要求着重体现品茶方法，并普及泡茶过程以及制茶流程。;在设计制作过程中，以真实茶山图片做为背景，起到衬托的作用，营造氛围。以商品实物照片作为主体元素，图文搭配合理。产品的展示醒目突出，让人一目了然，宣传性强。文字的运用醒目突出，易读性强。整体设计以图片为主，易给人好感，产生购买欲望。最终效果参看云盘中的“Ch07/效果/制作中式茶叶官网详情页.psd”。;7.2.3【操作步骤】;1．色彩平衡

选择“图像调整色彩平衡”命令，或按Ctrl+B组合键，弹出“色彩平衡”对话框。;2．图像的复制

要在操作过程中随时按需要复制图像，就必须掌握复制图像的方法。

打开一张图片。选择“磁性套索”工具，绘制出要复制的图像区域。选择“移动”工具，将鼠标放在选区中，鼠标指针变为图标。按住Alt键的同时，鼠标指针变为图标。单击鼠标并按住不放，拖曳选区中的图像到适当的位置，释放鼠标和Alt键，图像复制完成。;使用矩形工具、移动工具和剪贴蒙版命令制作图像显示区域，使用横排文字工具添加相关信息，使用置入嵌入对象命令置入图像。最终效果参看云盘中的“Ch07效果制作生活家具类网站详情页.psd”。;【案例分析】

【设计理念】

【知识要点】;茶源中式茶叶公司是一家专注于传统中式茶叶的研发、生产和销售的公司。公司以追求卓越的品质和传承茶文化为使命，致力于为茶叶爱好者带来正宗的中式茶香体验。现为拓展公司业务、扩大规模，要求设计一款官网招聘页，设计要符合产品的宣传主题，能体现出公司的特点。;在设计制作过程中，规整大气的页面布局，给人简洁直观的印象，易读性强。主次分明的招聘信息，让人一目了然，便于人们的查找和了解。简介大气的画面，展现出品牌严谨的追求和品质的保障。;使用移动工具添加素材图片，使用横排文字工具添加相关信息，使用高斯模糊命令模糊图像效果，使用图层样式美化图像，使用剪贴蒙版命令和矩形工具控制图像的显示区域。最终效果参看云盘中的“Ch07效果制作中式茶叶官网招聘页.psd”。;【案例分析】

【设计理念】

【知识要点】;艾利佳家居是一家具有设计感的现代家具品牌，秉承简约风格，传递“零压力”生活概念。平台重点打造简约、时尚、现代的家居风格。现为拓展公司业务、扩大规模，需要开发线上购物平台。要求设计一款网站列表，设计要符合产品的宣传主题，能体现出平台的特点。;在设计制作过程