意派Epub360使用教程图片组件.docxVIP

图片(Image)组件是最基本的构成元素，掌握了图片组件的使用，Epub360基本上就算是入门了。图片组件能做到的事情有很多，遮罩属性可以配合滑动和重力感应达到丰富有趣的交互效果。（重力感应需要先勾选可滑动，只能手机端预览）。 格式：JPG（JPEG）、GIF（可以直接用图片组件添加，不需要做任何改动）、PNG、SVG（矢量图） 做页面背景底图 点击图片组件， 在素材选择窗口中点击选择准备好的图片 调整在画布的位置，这样作为背景底图的使用完成了 关于背景图的尺寸要求 HYPERLINK /hc/kb/article/185470/ \t _blank 请看这里 图片样式调整 在Epub360中，可以对图片进行简单的样式调整 尺寸及位置 可以对宽高进行单独设置，也可以锁定比例后再调整 边框及圆角设置 在右侧属性面板切换到“背景及边框模块”，可以设置以下参数： a.线宽：以像素位单位 b.颜色：选择线框的颜色 c.样式：设置边框的样式，从左往右依次为：无边框、直线线框、点线线框、线段线框 d.圆角：以像素为单位，默认是四个角统一调整，也可以单独设置某一个角的圆角值，以左上角为例，如下图， 阴影设置（在边框及圆角设置面板的下方） 可以为图片素材添加阴影 如上图所示， a.可以设置X、Y轴的数值 b.选择阴影颜色 c.设置阴影的虚化值，默认的阴影是非常生硬的效果，如下图， 2.滤镜效果（在阴影设置面板的下方） 可以为图片素材添加高斯模糊的滤镜效果 a.虚化，数值越大，素材越模糊 b.饱和，数值越大，素材颜色越鲜艳 c.色调，中间值为暖色调，两侧数值为冷色调 d.亮度，数值越大，素材明暗面都会整体提亮 e.对比，数值越大，素材的明暗对比度明显 如何确保图片清晰 首先看微信内容画布及出血区尺寸（如下图）： ?微信里满幅的图片，可以处理成740*1136（如图），然后在页面里，选择按50%显示： ?? 其他用于主要视觉显示的图片，也采用同样的处理方法（用50%显示）即可。特别提醒： 有些只是做背景图的，没有必要用2倍精度。 做微信内容，需要考虑素材的优化压缩，推荐在线压缩PNG图片工具? HYPERLINK / \t _blank  有些图片的长度或宽度超过了2048px就会被默认压缩为小尺寸的图片，导致不清晰。解决方式：选中图片，在清晰度选项调整为：原图。  HYPERLINK / \t _blank 意派Epub360-专业H5设计工具  HYPERLINK / \t _blank 意派Coolsite360-专业响应式网站/微信小程序设计工具