Pixel Scan

Pixel 为你的作品带来独特的数字解构与与像素化视觉体验,创造出令人惊叹的渐进式呈现过程。观众将被每一个像素的出现吸引,见证媒体内容的重塑。无论是用于数字艺术作品,还是突出技术主题,Pixel 效果都能为你的作品增添独特的现代感和创意色彩。通过调整像素数量、随机程度和出现方向,你可以创造出从细腻到粗犷的视觉风格,使你的作品脱颖而出。

拷贝组件

组件已拷贝

属性控制

Pixel Scan
Component
Media

Image

Video

Image

Image

Size

Fill

Pixel
Radomness
Direction
Scale Effect

Yes

No

Color

Color

Animate

Appear

Transition

Spring

Pixel Scan
Component
Media

Image

Video

Image

Image

Size

Fill

Pixel
Radomness
Direction
Scale Effect

Yes

No

Color

Color

Animate

Appear

Transition

Spring

Pixel Scan
Component
Media

Image

Video

Image

Image

Size

Fill

Pixel
Radomness
Direction
Scale Effect

Yes

No

Color

Color

Animate

Appear

Transition

Spring

组件特性

图像 & 视频

组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。

滚动动画

组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。

滚动变换

组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。

亮色/暗色主题媒体

组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。

自定义过渡

组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。

图像 & 视频

组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。

滚动动画

组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。

滚动变换

组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。

亮色/暗色主题媒体

组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。

自定义过渡

组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。

图像 & 视频

组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。

滚动动画

组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。

滚动变换

组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。

亮色/暗色主题媒体

组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。

自定义过渡

组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。

提示

在暗色图像中启用缩放效果(Scale Effect),像素会产生边缘闪烁的效果。

属性说明

Pixel (1 - 200)

控制像素的数量和尺寸。较高的值会产生更多、更小的像素,创造更精细的像素化效果。注意:使用过高的数值可能会影响性能。

Randomness (0 - 1)

调节像素出现的随机程度。较高的值会使像素在更多随机位置出现,增加视觉的复杂性和不规则性。

Brightness (0 - 10)

设置像素的峰值亮度。控制像素在动画过程中能够达到的最大亮度,影响整体视觉效果的明亮度和对比度。

Direction (T/R/B/L/TL/TR/BL/BR)

指定像素出现的方向。选项包括上(T)、右(R)、下(B)、左(L)、左上(TL)、右上(TR)、左下(BL)、右下(BR)。

Scale Effect (Yes/No)

启用或禁用缩放效果。当启用时,每个像素动画完成后会对整个媒体进行缩放。注意:缩放基于媒体的原始比例进行,如果容器比例与媒体比例不同,则会导致画面裁剪。

Scale Value (0 - 2)

当 Scale Effect 启用时,控制媒体缩放的倍数。

探索下一个效果

Distortion

Distortions Effect Cover
Distortions Effect Cover
Distortions Effect Cover

Reveals cool WebGL Effects Components for Framer.