How to Create Amazing Logo Animations with Trim Paths in After Effects in Hindi

Logo Animation Full Detailed After Effect Tutorial

How to Prepare Logo Animation File For After Effect

[{"selector":"#anim-de67307b-b2fd-4cff-a8dc-d9e5d890639d","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2bcba0dc-0828-4e6d-ae81-1973f5dddf91","keyframes":{"transform":["translate3d(0px, -132.6615%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8fc8a02a-b68c-4173-a7d9-f32c8734fdc0","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dde529e6-9590-46ed-9752-035680b72f56","keyframes":{"transform":["translate3d(115.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":500,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-db91a40e-f9e0-4aec-b1aa-a0ff45af6c1d","keyframes":[{"offset":0,"transform":"translate3d(0, -274.53912%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -77.200400544%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -26.245939872000005%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -9.855954408%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -4.282810272%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":1000,"duration":1600,"fill":"both"}] [{"selector":"#anim-9fb7d4d1-2ce1-4089-ae55-8b2172cf70f4","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":1300,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] We Use Adobe Illustrator to Separated Logo Vector Layers to Prepare After Effects Animation File.

Import Illustrator Logo File in After Effect to Start Animation

[{"selector":"#anim-3c989ac4-2f47-40b8-a750-acf15f0058c3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-372f6e59-6a24-49f6-8eec-0f95194c048a","keyframes":{"transform":["translate3d(0px, -132.6615%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6e03a9de-ad14-41d0-83fa-927baaa00f29","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-423038a6-773d-4614-80be-ba08f141b2b4","keyframes":{"transform":["translate3d(115.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":500,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d69ff9d1-0a1d-49c1-b9a2-57e77b4104cc","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":1300,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-5ca01608-228d-4a78-b68a-54cf06e20e15","keyframes":[{"offset":0,"transform":"translate3d(0, -271.02301%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -76.211670412%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -25.909799756%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -9.729726059%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -4.227958956%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":900,"duration":1600,"fill":"both"}] We Use Trim Paths first for Logo Icon Animation And Later we Move to Logo Text Animation.

We Learn to Animate Trim Paths 3 Properties Like Start- End- Offset

[{"selector":"#anim-37c009ae-8405-40f6-8ac4-850a4be43d0f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ee840008-00b3-4ba9-b08c-bcabccda0207","keyframes":{"transform":["translate3d(0px, -126.00823%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6a31960a-5c84-4a06-ac0f-460d62f7b2fa","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ca1857da-c30f-4892-813d-0d536d810d70","keyframes":{"transform":["translate3d(115.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":500,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1cc005b0-99ed-4f1a-91fb-f525c5182292","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":1300,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-ac8741a6-aae9-4c0a-9040-e9bd715d0bd5","keyframes":{"opacity":[0,1]},"delay":800,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-78a1507c-04d7-43d6-843d-426e80751973","keyframes":{"transform":["translate3d(87.34291%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] After Trim Paths Animation Completed Logo look like this

Add Light Sweep Effect in After Effect on Logo Final Comp

[{"selector":"#anim-b58dc217-926c-43f9-aba3-a4269aa01ef2","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4698893b-e9a3-4726-9e9a-e5a60bac5c69","keyframes":{"transform":["translate3d(0px, -132.6615%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c47e94fd-6389-4e8b-ad0f-e38beecc452b","keyframes":{"opacity":[0,1]},"delay":500,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-30c30d8b-fcd7-41f6-ab0b-e86a03d8b47f","keyframes":{"transform":["translate3d(115.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":500,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a33a50c3-a0af-41b8-8a24-681e98f67692","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":1300,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-13cca45e-a70f-41c5-8488-57b5534bfb89","keyframes":{"opacity":[0,1]},"delay":800,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-42d0e725-afda-4905-a900-7dfee4878e3b","keyframes":{"transform":["translate3d(-115.39682%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":800,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Go To After Effect - Effects & Preset Panel And Search (CC Light Sweep) Select Layer & Drag & Drop Or Double Click to Apply Effects.

How to Create Amazing Logo Animations with Trim Paths in After Effects in Hindi

How to Create Amazing Logo Animations with Trim Paths in After Effects in Hindi

How to Prepare Logo Animation File For After Effect

How to Prepare Logo Animation File For After Effect

Learn More

Import Illustrator Logo File in After Effect to Start Animation

Import Illustrator Logo File in After Effect to Start Animation

Learn More

We Learn to Animate Trim Paths 3 Properties Like Start- End- Offset

We Learn to Animate Trim Paths 3 Properties Like Start- End- Offset

Learn More

Add Light Sweep Effect in After Effect on Logo Final Comp

Add Light Sweep Effect in After Effect on Logo Final Comp

Learn More