提起制作H5旅行相册，很多童鞋可能会苦恼自己的美术课是体育老师教的。其实这是多虑了，制作H5旅行相册不一定需要很专业的设计基础，借助工具活用一些简易技巧，你的出品也不会与大神相差甚远。小编这就来指点迷津了，设计渣也能秒懂上手的哦~一、照片美化我们做H5相册时，通常会选用一张照片单独放在一页，用作主题的分割或内容的承上启下。那么对这样一张照片，我们应该先给予适当的美化处理。PS你会么？嗯，我想你应该不会，不然你也不会看这篇文章了……小编最常用的方式，就是利用美图秀秀添加边框和背景。举个栗子，以下这张是台中东海大学的路思义教堂，小编认为这张照片适合复古又不失活泼的风格，看看小编具体是怎么处理的。首先给照片加一个边框，美图秀秀的“边框”和“场景”目录都有很多漂亮的素材。小编选了这个红白蓝旧式信封风格的边框进行合并，另存为备份。然后来到“自由拼图”的目录，先在“画布设置”自定义尺寸，H5的背景图一般以*的尺寸为佳，按这个数字设置就行了。接着在右侧的素材版面选一个风格匹配的背景，小编选择的是以下这个背景图：合拼照片，修改微调照片的大小和位置，成品如下：中间留空的地方是用来在H5制作平台上添加文字的，当然你直接在美图秀秀添加也可以，不过小编希望这个文字部分能以动画形式出现，所以就选择在H5制作平台再作编辑。在H5制作平台插入文字也是相当方便，以凡科微传单的为例，点击顶部菜单中的“文本”选项，双击输入文本，右侧编辑版面可以设置文本的字体、颜色、大小、位置、动画等。就这样添加文字好像还是有点单调，于是小编再给这个文字加一个形状色块。点击顶部菜单中的“形状”选项，在弹出来的“形状”窗口选择合适的图形。然后鼠标拖曳调整形状的大小和位置，快捷栏选择色块颜色，记得把色块的层级置于文本的下一层，不然色块会把文本遮盖住了。最终效果如下，感觉还不错吧~二、模板组合既然是设计小白，那么肯定对H5模板相当依赖了。直接套用模板？绝对不能！设计小白也是有尊严滴！要把模板套出逼格才行！例如，凡科微传单这个单页模板很适合放上旅游路线的规划，于是小编新建页面，先把上面的这个部分复制出来，修改文案。那下面的部分该怎么办？这时候，另一个单页模板让小编震精了！不觉得这六个圈圈很适合放在页面的下半部分么！！？？把这六个圈圈复制至页面，替换上传自己的照片。至于背景，小编也懒了，直接就用平台自带的系统图片。这里你还可以尝试使用滤镜。凡科微传单给背景图添加了“复古”、“另类”、“鲜艳”、“胶片”等7种滤镜支持，还能调整透明度。小编试着使用“另类”的效果滤镜，再把透明度调至25%，整体看上去更具设计感和艺术范了。这就是模板元素的组合魅力了！其实严格来说，H5制作平台里的模板不是给你“套”的，而是给你二次创作的。它为你提供一个初步的感官DEMO，帮助你打开灵感。然后在DIY的过程中，通过不同模板之间的灵活自由组合真正地褪去程式化的模印，立于模板却又高于模板，玩出不同的惊喜效果，让作品尽情展露出个人格调。三、动态图册图片太多，选择障碍的童鞋每张都不想舍弃肿么破？当我们想在同一页面添加多幅图片，直接平铺肯定是不够位置的，这时我们可以利用凡科微传单在H5页面上添加图册，既不用你忍痛割爱，又不会造成页面混乱。凡科微传单的动态图册样式主要有三种：轮播式、重叠式、推进式。轮播式，添加后用户将通过左右滑动图册来切换，形成一个旋转交替的过程；重叠式，顾名思义就是图片的不规则重叠，用户点击后，当前图片就会旋转缩小消失，从而切换到下一张图片；推进式，图片被整齐排列，通过左右滑动切换，当前图片就会左右飞出，下一图片就往前推进，就像翻书一样。以上三种形式大家可以酌情选择。下面小编给大家实操一下如何在凡科微传单添加动态图册。点击顶部菜单“控件”下拉页的“图册”选项即可生成初始图册，鼠标拖曳调整图册的大小和位置。在右侧的编辑栏更换图片，选择展示效果、切换方式和频率。像小编这个更换了自己在台湾清境农场的照片，使用的是推进式动态图册，效果如下：掌握好以上H5相册速成技巧，小白逆袭大神不是天方夜谭！祝你装逼成功，掂过条葱！
转载请注明地址:http://www.1xbbk.net/jwbfz/9588.html
