说说文章网,为用户打造一个文章平台。好文章大家一共分享吧!请记住本站地址:http://www.shuoshuow.cn/
您当前的位置:说说文章网 > 

h5页面制作工具/微页h5制作工具怎么快速导入PSD源文件?

作者: ● 时间:2018-02-07 19:22:13 ● 来源:

 

Ⅰ : 微页h5制作工具怎么快速导入PSD源文件?

为了以往微页制作中“PS切图——导入微页制作平台——依照原稿重新排列编辑”这种操作的复制度以及所带来的效率低下。今天分享一个简单粗暴但高效的“PSD导入”功能。

软件名称:
有图H5制作工具(印刷品DIY系统) v4.0 中文安装版
软件大小:
43.5MB
更新时间:
2015-08-10

1、登陆咫尺网络官网,点击【微页】--【微页制作】进入制作页面,点击【Ps

2、点击“+PSD”,添加PSD文档

3、等待导入完成,点击【更换文件】可以更换为别的PSD,点击【确认导入】就可以完成导入。

4、如果需导入多张PSD,可以选择【继续导入】。全部PSD文件导入完成后,选择【完成】即可完成全部导入工作。

5、全部PSD文件导入完成后,就可以在微页编辑器上编辑了。

注意事项:

1、可以直接将PSD文件原尺寸,原比例,原位置的导入,排版时间节省90%。 但因Photoshop软件本身功能的强大,复杂,多变和效果的不可预测性,对平台的兼容性要求极高。为了避免导入过程中发生卡顿,图层丢失,效果异常等特殊情况,在使用前必须依照以下规范整理您的PSD源文件后再进行导入!养成良好的使用习惯

2、请将PSD源文件尺寸设置为330X520像素,72DPI,模式为RGB/8位通道;PSD文件大小需控制在20M以下。

3、请尽最大可能简化您源文件的“图层关系”—— A.若有组合关系的图层,右键点击合并组为单个图层; B.若有“链接”关系的相关图层合并为单个图层; C. 若有“混合模式”的相关图层合并为单个图层(平台不识别混合模式); D.若有“蒙版”的图层,选中蒙版右键点击“应用蒙版”; E.若有“图层样式”的图层,右键点击“栅格化图层样式” F.若有“剪切蒙版”关系的相关图层合并为单个图层;

4、每个PSD只能导入一个画板,不支持Photoshop CC 2015版本的多画板功能。

相关推荐:

百度H5是什么? 百度H5基本使用技巧

怎么制作h5页面? h5页面编辑工具的使用方法

h5视频场景怎么做? 制作视频和图文穿插的H5页面的教程

Ⅱ : 10个H5页面制作工具 H5工具功能全面评测

目前市面上各种H5页面制作工具,其中既有滥竽充数的,也有真材实料的。但是怎么区分呢?其实最简单的办法就是看案例,也就是用这些H5页面制作工具能做出哪些类型的H5。

笔者在创作H5的路上走过很多坑,基本国内外所有的H5页面制作工具都用了一遍,这篇文章也是希望能让大家在H5页面制作工具的选择上少走点弯路。

以下是笔者浏览了近万个优质案例后,总结出来的各大H5页面制作工具对H5种类的支持分析,以及付费情况。

1. 易企秀

http://www.eqxiu.com/

百度指数:★★★★★

易企秀界面

作 为百度指数最热的易企秀其实很容易定义,就是移动版PPT的H5页面制作工具,用来在手机上做简单动态演示。所以它各方面的组件,比如文本、按钮、图表、 动效这些都和微软的PowerPoint非常相像,用于问卷类型的表单采集,但不能自主设计。总的来说,使用难度比较低,主要面向对H5没有太高要求的用 户。

支持的——

素材:图片、视频、音乐、文本、中文字体、幻灯片

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击(可以触发元素显示/隐藏)、滑动翻页、摇一摇

H5:微信邀请函、个人电子贺卡、手机相册等微场景

典型案例——

易企秀的H5页面

付费情况——

免费版:提供基础编辑,有在线教程和人工客服

增值版:能去除广告尾页、底标和加载LOGO、外链添加、数据统计等高级功能,有专属客服

2. iH5

http://www.ih5.cn/

百度指数:★★★★

iH5界面

iH5 定位于取代HTML5网页编程的可视化工具,是H5页面制作工具里比较标新立异的产品,因为功能很完善,笔者用的时间比较长。客观来说iH5完全取代编程 目前还达不到,不过确实几乎所有能想到的H5类型iH5都能实现,而且好像用的知名企业和官方媒体很多。学习难度算中等,笔者是文科专业出身,大概三四天 看教程学习能做个H5小游戏吧。

