设计师如何快速制作H5——​PSD一键转H5技能get

 时间:2024-10-11 21:31:08

1、登录人人秀官网,在我的场景里可以找到【创建场景】选项,如图红框位置所示。点击【创建场景】选项之后,即可进入场景创建界诹鬃蛭镲面了,可以创建一个空白场景,也可以使用其它作者已经创建好的场景模板。在这里我们选择自主创建一个模板,点击【空白模板】选项,即可进入场景的创建界面了。

设计师如何快速制作H5——​PSD一键转H5技能get设计师如何快速制作H5——​PSD一键转H5技能get

4、这时会弹出psd上传的对话窗口,点击【PSD导入】

设计师如何快速制作H5——​PSD一键转H5技能get

6、就这样,PSD设计稿就变成了H5页面,可以看到右边分层已经是系统自动解析分层好了的。

设计师如何快速制作H5——​PSD一键转H5技能get

8、点击右边菜单栏里的【猕智烈寓音乐】,【文字】等功能选项,可以在制作的场景里添加音乐背景,文字等,选择添加的文字,也可对文字进行编辑,设置表单等。大家可能会注意到互动功能,这里是更高级的互动模式,以后有机会再跟大家介绍,也可以自行去探索,很有趣。

设计师如何快速制作H5——​PSD一键转H5技能get

10、按照刚才PSD一键转H5的方法,把其他页面也都上传上来,调整完点击右上的发布按钮。

设计师如何快速制作H5——​PSD一键转H5技能get

12、发布完以后会自动生成二维码以及推广链接,可以扫码分享朋友圈或者给到客户

设计师如何快速制作H5——​PSD一键转H5技能get
  • 如何应用Camera Raw插件快速给素材图片加晕影
  • flash手绘原创Q版卡通人物绘画技巧
  • AxureRP如何为文字添加下划线#校园分享#
  • ps怎么制作玻璃瓶?
  • Photoshop基础教程矩形羽化制作立体方框形状
  • 热门搜索
    丢包是什么意思 坚持不懈的懈是什么意思 辄的意思 单反是什么意思 pull是什么意思 曜的意思 什么的喜讯 付费音乐包有什么用 as是什么意思 为是其智弗若与的意思