Adrian Yap’s Post

The process of adding animation to bring an already strong brand to life. • Having a clear idea on paper makes creating styleframes and designs faster. The animation for this piece came together quickly because I drew a clear vision from the beginning that aligned with the script. • Using textures, brushes, and color brings the images together in a cohesive design. The branding for the University of Colorado is already strong and established so I aimed to bring textures and brushes into the mix creatively. • Simple animation and illustrations can breathe life into your visuals and help strengthen your message and goals. The CU Online Store had a lot of complex parts to it but by using illustration and motion we were able to communicate the goals efficiently and effectively.  What’s your process? How do you build a cohesive brand from sketch to animation? #branding #motionbranding #motiondesign #graphicdesign #animation #visualidentity #styleguide #brandguidelines #illustration

💸 Why is Animation So Expensive? 🎨💥 Ever wondered why those eye-popping animations come with a hefty price tag? 🤔 Here’s the inside scoop! 🕵️♂️🔍 1. Time-Consuming Craft ⏳: Creating animation involves hours of meticulous work. From sketching to the final render, every frame counts! 📽️🖌️ 2. Expert Talent 🌟: Skilled animators, illustrators, and voice actors command top dollar. They bring your vision to life with incredible skill! 🎭🎤 3. Advanced Software 💻: High-quality animation requires cutting-edge tools and technology. Software licenses and updates add up! 🖥️🔧 4. Detailed Design 🎨: Custom backgrounds, characters, and effects need precise design. The more detailed, the higher the cost! 🏞️🔍 5. Rigorous Revisions 🔄: Fine-tuning animations means multiple revisions. Perfection takes patience and investment! 🧩✨ 6. Production Complexity 🎬: Combining art, sound, and motion is a complex process. Each element needs to seamlessly blend! 🎵🔄 Want to know more about how animation magic is made? Drop your questions below! 👇🔎 #AnimationCosts #BehindTheScenes #CreativeInvestment #AnimationMagic

Fellow Motion Designers! I have noticed a trend where creating toolkits and templates in After Effects has become more and more of a niche skillset. Personally, I love creating a setup with controllers and sliders that might seem overkill at first, but later prove its value when the time comes to art-direct the animation. Little tweaks could prove to be a huge pain and require shifting hundreds of carefully coordinated keyframes. When your setup is mostly driven by controllers, this simplifies your workflow so much! Even if it's not a toolkit that will be put in the hands of clients, I often prefer a slightly more complex setup, just because it makes it easier to adjust and get lots of secondary animation built in 'for free'. Is it an underrated lost skill, too time consuming, or are there simply not enough resources out there to really dive deeper into creating really responsive kits? #MotionDesign #AfterEffects #animation #design #graphicdesign #template #toolkit

🎯 Motion Design Pro Tips - Week 6 Stop using transform properties for text animation! Today, we're diving into After Effects' powerful (but often overlooked) text animator system. At Animotico, this is our secret weapon for creating those butter-smooth text reveals you see in our work. 💡 Text Animator Magic: Access it via Animation > Animate Add multiple properties simultaneously Control characters individually Create flowing, organic movements ⚡️ Here's the Power Move: Select your text layer Go to Animate > Add (pick any property) Stack multiple animators for complexity Keyframe Range from 0% to 100% Pro level: Enable "Randomize Order" in Advanced Fine-tune using Range Selector settings 🎨 Game-Changing Properties to Try: Opacity + Position for smooth fades Scale + Rotation for dynamic entries Tracking for letter-spacing reveals Fill Color for gradient sweeps Pro Tip: Combine "Based On" settings in the Advanced tab with "Randomize Order" to create those satisfying, cascading text animations that clients love! Ready to level up your text game? Ditch those basic transform keyframes and join the text animator revolution! Follow us for more motion design insights that'll make your animations sing! #MotionDesign #AfterEffects #Typography #Animation #VideoProduction

Ever wondered how our stunning motion graphics come to life? Take a behind-the-scenes look at our creative process! It all starts with thorough research to spark ideas, followed by crafting a mood board to set the tone. Then, we dive into sketching and brainstorming to map out the vision. The magic really begins with the animation phase, bringing concepts to life. Finally, we add the finishing touches, adding motion and finesse to create the final masterpiece. This animation is created by our lovely motion graphics designer Chrystal Nair Why animation? It's incredibly versatile, capturing attention while simplifying and visually explaining complex concepts or data in an easy-to-understand way. Ready to bring your ideas to life with captivating motion graphics? Contact us to see how we can transform your vision into reality! #bringinglighttotheworldthroughmedia #fullproductionhouse #localproduction #capetown #johannesburg #mediahouse #productioncompany #videoproduction #engagingmedia #digitalstorytelling #BTS #animation #motion #research #drawing #brainstorming #adobe #illustrator #aftereffects #educationalcorporatevideo #motiongraphics #creativeprocess #behindthescenes #animationjourney