支持的——

素材:图片、视频、音乐、文本、中文字体、图片序列、幻灯片、GIF、富文本、嵌入网页、全景图、PSD、画板(就是带涂鸦功能的东东)、文件(PDF、Word)

动画:轨迹动画(简单来说就是复杂动画),动效(跟PPT动效类似),物理运动,滑动时间轴动画(这个比较难懂,就是可以通过手指滑动控制的动画)

交互:点击、手指按下/离开、滑动、鼠标移上/移下(PC案例会用到)、滚轮滚动、键盘按键、摇一摇、重力感应、擦一擦、图片上传与合成、视频交互、微信红包发放、自定义转发标题/描述/缩略图、微信昵称/头像获取、数据库增删查改、外部数据调用

H5:H5动画、互动广告、小游戏(支持重力感应和物理引擎)、全景、交互视频、照片合成、电商支付、微信红包、评论弹幕、电子杂志、微信邀请函等

典型案例——

iH5的H5页面

付费情况——

免费版:功能没有限制,有在线教程和人工客服

增值版:针对企业用户,能修改加载LOGO和广告底标,有专门的数据服务,有一对一技术支持和线下培训,支持外部数据通信,开发者外调JS函数

3. 兔展

http://www.rabbitpre.com/

百度指数:★★★☆

兔展界面

兔展和易企秀很像,属于能生产翻页、可以对文字和图片进行排版的H5页面制作工具,不过感觉功能会比易企秀少一两个。做出来的H5基本是用在微场景上,比如微海报、微邀请函、微信相册这些。

支持的——

素材:图片、视频、音乐、文本、中文字体

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击 滑动切换

H5:微信邀请函、微海报、手机相册等微场景

典型案例——

兔展的H5页面

付费情况——

免费版:功能没有限制,有广告底标,有加载LOGO,有在线教程和人工客服

增值版:有共享模板,能申请举办活动,有专属客服

4. MAKA

http://www.maka.im/

百度指数:★★★

MAKA界面

MAKA属于低能版H5页面制作工具,有很多模板套件,直接往里面填东西就行。笔者使用MAKA的时间比较早,当时用的是APP,做出来的页面比较卡。虽然功能不多,但对只想发发文字、照片合辑的人来说,还是比较方便的。

支持的——

素材:图片、视频、音乐、文本、中文字体

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击,滑动切换,模板(点赞,倒计时)

H5:手机相册、小测试等微场景

典型案例——

MAKA的H5页面

付费情况——

免费版:数据统计有限制,有在线教程和人工客服

增值版:能去除广告尾页,有专属客服

5. 初页

http://www.chuye.cloud7.com.cn/

百度指数:★★☆

初页界面

严格意义上,初页不能算是H5页面制作工具,有一个非常贴切的比喻是傻瓜相机,零门槛,小学生也能用。它本身就像一个照片合成器类型的H5,提供现成的模板版式,往里面换一下照片就行。

支持的——

素材:图片、视频、音乐、文本、中文字体

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击 滑动切换

H5:手机相册

典型案例——

初页的H5页面

付费情况——

6. 搜狐快站

http://www.kuaizhan.com/

百度指数:★★

搜狐快站用来做移动网站比较方便,是面向建站的H5页面制作工具,有很多固定样式的框架,可以直接往里面填内容。不过有利也有弊,网站的布局等如果要改动,必须使用代码才行。有搜狐自媒体号的话,还可以直接生成一个移动主页。

支持的——

素材:图片、视频、音乐、文本、中文字体,幻灯片

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击 滑动切换

H5:移动网站、电商支付,和微海报等微场景

典型案例——

搜狐快站制作

付费情况——

7. 咫尺微页

http://www.zhichiwangluo.com/

百度指数:★☆

咫尺微页的界面

微页的广告非常复杂,而且界面、性能也不怎么样,算是这些H5页面制作工具里给我印象比较差的。只用过一次,我很难想象真的会有人花钱去掉各种各样的广告。

支持的——

素材:图片、视频、音乐、文本、中文字体,幻灯片

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击 滑动切换

H5:移动网站、电商支付,和微海报等微场景

典型案例——

咫尺微页的H5页面

付费情况——

免费版:能进行基础编辑

