Soda design
Soda design
  • Видео 29
  • Просмотров 205 992
ProtoPie parallax scroll effect #intermediate
In this video, I will show you the parallax effect on scroll.
✌🏻Follow Soda Design on Instagram for previews
sodadesign_
🔑 Key feature: variable, chain
Просмотров: 14 671

Видео

ProtoPie hold and drag interaction #advanced
Просмотров 2,6 тыс.3 года назад
In this video, I will show you the hold and drag interaction. When I hold the video, the video will pause and while I'm holding, I can drag to select reaction. When I let go from one of the reaction areas the following reaction will pop up in the center. ✌🏻Follow Soda Design on Instagram for previews sodadesign_ 🔑 Key feature: variables, range
ProtoPie responsive animation to input field
Просмотров 2,4 тыс.3 года назад
In this video, I will show you the input field with an animated avatar. When I type the email, the eyes will follow the email address while the mouth gets bigger when I fill in the field. Also, when I type in the password, the hands will hide the face. ✌🏻Follow Soda Design on Instagram for previews sodadesign_ 🔑 Key feature: variables, chain
ProtoPie Basics #7, Variable and Formula
Просмотров 3,9 тыс.4 года назад
In this video, I will talk about variable and formula in ProtoPie ✌🏻 ProtoPie website about layer property: www.protopie.io/learn/docs/formulas/layer-properties ✌🏻 Variable examples: ruclips.net/video/DrR7IOG-KWA/видео.html ruclips.net/video/LbxJ6UTFHag/видео.html
ProtoPie Basics #6, Basic Interaction Part.2 (scroll, page, animation, chain, detect)
Просмотров 11 тыс.4 года назад
In this video, we will go through scrolling, paging, animation, timeline, chain and detect.
ProtoPie Basics #5, Basic Interaction Part.1
Просмотров 6 тыс.4 года назад
In this video, we will go through the basic trigger response interactions.
ProtoPie Basics #4, Text and Input layer
Просмотров 4,4 тыс.4 года назад
Hi friends, in this video I will give you a quick tour of the text and input layer.
ProtoPie Basics #3, Basic Design Features
Просмотров 4,6 тыс.4 года назад
Hi friends, in this video, I will show you basic design features in ProtoPie.
ProtoPie Basics #2, Import design from Figma, import media, and save Protopie file
Просмотров 10 тыс.4 года назад
In this video, I will show you how to import design and save and share the ProtoPie file. A beginner guides to Lottie: lottiefiles.com/course
ProtoPie Basics #1, Introduction
Просмотров 12 тыс.4 года назад
Hi, friends. Welcome to my channel! Since there are people who are new to ProtoPie, I decided to make the series for beginners. Here are few ProtoPie official website links and resources: Inspiration: www.protopie.io/discover/featured-prototypes Documentation: www.protopie.io/learn/docs/basic-features/layers Roadmap & Feature request: protopie.canny.io/ Shortcut: www.protopie.io/learn/docs/basi...
ProtoPie voice prototyping: Play music with voice control #intermediate #voice #protopie5.1
Просмотров 2,6 тыс.4 года назад
✨Free resource link below. In this video, I will show you how I used voice control to play music. First, the app will greet me, and I will answer to play music. And it will ask me again if I need anything else, then I will say no, next it will answer me with okay. ✌🏻Follow Soda Design on Instagram for previews sodadesign_ 🔗 Free resources to try it yourself for personal use only ...
ProtoPie moving variables to different pages #Advanced #Requested.
Просмотров 4,6 тыс.4 года назад
✨Free resource link below. In this video, you will see how variables can be moved to different pages and also reused on the same page. As an example, I will move items from the 'wishlist' page to the 'my bag' page based on my random selection. ✌🏻Follow Soda Design on Instagram for previews sodadesign_ 🔗 Free resources to try it yourself for personal use only cloud.protopie.io/p/e...
ProtoPie voice prototyping: voice note with sounds wave #new feature #voice
Просмотров 3 тыс.4 года назад
✨Free resource link below. In this video, I will show you how I created a voice note with a responsive sound wave. When I hold the mic icon button, it will record my voice with a responsive sound wave. When I let go, the recorded note will appear and the app will read the text. ⚠️ Please note, the sound preview is currently not available on the web. Try to check it in the mobile preview! 🔗 Free...
How I make an animated avatar for YouTube #Requested
Просмотров 45 тыс.4 года назад
Some of our subscribers were asking me how I made my avatar for a RUclips video. So, I decided to share how I'm making an animated avatar for RUclips. I didn't deep dive into After Effect such as rendering, since there are lots of tutorials out there. I hope this gives you a quick overview of how to make it and have fun!
ProtoPie - Accordion menu with video clip #Requested #Advanced
Просмотров 3,4 тыс.4 года назад
I will show you how I created an accordion menu interaction with video content. Sorry for the green glitches 🙏🏻 ✳️ ✌🏻Follow Soda Design on Instagram for previews sodadesign_ 🔑 Key feature: Condition, Playback
ProtoPie - Sticky label with index scrollbar (Advanced)
Просмотров 9 тыс.4 года назад
ProtoPie - Sticky label with index scrollbar (Advanced)
ProtoPie - Conditional swipe to dismiss, list and modal(Intermediate)
Просмотров 4,3 тыс.4 года назад
ProtoPie - Conditional swipe to dismiss, list and modal(Intermediate)
Figma - Progress over perfection: Remote workshop using Figma (Meetup)
Просмотров 6464 года назад
Figma - Progress over perfection: Remote workshop using Figma (Meetup)
ProtoPie - Rotate Donut Ring Controller (Advance)
Просмотров 16 тыс.4 года назад
ProtoPie - Rotate Donut Ring Controller (Advance)
ProtoPie - Camera and Stickers in Real-time (Advance)
Просмотров 2,3 тыс.4 года назад
ProtoPie - Camera and Stickers in Real-time (Advance)
ProtoPie - IoT light controller with timer using variables and chain (Advanced)
Просмотров 3,8 тыс.4 года назад
ProtoPie - IoT light controller with timer using variables and chain (Advanced)
ProtoPie - 3d card rotation with color selection, Advanced
Просмотров 7 тыс.4 года назад
ProtoPie - 3d card rotation with color selection, Advanced
ProtoPie - How to calculate the amount with the counter using variables with ProtoPie, Advanced
Просмотров 6 тыс.4 года назад
ProtoPie - How to calculate the amount with the counter using variables with ProtoPie, Advanced
ProtoPie - How to make login form interaction using Input Label with ProtoPie, Intermediate
Просмотров 10 тыс.4 года назад
ProtoPie - How to make login form interaction using Input Label with ProtoPie, Intermediate
ProtoPie - How to style a signup form interaction using dynamic input field with ProtoPie, Basic
Просмотров 2,9 тыс.4 года назад
ProtoPie - How to style a signup form interaction using dynamic input field with ProtoPie, Basic
ProtoPie - How to make a bottom sheet overlay interaction with ProtoPie - Basic
Просмотров 9 тыс.4 года назад
ProtoPie - How to make a bottom sheet overlay interaction with ProtoPie - Basic
ProtoPie - Import design from Figma and create map interaction with ProtoPie, Basic
Просмотров 6 тыс.4 года назад
ProtoPie - Import design from Figma and create map interaction with ProtoPie, Basic
ProtoPie 101 - Interface tour (2020)
Просмотров 3684 года назад
ProtoPie 101 - Interface tour (2020)
ProtoPie - Getting started (2020)
Просмотров 4354 года назад
ProtoPie - Getting started (2020)

