Framer | How to create a parallax effect
👉 Become a Design Maestro: https://www.carlociccarelli.com/newsl... 📬
______________
👋 Hey Design Enthusiasts!
🎥 Welcome to another exciting episode where we're going to explore the magic of Multilayer Parallax Effects using none other than Framer! If you've been looking to add that extra 'oomph' to your UI/UX designs, you're in the right place.
👀 What's Inside?
Introduction to Parallax Effects: Why they're a game-changer in web design.
Framer 101: A quick refresher on the tool we all love.
Step-by-Step Tutorial: Creating a multilayer parallax effect from scratch.
Tips & Tricks: How to make your parallax effect more interactive and engaging.
🛠 Why Framer?
Framer is a fantastic tool for prototyping and design, offering a seamless blend of design and code. Its versatility allows you to create intricate interactions like the parallax effect with ease. And let's be real, if you're in the design world and haven't explored Framer yet, you're missing out on some serious creative firepower.
🎨 Why Parallax?
Parallax effects create an illusion of depth by making different layers move at different speeds. This not only adds a dynamic flair to your designs but also enhances user engagement. It's like typography; you might not always notice it, but you'll feel the difference it makes.
👩🏫 Who is this for?
UI/UX Designers looking to up their game
Framer beginners and experts alike
Anyone interested in web design trends and techniques
👇 Don't Forget!
Like this video if you found it helpful.
Subscribe for more awesome content.
Hit that notification bell so you never miss an update.
🔥 Ready to dive in? Let's get started!
______________
— DIGITAL ASSETS
My Marketplace: https://www.carlociccarelli.com/marke...
Stream deck action packs: https://www.carlociccarelli.com/categ...
Framer templates: https://www.carlociccarelli.com/categ...
— ALL MY SOCIALS
Website: https://www.carlociccarelli.com/
Newsletter Design Doyen: https://www.carlociccarelli.com/newsl...
Blog: https://www.carlociccarelli.com/blog
X (twitter): / carlociccarell9
Linkedin: / carlociccarelli
Dribbble: https://dribbble.com/CarloCiccarelli85
— COLLABORATIONS:
Contact me here: https://www.carlociccarelli.com/conta...
— WHO I AM:
Hey, I am Carlo, a Product Designer working in the Digital Design World since 2009.
I am a UX/UI Expert, Accessibility advocate, and SaaS Ninja Designer, helping businesses of any size to turn their ideas into a working and pleasant product that people actually will use and love.
In this channel, I share tips and tricks about Product Design, and I do tutorial videos on Figma, Framer, Webflow, and more!
---
TIMESTAMPS:
00:00 Intro
00:30 Add the layout to Framer
01:34 Place the images in the canvas
02:42 Placing the foreground image
04:55 Adding the text in the canvas
07:30 Scroll speed animations