Liquid Apple Logo Animation | Procreate Tutorial

Поділитися
Вставка
  • Опубліковано 11 тра 2020
  • Download this Procreate file to follow along here: gum.co/VyUem
    This is a tutorial of how to create a liquid logo animation using the app Procreate on the iPad. I show my complete process and breakdown a few helpful cel animation techniques. Comment below if this was helpful or if you have any questions! I'm more than happy to help you learn to animate on the iPad!
    👉 Click SUBSCRIBE for more videos like this! :)
    My fav products:
    🧤 iPad Glove: amzn.to/3B8y1Up
    ✏️ Apple Pencil: amzn.to/3Gb1sZG
    🤘 Follow me! @art__swet
    Instagram: / art__swet
    TikTok: / art_swet
    Website: jasonmurray.com
    _
    For business inquiries:
    contact@jasonmurray.com

КОМЕНТАРІ • 1 тис.

  • @jsnmrry
    @jsnmrry  2 роки тому +31

    🚨 NEW Liquid Logo Animation THE EASY WAY | Procreate Tutorial 🚨:
    🎥: ua-cam.com/video/rCGmmRMtF8I/v-deo.html
    I remade this logo animation tutorial with a simpler method for those who are finding this tutorial too complicated. Hope it helps! Check it out at the link above 👆

  • @user-iz3ss5rb3z
    @user-iz3ss5rb3z Рік тому +34

    0:45 for those just starting and following along, you can access the frames bar at the bottom by going to the gear symbol > canvas > animation assist

    • @ssoza.7187
      @ssoza.7187 9 місяців тому

      For me it doesnt change the white box from the apple logo into black it is white even if i make the background black

  • @billythekid3694
    @billythekid3694 3 роки тому +715

    Me: wow this animation is amazing
    My brain: *d r i n k*

  • @ashutoshghatge7135
    @ashutoshghatge7135 3 роки тому +580

    Apple needs this. A lot. Period.

    • @arianator323
      @arianator323 3 роки тому +9

      @Cruz it wasn’t that serious

    • @mountaindrew_
      @mountaindrew_ 3 роки тому +2

      @Cruz oh come on

    • @andreamaiolino2487
      @andreamaiolino2487 3 роки тому +5

      yeah but apple NEVER use this type of animation, it isn’t in his style.

    • @mountaindrew_
      @mountaindrew_ 3 роки тому +1

      @Mister Sir of course but why always so serious lol

    • @dott8348
      @dott8348 3 роки тому +2

      @@andreamaiolino2487 they could use this for a lil advert or somet

  • @betteryouin2418
    @betteryouin2418 3 роки тому +12

    Love this animation. Simple but very effective 👌🏽

  • @jsnmrry
    @jsnmrry  3 роки тому +29

    🚨 SUBSCRIBE 🚨 for more tutorials and helpful animation tips like this! Lots more coming in 2021!

    • @tanishvaibhav5335
      @tanishvaibhav5335 3 роки тому

      Gimme pro create free then I subscribe

    • @1south
      @1south 3 роки тому

      Please what app do u use

    • @leogaver9072
      @leogaver9072 3 роки тому +1

      @@1south He uses ProCreate.

    • @HiHello-cw9vc
      @HiHello-cw9vc 3 роки тому

      @@tanishvaibhav5335 *that’s not how it works*

    • @1south
      @1south 3 роки тому

      @@leogaver9072 thanks

  • @imsabaii
    @imsabaii 3 роки тому +10

    Mate I'm Really looking forward to animating now!
    Your work is perpetual I must say!

  • @callumbartlett4704
    @callumbartlett4704 3 роки тому +635

    I wish this was the apple start up screen

  • @EscapePlanArts
    @EscapePlanArts 3 роки тому +115

    Honestly you’re motivating me so much right now.

  • @kaaabal1718
    @kaaabal1718 4 роки тому +131

    One of the clearest tutorial on how to animate a logo on Procreate ! Please do more animation tuts cuz you are very good at explaining !! :)

    • @jsnmrry
      @jsnmrry  4 роки тому +16

      Wow that’s so kind of you to say that!! I’m so glad you liked it!

    • @kaaabal1718
      @kaaabal1718 4 роки тому +12

      No worries man ! It’s important to give support when someone is good at something ! Do you plan to do more videos like this ? ✌🏼

    • @jsnmrry
      @jsnmrry  4 роки тому +10

      Yes I do!

    • @moonlight1029
      @moonlight1029 Рік тому

      Hi

  • @ghiezon5608
    @ghiezon5608 3 роки тому +6

    I wish I could have these kind of gadgets for drawing and animation😢. Thank you for this video, I really appreciate it. ❤️

  • @benjamingoetz_art
    @benjamingoetz_art 2 роки тому

    Love it , very concise and clear. Inspired to do this for client work. Yay! Thanks!

  • @mathagat
    @mathagat 2 роки тому +1

    Nice job. Been wanting to start trying mograph animation in Procreate, and this motivated me to start tonight! Cheers!

  • @gracecomeau2572
    @gracecomeau2572 3 роки тому +6

    They should really do something like this it’s amazing

  • @countrystyle7584
    @countrystyle7584 2 роки тому +7

    you just earned another subscriber! the transition is sooo smooth by adding that extra droplets. thank you for sharing and the tips regarding clipping mask 🔥🔥🔥🤙

    • @jsnmrry
      @jsnmrry  2 роки тому +1

      Appreciate the sub! thank you! it means a lot.

    • @MERCY-f2p
      @MERCY-f2p Рік тому

      @@jsnmrry u got a like and sub i did exact same well almost

  • @cn5233
    @cn5233 Рік тому +1

    This is amazing!!! Thank you so much for this tutorial, it was SO helpful!!!!

  • @user-ir1no2sz3p
    @user-ir1no2sz3p 3 роки тому

    Your explanation is easy to understand. So i think i can easily do that! Thanks a lot!!

  • @koopylupa6647
    @koopylupa6647 2 роки тому +3

    This is so sick and motivating!!!

  • @phemiemichael9859
    @phemiemichael9859 2 роки тому +5

    Oh this is so great. my first trial at procreate animation and it's looking so dope.
    Tip though: instead of making the logo layer 90% opaque for visibility, you can just make the background colour something else apart from black or white(greys/purple/green,etc) . That way, you get to see both guide and the logo and it's easy to correct later as opposed to switching all the opacities back.
    Thanks so much for this man, God bless you

    • @Nomademy
      @Nomademy Рік тому +2

      Awesome suggestion!🔥

  • @brendenmovies
    @brendenmovies 3 роки тому +1

    This was very helpful! Thank you 🙏🏻

  • @aulomn9201
    @aulomn9201 3 роки тому +72

    Meet you guys in 2 years!

  • @ThisisNukezZ
    @ThisisNukezZ 3 роки тому +94

    wow, such a talented guy. u just showed me a whole new opportunity for my design stuff.

    • @jsnmrry
      @jsnmrry  3 роки тому +15

      Awesome!! Excited to see what you do! Keep following for more!

  • @wildroned
    @wildroned 3 роки тому +6

    thank you, this really helped!!

    • @jsnmrry
      @jsnmrry  3 роки тому +1

      You’re welcome!

  • @labitacoradeandree2919
    @labitacoradeandree2919 3 роки тому +1

    I love it!! ❤🔥

  • @HazelSkies
    @HazelSkies 2 роки тому

    reminds me of installing an app on the 3ds, love the animation

  • @noahsausen
    @noahsausen 3 роки тому +15

    *Apple needs to make a higher quality version of this and make it play when you turn on your iPhone/iPad after shutting it down or just turning it on for the first time. Amazing*

    • @jsnmrry
      @jsnmrry  3 роки тому +1

      Hush thanks I appreciate that

    • @noahsausen
      @noahsausen 3 роки тому +1

      @@jsnmrry It's really cool!

  • @m1st42
    @m1st42 3 роки тому +12

    UNDERRATED

    • @m1st42
      @m1st42 3 роки тому

      how😐

  • @mark-victor
    @mark-victor Рік тому

    Thank you soooooo much!!

  • @ThePixarBurton
    @ThePixarBurton 2 роки тому

    That app is fantastic, thanks for your tutorial. My wofe is going to try. 😊

  • @bodyhanger7137
    @bodyhanger7137 2 роки тому +5

    I animated the Apple logo in reverse using the eraser tool, then applied the drips too in reverse. No clipping mask, no grouped layers. Thanks for the inspiration. Liked and subbed…👍🏻

    • @jsnmrry
      @jsnmrry  2 роки тому

      Hah I’m actually currently making a tutorial called “Liquid Apple Logo Animation THE EASY WAY”. You beat me to it!

    • @bodyhanger7137
      @bodyhanger7137 2 роки тому +1

      @@jsnmrry Still do it Jason, maybe you’ll do easier than I did… Thanks mate…

    • @bodyhanger7137
      @bodyhanger7137 2 роки тому +1

      Now I’m trying to do it in Callipeg and Rough Animator. Definitely interesting…

  • @Dons513
    @Dons513 2 роки тому +1

    Very educational for creatives who are trying to learn animation on procreate in general. Thank you very much. Definitely subbed

    • @jsnmrry
      @jsnmrry  2 роки тому

      Thank you! Im glad you found it helpful!

  • @downy33
    @downy33 3 роки тому

    This is amazing!!!

  • @jsnmrry
    @jsnmrry  2 роки тому +35

    Thanks to everyone who has said such kind words! 750,000 views is more than I ever thought would happen. This was literally my first tutorial ever and there were tech issues and so many problems. I figured I would just try it though and throw this out there and somehow you all keep watching. So thanks!

    • @SirAssassin-
      @SirAssassin- 2 роки тому +1

      np bro

    • @tymarievelazquez8868
      @tymarievelazquez8868 2 роки тому +2

      How did you get it to png when I put the Apple logo it’s still showing the background of the image

    • @mahamahmad3046
      @mahamahmad3046 2 роки тому

      Which ipad do you have?

    • @jsnmrry
      @jsnmrry  2 роки тому +3

      @@mahamahmad3046 iPad Pro. Any iPad works though.

    • @MERCY-f2p
      @MERCY-f2p Рік тому

      more like 1 mil veiws lol

  • @lajawi.
    @lajawi. 3 роки тому +6

    Could you try and make a tutorial on how to recreate the iPad Air 4 swirly wallpapers? Thanks a lot!

  • @bobbyb2821
    @bobbyb2821 2 роки тому +1

    Wow! Amazing logo

  • @nurishahaniakamarudin7417
    @nurishahaniakamarudin7417 2 роки тому +1

    Well done bro. The best tutorial I found. You did a great thing. Clear explanation and how to do it. Keep it up. Waiting more from you. Thank you for sharing your knowledge with others. Really appreciate.

  • @jassieeeee
    @jassieeeee 3 роки тому +6

    Great tutorial, and I don't even have an ipad nor procreate. epic!

    • @jsnmrry
      @jsnmrry  3 роки тому +2

      Haha thanks!

  • @aiyawocao
    @aiyawocao 3 роки тому +26

    I didn’t realise i could make animations using Procreate! Thanks for the amazing tutorial, will be making my own.

    • @liquidmark5081
      @liquidmark5081 2 роки тому +1

      Yeah, it has had the ability to animate for like a year now

    • @Tanknuggets217
      @Tanknuggets217 2 роки тому +1

      @@liquidmark5081 Was it hard starting out?

  • @emiel333
    @emiel333 2 роки тому

    Cool video. I own Procreate for my iPad Pro and your video is very helpful. I’ve subscribed!

  • @Hippity514
    @Hippity514 3 роки тому

    Great job man!

  • @tracks5094
    @tracks5094 3 роки тому +15

    This should be the apple logo when start up the screen!

  • @yes18372
    @yes18372 3 роки тому +26

    i- this is so FrEAKING GOOD

  • @AmalArtz_1
    @AmalArtz_1 8 місяців тому +2

    Thanks for the tutorial! ❤

    • @jsnmrry
      @jsnmrry  8 місяців тому +1

      You’re welcome!

  • @NNNedlog
    @NNNedlog 3 роки тому +2

    Amazing tutorial

  • @Potro7312
    @Potro7312 3 роки тому +37

    Underrated YO!

  • @Alvaro-rq8sn
    @Alvaro-rq8sn 3 роки тому +6

    This is super awesome and so os your way of explaining the process. Can you still do this in the procreate from an IPhone instead of an IPad???

    • @jsnmrry
      @jsnmrry  3 роки тому

      Thank you! Ya know, I’m not 100% sure because I don’t use procreate on iPhone but I’m pretty sure that procreate pocket does not have animation capabilities.

  • @Joujoueasy
    @Joujoueasy 2 роки тому

    super useful trick, thank you so much

  • @digidudeler8462
    @digidudeler8462 3 роки тому +1

    Love the vid

  • @JacksonMeyer
    @JacksonMeyer 4 роки тому +7

    this needs way more views

    • @jsnmrry
      @jsnmrry  4 роки тому +3

      Thank you so much!

    • @JacksonMeyer
      @JacksonMeyer 4 роки тому +1

      Jason Murray you have inspired me to get an iPad and made “drip animation”

  • @lichtmond1482
    @lichtmond1482 3 роки тому +9

    Tipp: You don’t need to connect the line to fill only inside the apple logo; tap the logo layer and select the Layer as „reference“ then continue to fill with color. Great Tutorial !

    • @jsnmrry
      @jsnmrry  3 роки тому +2

      Great tip!! Thanks for sharing!

  • @casperdecrook2612
    @casperdecrook2612 3 роки тому +1

    Wow, this video finally was useful for me.. they always show how they make it but never the real proces, with that I mean the set up and all the layers with how they work well... Thnx so much for this video!

    • @jsnmrry
      @jsnmrry  3 роки тому +1

      You’re welcome! 🤘

    • @casperdecrook2612
      @casperdecrook2612 3 роки тому

      @@jsnmrry Now im planning to make my own logo for a future company and make an cool animation with these steps, but then maybe a bit longer but this is a great start!

  • @betteryouin2418
    @betteryouin2418 2 роки тому

    Back again 😁. Using this to update my logo. Thanks for this!

    • @jsnmrry
      @jsnmrry  2 роки тому

      Glad you like it!

  • @nathaliabernal_17
    @nathaliabernal_17 3 роки тому +3

    The new apple intro when you get a new apple device be like:

  • @explorethechaos
    @explorethechaos 4 роки тому +4

    Coool! please do more tutorials!

  • @hurensohn
    @hurensohn 3 роки тому

    Cool animation

  • @jonetsu7246
    @jonetsu7246 2 роки тому +1

    So awesome content 🔥 keep it up!!

  • @phoebe8886
    @phoebe8886 3 роки тому +11

    This should be the screen when you first turn in your phone

  • @cloudyxheavens3653
    @cloudyxheavens3653 3 роки тому +7

    This should be the booting screen

  • @nimanixo
    @nimanixo Рік тому

    Omg can't wait to get my iPad I feel like this will finally help me draw all my ideas that I really cant draw on paper

  • @apspng
    @apspng 3 роки тому +1

    Dude! This video helped me a ton! Thanks a lot!

    • @jsnmrry
      @jsnmrry  3 роки тому

      You’re welcome dude!

  • @bobateasuki6825
    @bobateasuki6825 3 роки тому +4

    May i ask my gwhat generation that is?

  • @kirodubber6569
    @kirodubber6569 3 роки тому +4

    Why don't apple use this animation on iphone start up :P
    Love YA!!!!!

  • @RNMProductionsCompany
    @RNMProductionsCompany 4 роки тому +1

    Love it. It’s dope.

  • @kannika5531
    @kannika5531 Рік тому +1

    this is really cool, thanks you for showing how to do this.

    • @jsnmrry
      @jsnmrry  Рік тому

      You’re welcome, Kannika!

  • @my_zentopia
    @my_zentopia 3 роки тому +4

    Question:
    Do you do professional editing like this for a living? If so, what kinds of editing do you do, (Like for what kinds of companies)?
    I’m just curious because I am going into a career technical center this coming school year and I love learning about this kind of stuff. It fascinates me knowing I’ll be able to edit like this one day😀

    • @jsnmrry
      @jsnmrry  3 роки тому +3

      Yeah kinda. I’m a Senior Art Director for an Advertising agency. You can see some of my work in my site jsnmrry.com

    • @my_zentopia
      @my_zentopia 3 роки тому +2

      @@jsnmrry thank you. I’ll look into it😉

  • @Mike-go8ig
    @Mike-go8ig 3 роки тому +7

    How did you do this with only 250 layers, I can‘t finish because I can‘t duplicate anymore

    • @Thewindthatfollows
      @Thewindthatfollows 3 роки тому

      Sorry if I’m late but here is how you fix it:
      If it says it has reached the max amount of layers then you go to the settings and select the amount of layers you need and you can duplicate it!
      I hope this helps^^

  • @terencebenjamin3382
    @terencebenjamin3382 2 роки тому

    Awesome man!

  • @ziaw123
    @ziaw123 3 роки тому +1

    So good!!!!!

  • @aartikedia2628
    @aartikedia2628 3 роки тому +3

    This is naiz

  • @archie3598
    @archie3598 3 роки тому +3

    Whenever I insert a photo there's a white box around and I dont know how to fix it. And when I insert a png it does the same. What do I do

    • @jsnmrry
      @jsnmrry  3 роки тому +1

      Try a different PNG. Png is just the file format that supports transparent backgrounds. But not ALL png images will have a transparent background if they weren’t exported properly.
      If you click on an image in Google images and a checkered background appears you should be good.

    • @Keaka.
      @Keaka. 3 роки тому

      I just search up an image with no background and copy and paste it.
      Such as “Apple Logo with no background “

  • @foggyd8821
    @foggyd8821 2 роки тому

    That is sick!

  • @bluenaosu
    @bluenaosu 2 роки тому +1

    ABSOLUTELY LOVE IT

  • @AntonioStephon
    @AntonioStephon 3 роки тому +3

    If you weren’t filming this for a tutorial, how long would it take you to do this animation?

    • @jsnmrry
      @jsnmrry  3 роки тому

      Good question! This one probably would take me an hour. I could do it faster but only because I’ve done the same one a couple times now. If I’m doing something brand new it at least takes an hour or two to think through. I’d say 5+ hours if it’s a lot more complicated.

    • @rikiz7593
      @rikiz7593 3 роки тому

      @@jsnmrry App?

    • @rondelmoore7130
      @rondelmoore7130 3 роки тому +1

      @@rikiz7593 procreate

  • @RIPTIDE2034
    @RIPTIDE2034 3 роки тому +12

    When i play the animation the logo gets darker. How do i fix that?

    • @jsnmrry
      @jsnmrry  3 роки тому +3

      Not exactly sure. Probably the onions skins are making it look lighter to begin with. Make sure you don’t judge color with onions skins turned on.

    • @RIPTIDE2034
      @RIPTIDE2034 3 роки тому +3

      @@jsnmrry thanx and you are absolutely right about judging colors without the onion skin on I leaned quickly last project I working on thank you so much this video gave me a great introduction to animating🚀

    • @jsnmrry
      @jsnmrry  3 роки тому +2

      @@RIPTIDE2034 awesome! Stay tuned for some new tutorials hopefully soon!

  • @imp4816
    @imp4816 3 роки тому +1

    Apple needs to hire this man!

  • @willbradenal
    @willbradenal Рік тому +1

    Thanks for this! Really cool process.

  • @emma-vt4ek
    @emma-vt4ek 3 роки тому +3

    Liquid apple logo = apple juice

    • @jsnmrry
      @jsnmrry  3 роки тому +1

      I see what you did there...😏

  • @matiasssssssss
    @matiasssssssss 3 роки тому +3

    When i try to upload a photo with a transparent background in procreate, the "transparent background" still is shown.
    Any help?

    • @josyprinz74
      @josyprinz74 3 роки тому

      Click on the link of the png you want to download. On the page should be a download button. Click that and it should be fine. (I cant remember If it saves in photos or in datas but just add it then)

    • @matiasssssssss
      @matiasssssssss 3 роки тому

      @@josyprinz74 thank you

    • @HiHello-cw9vc
      @HiHello-cw9vc 3 роки тому

      Ugh I hate it when that happens 🥲🥲

  • @Connor-theboy224
    @Connor-theboy224 3 роки тому +2

    First of all, HOW!? You are such a good animator! Defiantly subscribing!

    • @jsnmrry
      @jsnmrry  3 роки тому

      Thank you so much! I’m honored!

  • @nadhirben3659
    @nadhirben3659 Рік тому

    Thank you 🎉

  • @katarinasouzabosch74
    @katarinasouzabosch74 3 роки тому +3

    Can someone please tell me how to get there because i don’t know

    • @td3571
      @td3571 3 роки тому +2

      Go to actions -> canvas -> animation assist

    • @aylinayala5686
      @aylinayala5686 3 роки тому

      @@td3571 lool i had this problem

  • @jsnmrry
    @jsnmrry  3 роки тому +570

    The app is called PROCREATE for iPad. Nobody needs to ask again! 😂

    • @elia1855
      @elia1855 3 роки тому +4

      Thx😂😂

    • @zahra90933
      @zahra90933 3 роки тому +4

      How much dosen it cost or it free?

    • @MB-rv9db
      @MB-rv9db 3 роки тому +8

      @@zahra90933 its 10 bucks

    • @zahra90933
      @zahra90933 3 роки тому

      @@MB-rv9db ok ty

    • @minicyan7364
      @minicyan7364 3 роки тому +45

      What’s the app your using

  • @bennettmoncrief3942
    @bennettmoncrief3942 3 роки тому +1

    Love the use of the Ipad

    • @jsnmrry
      @jsnmrry  3 роки тому

      Thanks 🙏🏼

  • @deandreconners4415
    @deandreconners4415 3 роки тому

    Neat I love might try this animation videos it so cool I am new subscribers

  • @cex890
    @cex890 4 роки тому +14

    It should be apple startup logo

    • @jsnmrry
      @jsnmrry  4 роки тому +3

      Haha that’s a great idea!

  • @sabmazedarhai2787
    @sabmazedarhai2787 3 роки тому +7

    He says u can do a SIMPLE animation like this for your logo.
    ...
    Me- Ultra noob pro max

  • @dennislations5281
    @dennislations5281 3 роки тому +2

    This is amazing I subbed to your channel

  • @lorenzoseverac
    @lorenzoseverac 2 роки тому

    c'est cool j'adore ! 👍

  • @aldiandreas6064
    @aldiandreas6064 4 роки тому +5

    Pro tip : you can tap two finger to go back

    • @jsnmrry
      @jsnmrry  4 роки тому

      Aldi Andreas great tip!

    • @biscuitandtrash4167
      @biscuitandtrash4167 3 роки тому

      @@jsnmrry if you hold it continues to undo it saves my life!

  • @Seallbay
    @Seallbay 3 роки тому +1

    This is awesome!

  • @adrianx221983
    @adrianx221983 3 роки тому

    love it

  • @alain1375
    @alain1375 2 роки тому

    Love your video. One thing, it would be nice for beginners that you explained the reason why you do certain actions. Thanks!

  • @fakestar990
    @fakestar990 2 роки тому +1

    Nice job

  • @blu-sczes3633
    @blu-sczes3633 Рік тому

    Thanks for this amazing tutorial! Now I got an idea for my logo…. ❤

    • @jsnmrry
      @jsnmrry  Рік тому

      Yay!! Get creative with it!

  • @chalitasakorn582
    @chalitasakorn582 2 роки тому +1

    Thank you so much!! I really got it

    • @jsnmrry
      @jsnmrry  2 роки тому

      Nice work, Chalita! Check out some of my other tutorials. You might like them too!

  • @shirin-david
    @shirin-david 3 роки тому +1

    Amazing

  • @animationsbelike
    @animationsbelike 2 роки тому

    Great Video, Thanks! :)

  • @kevinchou4489
    @kevinchou4489 2 роки тому +1

    Wow that’s impressive

  • @ittsnota
    @ittsnota 3 роки тому +1

    This needs to be the intro for WWDC 2021!

  • @Mikeygambone
    @Mikeygambone Рік тому

    Amazing tutorial thank you!!!