Soft natural skin
Skin Soft grade: warmer, lifted shadows. Preview is an approximation; in HyperFrames the export applies HeyGen's real shader grade via data-color-grading.
Preview unavailable
Apply this to my video: "Soft natural skin" from the 24fps video editor library.
Preset JSON: https://24fps.dev/video-editor/effects/hf-skin-soft/preset.json (pass its "preset" to the engine).
Engine (MIT, no dependencies, ES module): https://24fps.dev/editor/engine.js. Download the engine next to your page (curl -O) rather than importing cross-origin, then import { mount } from "./engine.js" in a <script type="module"> served over http.
Wiring: root = a position:relative box at the video's size. media = { main }: main is a wrapper holding my video, filling the root. Then const fx = mount(root, { kind: "effect", preset, media }) and call fx.render(seconds) every frame. It is seek-safe: drive it from the GSAP timeline in HyperFrames or call render(frame / fps) in Remotion. Before capturing frames, await (fx.ready ?? document.fonts.ready).
In HyperFrames, apply the real shader grade instead of the CSS preview: data-color-grading='{"preset":"skin-soft","intensity":1}' on the <video> (see the media-use skill).
Field reference: https://24fps.dev/video-editor/llms.txt. Keep sizes as fractions of the frame height so it works at any resolution. Credit: 24fps.dev/video-editor- Same idea
- Also called: Silky Gloss, Soft Shadow, Cool Skin, Radiant, Doll Skin, Soft Heal, Bare Skin, Soft Portrait, Warm Selfie, Healthy Glow, Blue Portrait, Fashion Glam, Natural Warmth, Vivid Glam, Retro Portrait, Soft Luxury, Lift Glow · HyperFrames: media-use preset skin-soft
- Technique
- HyperFrames media-use colour treatment preset (Apache-2.0). · source ↗
- Footage
- Man talking and gesturing, Pexels