[Slider Revolution 6] 增强的平移/缩放效果可创建令人惊叹的3D视觉效果

[Slider Revolution 6] An enhanced Pan/Zoom effect that creates stunning 3D visualsSlider Revolution
这篇文章约2分阅读完。
[Slider Revolution 6]增强的平移/缩放效果可创建令人惊叹的3D视觉效果

插件要求

Slicey是一个高级插件,需要注册和激活购买代码。效果要求将图像设置为幻灯片的主要背景。

内容:

  1. 设置切片图像
  2. 添加切片层
  3. 平移/缩放和阴影
  4. 切片层设置
  • 相关话题
  • 安装附加组件
  • 启用插件
  • 导入模板
  • 层大小/位置

1.设置切片图像

切片效果将应用于幻灯片的主要背景,可以在幻灯片的“背景”部分中进行设置。

[Slider Revolution 6]增强的平移/缩放效果可创建令人惊叹的3D视觉效果

2.添加切片层

添加一些“切片层”,然后调整其大小并将其放置在编辑阶段。

 

[Slider Revolution 6]增强的平移/缩放效果可创建令人惊叹的3D视觉效果
[Slider Revolution 6]增强的平移/缩放效果可创建令人惊叹的3D视觉效果

3.平移/缩放和阴影

一旦幻灯片上至少添加了一个“切片层”,就可以编辑该幻灯片的“切片平移/缩放”设置。并且当使用“切片层”设置幻灯片时,这些设置将替换/替代幻灯片的常规“平移/缩放”选项。

[Slider Revolution 6]增强的平移/缩放效果可创建令人惊叹的3D视觉效果

1/2。缩放开始/结束
幻灯片的主要背景图像的开始和结束缩放百分比。

3/4。模糊开始/结束
幻灯片主背景图像的开始和结束模糊量。

5.缓动
用于动画的缓动方程。建议使用“ Linear.easeNone”。

6.持续
时间动画发生的总时间(以毫秒为单位)。

7.管理员预览
从管理员编辑器内部预览效果。

8.阴影颜色
将阴影添加到“切片层”以增强其3D视觉效果。可以在此处设置阴影颜色。

9. Shadow Blur
The “blur” value for the CSS box-shadow应用于Slicey Layers。输入“ 0”表示没有阴影。

10.阴影强度应用于“ 切片层
”的CSS框阴影的“强度”值。输入“ 0”表示没有阴影。

[Slider Revolution 6]增强的平移/缩放效果可创建令人惊叹的3D视觉效果

4.切片层设置

[Slider Revolution 6]增强的平移/缩放效果可创建令人惊叹的3D视觉效果

1.标度偏差
的Slicey层将扩大从这个百分比Slicey的平移/缩放动作。此偏移是在视觉上创建效果的原因。

2/3。模糊开始/结束
可选的自定义开始和结束模糊值。“继承”将仅使用“ 切片平移/缩放”设置中设置的值。

[Slider Revolution 6]增强的平移/缩放效果可创建令人惊叹的3D视觉效果

评论

复制标题和 URL