Комментарии

  • @domdom2181
    @domdom2181 4 месяца назад

    THIS IS THE ONLY VIDEO ON THE ENTIRE INTERNET, THERE IS NO ONE WHO CAN EXPLAIN HOW TO DO IT IN FIGMA

  • @timxdesign
    @timxdesign 4 месяца назад

    Thanks for this, please we have the design file?

  • @davidvesty1976
    @davidvesty1976 5 месяцев назад

    Is it not a bit ridiculous Protopie doesn't offer native UI components like sheets?

  • @letstalk3528
    @letstalk3528 7 месяцев назад

    is it just me or it is really very hard to understand ?

  • @MJ-ed6hm
    @MJ-ed6hm 9 месяцев назад

    How does your avatar moves in sync with your voice?

  • @sundayvetiver
    @sundayvetiver 11 месяцев назад

    Great video! How would you make the card spin continuously?

  • @TECHERROR5009
    @TECHERROR5009 Год назад

    How to get source code of this avatar

  • @TheSirena96
    @TheSirena96 Год назад

    Thank you very much!

  • @valdyserant2391
    @valdyserant2391 Год назад

    How do you use this talking avatar. It’s so satisfying!

  • @KATHYWATERS-nd4zp
    @KATHYWATERS-nd4zp Год назад

    I want one to use on my computer.

  • @phuongo4233
    @phuongo4233 Год назад

    Hi, I have "No available layer" error while adding a trigger to design. Please help me

  • @MauricioAlejandroPixproM
    @MauricioAlejandroPixproM Год назад

    like like like!!!!

  • @chessviewofficial
    @chessviewofficial Год назад

    Hi..what software did you use to make this YT video?

  • @mafruhfaruqi
    @mafruhfaruqi Год назад

    Awesome tutorials! Keep up good work!

  • @СилаЮности-ы3щ
    @СилаЮности-ы3щ Год назад

    Your artificial face is so anoying :) Don't add it more please!

  • @AlisterDiaz
    @AlisterDiaz Год назад

    Awesome!

  • @berlinlifedoglife7677
    @berlinlifedoglife7677 Год назад

    고부갈등에 대한 명쾌한 해결책 감사합니다

  • @AlisterDiaz
    @AlisterDiaz Год назад

    I'm your fan!

  • @SFDatascientest
    @SFDatascientest 2 года назад

    Working for me Thanks !

  • @aslamfauzan7997
    @aslamfauzan7997 2 года назад

    why i can get respons the green label at minute 2:31 ?

  • @k.jgamingxyz3921
    @k.jgamingxyz3921 2 года назад

    Very nice!!

  • @yahannab1244
    @yahannab1244 2 года назад

    Is it only able to be done with Adobe After Effect?

  • @Anonymous-xo1mk
    @Anonymous-xo1mk 2 года назад

    Soda design do you think there is any other way to use the animoji without having the white circle around ? Thank you for the video.

  • @thejanak1999
    @thejanak1999 2 года назад

    Hello where are you nowadays??

  • @lekkereffesnel
    @lekkereffesnel 2 года назад

    this helped me out so much, thank you!

  • @lindseywagner7510
    @lindseywagner7510 2 года назад

    what software were you saving the stuff to?

  • @berlinlifedoglife7677
    @berlinlifedoglife7677 2 года назад

    너무 멋있어요!!! 장미 한송이 남기고 갑니다 @-->--

  • @jonbernbach8704
    @jonbernbach8704 2 года назад

    We miss you Soda Design. Please come back! (hope you're OK)

  • @justinlanier9381
    @justinlanier9381 2 года назад

    I have I pad

  • @aninhatmz1406
    @aninhatmz1406 2 года назад

    Can you make the images you used to do this available? I wanted to do to learn, but I do not own the images used

  • @uxdeya7660
    @uxdeya7660 2 года назад

    Nice explanation

  • @CeeqDiaries
    @CeeqDiaries 2 года назад

    Hmm interesting. Trying to do something like this for my videos!

  • @postman2237
    @postman2237 2 года назад

    @Soda design I have aproblem with mask layer left and right. Can you share me the project file (.pie) thank you.

  • @nch3270
    @nch3270 2 года назад

    Where have you been, No videos since 11 month. Your videos are awesome

  • @TechnoAsh
    @TechnoAsh 2 года назад

    how to add gradient to text/objects I don't see any option for that

  • @Faseehimran2077
    @Faseehimran2077 2 года назад

    Does it work for contacts

  • @carlospattfa1207
    @carlospattfa1207 2 года назад

    Thank you so so much!! It was very useful 😃

    • @regina_agl
      @regina_agl 2 года назад

      a mi no me salió😭😭

  • @vatsalaykhobragade
    @vatsalaykhobragade 2 года назад

    You are cool 😎 Thanks for the tutorials (:

  • @jonbernbach8704
    @jonbernbach8704 2 года назад

    Make more tutorials. You're so good at teaching!

  • @AlisterDiaz
    @AlisterDiaz 2 года назад

    I love it!!! Nice tutorial!!!!!!! ❤❤❤❤❤

  • @giorgitabatadze78
    @giorgitabatadze78 2 года назад

    When I wanted to select a mic bg layer for touch down, I couldn't find it.maybe coz I have not premium subscription ?

  • @giorgitabatadze78
    @giorgitabatadze78 2 года назад

    Can you tell me ..when I insert an audio file ,By clicking can I play it ?

  • @Irfan_Shaikh35
    @Irfan_Shaikh35 2 года назад

    Your tutorial are super easy and the way to explain is just perfect. Can you do a video on sticky headers please!...

  • @4988raja
    @4988raja 2 года назад

    Wow amazing. I will take time to learn

  • @jonbernbach8704
    @jonbernbach8704 2 года назад

    Please do more tutorials. Seems like you stopped. Your tutorials are awesome!

  • @jonbernbach8704
    @jonbernbach8704 2 года назад

    Where are you SodaDesign? Are you OK? We miss you and your tutorials!!!

  • @klaycoco
    @klaycoco 2 года назад

    Hi! I watched a lot of your videos, they're so helpful! Can you please show how to move the cards up and down?

  • @slack.
    @slack. 2 года назад

    Hey Soda Can you help me here:

  • @itsnestee
    @itsnestee 2 года назад

    Hello, Thanks soo much for this video! I was just wondering: How you make this Animoji recordings for more than 30 sec without showing your body? I know there's a way in iMessage to do longer videos, but unfortunately the body will show up, same thing happens in an app called Clips. Hope my question is clear and hope to get an answer. Cheers!

    • @mewmew32
      @mewmew32 7 месяцев назад

      screen record. From the video to video

  • @theundesigned
    @theundesigned 3 года назад

    How did u add the AR Cartoon? \