{"id":20987,"date":"2024-07-25T08:51:16","date_gmt":"2024-07-25T08:51:16","guid":{"rendered":"https:\/\/websensepro.com\/new\/?p=20987"},"modified":"2024-12-26T15:01:13","modified_gmt":"2024-12-26T15:01:13","slug":"learn-after-effects-in-10-minutes-beginner-tutorial-2025","status":"publish","type":"post","link":"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/","title":{"rendered":"Learn After Effects in 10 Minutes! [Beginner Tutorial &#8211; 2025]"},"content":{"rendered":"\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-left kksr-valign-top\"\n    data-payload='{&quot;align&quot;:&quot;left&quot;,&quot;id&quot;:&quot;20987&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;top&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;7&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;5&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;5&quot;,&quot;greet&quot;:&quot;Rate this post&quot;,&quot;legend&quot;:&quot;5\\\/5 - (7 votes)&quot;,&quot;size&quot;:&quot;24&quot;,&quot;title&quot;:&quot;Learn After Effects in 10 Minutes! [Beginner Tutorial - 2025]&quot;,&quot;width&quot;:&quot;142.5&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 142.5px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 5px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 19.2px;\">\n            5\/5 - (7 votes)    <\/div>\n    <\/div>\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Learn After Effects in 10 Minutes! [Beginner Tutorial - 2024]\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/0CPty9_1PjI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Welcome to WebSensePro! In this tutorial, we will walk you through the basics of creating animations in Adobe After Effects. You may have seen many of our Shopify and WordPress-related videos, but we also specialize in animations and 2D graphic design services. Check out the link in the description to view our portfolio showcasing the cool animations we&#8217;ve created for clients worldwide. We&#8217;ve started this playlist to help aspiring animators like you build your own portfolios using After Effects. Let&#8217;s dive in!<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-1 wp-block-group-is-layout-flex\">\n<p><strong>Getting Started with After Effects<br>Step 1: Opening After Effects<br><\/strong>\u2981 Launch After Effects: Open the application on your computer.<br>\u2981 Create a New Composition: Select New Composition from the main screen.<br>\u2981 A new window will appear with various settings.<br><strong>Step 2: Setting Up Your Composition<br><\/strong>\u2981 Rename Your Composition: Change the default name to something descriptive like \u201cAnimation\u201d<br>\u2981 Select Preset: Choose a preset that fits your project requirements. You can also manually set the dimensions.<br>\u2981 Set Frame Rate: We will use 25 frames per second (fps).<br>\u2981 Set Duration: Define the duration of your animation. For this tutorial, we\u2019ll use 05 seconds (0:05).<br>\u2981 Select Background Color: Choose a background color for visibility, such as white.<br><strong>Step 3: Importing Assets<\/strong><br>\u2981 Import a PNG Image: Double-click on the Project panel to import a PNG image from your computer. Select the image and click Import.<br>\u2981 Add Image to Composition: Drag the imported image to your main screen or directly to the timeline.<br><strong>Step 4: Adjusting Image Position and Size<br><\/strong>\u2981 Positioning the Image: Drag the image to your desired position on the canvas.<br>\u2981 Transforming the Image: Open the Transform options by clicking the dropdown arrow next to your layer.<br><strong>Step 5: Using Transform Options<br><\/strong>\u2981 Scale:<br>\u2981 Select Scale and click the stopwatch icon to set a keyframe.<br>\u2981 Set the scale to 50 for the initial keyframe.<br>\u2981 Move the playhead forward and set another keyframe to 150%.<br>\u2981 Rotation:<br>\u2981 Add a rotation keyframe by clicking the stopwatch next to Rotation.<br>\u2981 Set the initial rotation to 0 degrees.<br>\u2981 Move the playhead forward and set the rotation to 360 degrees to complete one cycle.<br>\u2981 Opacity:<br>\u2981 Add an opacity keyframe by clicking the stopwatch next to Opacity.<br>\u2981 Set the initial opacity to 0%.<br>\u2981 Move the playhead forward and set the opacity to 100%.<br>\u2981 Position:<br>\u2981 Add a position keyframe by clicking the stopwatch next to Position.<br>\u2981 Move the image from the top of the canvas to the center and to the bottom, creating a smooth transition.<br><strong>Step 6: Refining Animation<br><\/strong>Easy Ease:<br>Select all keyframes, right-click, and choose Keyframe Assistant > Easy Ease (or press F9). This will smooth out the animation transitions.<br>Previewing Your Animation:<br>Press Spacebar to preview your animation and make any necessary adjustments.<br><strong>Conclusion<br><\/strong>Congratulations! You\u2019ve created a basic animation in After Effects. Experiment with these tools and techniques to create more complex animations. Stay tuned for more tutorials on After Effects and other graphic design topics.<\/p>\n\n\n\n<p><a href=\"https:\/\/websensepro.com\/new\/?p=20987&amp;preview=true\">Preview in new tab<\/a><\/p>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to WebSensePro! In this tutorial, we will walk you through the basics of creating animations in Adobe After Effects. You may have seen many of our Shopify and WordPress-related videos, but we also specialize in animations and 2D graphic design services. Check out the link in the description to view our portfolio showcasing the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":20989,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mo_disable_npp":"","footnotes":""},"categories":[62],"tags":[],"class_list":["post-20987","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Video Section in Shopify without app [Dawn V15] - WebSensePro<\/title>\n<meta name=\"description\" content=\"In this tutorial, we will walk you through creating animations in Adobe After Effects to build your own portfolios using After Effects.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Video Section in Shopify without app [Dawn V15] - WebSensePro\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, we will walk you through creating animations in Adobe After Effects to build your own portfolios using After Effects.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/\" \/>\n<meta property=\"og:site_name\" content=\"WebSensePro\" \/>\n<meta property=\"article:published_time\" content=\"2024-07-25T08:51:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-26T15:01:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/websensepro.com\/new\/wp-content\/uploads\/2024\/07\/Learn-After-Effects-in-10-Minutes-Beginner-Tutorial-2024.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/\",\"url\":\"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/\",\"name\":\"How to Add Video Section in Shopify without app [Dawn V15] - WebSensePro\",\"isPartOf\":{\"@id\":\"https:\/\/websensepro.com\/new\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/websensepro.com\/new\/wp-content\/uploads\/2024\/07\/Learn-After-Effects-in-10-Minutes-Beginner-Tutorial-2024.png\",\"datePublished\":\"2024-07-25T08:51:16+00:00\",\"dateModified\":\"2024-12-26T15:01:13+00:00\",\"author\":{\"@id\":\"https:\/\/websensepro.com\/new\/#\/schema\/person\/efe238dc93138b7851e056e6fd9811e5\"},\"description\":\"In this tutorial, we will walk you through creating animations in Adobe After Effects to build your own portfolios using After Effects.\",\"breadcrumb\":{\"@id\":\"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/#primaryimage\",\"url\":\"https:\/\/websensepro.com\/new\/wp-content\/uploads\/2024\/07\/Learn-After-Effects-in-10-Minutes-Beginner-Tutorial-2024.png\",\"contentUrl\":\"https:\/\/websensepro.com\/new\/wp-content\/uploads\/2024\/07\/Learn-After-Effects-in-10-Minutes-Beginner-Tutorial-2024.png\",\"width\":1280,\"height\":720,\"caption\":\"Learn After Effects in 10 Minutes! [Beginner Tutorial - 2024]\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/websensepro.com\/new\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Learn After Effects in 10 Minutes! [Beginner Tutorial &#8211; 2025]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/websensepro.com\/new\/#website\",\"url\":\"https:\/\/websensepro.com\/new\/\",\"name\":\"WebSensePro\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/websensepro.com\/new\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/websensepro.com\/new\/#\/schema\/person\/efe238dc93138b7851e056e6fd9811e5\",\"name\":\"Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/websensepro.com\/new\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f76f5f97ea8739d68a26f67515be9006?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f76f5f97ea8739d68a26f67515be9006?s=96&d=mm&r=g\",\"caption\":\"Admin\"},\"sameAs\":[\"https:\/\/websensepro.com\/new\"],\"url\":\"https:\/\/websensepro.com\/new\/author\/testnew4\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Video Section in Shopify without app [Dawn V15] - WebSensePro","description":"In this tutorial, we will walk you through creating animations in Adobe After Effects to build your own portfolios using After Effects.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"How to Add Video Section in Shopify without app [Dawn V15] - WebSensePro","og_description":"In this tutorial, we will walk you through creating animations in Adobe After Effects to build your own portfolios using After Effects.","og_url":"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/","og_site_name":"WebSensePro","article_published_time":"2024-07-25T08:51:16+00:00","article_modified_time":"2024-12-26T15:01:13+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/websensepro.com\/new\/wp-content\/uploads\/2024\/07\/Learn-After-Effects-in-10-Minutes-Beginner-Tutorial-2024.png","type":"image\/png"}],"author":"Admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/","url":"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/","name":"How to Add Video Section in Shopify without app [Dawn V15] - WebSensePro","isPartOf":{"@id":"https:\/\/websensepro.com\/new\/#website"},"primaryImageOfPage":{"@id":"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/#primaryimage"},"image":{"@id":"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/#primaryimage"},"thumbnailUrl":"https:\/\/websensepro.com\/new\/wp-content\/uploads\/2024\/07\/Learn-After-Effects-in-10-Minutes-Beginner-Tutorial-2024.png","datePublished":"2024-07-25T08:51:16+00:00","dateModified":"2024-12-26T15:01:13+00:00","author":{"@id":"https:\/\/websensepro.com\/new\/#\/schema\/person\/efe238dc93138b7851e056e6fd9811e5"},"description":"In this tutorial, we will walk you through creating animations in Adobe After Effects to build your own portfolios using After Effects.","breadcrumb":{"@id":"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/#primaryimage","url":"https:\/\/websensepro.com\/new\/wp-content\/uploads\/2024\/07\/Learn-After-Effects-in-10-Minutes-Beginner-Tutorial-2024.png","contentUrl":"https:\/\/websensepro.com\/new\/wp-content\/uploads\/2024\/07\/Learn-After-Effects-in-10-Minutes-Beginner-Tutorial-2024.png","width":1280,"height":720,"caption":"Learn After Effects in 10 Minutes! [Beginner Tutorial - 2024]"},{"@type":"BreadcrumbList","@id":"https:\/\/websensepro.com\/new\/learn-after-effects-in-10-minutes-beginner-tutorial-2025\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/websensepro.com\/new\/"},{"@type":"ListItem","position":2,"name":"Learn After Effects in 10 Minutes! [Beginner Tutorial &#8211; 2025]"}]},{"@type":"WebSite","@id":"https:\/\/websensepro.com\/new\/#website","url":"https:\/\/websensepro.com\/new\/","name":"WebSensePro","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/websensepro.com\/new\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/websensepro.com\/new\/#\/schema\/person\/efe238dc93138b7851e056e6fd9811e5","name":"Admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/websensepro.com\/new\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f76f5f97ea8739d68a26f67515be9006?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f76f5f97ea8739d68a26f67515be9006?s=96&d=mm&r=g","caption":"Admin"},"sameAs":["https:\/\/websensepro.com\/new"],"url":"https:\/\/websensepro.com\/new\/author\/testnew4\/"}]}},"_links":{"self":[{"href":"https:\/\/websensepro.com\/new\/wp-json\/wp\/v2\/posts\/20987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websensepro.com\/new\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/websensepro.com\/new\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/websensepro.com\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/websensepro.com\/new\/wp-json\/wp\/v2\/comments?post=20987"}],"version-history":[{"count":0,"href":"https:\/\/websensepro.com\/new\/wp-json\/wp\/v2\/posts\/20987\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/websensepro.com\/new\/wp-json\/wp\/v2\/media\/20989"}],"wp:attachment":[{"href":"https:\/\/websensepro.com\/new\/wp-json\/wp\/v2\/media?parent=20987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/websensepro.com\/new\/wp-json\/wp\/v2\/categories?post=20987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/websensepro.com\/new\/wp-json\/wp\/v2\/tags?post=20987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}