8.3.3华义食品冷饮网站首页 课件(共18张PPT)-《Photoshop基础实用教程》同步教学（电子工业版）

(课件网) 任务三 华义食品冷饮网站首页 模块八 成长的阶梯 — 第三阶梯 中级魔法师 目录 任务分析 任务三 华义食品冷饮网站首页本任务最终想要实现的效果如下：Photoshop基础华义食品冷饮网站首页效果图任务实施 任务三 华义食品冷饮网站首页 需求描述 为华义食品冷饮制作宣传网站首页效果图，主要功能定位是向客户展示企业风貌，产品介绍，新品展示，进行网络销售。 技能要点 1、清新的蓝色，使用渐变体现色彩层次。 2、导航高光效果的应用，增强立体感。 3、页面主体背造型的应用，使页面活沷生动。 4、渐变背景的应用，适应任何分辨率的浏览器。 任务三 华义食品冷饮网站首页 实现过程 1、新建文件及布局。 新建文件，设置大小为1250×782像素，文件名保存为index.psd，打开标尺Ctrl+R，建立3条水平参考线，位置分别为109像素，159像素，242像素，建立2条垂直参考线，位置分别为129像素，1130像素，如图1所示。 图1 任务三 华义食品冷饮网站首页 2、制作背景。 （1）制作渐变。新建图层命名为“背景”。设置前景色为#07c7ee，背景色为#1159cf，选择“渐变工具”，渐变颜色为前景到背景色，渐变类型为线性渐变，从文件上方向下方拖拽，如图2所示。 （2）制作纹理。打开气泡.jpg, 复制到index.psd文件中，置于文件底部，调整图片与垂直参考线129像素和1130像素对齐。选择矩形选框工具，选中图片上半部分，按Ctrl+ALT+D键羽化选区，羽化半径为：30，按DEL键两次删除上半部分图片，将图层不透明度改为60%。 图2 任务三 华义食品冷饮网站首页 3、制作顶部。 新建一图层组，命名为“顶部”，打开素材1.psd，复制logo到index.psd文件“顶部”图层组中，修改图层名为“logo”按Ctrl+T键改变图像大小及位置,图像底部与水平参考线109像素对齐。打开素材6.png，复制文字图片到index.psd文件“顶部”图层组中，修改图层名为“标题”，调整图像位置。按T键选择文字工具，字体为方正胖娃简体，颜色为白色，14点，输入广告宣传文字。打开素材5.png，复制图片到index.psd文件“顶部”图层组中，修改图层名为“企鹅形象”。如图3所示。 图3 任务三 华义食品冷饮网站首页 4、制作导航。 新建一图层组，命名为“导航”，组内新建一层，命名为“导航背景”， 选择圆角矩形工具，设置模式为路径，半径为35，绘制宽为652像素，高为40像素的圆角矩形路径，按Ctrl+Enter将路径转换为选区，设置前景色为#005bc9，按ALT+DEL键用前景色填充选区，新建一层，命名为“高光”，设置前景色为白色，选择渐变工具，设置颜色为从前景色到透明渐变，线性渐变，从选上方至中心拖动调整图层不透明度为80%，参数如图4所示。 图4 任务三 华义食品冷饮网站首页 新建一层，命名为“直线”， 设置前景色为白色，选择铅笔工具，沿垂直方向绘制5个白点，间隔一像素。选择文字工具，设置字体为黑体，大小为12点，颜色为白色，加粗，输入导航文字。打开素材3.jpg，复制到index.psd文件“导航”图层组中，调整图像位置如图5所示。 图5 任务三 华义食品冷饮网站首页 5、制作主体内容区。 （1）制作背景。新建一图层组，命名为“主体内容区”，组内新建一层，命名为“主体背景”， 选择圆角矩形工具，设置模式为路径，半径为15，绘制宽为652像素，高为400像素的圆角矩形路径，选择椭圆工具，选为添加路径选区模式，在圆角矩形上方添加圆形，如图6所示。 图6 任务三 华义食品冷饮网站首页 5、制作主体内容区。 按Ctrl+Enter键将路径转换为选区，设置前景色为# 81fff9，背景色为白色，选择渐变工具，设置颜色为前景色到背景色，从选区上方到选区中上部拖动渐变，如图7所示。 新建一层，命名为“气泡”，选择椭圆选框工 ... ...