增值版:能去除尾部链接、加载LOGO、广告底标、侧边栏等广告,有评论弹幕等高级功能,可以互推

8. Epub360

http://www.epub360.com/

百度指数:★☆

Epub360的界面

Epub360的功能比易企秀多一些,又没有iH5那么多,应该是面向个人设计师的H5页面制作工具吧,处于没那么个人、也没那么商业化的模糊地带。

支持的——

素材:图片、视频、音乐、文本、中文字体,幻灯片

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击,滑动切换,摇一摇,微信分享成功后

H5:移动网站、电子杂志,和微信邀请函等微场景

典型案例——

Epub360的H5页面

付费情况——

免费版:支持基础编辑,有在线教程和人工客服

增值版:去除加载LOGO,有高级表单等,有专门的技术支持服务

9. Wix

http://www.wix.com/

百度指数:★

Wix的界面

Wix是国外的H5页面制作工具,用来建PC端网站很方便,因为模板很丰富,现套现用。不过根据我之前使用的情况,它的网页在国内稳定性不是很强。

支持的——

素材:图片、视频、音乐、文本、中文字体

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击 ,鼠标划入划出

H5:电子相册、微信邀请函等微场景

典型案例——

Wix的H5页面

付费情况——

免费版:功能没有限制

增值版:去除广告,购买网站

10. 最酷网

http://www.zuiku.com/

百度指数:★

最酷网界面

最酷网和上面大部分H5页面制作工具差不了多少,不过名气小一点。

支持的——

素材:图片、视频、音乐、文本、中文字体,幻灯片

动画:平移、缩放、淡隐等动效(跟PPT类似)

交互:点击 滑动切换,摇一摇

H5:微信邀请函、个人电子贺卡、手机相册等微场景

典型案例——

最酷网的H5页面

付费情况——

免费版:功能没有限制

增值版:能去除广告尾页、加载LOGO,购买网站流量

上面H5页面制作工具的排行依据是百度搜索热度,数据比较公开透明,具体通过结合百度指数和各个品牌词在百度的日均检索量得出。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持说说文章网。

Ⅲ : 怎么制作h5页面? h5页面编辑工具的使用方法

h5是当下比较流行的一种广告形式,也是受网民欢迎的,因为好看的画面,以及炫酷的特效,和动听的音乐,有极强的传播的效果,因此h5非常的受欢迎,当下制作H5页面的工具非常多,为大家来简单的介绍下,如何制作一个受欢迎的H5页面。

1、进入软件官网。注册并且登陆进去。

2、进入后台,点击【情景网页】(其实就是h5,只是这个叫这个叫法)

3、会进入下面这样一个界面,点击创建空白的情景网页。进入下一个页面。

4、你会看到,出现四个选项,有菜单,分类,描述。缩略图等,这个是需要根据自己的需求来进行撰写。如果你是招聘的,就写招聘的标题,然后分类就选招聘类的。缩略图就写大致的写下,缩略图弄个高大上的。写完之后,保存进入下一个页面。

5、进入之后,你会看到左边的是一个组件区域,里面有很多的组件,音乐,文字,图片,链接,音乐等等组件,根据你的需求来进行选择。

6、中间的是编辑区域,你可以编辑所有你加入的元素,比如文字,图片等都是可以编辑的。比如下图是对文字进行编辑。大小,加粗,下划线,变色,旋转等。

7、你可以添加图片,并且对图片里面的元素进行编辑,比如选择,透明的等等。

8、你可以添加音乐,你可以选择网络音乐也可以选择本地音乐,这个根据你的需求来决定,但是你要注意音乐的格式,一般支持比较多的是mp3格式。而且音乐不要太长

9、右边的是页面编辑区域,你可以点击你建的页面,点那一页,就可以编辑哪一页。下面有新建按钮,你点击新建按钮,就会新建一个页面。

10、当你感觉做好了之后,就可以根据自己需求,来进行选择分享,保存,预览等。如果感觉做好了之后,你可以选择预览,这样你就可以看到你做的是什么样,如果有什么问题,你可以返回进行修改,如果没问题,就可以进行发布了。

11、当你发布成功之后,就会出现一个唯一的二维码和链接,根据需求来进行推广。

相关推荐:

h5微场景怎么制作电子婚礼邀请函?

微信朋友圈怎么利用mugedaH5制作问候贺卡?

换一组
本文标题:h5页面制作工具/微页h5制作工具怎么快速导入PSD源文件?
本文地址:http://www.shuoshuow.cn/660460.html