html5自适应中文网页模板(自适应h5页面)
图文排版
H5
手机版秀米
小伙伴们好啊
今天又周三了~
又到了介绍咱们新功能的时候了
因为老板们年前太努力了
也可能是我太摸鱼了
昨天在一堆已经更新的功能里扒拉了一下
想想写哪个比较好呢~
展开全文
捡了一个
不算太难但又很方便实用的新功能
和大家讲一讲吧(#^.^#)
封面设计
秀米的全新功能,前所未有
操作方便,简单上手
01
秀米的封面设计
封面设计,在图文编辑界面顶部,将鼠标光标挪到封面上,左上角会有一个
标签,点击它,会弹出来:设计封面。
图文编辑好并保存好后,点击封面左上角,进入设计封面界面,默认显示为2.35:1的白色编辑区。
点击白色区域,会弹出来菜单,也可以点击右边齿轮
,可以设置背景,以及切换封面图比例设置。
封面比例有三种: 首图(2.35:1)、 次图(1:1)以及 双图(3.35:1);封面设计需要用到的素材,可以从左边素材区选择。
02
怎么设计封面呢?
现在,我们可以来设计封面了。因只作为示范操作,所以大家理解操作流程就好了,剩下的设计审美就靠自己啦~
制作一个简单的首图/次图封面
因为首图与次图的封面制作,只有比例上的不同,剩下的操作基本一致,所以以制作首图封面为例。
“
01
先设计一个背景
点击封面白色编辑区任意区域,在弹出的菜单中,点击圆形,设置一个背景。
设置封面图的背景色
需要注意,在设置背景图时,秀米提供的纹理素材,以及自己图库中的图片,都可以设为背景图;背景可以设重复方式,可以调整图片显示区域。
设置封面图的背景图
“
02
给封面加点素材吧
素材,可以从左边素材区选择合适的添加到封面编辑区,也可以用自己图库里的素材:
添加素材封面区后,可以选中素材调整位置、大小。
“
03
给封面加点文字
文字,可以点击封面区右边的
然后直接输入文字,也可以从左边选择文字组件,然后修改文字。
点击
输入文字后,可以继续调整文字格式,比如字号、颜色、间距等等;选中文字可调整位置:
封面图上直接输入文字
从左边选择文字组件,添加到封面编辑区,调整位置,再修改文字格式等,让整体协调:
选择合适的文字组件进行调整
这样就差不多,有一个封面图的意思了。
另外,当封面中的添加的元素过多的话,可以通过编辑区右边的辅助按钮来看;更容易选中需要调整的组件。
03
封面设计好,如何生成/导出?
封面设计完成,可以根据实际需求,生成封面、导出封面图,也可以将封面收藏成版式,下次继续使用。
直接生成封面
点击顶部菜单中的返回,回到图文编辑界面的同时,会提示生成封面,耐心等一会儿,就可以看到啦:
直接下载封面图
做好的封面,可以直接下载。在封面编辑区,点击顶部菜单的更多,可以直接下载;图片清晰度有 标清、 高清、 超清三种, 高清与超清清晰度需要秀米等级会员。
如果封面图中带有字体,字体生成规则与长图可用字体生成是一致的。
下载好的封面图,可以上传到图库,或是发给他人。
收藏封面版式,下次使用
在封面编辑区右边,可以点击
,将当前制作的封面图收藏,放进左边的版式收藏里,方便下次使用。
下次再设计封面时,可以从版式收藏里添加,再进行修改:
图片收集功能,可收集封面
在图文编辑界面,点击顶部菜单更多→收集图片,可以将图文中的图片,包括设计的封面,一并收集到图库里。
04
秀米双图封面怎么用
双图封面,其实把首图(2.35:1)与次图(1:1)拼到一起得到后的一个3.35:1的图片比例。
在秀米中制作双图封面,建议先分别做好一个首图与次图,然后将图片导出后,再用秀米双图比例进行拼接。
在拼接的时候,可以借助 编辑辅助中的 显示网格、 智能吸附工具:
图文同步到微信后,在封面编辑中,根据微信封面尺寸来调整下封面区域显示:
小结
秀米的封面设计,提供了首图(2.35:1)、次图(1:1)、双图(3.35:1)三种比例的封面图尺寸,可以利用秀米已有素材、字体等制作出想要的封面设计。
封面制作好,点击顶部返回按钮,可以直接生成封面图;点击顶部更多,可以下载图片;封面图版式也可以收藏起来,以便后期使用。
更多阅读
小白适用
系统介绍秀米的基础操作
☚☚☚ 向左滑动
秀米有那么多骚技能
不来学几招?
秀米每一天都是最新的
你的 在看也是最新滴~