Тёмный

Motion Design for Beginners | Illustrator & After Effects Animation Tutorial 

Envato Tuts+
Подписаться 1,5 млн
Просмотров 938 тыс.
50% 1

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 285   
@envatotuts
@envatotuts 6 месяцев назад
Check out Jess' new video, The Principles of Motion Design: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-0N0NHlvMEWs.html
@sophiehowie2640
@sophiehowie2640 Год назад
I have used Adobe Illustrator for the past 4 years, so I am not a beginner in this program, however I am new to After Effects. This video is apparently for 'Beginners' but I can tell you it is most certainly not for beginners. Jess is clearly familiar with both programs, and because of this, assumes that you are too. If you are a beginner in either program you will find it very overwhelming when many many things are assumed by Jess. Such as what colours to use, the dimensions of the page, the units of measurement used, shortcuts and what each button does. You are never given any dimensions for the image you are creating and are just supposed to eyeball it. This video took much longer than 1 hour to complete as I had to replay sections numerous times to catch Jess' quick, sudden movements. Jess also seemed to be figuring out steps as she went, which resulted in more work than necessary for both herself and the viewer. Along with jump-cuts which cut out important information, such as keeping the grey background separate from the sticker (which causes problems later on when you spin the image or create a 'sticker' animation). I did finish the video and end up with the desired result, but the journey was certainly not enjoyable or easy. Almost took me back to the frustration I felt during the last year of my Bachelor's Degree. Sometimes you are better just to teach yourself.
@michaelandrade3321
@michaelandrade3321 Год назад
Yeah I felt this
@PridaridayMiketew
@PridaridayMiketew Год назад
its ok ur doing great! it took me two hours to recreate the orange but i ended up making a dog which was fun!
@xpressxclusive
@xpressxclusive Год назад
I know the feeling it’s just a little fast paced for me but that’s the advantage of having the vid cause u can always go back and replay a section
@thymick5581
@thymick5581 Год назад
Hello... Thanks anyway... I think your Bachelor Degree did not teach you to be polite. Try a Master Degree. Make video is not easy, maybe other people managed to do what this video shows and helps them, why so much anger
@irisiris82799
@irisiris82799 Год назад
Thanks for the heads up!! Esp detailing which part is missing 👍🏻 Helps w/ setting the right expectations for this vid. Gonna check out some absolute beginner 101 before coming back to this!! Just had a suuuper frustrating self learning with the donut blender video (was fuming 🙈🙈) 🤣 really can’t handle another one thts out of my reach so soon
@sushantopaul3773
@sushantopaul3773 Год назад
wonderful video...
@envatotuts
@envatotuts Год назад
Many many thanks
@Evie_Ruby
@Evie_Ruby 2 месяца назад
If you import a file from illustrator, make sure to import it as a composition instead of footage because it will appear as one flat object which is not helpful.
@VisionbyNoble
@VisionbyNoble 6 месяцев назад
From someone that isn't good at drawing.... she made me feel that I can create whatever I want from what I imagine. This has much value. I'll be closely related to her videos, and social media.
@longbttms4255
@longbttms4255 Год назад
This was a super helpful tutorial!! I started using AE a couple years ago to make transition videos and fan edits, but this video introduced a whole new world of both AE and Ai to me. Thank you so much, and I can't wait to start making my own motion designs :))
@envatotuts
@envatotuts Год назад
Glad you liked it!
@frenzysplash9405
@frenzysplash9405 2 месяца назад
When I import my file , my illustration goes bright and looks different to my illustration on illustrator - why’s this the case?
@theworst5820
@theworst5820 3 месяца назад
As a complete beginner at adobe, I'm glad such accessible tutorials like these exist. It rlly helps to follow a professionals workflow as a guide. But it would have rlly helped to have keyboard shortcuts used on screen. I tend to get hardstuck very frequently on certain parts. Like the using the transform tool on the eye, couldn't figure out how ot what shortcuts used to drag out on top and bottom points at the same time. And just resorted to using the anchor tool manually on all points.
@ThyyenTa
@ThyyenTa Год назад
why not trace the hand from the logo, instead downloading a pack of different hands, just a bit confused
@pauline-fr6wh
@pauline-fr6wh 13 дней назад
Thank you for not using background music. I was able to focus on the advices which were very helpful!
@envatotuts
@envatotuts 13 дней назад
You're welcome!
@a1videoprod
@a1videoprod Год назад
i appreciate you making this but found it difficult to keep up. Our illustrator layouts don't look the same so it would have been nice to make sure ours looked the same when beginning. I appreciate you treating me like i know what I'm doing but I don't and thats why I was watching this tutorial. Also found it difficult to keep pace without knowing what buttons you are clicking. Some other tutorials include a graphic in the button left or right that indicate if a key is being clicked so we can follow short cuts.
@TutsPlusTom
@TutsPlusTom Год назад
Thanks for the feedback on this one, we're working on some more beginner motion design tutorials and always want to make sure we're doing our best to get the methods across so I'll take this on board and we'll try to spell things out a bit more on the next one! As someone currently learning, is there anything that you're really keen to get more of an understanding of when it comes to motion design?
@amarissimus29
@amarissimus29 Год назад
When I started AE, AI, PS and the rest, I bought keyboard covers for each program. They've got all the hot keys and shortcuts on them, color coded. Used them for years. It really doesn't take long before even four-key shortcuts are unconscious though. Most useful key for tutorials, however, is the space bar. Try that first.
@velcyn
@velcyn Год назад
Agreed, seems more of an intermediate level type of tutorial
@TheDJkarsy
@TheDJkarsy Год назад
I'm struggling to make the hand where there are gaps in the fill layer. And you just happened to skip that bit of the tutorial.. Not sure why lol. Any help would be appreciated!
@Mr.agniva
@Mr.agniva Год назад
Badly needed
@BenSussmanpro
@BenSussmanpro 8 месяцев назад
I’m new to AE & animation and your process appears quite intricate. How you go thru the process and explain all of it in only an hour is just incredible! It’s gonna take me hours to learn each cog in the wheel, but you explained everything in such good detail - thanks!!
@antoinebeauchamp7361
@antoinebeauchamp7361 Год назад
One of the best tutorials I've ever watched! Amazing job :)
@envatotuts
@envatotuts Год назад
Glad you liked it!
@GuyunZhongli-ow4ti
@GuyunZhongli-ow4ti Год назад
I used Illustrator for quite some years so it was easy to follow thru but Im a total noob to AE and I find it hard to follow thru, really losing my mind here
@3dtechnik
@3dtechnik 6 месяцев назад
This is one of the best graphics/animation tutorials I've seen in a while. Great and direct explanations, happy tone and no self-centered advertisements. This is awesome!
@JetSetPizza
@JetSetPizza Год назад
fellow australian this is awesomeeeeeeeeeeee the tools are so cohesive and powerful now, makes me excited to apply animation to things im working on ! thanks im working on using illustration in design as a graphic designer- but i notice 3d and animation trends are hitting and its something i always liked back in school but it was not nearly as accessible for me
@michaelandrade3321
@michaelandrade3321 Год назад
This is great but it feels more like a follow along than a tutorial, and most follow alongs always skip something seemingly minor but end up frustrating the hell out of me when I try to imitate. Would love to see a hotkey displayer or something like that. Short story shorter: You're going to get frustrated
@a1videoprod
@a1videoprod Год назад
PREACH
@gopaner3701
@gopaner3701 Год назад
This is not beginners tutorial because she is assuming half of the things. Which a beginner will certainly not no.
@happyjoy2847
@happyjoy2847 Год назад
For a beginner AE, this is too fast. I didnt understand what btn or why you were pressing them either. :(
@ebenezer9178
@ebenezer9178 Год назад
a good tutorial but a bit too fast for "beginner" level
@noahgels7292
@noahgels7292 9 месяцев назад
I'm at 8 Minutes and I feel like I already learned more than in 13 years of school. Very nice video, already a happy user of your stock platform!
@atnafuabebe5889
@atnafuabebe5889 Год назад
I cant wait to join you guys! Please inform us the time and we will convert it to our time zone so that we can rearrange our program
@dolovforsoul
@dolovforsoul Год назад
Is it such a fashion in America now, to add a rasp in your voice?
@Amelianz
@Amelianz 2 месяца назад
Omg! I really loved this tutorial, it is so clear and Jess is explaning step by step that there is no way to get lost! Thank you so much, for such valuable content, I learned a lot! ❤
@dev_jono
@dev_jono Год назад
Artists: Steve Gavan, Lauren Martin, Yeye Weller, Adam the illustrator
@nadeesharathnayake9181
@nadeesharathnayake9181 Год назад
we want more tutorials like these envato😍
@JasonLachance
@JasonLachance Год назад
It seems common practice for Ae tutorials not to show how to export your file, do I use the render tab in after effects or do I export using Media Encoder? How do I get the transparent background? Your tutorial, like most similar tutorials leave the beginner wondering what now.
@ParadoxIsPlaying
@ParadoxIsPlaying Год назад
Genuinely speaking , I am a professional graphic designer and a video editor ....... I was looking for a vid to get me started with motion graphics ....This was hands down the best one I have seen
@envatotuts
@envatotuts Год назад
Great to hear!
@AnthonyMartinez-pk5fg
@AnthonyMartinez-pk5fg Год назад
thanks for creating this video. however this definitely is not a beginners video because there is not enough teaching on the fundamentals of how things work in a true beginners video. But I'll subscribe and look out for your future content and I look forward to it.
@tariqalexanderwaheed476
@tariqalexanderwaheed476 Год назад
I really love this tutorial 🙂 I like things where I can learn from workflows of different Motion Artists.
@kat5702
@kat5702 Год назад
41:12 "which is not where arms rotate from 😂" Thank you! Now I will never forget to set my anchor points for animation :)
@SimonGreenwoodUK
@SimonGreenwoodUK Год назад
"What else does an orange have on its face? Probably a nose" - fantastic tutorial with great style and pacing, thanks :)
@TutsPlusTom
@TutsPlusTom Год назад
This part makes me chuckle every time!
@stephanzammit
@stephanzammit Год назад
From a fellow Envato Author. Great video! Includes a lot of detail! 👏
@envatotuts
@envatotuts Год назад
Awesome, thank you!
@artipijar
@artipijar 11 месяцев назад
why can't I separate my Adobe Illustrator files into layers in After Effects?
@denisehodges6257
@denisehodges6257 Год назад
I’ve used Ai for over 30 yrs and I’ve learned several things from your workflow process
@Evie_Ruby
@Evie_Ruby 2 месяца назад
pen tool (continuing path after path has been closed Round corners got cut off after expanding a curve 17:14
@ojomudamola6674
@ojomudamola6674 Год назад
I don't know anything about this two apps, can I still do this tutorial(beginner )
@angelosang.5423
@angelosang.5423 Год назад
Loved this tutorial! Also loved that there's no music so I could put the one I wanted :D
@envatotuts
@envatotuts Год назад
Glad you liked it!!
@motemedia4309
@motemedia4309 Год назад
I love this workflow. Thank you! 😊
@envatotuts
@envatotuts Год назад
Glad you like it!
@oyinlolaoluwafemi3905
@oyinlolaoluwafemi3905 11 месяцев назад
I’m a novice I don’t know if you can help with online classes … please
@slgraphics
@slgraphics Год назад
वीडियो 📽 से भी ज्यादा आपकी मुस्कान 🧏‍♀प्यारी है....❣
@amarissimus29
@amarissimus29 Год назад
If you get really annoyed animating individual layers while everything else isn't visible, you're not alone. It's always going to be annoying.
@journeyofadigitalartist5021
@journeyofadigitalartist5021 8 месяцев назад
could you please recommend specifications for my new computer? I'm struggling with a 12 gb computer.
@raquelalves769
@raquelalves769 Год назад
Nice tutorial, very helpful. Thanks! God bless you!
@envatotuts
@envatotuts Год назад
Glad it was helpful!
@Fa2eTwoFa2e
@Fa2eTwoFa2e Год назад
Cool and helpful tutorial, but one think i missed. And I think its really important... How can I export my Animation? How can I export an Movie /GIF or what ever?
@xyzgaming7917
@xyzgaming7917 8 месяцев назад
Love the video! Just one question, wouldn't it be best to change all the AI files into vector shapes in AE straight away? Is there a particular reason for leaving the files as illustrator files in the animation? Thanks x
@brisapena3323
@brisapena3323 Год назад
Such a great tutorial!!! I started using AE only a year ago and haven't worked in it in a bit, this was a great refresher and I learned new stuff too. Thank you so much for this tutorial!
@envatotuts
@envatotuts Год назад
Glad it was helpful!
@clemencehowler9969
@clemencehowler9969 Год назад
Everything is awsome, but please get rid of those creaking intonations in your voice, sometimes they are just terribly annoying, and it's difficult to perceive what you say((
@55shamim
@55shamim 18 дней назад
Madam, This is Great job ...................... Thanks is not enough.................
@natashamaritz7412
@natashamaritz7412 5 месяцев назад
This was a FANTASTIC tutorial. BUT how do I save this now? x
@RCSDesignTeclab
@RCSDesignTeclab Год назад
Rafael Correia, is from Brazil designer. I love this workflow. Thank you!
@envatotuts
@envatotuts Год назад
Glad you like it!
@ashutoshkadam4149
@ashutoshkadam4149 Год назад
I liike your work and style, u keep it very simple and basic Please make tutorial on kinetic Ttyypograhy
@Hamoae
@Hamoae 6 месяцев назад
Great tutorial! Thank you! Here are two things that I know for sure: I will learn or I will fall in love. Or maybe both. No matter, I will start following you!
@GraceFile
@GraceFile 7 дней назад
For the sticker back, you can actually just select None in the drop down menu and then change the background color in the color box.
@envatotuts
@envatotuts 5 дней назад
Hi! That's a great tip for adjusting the sticker back! Thanks for sharing! 😊 Cheers!
@Jenan-q9q
@Jenan-q9q Год назад
what name of this illustration ??
@muyideenolashile3593
@muyideenolashile3593 Год назад
Thank you envato
@envatotuts
@envatotuts Год назад
No problem
@barkahisme
@barkahisme Год назад
this is amazing! stright to the point and clear, thank you for the amazing work!
@envatotuts
@envatotuts Год назад
You're very welcome!
@adiesyiahnoor172
@adiesyiahnoor172 2 месяца назад
Drawing eyes: creating layers for animation --> in this part I can't do it. every time I pull the shape down after pressing E, the shape is not the same as in the video. the shape is not oval but flat. can you provide a solution?
@envatotuts
@envatotuts 2 месяца назад
Hi! This might help: Selection: Make sure you have the shape selected before using the Transform tool. Constrain Proportions: When you pull the shape to scale it, hold down the Shift key. This constrains the proportions, ensuring the shape remains oval and doesn't get flattened. Transform Panel: For precise control, you can use the Transform panel (Window > Transform). Here, you can input exact width and height values to maintain proportions. Direct Selection Tool: If the shape still doesn't look right, use the Direct Selection Tool (A) to adjust the individual anchor points of the shape. Undo and Try Again: If you make a mistake, use Ctrl + Z (Windows) or Cmd + Z (Mac) to undo and try again. Cheers!
@Evie_Ruby
@Evie_Ruby 2 месяца назад
Option shift - scale down from middle transform e is useful when you only want to scale down certain anchor points (I think)
@barkhaadlakha6681
@barkhaadlakha6681 Год назад
my shape builder tool is not working. please help me...i don't know why.. its not working, but when i select the tool it shows me the arrow with a no symbol circle... is that mean i can't use this tool in my pc?
@zeynepdoganay559
@zeynepdoganay559 9 месяцев назад
Why didn't you use shape builder tool in 00:20:12 ? i think it had been easy from pathfinder.
@texcialgraphics1299
@texcialgraphics1299 Год назад
Very good content of. Vedio. Informative. Thank u for sharing it.
@beethekay
@beethekay Год назад
Nice, in the first 5 seconds you basically told me, I am not really allowed to watch the video
@nomzamomabena1650
@nomzamomabena1650 Год назад
Very informative video, im a beginner and i think you moving too fast, please tell us other alternatives instead of using shortcuts
@MrLimefuzz
@MrLimefuzz Год назад
I'm using an older version of illustrator and I can't simplify the pill shape in the way seen in the video. Is there another way to join the paths?
@m.asifhussain1730
@m.asifhussain1730 Год назад
youre so beautiful ma'am I love you.
@elainenolan82
@elainenolan82 Год назад
As a beginner in after effects I was completely lost almost soon as the after effects part of the tutorial started.
@notpermanent-wu7tu
@notpermanent-wu7tu Год назад
Keep up the good work man. You deserve subscribe and a like, Thank you dude.
@amanuelkassa4980
@amanuelkassa4980 Год назад
it is easy if you are in the developer mode
@werqaferaw
@werqaferaw 3 дня назад
sat down for 3 hours but beaten all my fears of after effects. worth it!
@envatotuts
@envatotuts 3 дня назад
Hi! That's fantastic to hear! Glad you pushed through and found it worth the time. Keep it up! 💪 Cheers!
@jonathanvincentllena3338
@jonathanvincentllena3338 Год назад
the skip with the gloves was a lot, I can't finish mine! hahaha
@vasiliosgrekousis8192
@vasiliosgrekousis8192 Год назад
That thing, sweet girl, its the most cute thing I've ever seen
@alok-desai
@alok-desai 4 месяца назад
Exactly what I was looking for. Thank you so much.
@mm.ontana
@mm.ontana Год назад
i was just at the start of the video, and i was already like no! im just an architect who wants something different!
@gajaodesigner
@gajaodesigner Год назад
which format do you use to save your artwork for animation please ?
@lucy1389
@lucy1389 Год назад
thanks bro..sub and like
@ainurayespanova
@ainurayespanova Год назад
Nice i needed this editor so bad atlast someone telling how to get this for free
@TheISOPatronne
@TheISOPatronne 4 месяца назад
Thank you so much for this amazing tutorial! 😇❤
@marcoschin3306
@marcoschin3306 Год назад
this was a fantastic lesson. thank you. so clear, easy to follow. learned a lot as an AE newbie.
@envatotuts
@envatotuts Год назад
You're very welcome!
@avxya4012
@avxya4012 Год назад
i have 17 year subscription Thank you so much !!!! I subs to you and like
@STRAIGHTP
@STRAIGHTP Год назад
01:02:32 Time Remapping! oh man i coulda used this in the past. Great tutorial btw. 🤘🏼
@envatotuts
@envatotuts Год назад
Glad it helped!
@jerryliao924
@jerryliao924 Год назад
I am a newbie who is curious about graphics and animation and would like to do it myself. This video gives me an initial insight into the logic of the process. I'm glad to receive valuable information, thanks a lot for sharing!💯👍👍👍
@paulowens1359
@paulowens1359 Год назад
what took Jess 2 hrs took me 2 days, mainly to absorb all the new tricks I learned
@musfirahnadeem2105
@musfirahnadeem2105 Год назад
The masking didn't work. The image looks hazy cuz of the texture on top of it after I clicked multiply. What do I do? i used an image downloaded from Pinterest.
@sendd1555
@sendd1555 Год назад
Very nice! what's your full name Jess?
@teddavis2561
@teddavis2561 Год назад
I nearly didn't watch this because the subject, a very bright ghastly label, was not at all appealing. (I'm a 69 year old nerd. I hope to use Ai (etc) for much more subtle, maybe technical, designs.) HOWEVER: I'm so glad I watched. I learned so much. 👍 You should get commission from Adobe as I'm about to buy their stupidly expensive CCloud. Your coverage of Ai -> Ae is great and has made me much less scared of Ae. You've got the usual comments from people who are too lazy to pause or go back a few seconds. The pace is completely subjective to the person watching. I'm not a beginner, but I have used Ai very little - the pace was right for me. It's tempting to criticise the style of the workflow/presentation - I don't think I'll be working like that, but it's always good to see how someone else works and works very effectively. I've been looking for Ai tutorials for technical drawing (diagrams etc), but there seems to be very little available - suggestions welcome 🤓. Many (many) years ago I found Ai so frustrating that it didn't work like CorelDraw 😆.
@envatotuts
@envatotuts Год назад
You can try out our Illustrator course: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Ib8UBwu3yGA.html
@ultimatetips6128
@ultimatetips6128 Год назад
😮😮 that's some overkill designing skills right there too much details this mini sticker/animate. 🎉
@aoulmihichem5740
@aoulmihichem5740 Год назад
Thank you! I love this workflow. 👏
@envatotuts
@envatotuts Год назад
You're so welcome!
@HANA_DIY
@HANA_DIY Год назад
I love this workflow. Thank you!👏💕
@envatotuts
@envatotuts Год назад
Glad you like it!
@ReelNut
@ReelNut 10 месяцев назад
Great tutorial. Could you please explain what exactly does expand appearance do in Illustrator?
@ochenjonah
@ochenjonah Год назад
Gracias muchos my friend this was above and beyond
@DengYonnie
@DengYonnie Год назад
thanks a lot i dont know why your video didn't came before.thanks bro.really
@envatotuts
@envatotuts Год назад
Welcome 👍
@onkar5404
@onkar5404 4 месяца назад
Animation starts from 38:54
@samuelyeung9263
@samuelyeung9263 6 месяцев назад
Amazing skill and beautiful work
@fmeell
@fmeell Год назад
thankkkkkk youuuuu god bless youuuuuuu thank u thank u thank u so much
@saosomalen436
@saosomalen436 6 месяцев назад
Thank you for sharing! It is really helpful
@klonexofficial
@klonexofficial Год назад
Wow...I'm so not leaving here...Lfg✨🚀
@luqman.t3134
@luqman.t3134 Год назад
the shadow part doesn't work for me.... or im confused
Далее
Motion Design for the Web | FREE COURSE
5:18:14
Просмотров 722 тыс.
5 Tips I Wish I Knew Before I Started Motion Design
4:18
Barno
00:22
Просмотров 749 тыс.
Дикий Бармалей разозлил всех!
01:00
Ко мне подкатил бармен
00:58
Просмотров 137 тыс.
How to Animate in After Effects | FREE COURSE
3:36:02
Просмотров 1,1 млн
How to Start Animating Your Characters : 4 Principles
16:16
10 Quick After Effects Techniques I LOVE
8:01
Просмотров 698 тыс.
Top 5 Text Animations in After Effects
5:39
Просмотров 10 тыс.
Motion Graphics for BEGINNERS (After Effects Tutorial)
6:41
Graphic Design Basics | FREE COURSE
1:03:05
Просмотров 1,8 млн
Advanced Premiere Pro for Everyone | FREE COURSE
3:45:39
The Ultimate Guide to Motion Design (Where to Start)
22:45
Barno
00:22
Просмотров 749 тыс.