Photoshop+IIlustrator平面设计实战 第15章　H5设计.ppt

本章介绍： 随着移动互联网的兴起，H5逐渐成为了互联网传播领域的一个重要传播形式，因此学习和掌握H5成为了广大互联网从业人员的重要技能之一。本章以食品餐饮行业产品营销H5页面设计为例，讲解H5页面的设计方法和制作技巧。 第15章　H5设计 学习目标 掌握H5页面的的设计思路和过程。 掌握H5页面的的制作方法和技巧。 技能目标 掌握“食品餐饮行业产品营销H5首页”的制作方法。 掌握“食品餐饮行业产品营销H5抽奖页”的制作方法。 掌握“食品餐饮行业产品营销H5优惠券页”的制作方法。 掌握“食品餐饮行业产品营销H5详情页”的制作方法。 15.1 食品餐饮行业产品营销H5首页设计 在Photoshop中，使用矩形工具、添加锚点工具、直接选择工具、转换点工具和属性面板绘制装饰图形，使用椭圆工具、变换路径命令和横排文字工具制作宣传文字，使用置入嵌入对象命令、横排文字工具制作代金券。 效果图 15.2 食品餐饮行业产品营销H5抽奖页设计 在Photoshop中，使用置入嵌入对象命令添加素材图片，使用自定形状工具绘制装饰图形，使用矩形工具、变换路径命令、添加锚点工具和属性控制面板、椭圆工具、图层蒙版命令和画笔工具制作抽奖模块，使用横排文字工具、字符控制面板添加标题和宣传文字。 效果图 15.3 课堂练习—食品餐饮行业产品营销H5优惠券页设计 在Photoshop中，使用置入嵌入对象命令添加素材图片，使用矩形工具、椭圆工具、减去顶层形状按钮和投影命令制作优惠券，使用横排文字工具、直排文字工具和字符控制面板添加标题和优惠券文字。 效果图 15.4 课后习题—食品餐饮行业产品营销H5详情页设计 在Photoshop中，使用矩形工具、描边命令、置入嵌入对象命令和创建剪贴蒙版命令添加并编辑产品图片，使用圆角矩形工具、矩形工具、横排文字工具、字符控制面板添加详情页文字。 效果图