# Progressiv oskärpa och övertoningar i Hana - Spline blog (https://spline.design/sv/blog/introducing-progressive-blur-gradients) > Lyft dina designer med snygg oskärpa och övertoningar [Blogg](https://spline.design/sv/blog) 27 maj 2025 # Progressiv oskärpa och övertoningar i Hana Lyft dina designer med snygg oskärpa och övertoningar [Öppna Hana](https://app.spline.design) Progressiv oskärpa blev populär med glasestetiken i iOS för några år sedan och har på senare tid fått fäste i verktyg för gränssnittsdesign. Men den har mest förblivit en komplex teknik som varit svår att använda i rörelsedesign eller interaktiva miljöer i realtid. I dag släpper vi progressiv oskärpa i realtid i Hana. För första gången finns den här typen av oskärpa för användning i realtid, med intuitiva kontroller och utan att det krävs några tekniska kunskaper – allt på Hanas oändliga designcanvas. Du kan leka med scenen nedan för att se hur det fungerar. Hovra eller tryck för att interagera (upplevelse skapad med Hana) ## Så lägger du till progressiv oskärpa i Hana Du kan markera vilket lager som helst och lägga till antingen Layer Blur eller Background Blur. I båda fallen kan du välja om oskärpan ska vara jämn (Uniform) eller progressiv (Progressive). En progressiv oskärpa fungerar ungefär som en övertoning, men i stället för färg går den mellan två värden för oskärpans radie. Så fungerar progressiv oskärpa i Hana ## Mjuka övertoningar i Hana Nu kan du skapa övertoningar i Hana. Du kan välja mellan linjära, radiella och polära övertoningar och justera positionen direkt på canvasen. Vi introducerar också Smooth Gradients, övertoningar som använder Smooth Step-interpolering för att få en mer naturlig blandning mellan färgerna. De flesta designverktyg använder övertoningar med linjär interpolering, vilket ger tydliga brytpunkter vid varje färgstopp i övertoningen. Vi införde Smooth Gradients först i Splines 3D-editor för några år sedan, och nu tar vi dem till Hana. ## SVG-import med mera De senaste veckorna har vi också släppt flera förbättringar i Hana, bland annat stöd för SVG-filer (nu kan du bara dra och släppa), bättre prestanda och en mindre runtime. Vi har också lagt till flera förbättringar i vardagen, som en färgväljare som beter sig bättre, förbättrade markeringsverktyg och många små fixar som gör upplevelsen mer enhetlig. Upplevelser skapade med Hana ## Prova nu! Här är en [Spline Hana-fil](https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3) där du kan utforska vad progressiv oskärpa och övertoningar kan göra. ## Arbetsflödena inom design utvecklas Även om de nya funktionerna är enkla i grunden ger de mer kreativ kontroll och fler kreativa möjligheter än någonsin. Att animera eller skapa interaktioner i realtid på det här sättet har aldrig varit enkelt förut, och nu kan du göra det på några sekunder med Hana. Vi längtar efter att se vad du bygger! — Spline-teamet [Läs mer](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## Mer från bloggen [3 november 2026Vi presenterar Spline Arena](https://spline.design/sv/blog/introducing-spline-arena)[21 oktober 2026Vi presenterar Spline för ChatGPT](https://spline.design/sv/blog/introducing-spline-for-chatgpt)[27 augusti 2026Vi presenterar Hana V2](https://spline.design/sv/blog/hana-v2) [Spline](https://spline.design/sv) 3D- och 2D-editorn för team och deras agenter. Publicera på webben, iOS och Android. #### Fråga AI om Spline #### Produkter - [3D-design](https://spline.design/sv/3d-design) - [Hana](https://spline.design/sv/hana) - [Omma](https://omma.build) - [3D-generering med AI](https://spline.design/sv/ai-generate) - [Spline MCP](https://spline.design/sv/mcp) - [Spline Arena](https://spline.design/sv/arena) - [Priser](https://spline.design/sv/pricing) - [Företag](https://spline.design/sv/enterprise) #### Runtimes - [Web](https://spline.design/sv/web) - [iOS](https://spline.design/sv/ios) - [Android](https://spline.design/sv/android) #### Appar - [Ladda ner](https://spline.design/sv/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Ladda ner Spline Mirror](https://spline.design/download-mirror) #### Lär dig - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/sv/academy) - [Spline API](https://www.npmjs.com/package/@splinetool/runtime) - [Lösningar](https://spline.design/solutions) #### Community - [Spline Community](https://community.spline.design) - [Blog](https://spline.design/sv/blog) - [Ändringslogg](https://spline.design/sv/changelog) - [Utbildning](https://spline.design/sv/education) - [Contra](https://spline.design/contra) - [Affiliate](https://spline.design/sv/affiliate) #### Företaget - [Kunder](https://spline.design/sv/customers) - [Karriär](https://www.ycombinator.com/companies/spline/jobs) - [Säkerhet](https://spline.design/sv/security) #### Juridik - [Villkor](https://spline.design/terms) - [Integritet](https://spline.design/privacy) #### Kontakt - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.