Starting off in motion design? Here are tips to keep in mind by Esteban González. I have also added others that personally helped me too: - Practice using the graph tool and familiarize yourself with animation principles. This made a huge difference for me. Books like "Animation Survival Kit" by Richard Williams might seem like they are only for traditional animation; however, if you take the principles and try to apply them to the motion field, it makes a total difference. - Stay organized by creating folders and managing your After Effects files. You will save time and not be loved to work with. - Learn film vocabulary to enhance your communication skills and showcase your expertise. For example, Shots, transitions, what's voiced off, etc. - Experiment with different styles and try to replicate them to understand what makes them unique. If you like a certain type of style, push it until you are an expert on it. That's your motivation to keep moving. Motion designers, do you have any additional tips for beginners? What do you wish you had known when you were starting out? Or what helped you personally? #MotionDesign #Animation #TipsForBeginners

Animating the "Creative Developer" text This type of animation is new to me; I haven't experimented with text animations in this way before. Most of my previous text animations have involved position changes with masking effects. However, I realized that wouldn't be the best fit for the font, so I came up with something new. It was a bit tricky, but I managed to work it out! I would love to hear your thoughts on it. ^⁠_⁠_⁠_⁠_⁠_⁠_⁠_⁠_⁠_⁠^ #animation #webdevelopment #webdesign #uidesign #uxdesign #webdevelopment #swiss #minimalist #clean #typography #branding #graphicdesigners #graphicdesign #typosters #interactiondesign #creative #portfolio #brandinginspiration #personal #grid #digital #typeposter #uidesign #posterunion #fontdesign #swisstypography #posterdesigncommunity #typoart #graphicaai #posterindex #editorialdesign

🕒 Animating icons doesn't have to take hours. With the right shortcuts and techniques, you can bring static icons to life in less than a minute! 🚀 In this carousel, I’ll show you 🔧 How to center anchor points (the easy way). ⏱️ The fastest way to add keyframes and smooth motion. 🎢 Why easing is essential for clean, fluid animations. 🔄 How to create looping animations with one line of code. 👉 Whether you're creating loaders, buttons, or micro-interactions—this guide will speed up your After Effects workflow instantly. Which part of icon animation do you find the trickiest? Drop your thoughts in the comments, and let’s discuss! 👇 #lcon #icondesigns #logodesigner #animation #animationart #digtaldrawing #logoanimation #motiongraphic #aftereffects #adobe #sketching #illustration #freelancer #freelance #motion #designer #MotionGraphics #AfterEffects #2DAnimation #IconDesign #AdobeAfterEffects #DesignTips #MotionDesign #CreativeWorkflow #AnimationTips #GraphicDesign #DesignProductivity

Starting off in motion design? Here are tips to keep in mind by Esteban González. I have also added others that personally helped me too: ⭐ Practice using the graph tool and familiarize yourself with animation principles. This made a massive difference for me. Books like "Animation Survival Kit" by Richard Williams might seem like they are only for traditional animation; however, if you take the principles and try to apply them to the motion field, it makes a total difference. ⭐ Stay organized by creating folders and managing your After Effects files. You will save time and not be loved to work with. ⭐ Learn film vocabulary to enhance your communication skills and showcase your expertise. For example, Shots, transitions, what's voiced off, etc. ⭐ Experiment with different styles and try to replicate them to understand what makes them unique. If you like a particular type of style, push it until you are an expert on it. That's your motivation to keep moving. Motion designers, do you have any additional tips for beginners? What do you wish you had known when you were starting out? Or what helped you personally? #MotionDesign #Animation #TipsForBeginners

I am excited to share my latest modern illustration animation! Crafted creatively and precisely, this piece blends bold design with dynamic motion, bringing ideas to life! As a designer, I’m always exploring new ways to communicate visually, and this project reflects my passion for innovation in branding and visual storytelling. What do you think of the animation? Let me know in the comments! #Design #Animation #Illustration #MotionGraphics #CreativeProcess #BrandDesign #GraphicDesign #VisualStorytelling #DigitalArt #DesignerLife #Inspiration #DesignCommunity #Innovation #Creativity #UIUXDesign"