Intro to UI Animation with Adobe After Effects
In this 90 minute live workshop, you will finally learn the complete Adobe After Effects UI Animation workflow.
Even though most UX/UI & Product Designers would love to be able to create stunning animations from their designs, most feel overwhelmed and intimidated by the After Effects interface.
Even worse, right now the market is so intense and competitive that while having motion in your portfolio will set you apart from the herd, it can be discouraging to even know where to start.
By the end of the workshop you will completely feel at ease in Adobe After Effects.
- Eliminate the feeling of overwhelm that sinks in when you open or start working in After Effects
- Demystify cool animations you’ve seen and how to create them with ease in After Effects
- Give life to your existing project assets and design files to make your portfolio stand out, or get stakeholder buy-in on your ideas
- Instantly gain a new design superpower and create UI animation with confidence
You will understand the tools, workflows and best practices required to create professional UI motion from your design files.
This workshop requires no previous experience in Adobe After Effects or motion.
This workshop will completely demystify After Effects for you, and by the end, you will have a complete understanding of the workflow
In the workshop, you will build a portfolio case study UI Animation project, complete with portfolio assets.
This is your chance. In 90 minutes you will have broken through the After Effects wall, and gained the experience and knowledge to take your skills to the next level and give your portfolio the edge you need.
If you’ve ever looked at those animations on Dribbble or on real world products and wondered how they’re made, or wanted to deliver your own animations, now is the time.
You will learn:
- How to get your Figma design into After Effects
- How to animate your project like a rockstar
- How to animate Shape Layers in After Effects
- How to create smooth professional animation
- How to export video for your portfolio
Due to the personal 1-on-1 interactions of the workshop, seating is limited.
๐ Your Information is 100% Secure. Read Privacy Policy.
Frequently Asked Questions
Yes, all participants will get access to the recording after the workshop
Issara will make an effort to answer questions as they arise, if you do get lost or overwhelmed, the included project assets are built in phases so you can join the next step, and have full access to the training materials to review later.
Just Adobe After Effects.
If you’re looking to get into UX, this workshop will be good for you because you’ll learn UX workflows including working with Figma and asset handoff to engineers.
Pretty much any computer can handle these UI Animation projects. They’re super light and easy. If we were working with 4k video at 60fps, it might be different.
Yes, the workshop will be live over Zoom. Each step of the workshop is broken into bite sized chunks with supporting PDF checklists. You will first watch Issara demo the step, then he will give you time to work on your project, answer questions before proceeding to the next step.
โ โ โ โ โ
“There’s an idiom: those who can, do; those who can’t, teach. – which I’m very happy to report is not the case with Issara, he ‘does’ and ‘teaches’ brilliantly. Issara clearly represents an incredible amount of talent and experience, so getting an opportunity to send our designers to train with him was a great opportunity at a great price. Issara got our folks thinking, iterating, and delivering motion at a whole deeper level. We trusted him with one third of our talent, and he over-delivered on our investment. The UX in Motion training helped Artefact’s ability to create great motion deliverables, accelerate timelines, and save us money on contracts we would normally spend on outside motion vendors. I have no hesitation in recommending his best in class training to any other product design company looking to remain competitive.”
Rob Girling, Artefact Principal and Co-founder, Seattle
I’ve trained these design teams
UX Motion Portfolio Case Study 6 Week Masterclass
It’s crazy right now. For every tech job out there, there are literally hundreds or even thousands of applicants competing for the same job.
This workshop is designed to make you stand out and make your work stand out and deliver exactly what hiring managers are looking for.
In this live workshop you will develop a UI motion case study consistent with the highest standards of tech hiring managers.
You will deep dive into both the hard and soft skills required to deploy motion successfully in your UX portfolio.
You will learn how to use motion to identify, pinpoint, and solve UX challenges, with an emphasis on metrics and ROI. You will deploy motion within a motion standards context, learn how to make a compelling case for motion, deep dive into pitching, mood boards, ideation, user testing, handoff, and build out a case study web page complete with a range of assets for your final presentation.
At the end of the workshop you will have a complete online case study that documents your entire process, how you were able to work within UX pipeline constraints, use motion to increase product metrics, as well as handing off motion to an engineering team in a variety of formats.
Who this is for:
- Motion designers looking to get into the lucrative world of tech.
- UX designers looking to supercharge their UX portfolio and stand out from the field.
Week 1: Choose your project and Creating Usability with Motion workshop
You will go out into the world and pick a real world App (or use an existing project you want to develop into a Case Study. You Learn how to pitch and make a compelling case for motion. You’ll take my Motion and Usability live Zoom 4 hour workshop so you can fully understand the role and value that motion plays in adding value to the user, the product, and the business.
Week 2: Ideation and mood boards
You will develop your pitch, as well as your game plan for building out your motion in After Effects. You will supplement your pitch with motion mood boards and deep dive into all the details of making a real world compelling pitch to a PM.
Week 3: Constraints
Motion Standards, planning for
Week 4: Animation
Week 5: User research and data
Week 6: Copywriting your page & Final presentation
Present your work to a senior tech worker who has sat in on dozens of hiring interviews. Get constructive feedback.
Create an animated micro-interaction button in After Effects and deploy it as a Lottie file in Figma
Overview
โ Duration: 90 min
โ Cost: $TBD
โ Format: live over Zoom
In this 90 minute live workshop, you will learn how to create a professional animated button in After Effects, export it as a Lottie animation, and import it into Figma.
Learning how to design and animate beautiful micro-interaction animations and implement them directly into your Figma prototypes is a game changing skill. Your team, manager, and clients will be blown away. Plus these animations can really put your portfolio over the top.
By the end of this live workshop, you will have learned how to import your Lottie design into After Effects, animate vector shape layers in After Effects, use the free LottieFiles plug to export a Lottie animation, and how to use the LottiFiles plugin in Figma to import your animation into your project.
All lesson files will be provided prior to the workshop.
Required software
โ Figma
โ After Effects
Steps covered in workshop
- Project introduction and overview
- Install free AEUX Figma plugin
- Import into After Effects
- Animate shape layers
- Animate trum paths
- Install free LottieFiles After Effects plugin
- Preview animation via Lottie
- Install free LottieFiles Figma plugin
- Deploy Lottie animation into Figma
- Set up interactive prototype
Frequently Asked Questions
No experience in either is required.
You will be creating the same project. You will first watch me demo the step, then you will do it yourself.
Absolutely! If you get stuck, I will personally help you.
Yes, you can download the free demo here
Create an Augmented Reality video in After Effects
Overview
โ Duration: 90 min
โ Cost: $47
โ Format: live over Zoom
In this 90 minute live workshop, you will learn how to create a professional Augmented Reality video in After Effects, and render it out for your portfolio or presentation.
Learning how to design and animate beautiful Augmented Reality videos is a game changing skill. Your team, manager, and clients will be blown away. Plus these animations can really put your portfolio over the top.
By the end of this live workshop, you will have learned how to shoot video on your smartphone, import your Figma design file into After Effects, track your video, animate your project, and time the animation to gestures in the video.
All lesson files will be provided prior to the workshop.
Required software
โ After Effects
Steps covered in workshop
- Project introduction and overview
- Record video gesture on your phone (or video provided)
- Install free AEUX Figma plugin
- Import your design (or design provided) into After Effects
- Import video into After Effects
- Track video using Mocha AE
- Set timeline gesture markers to sync animation
- Animate overlay design
- Combine overlay design animation with video
- Render
Frequently Asked Questions
No experience in any of these tools is required.
You will be creating the same project. You will first watch me demo the step, then you will do it yourself. You can also choose to work with your own project and project assets.
Absolutely! If you get stuck, I will personally help you.
Yes, you can download the free demo here
Who is Issara?
Issara Willenskomer is an award-winning designer and educator. With over 15 years of interaction and motion design experience, Issara has collected an impressive list of clients including Facebook, Microsoft, Twitter, Nordstrom, Amazon, HBO, MTV, AT&T, Motorola, T-Mobile, UNAIDS, HTC, Philips, and more.
He currently teaches motion innovation both online and in the real world. He has trained the design teams at Dropbox, Slack, Airbnb, Oracle, Salesforce, Capitol One, King, Artefact, and more. Thousands of UX/UI & Product Designers as well as motion graphics experts have taken his online courses.
๐ Your Information is 100% Secure. Read Privacy Policy.