title
How To Use The Revolution Slider Plugin 6.0 - FULL TUTORIAL 2020

description
Get Slider Revolution: https://darrelwilson.com/slider-revolution Try Siteground (70% OFF) https://www.darrelwilson.com/siteground Watch My Newest Elementor Tutorial here: https://www.youtube.com/watch?v=536C08O1AZM&feature=youtu.be The slider revolution plugin for wordpress allows you to create some really amazing sliders for your wordpress website. IT has more than 200+ templates to help get you started and after watching this tutorial you can expect to learn how to create your own wordpress slider with the slider revolution plugin Here are some of the timestamps that i talked about in the video TimeStamps: Creating A Slider: 3:59 Template Library: 34:50 Using The Addons: 41:41 General Settings: 50:34 Advanced Features: 1:01:27 Also, if there was something i missed in this slider revolution tutorial, feel free to let me know in the comments below and if there was something i missed, go ahead and let me know! I really hoped you enjoyed this tutorial and have a great day! Want Some Wordpress Deals And Discounts? (Updated For 2020)   How About A Discount For Wordpress Products? Get An EXCLUSIVE 70% OFF Hosting Deal For Namehero: https://www.darrelwilson.com/namehero-discount Get 70% OFF the Fastest Hosting forWordpress With Siteground: https://www.darrelwilson.com/siteground70 Get 10% OFF The Divi theme HERE: https://darrelwilson.com/divi-discount Get 10% OFF The AlidropShip Plugin: https://darrelwilson.com/alidropship (use code darrel10) Get 2 Months Of Skillshare Premium FREE: https://www.skillshare.com/r/user/darrel Looking for a Wordpress Tutorial To Get Started? (Updated For 2020) Create An Affiliate Marketing Website: https://www.youtube.com/watch?v=j5EgHukZxpk&t=4s Create A Website With Elementor: https://www.youtube.com/watch?v=536C08O1AZM&t=2275s Create A Website With Elementor PRO: https://www.youtube.com/watch?v=d9tcmqJEEu4&t=1108s Create an eCommerce Website With ELEMENTOR: https://www.youtube.com/watch?v=mDu_WyMABnA&t=567s Create An ecommerce Website with FLATSOME: https://www.youtube.com/watch?v=TDNGEFd-aEE Create A Wordpress Website With the DIVI Theme: https://www.youtube.com/watch?v=vY_19T4jCSA&t=7100s Create A Dropshipping Website With FLATSOME: https://www.youtube.com/watch?v=lUzsbwYJlo0&t=161s Want The BEST WEB HOSTING? Check out my video where I tested 16 web hosts for 60 days! (Updated For 2020) Best Web Hosting: https://www.youtube.com/watch?v=-2d0G-ixmG8&t=978s Best Cloud Web Hosting for 2020: https://www.youtube.com/watch?v=Nm453BguCNo Best Dedicated Web Hosting For 2020: https://www.youtube.com/watch?v=elFJb5xUJVA&t=651s   Wanna connect with Darrel Wilson? Join the Facebook Group! https://www.facebook.com/groups/1272972036227234/ Follow my Facebook Page! https://www.facebook.com/DarrelWilson03/ Connect With Me On Linkedin: https://www.linkedin.com/in/darrel-wilson-0435166b/ Follow me on Twitter: https://twitter.com/wpDarrel Stay up to date with wordpress topics, visit my website at https://www.darrelwilson.com Checkout my other Multilingual Wordpress Tutorial Youtube Channels! Spanish Channel: https://www.youtube.com/channel/UC1Sm53FofDOVA5T0pzyebEA Arabic Channel: https://www.youtube.com/channel/UCDxCp7gMbzmNIjUqOCu1xcg/videos Hindi Channel: https://www.youtube.com/channel/UCjTje7OJghnjEJ8d4llefQw Portuguese Channel: https://www.youtube.com/channel/UCOs-QXBdlmT0YL3I-bnyeug French Channel: https://www.youtube.com/channel/UCLEH_xAh0VxCTSq1AQBYPsg German Channel: https://www.youtube.com/channel/UCTkmZD2BCJpedWe4Hb5QVLw Want more help and news on Wordpress? Feel free to visit my website at https://www.darrelwilson.com

detail
{'title': 'How To Use The Revolution Slider Plugin 6.0 - FULL TUTORIAL 2020', 'heatmap': [{'end': 370.174, 'start': 226.005, 'weight': 0.955}, {'end': 688.277, 'start': 551.055, 'weight': 0.947}, {'end': 826.011, 'start': 777.323, 'weight': 0.773}, {'end': 1010.48, 'start': 914.063, 'weight': 0.852}, {'end': 1100.112, 'start': 1052.909, 'weight': 0.7}, {'end': 1419.879, 'start': 1327.919, 'weight': 0.731}], 'summary': 'Tutorial provides a comprehensive guide on using the slider revolution plugin for wordpress, covering features such as the paintbrush effect, library of objects, images, and video backgrounds, 200+ templates, and animations. it also includes tutorials on creating and customizing sliders, text animation and control, css hover and parallax effects, using add-ons, customizing page effects, and advanced slider evolution features, with practical examples and demonstrations.', 'chapters': [{'end': 191.988, 'segs': [{'end': 58.176, 'src': 'embed', 'start': 16.917, 'weight': 1, 'content': [{'end': 22.079, 'text': 'Now also, this slider comes with some really amazing features, like this paintbrush effect,', 'start': 16.917, 'duration': 5.162}, {'end': 25.28, 'text': 'and there are tons of other effects that this slider comes with.', 'start': 22.079, 'duration': 3.201}, {'end': 27.201, 'text': "So I'll be covering that in this video as well.", 'start': 25.3, 'duration': 1.901}, {'end': 35.764, 'text': 'Also, for those of you who like video backgrounds, this slider comes with a library of objects, images and video backgrounds.', 'start': 27.761, 'duration': 8.003}, {'end': 37.965, 'text': "So you don't have to go hunt anywhere for anything.", 'start': 36.124, 'duration': 1.841}, {'end': 42.607, 'text': 'It also comes with more than 200 templates inside of the plugin as well.', 'start': 38.425, 'duration': 4.182}, {'end': 46.209, 'text': "So you'll actually have a lot of really nice templates to start from.", 'start': 42.988, 'duration': 3.221}, {'end': 50.452, 'text': 'And also it comes with just some really crazy and beautiful animation.', 'start': 46.63, 'duration': 3.822}, {'end': 58.176, 'text': "So if you're looking for something like this right here and you really want to up up your game and have sliders that just kind of stand out today in this video,", 'start': 50.532, 'duration': 7.644}], 'summary': 'The slider has various features, including paintbrush effect, video backgrounds, library of objects, images, over 200 templates, and beautiful animations.', 'duration': 41.259, 'max_score': 16.917, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro16917.jpg'}, {'end': 123.596, 'src': 'embed', 'start': 92.445, 'weight': 3, 'content': [{'end': 95.166, 'text': "So if you guys are ready to get started, let's go ahead and jump into this.", 'start': 92.445, 'duration': 2.721}, {'end': 97.847, 'text': 'Okay, so this tutorial is gonna have five simple steps.', 'start': 95.186, 'duration': 2.661}, {'end': 103.608, 'text': "And after this video, you're gonna be able to modify and create your own sliders with the Slider Revolution plugin.", 'start': 98.047, 'duration': 5.561}, {'end': 107.67, 'text': "So the first step is I'm gonna show you how you can make your own slider from scratch.", 'start': 104.049, 'duration': 3.621}, {'end': 115.752, 'text': "We're gonna go through all the options to make sure that you fully understand how you can create and modify your own slider using the Slider Revolution plugin.", 'start': 108.01, 'duration': 7.742}, {'end': 123.596, 'text': "After that, we're gonna go to step two and I'm gonna show you how you can use the templates and also modify the templates to fit your website needs.", 'start': 116.352, 'duration': 7.244}], 'summary': 'Tutorial covers 5 steps to create sliders using slider revolution plugin.', 'duration': 31.151, 'max_score': 92.445, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro92445.jpg'}, {'end': 157.607, 'src': 'embed', 'start': 126.097, 'weight': 4, 'content': [{'end': 130.52, 'text': 'So for example, you saw the paintbrush effect earlier or you saw the snow effect.', 'start': 126.097, 'duration': 4.423}, {'end': 135.022, 'text': "I'll be showing you how you can add really magnificent designs to your slider.", 'start': 130.82, 'duration': 4.202}, {'end': 138.903, 'text': "So step four will be more of a recap, and also I'm gonna explain a lot of the general settings.", 'start': 135.262, 'duration': 3.641}, {'end': 142.223, 'text': "So, for example, if there's something that you see that you don't really understand,", 'start': 138.983, 'duration': 3.24}, {'end': 147.645, 'text': "I'm gonna go through each general setting to make sure that you understand what they do and how it can help you design your slider.", 'start': 142.223, 'duration': 5.422}, {'end': 149.125, 'text': 'And step five.', 'start': 148.405, 'duration': 0.72}, {'end': 154.306, 'text': "we're gonna talk about the advanced features, such as the animation, and also we'll be talking about the key frames,", 'start': 149.125, 'duration': 5.181}, {'end': 157.607, 'text': 'on how you can start to animate your slider the way you want it to look.', 'start': 154.306, 'duration': 3.301}], 'summary': 'Learn to add magnificent designs to your slider, understand general settings, and use advanced features for animation.', 'duration': 31.51, 'max_score': 126.097, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro126097.jpg'}, {'end': 203.272, 'src': 'embed', 'start': 175.736, 'weight': 0, 'content': [{'end': 181.56, 'text': 'It has more than 2 million active installs, 340, 000 sales with more than 9, 000 positive reviews.', 'start': 175.736, 'duration': 5.824}, {'end': 187.665, 'text': "Now also, if you've got this plugin for free purchasing a WordPress theme on Envato, unfortunately,", 'start': 182.021, 'duration': 5.644}, {'end': 191.988, 'text': "you still have to buy the plugin because you can't update it, making it pretty much useless.", 'start': 187.665, 'duration': 4.323}, {'end': 197.71, 'text': "I don't know why they do that You'll have to buy a license for, if you want, the add-ons, the templates and other things.", 'start': 192.008, 'duration': 5.702}, {'end': 203.272, 'text': "So go ahead and purchase this plug-in and then I'll go ahead and meet you on the WordPress dashboard.", 'start': 197.71, 'duration': 5.562}], 'summary': 'A plugin with 2m+ installs, 340k sales, and 9k+ positive reviews. requires separate purchase despite theme bundle. additional add-ons and templates available for purchase.', 'duration': 27.536, 'max_score': 175.736, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro175736.jpg'}], 'start': 0.529, 'title': 'Slider revolution for wordpress', 'summary': 'Introduces the slider evolution plugin for wordpress, highlighting its features such as paintbrush effect, library of objects, images, and video backgrounds, 200+ templates, and animations. it also covers a tutorial on using the slider revolution plugin with more than 2 million active installs, 340,000 sales, and 9,000 positive reviews.', 'chapters': [{'end': 58.176, 'start': 0.529, 'title': 'Slider evolution for wordpress', 'summary': 'Introduces the slider evolution plugin for wordpress, highlighting its incredible features including paintbrush effect, library of objects, images, and video backgrounds, 200+ templates, and beautiful animations.', 'duration': 57.647, 'highlights': ['The Slider Evolution plugin for WordPress offers incredible features like paintbrush effect, library of objects, images, and video backgrounds, 200+ templates, and beautiful animations, all showcased in the video.', 'The plugin comes with more than 200 templates, providing users with a wide variety of options to start from.', 'The slider plugin also includes a library of objects, images, and video backgrounds, eliminating the need to search for these resources elsewhere.', 'The Slider Evolution plugin for WordPress offers a paintbrush effect and a variety of other effects, enhancing the visual appeal of the sliders.']}, {'end': 191.988, 'start': 58.176, 'title': 'Slider revolution tutorial', 'summary': 'Covers a tutorial on using the slider revolution plugin, including creating sliders from scratch, modifying templates, adding visual effects, understanding general settings, and exploring advanced features, with the plugin having more than 2 million active installs, 340,000 sales, and 9,000 positive reviews.', 'duration': 133.812, 'highlights': ['The Slider Revolution plugin has more than 2 million active installs, 340,000 sales, and 9,000 positive reviews, making it a popular choice for creating sliders. (Relevance: 5)', 'The tutorial will cover five simple steps, including creating sliders from scratch, modifying templates, adding visual effects, understanding general settings, and exploring advanced features. (Relevance: 4)', 'The tutorial will demonstrate how to add visual effects like the paintbrush effect and the snow effect to sliders using the Slider Revolution plugin. (Relevance: 3)', 'The chapter emphasizes the importance of understanding general settings and how they can help in designing sliders. (Relevance: 2)', 'The tutorial will also cover advanced features such as animation and key frames for customizing the appearance of sliders. (Relevance: 1)']}], 'duration': 191.459, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro529.jpg', 'highlights': ['The Slider Revolution plugin has more than 2 million active installs, 340,000 sales, and 9,000 positive reviews, making it a popular choice for creating sliders.', 'The plugin comes with more than 200 templates, providing users with a wide variety of options to start from.', 'The Slider Evolution plugin for WordPress offers incredible features like paintbrush effect, library of objects, images, and video backgrounds, 200+ templates, and beautiful animations, all showcased in the video.', 'The tutorial will cover five simple steps, including creating sliders from scratch, modifying templates, adding visual effects, understanding general settings, and exploring advanced features.', 'The tutorial will demonstrate how to add visual effects like the paintbrush effect and the snow effect to sliders using the Slider Revolution plugin.', 'The chapter emphasizes the importance of understanding general settings and how they can help in designing sliders.', 'The tutorial will also cover advanced features such as animation and key frames for customizing the appearance of sliders.']}, {'end': 1333.005, 'segs': [{'end': 218.276, 'src': 'embed', 'start': 192.008, 'weight': 0, 'content': [{'end': 197.71, 'text': "I don't know why they do that You'll have to buy a license for, if you want, the add-ons, the templates and other things.", 'start': 192.008, 'duration': 5.702}, {'end': 203.272, 'text': "So go ahead and purchase this plug-in and then I'll go ahead and meet you on the WordPress dashboard.", 'start': 197.71, 'duration': 5.562}, {'end': 208.433, 'text': 'Alright, so this is the back end of the plug-in and to get here to simply click on the slider revolution plug-in,', 'start': 203.272, 'duration': 5.161}, {'end': 210.834, 'text': 'after you go to Plugins and add new and upload it.', 'start': 208.433, 'duration': 2.401}, {'end': 218.276, 'text': 'obviously now, once you actually upload it, You can go right here to activation, and this is where you can copy and paste your purchase code.', 'start': 210.834, 'duration': 7.442}], 'summary': 'Purchase license for plug-in, upload to wordpress, activate with purchase code.', 'duration': 26.268, 'max_score': 192.008, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro192008.jpg'}, {'end': 370.174, 'src': 'heatmap', 'start': 226.005, 'weight': 0.955, 'content': [{'end': 229.449, 'text': "So now that I've showed you all that, let's go ahead and make our first slider from scratch.", 'start': 226.005, 'duration': 3.444}, {'end': 231.813, 'text': 'So right here, click on New Blank Module.', 'start': 229.99, 'duration': 1.823}, {'end': 237.027, 'text': 'All right, loading the content.', 'start': 236.107, 'duration': 0.92}, {'end': 238.228, 'text': 'Here, click on Start Guide.', 'start': 237.207, 'duration': 1.021}, {'end': 242.589, 'text': 'Now, all this stuff you can change a little later, but for right now, click on Scene.', 'start': 239.228, 'duration': 3.361}, {'end': 247.591, 'text': 'So Scene is basically just a full width image in the background, and the slider is just multiple of those.', 'start': 242.669, 'duration': 4.922}, {'end': 248.911, 'text': "So they're basically the same thing.", 'start': 247.691, 'duration': 1.22}, {'end': 250.472, 'text': 'So right here, click on Next Step.', 'start': 249.051, 'duration': 1.421}, {'end': 253.613, 'text': 'Now we have full width, full screen, and auto.', 'start': 251.252, 'duration': 2.361}, {'end': 255.734, 'text': 'So you can change all of these at any time.', 'start': 253.673, 'duration': 2.061}, {'end': 258.976, 'text': 'But for right now, just click on full screen and go to next step.', 'start': 256.154, 'duration': 2.822}, {'end': 266.44, 'text': "And right here, we're going to do intelligent inheriting, which basically will automatically resize depending on what device people are visiting on.", 'start': 259.696, 'duration': 6.744}, {'end': 268.481, 'text': 'So right here, click on go to editor.', 'start': 266.5, 'duration': 1.981}, {'end': 275.908, 'text': 'Alright. so the first thing you probably want to do is you want to add in a background image, you want to add in a color or you want to add in a video.', 'start': 269.381, 'duration': 6.527}, {'end': 280.713, 'text': 'And this plugin actually has many object libraries that we can choose from.', 'start': 276.368, 'duration': 4.345}, {'end': 283.676, 'text': 'So right here on the top right, click on this icon right here.', 'start': 281.153, 'duration': 2.523}, {'end': 286.759, 'text': "And now you'll see that we have this right here.", 'start': 284.276, 'duration': 2.483}, {'end': 288.881, 'text': 'So background, and we have type.', 'start': 286.859, 'duration': 2.022}, {'end': 292.465, 'text': 'So if you want to add in a basic color right here, just click on color.', 'start': 289.502, 'duration': 2.963}, {'end': 295.573, 'text': 'And right here under background color, you can click on this.', 'start': 293.251, 'duration': 2.322}, {'end': 298.134, 'text': 'And now you can see that we have different options.', 'start': 296.353, 'duration': 1.781}, {'end': 299.715, 'text': 'So you can kind of mess around with these colors.', 'start': 298.154, 'duration': 1.561}, {'end': 302.737, 'text': 'You can also control the opacity of the color as well.', 'start': 300.176, 'duration': 2.561}, {'end': 307.16, 'text': 'If you want to add in a special gradient color, you can click on this right here.', 'start': 303.538, 'duration': 3.622}, {'end': 310.462, 'text': 'And now you can add in gradient colors to your background.', 'start': 307.74, 'duration': 2.722}, {'end': 313.224, 'text': 'So you can kind of mess around with this and see.', 'start': 310.702, 'duration': 2.522}, {'end': 317.073, 'text': 'And you can also change the gradient style, like the degree, the angle of it.', 'start': 313.712, 'duration': 3.361}, {'end': 321.154, 'text': 'You can control the strength of it as well by messing around with it, et cetera.', 'start': 317.093, 'duration': 4.061}, {'end': 325.736, 'text': 'So this is basically how you can add in colors and gradients to your backgrounds.', 'start': 321.675, 'duration': 4.061}, {'end': 327.656, 'text': "So right here, I'll click on Close.", 'start': 326.336, 'duration': 1.32}, {'end': 330.517, 'text': "Now let's just say, for instance, you want to use a video.", 'start': 328.237, 'duration': 2.28}, {'end': 332.478, 'text': 'And this is a really cool feature.', 'start': 330.637, 'duration': 1.841}, {'end': 337.98, 'text': 'So right here where it says Object Library, if you click on that, you can actually use their videos.', 'start': 332.538, 'duration': 5.442}, {'end': 342.284, 'text': 'So right here for instance we have this girl and you can get a preview of it.', 'start': 338.8, 'duration': 3.484}, {'end': 347.409, 'text': "Now I'll be honest when you install this plugin it might be a little laggy and a little glitchy.", 'start': 342.784, 'duration': 4.625}, {'end': 355.557, 'text': 'I know guys I know this plugin can be very slow and laggy sometimes so just bear with me here.', 'start': 348.009, 'duration': 7.548}, {'end': 357.499, 'text': "But right here I'll just click on this girl.", 'start': 356.017, 'duration': 1.482}, {'end': 360.692, 'text': 'And now this is my new slider.', 'start': 359.292, 'duration': 1.4}, {'end': 365.573, 'text': 'Now, if you want to see this, play right here, click on preview on the bottom, right right here,', 'start': 361.132, 'duration': 4.441}, {'end': 370.174, 'text': 'and this will give you an image of what people will see when they visit your websites.', 'start': 365.573, 'duration': 4.601}], 'summary': 'Creating a slider with background options including color, gradient, and video from plugin libraries.', 'duration': 144.169, 'max_score': 226.005, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro226005.jpg'}, {'end': 258.976, 'src': 'embed', 'start': 229.99, 'weight': 1, 'content': [{'end': 231.813, 'text': 'So right here, click on New Blank Module.', 'start': 229.99, 'duration': 1.823}, {'end': 237.027, 'text': 'All right, loading the content.', 'start': 236.107, 'duration': 0.92}, {'end': 238.228, 'text': 'Here, click on Start Guide.', 'start': 237.207, 'duration': 1.021}, {'end': 242.589, 'text': 'Now, all this stuff you can change a little later, but for right now, click on Scene.', 'start': 239.228, 'duration': 3.361}, {'end': 247.591, 'text': 'So Scene is basically just a full width image in the background, and the slider is just multiple of those.', 'start': 242.669, 'duration': 4.922}, {'end': 248.911, 'text': "So they're basically the same thing.", 'start': 247.691, 'duration': 1.22}, {'end': 250.472, 'text': 'So right here, click on Next Step.', 'start': 249.051, 'duration': 1.421}, {'end': 253.613, 'text': 'Now we have full width, full screen, and auto.', 'start': 251.252, 'duration': 2.361}, {'end': 255.734, 'text': 'So you can change all of these at any time.', 'start': 253.673, 'duration': 2.061}, {'end': 258.976, 'text': 'But for right now, just click on full screen and go to next step.', 'start': 256.154, 'duration': 2.822}], 'summary': 'Tutorial on creating full width images in a module, with options to change later.', 'duration': 28.986, 'max_score': 229.99, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro229990.jpg'}, {'end': 337.98, 'src': 'embed', 'start': 307.74, 'weight': 2, 'content': [{'end': 310.462, 'text': 'And now you can add in gradient colors to your background.', 'start': 307.74, 'duration': 2.722}, {'end': 313.224, 'text': 'So you can kind of mess around with this and see.', 'start': 310.702, 'duration': 2.522}, {'end': 317.073, 'text': 'And you can also change the gradient style, like the degree, the angle of it.', 'start': 313.712, 'duration': 3.361}, {'end': 321.154, 'text': 'You can control the strength of it as well by messing around with it, et cetera.', 'start': 317.093, 'duration': 4.061}, {'end': 325.736, 'text': 'So this is basically how you can add in colors and gradients to your backgrounds.', 'start': 321.675, 'duration': 4.061}, {'end': 327.656, 'text': "So right here, I'll click on Close.", 'start': 326.336, 'duration': 1.32}, {'end': 330.517, 'text': "Now let's just say, for instance, you want to use a video.", 'start': 328.237, 'duration': 2.28}, {'end': 332.478, 'text': 'And this is a really cool feature.', 'start': 330.637, 'duration': 1.841}, {'end': 337.98, 'text': 'So right here where it says Object Library, if you click on that, you can actually use their videos.', 'start': 332.538, 'duration': 5.442}], 'summary': 'Add gradient colors and videos to backgrounds for a dynamic visual experience.', 'duration': 30.24, 'max_score': 307.74, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro307740.jpg'}, {'end': 499.973, 'src': 'embed', 'start': 471.271, 'weight': 3, 'content': [{'end': 473.292, 'text': 'And now we can use these images instead.', 'start': 471.271, 'duration': 2.021}, {'end': 476.632, 'text': 'So they have tons of images you can use for your background.', 'start': 473.812, 'duration': 2.82}, {'end': 478.793, 'text': 'They also have different categories as well.', 'start': 476.712, 'duration': 2.081}, {'end': 481.175, 'text': 'and they also have objects as well.', 'start': 479.233, 'duration': 1.942}, {'end': 487.581, 'text': "so later on, when we talk about animation, I'll show you how you can kind of animate stuff on your slider as well.", 'start': 481.175, 'duration': 6.406}, {'end': 492.005, 'text': "but for right now, go to images, and I'm going to use this one right here.", 'start': 487.581, 'duration': 4.424}, {'end': 493.587, 'text': 'so this is the size.', 'start': 492.005, 'duration': 1.582}, {'end': 497.17, 'text': 'so extra small, small, medium, large and original size.', 'start': 493.587, 'duration': 3.583}, {'end': 498.792, 'text': 'I just want the original size.', 'start': 497.17, 'duration': 1.622}, {'end': 499.973, 'text': "so right here I'll click on.", 'start': 498.792, 'duration': 1.181}], 'summary': 'Platform offers various images for backgrounds and objects, with options for different sizes.', 'duration': 28.702, 'max_score': 471.271, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro471271.jpg'}, {'end': 688.277, 'src': 'heatmap', 'start': 551.055, 'weight': 0.947, 'content': [{'end': 556.34, 'text': "And then for the alt attributes, I'll go ahead and put custom and I'll just say something like a leg workout.", 'start': 551.055, 'duration': 5.285}, {'end': 560.243, 'text': 'Now this is important because this is good for SEO.', 'start': 558.021, 'duration': 2.222}, {'end': 565.347, 'text': 'It tells Google what this image is so they properly know how to rank it and index it, et cetera.', 'start': 560.303, 'duration': 5.044}, {'end': 571.332, 'text': "So now that I've done that right there, I'll just change this right here to cover and click on save.", 'start': 566.128, 'duration': 5.204}, {'end': 576.076, 'text': "So now let's go ahead and just take a quick preview of what this looks like right here.", 'start': 572.253, 'duration': 3.823}, {'end': 576.657, 'text': 'So preview.', 'start': 576.176, 'duration': 0.481}, {'end': 579.965, 'text': 'And very simple.', 'start': 578.724, 'duration': 1.241}, {'end': 583.409, 'text': "Perfect Next, let's go ahead and add in some text.", 'start': 580.646, 'duration': 2.763}, {'end': 586.291, 'text': 'So right here in add layer, we have this right here.', 'start': 583.809, 'duration': 2.482}, {'end': 589.394, 'text': 'Now we have quick style headline and quick style content.', 'start': 586.672, 'duration': 2.722}, {'end': 593.798, 'text': 'So quick style headline is just basically a headline for your slider right here.', 'start': 589.834, 'duration': 3.964}, {'end': 599.303, 'text': "So I'll just go ahead and grab this one right here and I'll place it right here.", 'start': 594.619, 'duration': 4.684}, {'end': 602.346, 'text': 'Now, right here, we have like shadow.', 'start': 600.444, 'duration': 1.902}, {'end': 603.487, 'text': 'You have other options.', 'start': 602.366, 'duration': 1.121}, {'end': 607.191, 'text': "you know, something that I don't really want to use.", 'start': 604.81, 'duration': 2.381}, {'end': 609.332, 'text': "I don't really want to add in a shadow for it.", 'start': 607.271, 'duration': 2.061}, {'end': 610.853, 'text': "So I'll close that.", 'start': 610.073, 'duration': 0.78}, {'end': 613.875, 'text': "Now right here, we'll go ahead and we have these options right here.", 'start': 611.414, 'duration': 2.461}, {'end': 619.278, 'text': "So let's say, for example, you want to go ahead and put in something like the best gym ever.", 'start': 613.975, 'duration': 5.303}, {'end': 622.019, 'text': 'Best gym ever.', 'start': 621.159, 'duration': 0.86}, {'end': 625.701, 'text': 'Now right here, you can even add in an icon.', 'start': 623.88, 'duration': 1.821}, {'end': 627.842, 'text': 'So you can add an icon to your text.', 'start': 625.821, 'duration': 2.021}, {'end': 629.243, 'text': "So here I'll put in a little heart.", 'start': 628.063, 'duration': 1.18}, {'end': 632.465, 'text': "Now right here, I'll click on size and position.", 'start': 630.104, 'duration': 2.361}, {'end': 635.973, 'text': "I'll center this, I want the text centered.", 'start': 633.851, 'duration': 2.122}, {'end': 639.635, 'text': "Now we need to change the position of this, because we don't really know.", 'start': 636.373, 'duration': 3.262}, {'end': 641.457, 'text': "you can see how it's kind of like.", 'start': 639.635, 'duration': 1.822}, {'end': 642.818, 'text': "it's not in the correct position.", 'start': 641.457, 'duration': 1.361}, {'end': 643.739, 'text': "we don't know where to put it.", 'start': 642.818, 'duration': 0.921}, {'end': 645.58, 'text': 'So we can go ahead and control that.', 'start': 644.259, 'duration': 1.321}, {'end': 651.765, 'text': 'So right here, click on size and position, alignment in the center, and I want it in the middle of the screen.', 'start': 645.6, 'duration': 6.165}, {'end': 654.853, 'text': "So now it's actually center aligned properly.", 'start': 653.032, 'duration': 1.821}, {'end': 660.395, 'text': 'Now, the next thing we want to do is we probably want to add an overlay to this,', 'start': 655.273, 'duration': 5.122}, {'end': 665.818, 'text': "because I really can't see this text too well when it's displayed like this, because the white background kind of kills it.", 'start': 660.395, 'duration': 5.423}, {'end': 667.618, 'text': "So I'll go ahead and replace it back.", 'start': 666.318, 'duration': 1.3}, {'end': 673.261, 'text': 'Now to add an overlay, click on add a layer and then we go to shape.', 'start': 668.179, 'duration': 5.082}, {'end': 677.543, 'text': "Now the shape right here, we're gonna go ahead and adjust this.", 'start': 674.441, 'duration': 3.102}, {'end': 679.063, 'text': 'So we have size presets.', 'start': 677.803, 'duration': 1.26}, {'end': 684.896, 'text': 'So we can do something like cover as well And I want this covered over the scene.', 'start': 679.924, 'duration': 4.972}, {'end': 686.656, 'text': 'Now I believe the correct one is full width.', 'start': 684.916, 'duration': 1.74}, {'end': 688.277, 'text': "So we'll have to come back and adjust that.", 'start': 686.916, 'duration': 1.361}], 'summary': 'Optimizing images for seo, adding text and overlay to enhance visibility and user experience.', 'duration': 137.222, 'max_score': 551.055, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro551055.jpg'}, {'end': 826.011, 'src': 'heatmap', 'start': 777.323, 'weight': 0.773, 'content': [{'end': 779.765, 'text': "So once we've done that, we can add in also a button.", 'start': 777.323, 'duration': 2.442}, {'end': 783.308, 'text': 'So right here, add a layer and put in a button right here.', 'start': 780.005, 'duration': 3.303}, {'end': 786.59, 'text': "And I'll grab, let's see which one, I'll grab this one right here.", 'start': 784.089, 'duration': 2.501}, {'end': 788.412, 'text': 'And we will drag it.', 'start': 787.651, 'duration': 0.761}, {'end': 790.651, 'text': 'Close this.', 'start': 790.151, 'duration': 0.5}, {'end': 792.993, 'text': 'And again, make sure that this is center align.', 'start': 791.132, 'duration': 1.861}, {'end': 799.856, 'text': 'Now, one thing I also want to talk about too is right here, click on content, click on the title.', 'start': 794.914, 'duration': 4.942}, {'end': 802.798, 'text': "So right here, there's a toggle button I didn't really talk about too much.", 'start': 800.257, 'duration': 2.541}, {'end': 814.144, 'text': "The toggle is when someone clicks on this, what do you want it to display? So for example, it puts, are you ready? I'll click on save.", 'start': 803.198, 'duration': 10.946}, {'end': 816.746, 'text': "And then we'll go to preview.", 'start': 815.805, 'duration': 0.941}, {'end': 820.249, 'text': 'All right, so best shim ever.', 'start': 819.229, 'duration': 1.02}, {'end': 826.011, 'text': "Now, if I click on this, it should say, are you ready? Let's try one more time.", 'start': 820.89, 'duration': 5.121}], 'summary': 'Adding a button and toggle feature for content display in a design tool demonstration.', 'duration': 48.688, 'max_score': 777.323, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro777323.jpg'}, {'end': 1018.176, 'src': 'heatmap', 'start': 914.063, 'weight': 4, 'content': [{'end': 919.873, 'text': 'So, right here, under actions, We have a simple link, which is basically what you probably want to do, right?', 'start': 914.063, 'duration': 5.81}, {'end': 923.195, 'text': "So let's say, for instance, you want them to go to your contact page.", 'start': 919.933, 'duration': 3.262}, {'end': 924.715, 'text': 'You would enter your contact page.', 'start': 923.275, 'duration': 1.44}, {'end': 927.356, 'text': 'So link URL, just put in your website.', 'start': 924.735, 'duration': 2.621}, {'end': 931.038, 'text': "I'll just put in whatever you wanna add in.", 'start': 927.376, 'duration': 3.662}, {'end': 932.198, 'text': "I'll just put in my website right here.", 'start': 931.058, 'duration': 1.14}, {'end': 935.86, 'text': 'And you want to take them to a same window, a new window.', 'start': 933.259, 'duration': 2.601}, {'end': 942.623, 'text': "And do you want this to be a follow link or a no follow link? If you're not familiar with it, guys, just put no follow.", 'start': 936.88, 'duration': 5.743}, {'end': 945.064, 'text': 'It relates to SEO and link juice.', 'start': 942.723, 'duration': 2.341}, {'end': 947.866, 'text': "So just leave it as no follow if you're not familiar.", 'start': 945.324, 'duration': 2.542}, {'end': 949.827, 'text': "So that's about it.", 'start': 949.186, 'duration': 0.641}, {'end': 952.908, 'text': "I'll click on check and we'll click on save.", 'start': 950.707, 'duration': 2.201}, {'end': 955.59, 'text': "So I've made this right here.", 'start': 954.329, 'duration': 1.261}, {'end': 957.231, 'text': "Now let's go ahead and test it.", 'start': 956.11, 'duration': 1.121}, {'end': 959.372, 'text': "Let's go ahead and see how this looks on the front end.", 'start': 957.251, 'duration': 2.121}, {'end': 961.733, 'text': "So let's go ahead and add this to our website.", 'start': 960.072, 'duration': 1.661}, {'end': 963.454, 'text': 'So click on this gear icon right here.', 'start': 961.773, 'duration': 1.681}, {'end': 965.879, 'text': "We'll go ahead and copy this short code.", 'start': 964.497, 'duration': 1.382}, {'end': 969.184, 'text': "Now we're going to go ahead and put this on our website.", 'start': 966.38, 'duration': 2.804}, {'end': 974.872, 'text': "So over here, let's see, wait, we click on the back right here and this takes us back to the website.", 'start': 969.444, 'duration': 5.428}, {'end': 978.136, 'text': "So now let's go to pages and go ahead and go to one of your pages.", 'start': 975.132, 'duration': 3.004}, {'end': 985.223, 'text': "Now, if you're using Elementor, you can just make a text module or make a shortcode module and you can go ahead and paste it in there.", 'start': 978.617, 'duration': 6.606}, {'end': 990.165, 'text': "If you're using Divi, you can use the text module or you can use the shortcode module.", 'start': 985.623, 'duration': 4.542}, {'end': 997.209, 'text': "However, for both page builders, if you use a text module, make sure you're using it in the text tab, not the visual tab,", 'start': 990.506, 'duration': 6.703}, {'end': 999.471, 'text': 'or else the image will not display.', 'start': 997.209, 'duration': 2.262}, {'end': 1004.713, 'text': "So right here, I'll just go ahead and paste this there and I'll click on update.", 'start': 1000.391, 'duration': 4.322}, {'end': 1007.175, 'text': "Now I'll click on view the page.", 'start': 1006.074, 'duration': 1.101}, {'end': 1010.48, 'text': 'And there you go.', 'start': 1009.838, 'duration': 0.642}, {'end': 1012.424, 'text': 'So there is my slider.', 'start': 1010.72, 'duration': 1.704}, {'end': 1018.176, 'text': "And if I click on this, are you ready? And if I click here, it'll take me to my website, darylwilson.com.", 'start': 1012.664, 'duration': 5.512}], 'summary': 'Demonstration of adding a link to a website using short codes and page builders, emphasizing the importance of using a text module in the text tab for proper display.', 'duration': 104.113, 'max_score': 914.063, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro914063.jpg'}, {'end': 1106.914, 'src': 'heatmap', 'start': 1050.367, 'weight': 6, 'content': [{'end': 1052.829, 'text': "So now let's kind of dig into some more features that they have.", 'start': 1050.367, 'duration': 2.462}, {'end': 1056.471, 'text': 'So right here under add layer, we have all of these items right here.', 'start': 1052.909, 'duration': 3.562}, {'end': 1060.553, 'text': 'So we have shape, video, audio, icons, rows, groups.', 'start': 1056.531, 'duration': 4.022}, {'end': 1063.455, 'text': 'And here we have the layer library.', 'start': 1060.633, 'duration': 2.822}, {'end': 1064.295, 'text': 'So I want to click on that.', 'start': 1063.475, 'duration': 0.82}, {'end': 1066.377, 'text': 'And now we have these templates.', 'start': 1065.136, 'duration': 1.241}, {'end': 1069.038, 'text': "And these templates, they're already created with design.", 'start': 1066.417, 'duration': 2.621}, {'end': 1070.579, 'text': 'They already have everything for us.', 'start': 1069.078, 'duration': 1.501}, {'end': 1072.3, 'text': "So let's go ahead and just grab one.", 'start': 1071.059, 'duration': 1.241}, {'end': 1076.743, 'text': "I'm going to grab this one right here, this Michael Blake.", 'start': 1072.32, 'duration': 4.423}, {'end': 1081.989, 'text': 'Now here I want to go ahead and delete these other ones.', 'start': 1079.989, 'duration': 2}, {'end': 1083.69, 'text': "So I don't really want these other ones no more.", 'start': 1082.029, 'duration': 1.661}, {'end': 1087.17, 'text': 'So I can go ahead and click on this right here, press Delete.', 'start': 1084.21, 'duration': 2.96}, {'end': 1090.711, 'text': 'Right here again, I can click on Delete.', 'start': 1088.691, 'duration': 2.02}, {'end': 1098.252, 'text': 'Now right here I have this one right here and I want to make this just a little bit bigger and something like that.', 'start': 1090.851, 'duration': 7.401}, {'end': 1100.112, 'text': 'Maybe also we can change this text.', 'start': 1098.392, 'duration': 1.72}, {'end': 1106.914, 'text': 'Remember up here, go to Style and we can change the color of this text to something like white to make it a little bit more visual.', 'start': 1100.373, 'duration': 6.541}], 'summary': 'Demonstrating how to use templates to create designs and customize elements.', 'duration': 56.547, 'max_score': 1050.367, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro1050367.jpg'}, {'end': 1159.946, 'src': 'embed', 'start': 1131.015, 'weight': 5, 'content': [{'end': 1134.576, 'text': 'So this will really help speed up the process of making something.', 'start': 1131.015, 'duration': 3.561}, {'end': 1136.637, 'text': 'They already have templates and also they have two pages.', 'start': 1134.596, 'duration': 2.041}, {'end': 1137.697, 'text': "So don't forget right here.", 'start': 1136.797, 'duration': 0.9}, {'end': 1139.398, 'text': 'They have two pages.', 'start': 1138.558, 'duration': 0.84}, {'end': 1144.84, 'text': 'So this is just another way on how you can really speed up the process of making a slider.', 'start': 1139.758, 'duration': 5.082}, {'end': 1146.681, 'text': "So let's just grab this one right here really quick.", 'start': 1144.88, 'duration': 1.801}, {'end': 1152.123, 'text': 'All right, so again, right here, I want to go ahead and delete this one.', 'start': 1148.742, 'duration': 3.381}, {'end': 1153.903, 'text': 'Click on this, delete it.', 'start': 1152.523, 'duration': 1.38}, {'end': 1156.764, 'text': "And then we'll just see what the animation does.", 'start': 1154.764, 'duration': 2}, {'end': 1159.946, 'text': "I don't even know what this animation does yet, but right here, I'll just drag it.", 'start': 1157.045, 'duration': 2.901}], 'summary': 'Using templates and two pages can speed up slider creation process.', 'duration': 28.931, 'max_score': 1131.015, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro1131015.jpg'}, {'end': 1243.109, 'src': 'embed', 'start': 1215.988, 'weight': 7, 'content': [{'end': 1222.213, 'text': 'can change the letter spacing, which is how far the letters are in between, and so on and so forth.', 'start': 1215.988, 'duration': 6.225}, {'end': 1227.257, 'text': "here we have the advanced styling, so this, personally, i don't think you'll use too much, maybe, except for the box shadows,", 'start': 1222.213, 'duration': 5.044}, {'end': 1229.019, 'text': 'which you can add a box shadow to it.', 'start': 1227.257, 'duration': 1.762}, {'end': 1235.944, 'text': 'however, if you want to change the angle of this, you can go ahead and say i want this to be a 45 degree angle and this to be a 43 degree angle,', 'start': 1229.019, 'duration': 6.925}, {'end': 1236.785, 'text': 'something like that.', 'start': 1235.944, 'duration': 0.841}, {'end': 1243.109, 'text': "i'm not really sure when and where you would use that, but that's just an example of what you can use Right here box shadows.", 'start': 1236.785, 'duration': 6.324}], 'summary': 'The advanced styling includes adding box shadows and changing angles, though they may not be frequently used.', 'duration': 27.121, 'max_score': 1215.988, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro1215988.jpg'}], 'start': 192.008, 'title': 'Creating and customizing sliders for wordpress websites', 'summary': 'Covers creating sliders with slider revolution, adding images, videos, and templates, and customizing the sliders for visual appeal and interactivity.', 'chapters': [{'end': 394.486, 'start': 192.008, 'title': 'Creating sliders with slider revolution', 'summary': 'Discusses how to use the slider revolution plugin to create sliders in wordpress, covering steps such as purchasing the plugin, accessing premade templates and add-ons, and adding background images, colors, gradients, and videos to the sliders.', 'duration': 202.478, 'highlights': ['Purchasing & accessing plugin features To access premade templates, premium add-ons, images, videos, icons, and premade layers, users need to purchase a license for the Slider Revolution plugin.', "Creating a slider from scratch The process of creating a slider from scratch involves steps such as clicking on 'New Blank Module', utilizing the 'Start Guide', and customizing the background, including options for full width, full screen, auto, and intelligent inheriting.", 'Customizing background with images, colors, and gradients Users can add background elements such as images, colors, and gradients, with options to adjust opacity, control the gradient style, angle, and strength, providing flexibility in customizing the sliders.', 'Utilizing video backgrounds The plugin enables users to incorporate video backgrounds from an object library, offering a feature to preview and select videos, although potential performance issues like lagginess and glitches may arise during usage.']}, {'end': 1049.467, 'start': 394.486, 'title': 'Creating image and video sliders', 'summary': 'Demonstrates how to utilize an object library to add various images and videos to a website slider, optimizing the images for seo by adding titles and alt attributes, and customizing text, buttons, and links within the slider, resulting in a visually appealing and interactive slider for the website.', 'duration': 654.981, 'highlights': ['Utilizing object library to add various images and videos to a website slider The tutorial shows how to access an object library to incorporate images and videos into a website slider, offering a wide range of categories and optimized content for selection.', 'Optimizing images for SEO by adding titles and alt attributes The tutorial emphasizes the importance of optimizing images for SEO by adding descriptive titles and alt attributes, ensuring proper indexing and ranking by search engines.', 'Customizing text, buttons, and links within the slider The tutorial provides guidance on customizing text, buttons, and links within the slider, allowing for interactive and visually appealing elements to be added to the website.']}, {'end': 1333.005, 'start': 1050.367, 'title': 'Using templates to speed up slider creation', 'summary': 'Discusses the use of pre-designed templates to speed up the process of creating a slider, including the availability of different templates, the ability to customize text and design, and the use of advanced styling options for adding shadow effects and blend modes to enhance the visual appeal of the slider.', 'duration': 282.638, 'highlights': ['The chapter discusses the use of pre-designed templates to speed up the process of creating a slider The speaker talks about utilizing pre-made templates to expedite the slider creation process, reducing the need to start from scratch.', "Availability of different templates and the ability to customize text and design The presentation mentions the availability of various templates and the option to customize text, design, and color schemes to suit the user's preferences.", 'Use of advanced styling options for adding shadow effects and blend modes to enhance the visual appeal of the slider The transcript explains the utilization of advanced styling options to add shadow effects, such as box shadows and text shadows, as well as blend modes to improve the visual appeal of the slider.']}], 'duration': 1140.997, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro192008.jpg', 'highlights': ['Purchasing & accessing plugin features To access premade templates, premium add-ons, images, videos, and icons, users need to purchase a license for the Slider Revolution plugin.', "Creating a slider from scratch involves steps such as clicking on 'New Blank Module', utilizing the 'Start Guide', and customizing the background, including options for full width, full screen, auto, and intelligent inheriting.", 'Customizing background with images, colors, and gradients, providing flexibility in customizing the sliders.', 'Utilizing object library to add various images and videos to a website slider, offering a wide range of categories and optimized content for selection.', 'Customizing text, buttons, and links within the slider, allowing for interactive and visually appealing elements to be added to the website.', 'The chapter discusses the use of pre-designed templates to speed up the process of creating a slider, reducing the need to start from scratch.', "Availability of different templates and the ability to customize text and design to suit the user's preferences.", 'Use of advanced styling options for adding shadow effects and blend modes to enhance the visual appeal of the slider.']}, {'end': 1676.408, 'segs': [{'end': 1388.398, 'src': 'embed', 'start': 1356.74, 'weight': 0, 'content': [{'end': 1357.601, 'text': "You'll understand it.", 'start': 1356.74, 'duration': 0.861}, {'end': 1359.561, 'text': "I don't really want to go into it too much.", 'start': 1357.861, 'duration': 1.7}, {'end': 1361.542, 'text': 'Next we have animation.', 'start': 1360.401, 'duration': 1.141}, {'end': 1364.323, 'text': "Now I'm going to show you how you can animate your text.", 'start': 1361.862, 'duration': 2.461}, {'end': 1366.403, 'text': 'Right here I clicked on text nine.', 'start': 1364.783, 'duration': 1.62}, {'end': 1368.584, 'text': 'Right now I want to animate this text.', 'start': 1366.603, 'duration': 1.981}, {'end': 1372.246, 'text': 'So, right now I want to say okay, how do I want this to come in from??', 'start': 1369.184, 'duration': 3.062}, {'end': 1379.652, 'text': 'So, right now we have letters flying from left side, the letters flying from the right side, letters flying from the top, etc.', 'start': 1372.386, 'duration': 7.266}, {'end': 1383.315, 'text': 'Now you can kind of go through these options and see which one you want.', 'start': 1380.112, 'duration': 3.203}, {'end': 1388.398, 'text': 'So you can kind of get an understanding of what these do just by looking at them.', 'start': 1384.135, 'duration': 4.263}], 'summary': 'Demonstration of animating text with various options.', 'duration': 31.658, 'max_score': 1356.74, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro1356740.jpg'}, {'end': 1460.154, 'src': 'embed', 'start': 1414.975, 'weight': 1, 'content': [{'end': 1415.956, 'text': "I'm sorry, I put this back.", 'start': 1414.975, 'duration': 0.981}, {'end': 1419.879, 'text': 'Now, right here, you can actually drag this more.', 'start': 1416.616, 'duration': 3.263}, {'end': 1426.063, 'text': "And right here under the duration, you can see you're controlling how slow you want this to be.", 'start': 1420.9, 'duration': 5.163}, {'end': 1427.564, 'text': "So right here, I'll click on Play again.", 'start': 1426.243, 'duration': 1.321}, {'end': 1430.989, 'text': "And now you're seeing that it's going at a much slower pace.", 'start': 1428.487, 'duration': 2.502}, {'end': 1434.01, 'text': "So that's how you can kind of control the speed of it.", 'start': 1431.309, 'duration': 2.701}, {'end': 1438.954, 'text': "Now let's just say, for instance, you want to move this text.", 'start': 1434.711, 'duration': 4.243}, {'end': 1442.736, 'text': 'Maybe you want to go ahead and adjust it, right? We can add a key frame.', 'start': 1439.134, 'duration': 3.602}, {'end': 1447.511, 'text': "So right here, I'm gonna click on this plus icon right here.", 'start': 1443.376, 'duration': 4.135}, {'end': 1449.952, 'text': 'And now this is going to add a keyframe.', 'start': 1448.172, 'duration': 1.78}, {'end': 1451.832, 'text': 'So now we have this new little thing right here.', 'start': 1449.992, 'duration': 1.84}, {'end': 1456.373, 'text': "Now what this is gonna do is that it's gonna animate this text depending on what we want it to do.", 'start': 1452.452, 'duration': 3.921}, {'end': 1460.154, 'text': "So for example, let's say I wanna move this text.", 'start': 1457.053, 'duration': 3.101}], 'summary': 'Demonstrating control over speed and text animation in video editing.', 'duration': 45.179, 'max_score': 1414.975, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro1414975.jpg'}, {'end': 1683.724, 'src': 'embed', 'start': 1656.515, 'weight': 2, 'content': [{'end': 1661.038, 'text': "So loop layer and looping is basically the act of looping animations that you've already made.", 'start': 1656.515, 'duration': 4.523}, {'end': 1663.78, 'text': "I'm not really sure when you would want to use this.", 'start': 1661.439, 'duration': 2.341}, {'end': 1671.405, 'text': 'But for example, right here, start frame, I will start the animation to number one, and I want it to loop to animation number two.', 'start': 1663.84, 'duration': 7.565}, {'end': 1674.487, 'text': 'And I can set a certain amount of time to loop it as well.', 'start': 1671.645, 'duration': 2.842}, {'end': 1676.408, 'text': 'So I want this to loop five times.', 'start': 1674.567, 'duration': 1.841}, {'end': 1680.011, 'text': "And if you want to preview it, it's going to show you what it's going to do.", 'start': 1676.508, 'duration': 3.503}, {'end': 1681.592, 'text': "So it's going to loop this five times.", 'start': 1680.111, 'duration': 1.481}, {'end': 1683.724, 'text': 'Loop it again.', 'start': 1683.223, 'duration': 0.501}], 'summary': 'Loop layer and looping enables repeating animations, set to loop five times.', 'duration': 27.209, 'max_score': 1656.515, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro1656515.jpg'}], 'start': 1333.005, 'title': 'Text animation and control', 'summary': 'Discusses animating text, controlling speed and direction, and using easing effects, with practical examples and demonstrations, focusing on key features like letter transitions and looping animations.', 'chapters': [{'end': 1676.408, 'start': 1333.005, 'title': 'Text animation and control', 'summary': 'Discusses how to animate text, control its speed and direction, and use easing effects for animations, with practical examples and demonstrations, focusing on key features like letter transitions and looping animations.', 'duration': 343.403, 'highlights': ['You can animate text by selecting options like letters flying from different directions, and control the speed and duration of the animation by adjusting settings, such as dragging the timeline and specifying the duration, allowing for a customizable animation experience.', 'You can add keyframes to animate text movements, specifying the distance and direction for the text to move, and control the speed of the animation by adjusting the timeline, providing a comprehensive method for animating text movements.', 'The chapter introduces the concept of looping animations, allowing for the repetition of specific animations for a set number of times, providing a feature for creating repetitive animated sequences for text or objects.', 'Easing effects can be applied to animations by selecting from a list of easing styles, providing a way to customize the acceleration and deceleration of the animated text, enabling users to fine-tune the visual impact of the animations.']}], 'duration': 343.403, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro1333005.jpg', 'highlights': ['You can animate text with customizable options and control speed and duration for a personalized animation experience.', 'Keyframes allow specifying text movements and controlling animation speed, providing a comprehensive method for animating text.', 'Looping animations feature enables the repetition of specific animations for creating repetitive animated sequences.', 'Easing effects customization allows fine-tuning the acceleration and deceleration of animated text.']}, {'end': 2010.485, 'segs': [{'end': 1705.945, 'src': 'embed', 'start': 1676.508, 'weight': 6, 'content': [{'end': 1680.011, 'text': "And if you want to preview it, it's going to show you what it's going to do.", 'start': 1676.508, 'duration': 3.503}, {'end': 1681.592, 'text': "So it's going to loop this five times.", 'start': 1680.111, 'duration': 1.481}, {'end': 1683.724, 'text': 'Loop it again.', 'start': 1683.223, 'duration': 0.501}, {'end': 1687.288, 'text': "So you kind of understand what it's doing here.", 'start': 1683.744, 'duration': 3.544}, {'end': 1692.235, 'text': "I don't really know when you'd want to use this, but I'm just giving you an example of what this does.", 'start': 1687.308, 'duration': 4.927}, {'end': 1693.516, 'text': "So that's basically what it does.", 'start': 1692.315, 'duration': 1.201}, {'end': 1694.798, 'text': "Let's go to hover.", 'start': 1694.037, 'duration': 0.761}, {'end': 1696.66, 'text': "Let's go to something that makes a little bit more sense here.", 'start': 1694.818, 'duration': 1.842}, {'end': 1698.423, 'text': 'So I want to enable this.', 'start': 1696.7, 'duration': 1.723}, {'end': 1700.804, 'text': 'Now when someone hovers over something.', 'start': 1699.023, 'duration': 1.781}, {'end': 1705.945, 'text': 'so, for example, when someone hovers over this right here, do you want the cursor to change??', 'start': 1700.804, 'duration': 5.141}], 'summary': 'Demo involves looping 5 times, enabling hover effect, and changing cursor.', 'duration': 29.437, 'max_score': 1676.508, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro1676508.jpg'}, {'end': 1739.519, 'src': 'embed', 'start': 1712.887, 'weight': 0, 'content': [{'end': 1717.529, 'text': "So right here, you can see now there's a crosshair instead of the actual cursor.", 'start': 1712.887, 'duration': 4.642}, {'end': 1718.79, 'text': 'the mouse.', 'start': 1718.41, 'duration': 0.38}, {'end': 1721.091, 'text': "So that's an example of how you can use the crosshair.", 'start': 1719.17, 'duration': 1.921}, {'end': 1726.393, 'text': "Point events, pointer events, that's basically the act of.", 'start': 1722.011, 'duration': 4.382}, {'end': 1730.635, 'text': "So when you go over it, that's basically when it's going to adjust the crosshair.", 'start': 1726.493, 'duration': 4.142}, {'end': 1732.976, 'text': 'Hover transformation.', 'start': 1731.195, 'duration': 1.781}, {'end': 1739.519, 'text': "you know I'm not going to go into this, because this is just basically when I hover over this, do you want this to start skewing to the left??", 'start': 1732.976, 'duration': 6.543}], 'summary': 'Demonstration of using crosshair and hover transformation in pointer events.', 'duration': 26.632, 'max_score': 1712.887, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro1712887.jpg'}, {'end': 1798.737, 'src': 'embed', 'start': 1770.781, 'weight': 1, 'content': [{'end': 1776.304, 'text': "Now, most of us know that when you want to use parallax, usually you're setting the background of the image right?", 'start': 1770.781, 'duration': 5.523}, {'end': 1781.947, 'text': "So, in order to change that, you're gonna click on this icon right up here And you'll click on on scroll.", 'start': 1776.384, 'duration': 5.563}, {'end': 1785.509, 'text': "Now we're actually controlling the parallax for the actual background.", 'start': 1782.407, 'duration': 3.102}, {'end': 1788.691, 'text': 'This is probably where most of us are used to setting parallax.', 'start': 1785.829, 'duration': 2.862}, {'end': 1793.894, 'text': 'So for example, right here, I want to select the parallax effect to around 50%.', 'start': 1789.171, 'duration': 4.723}, {'end': 1795.015, 'text': "I'll go ahead and save that.", 'start': 1793.894, 'duration': 1.121}, {'end': 1798.737, 'text': "Now go to my website right here, and I'll click on refresh.", 'start': 1796.075, 'duration': 2.662}], 'summary': 'The speaker demonstrates setting a 50% parallax effect on the website background.', 'duration': 27.956, 'max_score': 1770.781, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro1770781.jpg'}, {'end': 1926.168, 'src': 'embed', 'start': 1896.778, 'weight': 2, 'content': [{'end': 1904.02, 'text': 'So now you can see how the actual text is starting to actually come into play, and the text has a very big parallax right there.', 'start': 1896.778, 'duration': 7.242}, {'end': 1908.056, 'text': "So that's what happens when you add parallax to the text.", 'start': 1905.134, 'duration': 2.922}, {'end': 1914.6, 'text': 'Now you can also add different animations, you know, you can add a scroll based, you can also do a filter effect scroll base.', 'start': 1908.636, 'duration': 5.964}, {'end': 1918.863, 'text': "Now we'll talk more about this a little bit later when we go to the advanced section.", 'start': 1915, 'duration': 3.863}, {'end': 1926.168, 'text': "But basically, depending on if we scroll down, we can have the text animate in a certain manner, you might not understand what I'm saying right now.", 'start': 1919.423, 'duration': 6.745}], 'summary': 'Adding parallax and animations to text for visual effects.', 'duration': 29.39, 'max_score': 1896.778, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro1896778.jpg'}, {'end': 2010.485, 'src': 'embed', 'start': 1970.414, 'weight': 4, 'content': [{'end': 1977.099, 'text': 'And for example, we can do jump to the next slide, which we will go ahead and just simply jump to the next slide, such as the next slide.', 'start': 1970.414, 'duration': 6.685}, {'end': 1980.282, 'text': 'And we can also jump to previous slides we created.', 'start': 1977.54, 'duration': 2.742}, {'end': 1983.644, 'text': "And we'll do that again a little bit later when we talk about the template library.", 'start': 1980.642, 'duration': 3.002}, {'end': 1987.006, 'text': 'So you can choose which slide you want this to go to.', 'start': 1983.704, 'duration': 3.302}, {'end': 1987.447, 'text': 'All right.', 'start': 1987.026, 'duration': 0.421}, {'end': 1990.03, 'text': "That's basically actions in a nutshell.", 'start': 1988.027, 'duration': 2.003}, {'end': 1991.331, 'text': "It's pretty self-explanatory.", 'start': 1990.19, 'duration': 1.141}, {'end': 1994.255, 'text': 'You can just go through these and mess around with this a little bit.', 'start': 1991.912, 'duration': 2.343}, {'end': 1998.72, 'text': 'The responsitivity, is that how you pronounce it? Responsitivity.', 'start': 1995.076, 'duration': 3.644}, {'end': 2005.068, 'text': 'Remember earlier how we had those settings and I said you can change them at any time? This is where you can change them at any time.', 'start': 1998.74, 'duration': 6.328}, {'end': 2010.485, 'text': 'This is something that you can go with, or go mess around with.', 'start': 2006.84, 'duration': 3.645}], 'summary': 'The presentation software allows jumping between slides and adjusting settings at any time.', 'duration': 40.071, 'max_score': 1970.414, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro1970414.jpg'}], 'start': 1676.508, 'title': 'Css hover and parallax effects', 'summary': 'Delves into creating hover effects using css, such as cursor changes and looped transformations, and designing parallax effects with background settings, scroll effects, and considerations for responsiveness.', 'chapters': [{'end': 1732.976, 'start': 1676.508, 'title': 'Css hover and pointer events', 'summary': 'Discusses using css to create hover effects, such as changing the cursor to a crosshair when hovering over an element, and looped transformations, providing examples and explanations for each.', 'duration': 56.468, 'highlights': ['The chapter demonstrates using CSS to change the cursor to a crosshair when hovering over an element, providing a practical example of hover effects.', 'It explains the concept of looped transformations using CSS, highlighting its practical application and providing an example of looping an action five times.', 'The chapter introduces the concept of pointer events in CSS and demonstrates its practical application by adjusting the cursor to a crosshair when hovering over an element.']}, {'end': 2010.485, 'start': 1732.976, 'title': 'Designing parallax effects', 'summary': 'Discusses designing parallax effects, including setting background parallax, adding scroll effects for animation, and explaining actions and responsitivity in a nutshell.', 'duration': 277.509, 'highlights': ['Setting background parallax and scroll effects The chapter explains how to set the background parallax by clicking on the icon and adjusting the parallax effect to around 50%, as well as adding scroll effects such as fade, blur, and grayscale.', 'Adding double parallax to the background and text It demonstrates how to add double parallax by applying parallax to the background and also to the text, resulting in a significant parallax effect on the text.', 'Actions for jumping to next or previous slide The chapter introduces actions such as jumping to the next or previous slide, demonstrating how to navigate between slides using these actions.', 'Responsitivity settings for making changes It explains how responsitivity settings allow users to make changes at any time, providing flexibility to adjust settings as needed.']}], 'duration': 333.977, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro1676508.jpg', 'highlights': ['The chapter demonstrates using CSS to change the cursor to a crosshair when hovering over an element, providing a practical example of hover effects.', 'Setting background parallax and scroll effects The chapter explains how to set the background parallax by clicking on the icon and adjusting the parallax effect to around 50%, as well as adding scroll effects such as fade, blur, and grayscale.', 'Adding double parallax to the background and text It demonstrates how to add double parallax by applying parallax to the background and also to the text, resulting in a significant parallax effect on the text.', 'The chapter introduces the concept of pointer events in CSS and demonstrates its practical application by adjusting the cursor to a crosshair when hovering over an element.', 'Actions for jumping to next or previous slide The chapter introduces actions such as jumping to the next or previous slide, demonstrating how to navigate between slides using these actions.', 'It explains how responsitivity settings allow users to make changes at any time, providing flexibility to adjust settings as needed.', 'It explains the concept of looped transformations using CSS, highlighting its practical application and providing an example of looping an action five times.']}, {'end': 2873.419, 'segs': [{'end': 2113.762, 'src': 'embed', 'start': 2089.331, 'weight': 0, 'content': [{'end': 2096.455, 'text': "What if I told you that we can build an entire website with the Slider Revolution plugin and not even use a page builder? Yep, we're gonna do it.", 'start': 2089.331, 'duration': 7.124}, {'end': 2099.816, 'text': "Now we're gonna make a whole website with the Slider Revolution.", 'start': 2096.795, 'duration': 3.021}, {'end': 2103.277, 'text': 'So right here under new module from templates, click there.', 'start': 2100.256, 'duration': 3.021}, {'end': 2106.099, 'text': 'And you see these ones right here where it says package.', 'start': 2103.297, 'duration': 2.802}, {'end': 2107.959, 'text': 'These are package templates.', 'start': 2106.659, 'duration': 1.3}, {'end': 2109.54, 'text': 'These right here are just modules.', 'start': 2108.179, 'duration': 1.361}, {'end': 2113.762, 'text': "So there's just one basic slider that we can use, but these have whole websites.", 'start': 2109.58, 'duration': 4.182}], 'summary': 'Build a website using slider revolution plugin without a page builder, utilizing package templates.', 'duration': 24.431, 'max_score': 2089.331, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro2089331.jpg'}, {'end': 2319.976, 'src': 'embed', 'start': 2293.463, 'weight': 2, 'content': [{'end': 2299.564, 'text': 'so, for example, if someone clicks on this, you can have another slider pop-up and that would be their pop-up.', 'start': 2293.463, 'duration': 6.101}, {'end': 2302.705, 'text': "now i'm going to use the previous slide as an example.", 'start': 2299.564, 'duration': 3.141}, {'end': 2308.446, 'text': "that's probably not the best example, because it's a full screen slider, but i'm just going to give you an example of something like that.", 'start': 2302.705, 'duration': 5.741}, {'end': 2316.374, 'text': "so let's just go and refresh this page and i will scroll down Now right here where it says buy a license.", 'start': 2308.446, 'duration': 7.928}, {'end': 2317.135, 'text': 'I will click on this.', 'start': 2316.374, 'duration': 0.761}, {'end': 2319.976, 'text': 'Now this right here is considered a pop-up.', 'start': 2317.775, 'duration': 2.201}], 'summary': 'Demonstrating pop-up behavior with clicking and scrolling on a webpage.', 'duration': 26.513, 'max_score': 2293.463, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro2293463.jpg'}, {'end': 2602.652, 'src': 'embed', 'start': 2559.838, 'weight': 1, 'content': [{'end': 2560.898, 'text': "so that's just how it goes.", 'start': 2559.838, 'duration': 1.06}, {'end': 2567.459, 'text': 'Anyways, so if you want to enable something, you click on it, you would install the add-on, and then you would activate it.', 'start': 2561.378, 'duration': 6.081}, {'end': 2569.064, 'text': 'Same right here.', 'start': 2568.504, 'duration': 0.56}, {'end': 2570.865, 'text': 'Enable Add-on.', 'start': 2569.084, 'duration': 1.781}, {'end': 2575.467, 'text': 'Now for the paintbrush to work, I highly recommend to use the Duotone with it,', 'start': 2571.245, 'duration': 4.222}, {'end': 2581.329, 'text': "because I've actually messed around with the paintbrush quite a few times and it can be very unresponsive at times.", 'start': 2575.467, 'duration': 5.862}, {'end': 2584.23, 'text': 'But when you combine it with Duotone, it actually works pretty well.', 'start': 2581.389, 'duration': 2.841}, {'end': 2586.571, 'text': 'Also, right here, we have Particle Effects.', 'start': 2584.93, 'duration': 1.641}, {'end': 2587.931, 'text': "I'll enable that Add-on.", 'start': 2587.191, 'duration': 0.74}, {'end': 2592.673, 'text': "And I have these installed, so I'll just go ahead and now modify them.", 'start': 2589.111, 'duration': 3.562}, {'end': 2596.92, 'text': 'So the add-ons can be found right here under the slide options.', 'start': 2593.513, 'duration': 3.407}, {'end': 2602.652, 'text': 'And you can see right here we have paintbrush, duotone, and also we have particle effects.', 'start': 2597.601, 'duration': 5.051}], 'summary': 'To enable add-ons, install and activate them. use duotone with paintbrush for better responsiveness. also, enable the particle effects add-on.', 'duration': 42.814, 'max_score': 2559.838, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro2559838.jpg'}, {'end': 2745.159, 'src': 'embed', 'start': 2715.768, 'weight': 5, 'content': [{'end': 2722.596, 'text': "Now, right here they're basically saying where do you want to go ahead and put in or where do you want to apply this brush?", 'start': 2715.768, 'duration': 6.828}, {'end': 2724.358, 'text': "So right here we'll click on custom image.", 'start': 2722.856, 'duration': 1.502}, {'end': 2726.98, 'text': 'Now the background right here.', 'start': 2724.998, 'duration': 1.982}, {'end': 2731.327, 'text': "I believe we have a background, let's see right here.", 'start': 2726.98, 'duration': 4.347}, {'end': 2734.23, 'text': "so what we'll first do is we need to apply a background.", 'start': 2731.327, 'duration': 2.903}, {'end': 2737.653, 'text': 'so over here, under slide options, under backgrounds,', 'start': 2734.23, 'duration': 3.423}, {'end': 2745.159, 'text': "we're going to go ahead and add in an image right here and I'll select this media library and I'll just select an image.", 'start': 2737.653, 'duration': 7.506}], 'summary': 'Instructions on applying a custom image as a background in a presentation.', 'duration': 29.391, 'max_score': 2715.768, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro2715768.jpg'}], 'start': 2010.525, 'title': 'Using slider revolution add-ons', 'summary': 'Covers how to use slider revolution add-ons like duotone, particle effects, and paintbrush, including insights on glitches, enabling process, and effective combinations to achieve desired effects.', 'chapters': [{'end': 2537.502, 'start': 2010.525, 'title': 'Slider revolution: templates and add-ons', 'summary': 'Covers how to build an entire website using the slider revolution plugin, including using pre-designed templates to create a full website and modifying them, and also discusses linking sliders, creating pop-ups, and utilizing add-ons such as paintbrush, duotone, and particle effects.', 'duration': 526.977, 'highlights': ['Using pre-designed templates to create a full website with the Slider Revolution plugin The speaker demonstrates how to use package templates to create an entire website with the Slider Revolution, including selecting and installing templates, and building a website by pasting shortcodes.', 'Linking sliders and creating pop-ups The speaker explains how to link sliders and create pop-ups using the Slider Revolution, showcasing the feature to trigger pop-ups and discussing how to display pop-ups with other sliders.', 'Utilizing add-ons such as paintbrush, duotone, and particle effects The chapter discusses the add-ons available for Slider Revolution, including paintbrush, duotone, and particle effects, highlighting the variety of options for enhancing sliders.']}, {'end': 2873.419, 'start': 2539.434, 'title': 'Using slider revolution add-ons', 'summary': 'Covers the use of slider revolution add-ons such as duotone, particle effects, and paintbrush, providing insights on their glitches, enabling process, and effective combinations to achieve desired effects.', 'duration': 333.985, 'highlights': ['The paintbrush add-on can be unresponsive at times, but combining it with Duotone improves its performance, making it work effectively.', 'The Particle Effects add-on allows for customization of particle size and type, with the feature to preview the effects before finalizing them.', 'Applying the Paintbrush add-on requires setting a custom image or slide background, and it needs to be combined with Duotone for effective performance.']}], 'duration': 862.894, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro2010525.jpg', 'highlights': ['Using pre-designed templates to create a full website with the Slider Revolution plugin', 'Utilizing add-ons such as paintbrush, duotone, and particle effects', 'Linking sliders and creating pop-ups', 'The Particle Effects add-on allows for customization of particle size and type', 'The paintbrush add-on can be unresponsive at times, but combining it with Duotone improves its performance', 'Applying the Paintbrush add-on requires setting a custom image or slide background']}, {'end': 3669.468, 'segs': [{'end': 2901.114, 'src': 'embed', 'start': 2873.959, 'weight': 0, 'content': [{'end': 2878.422, 'text': 'And also, if you want to go ahead and remove this, you can go ahead and adjust the time.', 'start': 2873.959, 'duration': 4.463}, {'end': 2882.505, 'text': 'So for example, right here under disappear, we can do fade time.', 'start': 2878.522, 'duration': 3.983}, {'end': 2887.027, 'text': "So let's say we do 100 ms and I click on save.", 'start': 2883.425, 'duration': 3.602}, {'end': 2895.711, 'text': "Now if I refresh the page, you can see how it's like this because it fades so fast.", 'start': 2888.288, 'duration': 7.423}, {'end': 2897.572, 'text': 'So now we have this beautiful effect.', 'start': 2895.931, 'duration': 1.641}, {'end': 2899.553, 'text': 'We also have really beautiful particles.', 'start': 2898.012, 'duration': 1.541}, {'end': 2901.114, 'text': 'This is a great landing page.', 'start': 2899.973, 'duration': 1.141}], 'summary': 'Adjust fade time to 100 ms for a fast, beautiful effect on the landing page', 'duration': 27.155, 'max_score': 2873.959, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro2873959.jpg'}, {'end': 2995.368, 'src': 'embed', 'start': 2966.505, 'weight': 4, 'content': [{'end': 2968.205, 'text': 'because that will allow you to kind of mess around with it.', 'start': 2966.505, 'duration': 1.7}, {'end': 2975.068, 'text': 'So right here is the exploding layer and I can have this explode and basically animate certain things.', 'start': 2968.265, 'duration': 6.803}, {'end': 2977.009, 'text': "So for example, I'll click on save.", 'start': 2975.168, 'duration': 1.841}, {'end': 2983.852, 'text': "And again, mine is set to explode and it's going to explode a bunch of hearts.", 'start': 2979.39, 'duration': 4.462}, {'end': 2990.207, 'text': "So right here, I'll click on preview and this text should explode in about five seconds.", 'start': 2984.793, 'duration': 5.414}, {'end': 2992.687, 'text': "It's gonna have little black, there we go.", 'start': 2991.186, 'duration': 1.501}, {'end': 2993.747, 'text': 'There you go.', 'start': 2992.967, 'duration': 0.78}, {'end': 2995.368, 'text': "That's the explosion one.", 'start': 2993.787, 'duration': 1.581}], 'summary': 'Demonstrating an animation feature, exploding text in about five seconds.', 'duration': 28.863, 'max_score': 2966.505, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro2966505.jpg'}, {'end': 3039.296, 'src': 'embed', 'start': 3010.315, 'weight': 1, 'content': [{'end': 3014.957, 'text': "So you'll just have to kind of go through them, check them out, turn them on, see if you like them.", 'start': 3010.315, 'duration': 4.642}, {'end': 3020.28, 'text': 'Also see if they can work in conjunction together, sort of like the duotone and also the paintbrush.', 'start': 3015.458, 'duration': 4.822}, {'end': 3023.963, 'text': "that's basically a whole cover and rundown of the add-on.", 'start': 3020.82, 'duration': 3.143}, {'end': 3025.684, 'text': 'so i hope you enjoyed this section.', 'start': 3023.963, 'duration': 1.721}, {'end': 3029.648, 'text': 'hopefully by now you know how to install add-ons into your slider.', 'start': 3025.684, 'duration': 3.964}, {'end': 3030.689, 'text': "let's go into the next section.", 'start': 3029.648, 'duration': 1.041}, {'end': 3032.791, 'text': "we'll talk about the general settings.", 'start': 3030.689, 'duration': 2.102}, {'end': 3039.296, 'text': "so now we're going to talk a little bit more about the general options and kind of what all the gadgets and options are on the page.", 'start': 3032.791, 'duration': 6.505}], 'summary': 'Exploring add-ons for slider installation and general settings.', 'duration': 28.981, 'max_score': 3010.315, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro3010315.jpg'}, {'end': 3497.18, 'src': 'embed', 'start': 3466.631, 'weight': 3, 'content': [{'end': 3468.073, 'text': 'These other settings right here is jQuery.', 'start': 3466.631, 'duration': 1.442}, {'end': 3470.415, 'text': "I'm not going to cover jQuery CSS.", 'start': 3468.233, 'duration': 2.182}, {'end': 3473.468, 'text': "Again, this is where you'd enter your CSS.", 'start': 3471.406, 'duration': 2.062}, {'end': 3475.829, 'text': "If you are a developer, this is where you'd enter it in.", 'start': 3473.568, 'duration': 2.261}, {'end': 3481.333, 'text': "AS module, I'm not going to cover this either because most of us won't use this.", 'start': 3477.09, 'duration': 4.243}, {'end': 3486.096, 'text': 'Duotone, this is just an add-on that we can have for our slider.', 'start': 3481.954, 'duration': 4.142}, {'end': 3494.339, 'text': 'So next is the navigation settings, and a lot of these navigation settings are basically for something like the arrows right here,', 'start': 3487.097, 'duration': 7.242}, {'end': 3497.18, 'text': 'how you can adjust the arrow style, etc.', 'start': 3494.339, 'duration': 2.841}], 'summary': 'Transcript covers jquery settings, css, modules, and navigation settings for sliders.', 'duration': 30.549, 'max_score': 3466.631, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro3466631.jpg'}, {'end': 3623.425, 'src': 'embed', 'start': 3594.742, 'weight': 2, 'content': [{'end': 3597.966, 'text': "So that's just a general overview of the navigation options.", 'start': 3594.742, 'duration': 3.224}, {'end': 3605.913, 'text': 'So over here we have the slide options, which we covered in the tutorial before, because we have the animation, the filters, et cetera.', 'start': 3598.888, 'duration': 7.025}, {'end': 3608.294, 'text': "Now I think I didn't talk about filters actually.", 'start': 3606.293, 'duration': 2.001}, {'end': 3612.457, 'text': "And that's basically adding in a filter over your current slider.", 'start': 3608.314, 'duration': 4.143}, {'end': 3617.941, 'text': 'So you can basically just add in something over it and that will basically, you know, make it look a certain color.', 'start': 3612.577, 'duration': 5.364}, {'end': 3620.082, 'text': 'So you can kind of add in a background.', 'start': 3618.521, 'duration': 1.561}, {'end': 3623.425, 'text': 'And then once you do that, you can add in a filter over it as well.', 'start': 3620.122, 'duration': 3.303}], 'summary': 'Overview of navigation options with focus on slide and filter features.', 'duration': 28.683, 'max_score': 3594.742, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro3594742.jpg'}], 'start': 2873.959, 'title': 'Customizing page effects & add-ons and using exploding layers for animation', 'summary': 'Demonstrates customizing page effects by adjusting fade time and using add-ons, while also explaining how to use the exploding layers animation feature in slider revolution, including selecting the animation type, modifying the settings, and previewing the animation.', 'chapters': [{'end': 2922.107, 'start': 2873.959, 'title': 'Customizing page effects & add-ons', 'summary': 'Demonstrates how to customize page effects by adjusting fade time, and the potential of using add-ons for various occasions, showcasing the versatility and potential benefits.', 'duration': 48.148, 'highlights': ['The chapter demonstrates how to customize page effects by adjusting fade time, showcasing the versatility and potential benefits.', 'The potential of using add-ons for various occasions is highlighted, showcasing the versatility and potential benefits.']}, {'end': 3669.468, 'start': 2922.107, 'title': 'Using exploding layers for animation', 'summary': 'Explains how to use the exploding layers animation feature in slider revolution, including selecting the animation type, modifying the settings, and previewing the animation, while also discussing general settings, navigation options, and add-ons.', 'duration': 747.361, 'highlights': ['Explaining the process of using the exploding layers animation, including selecting the animation type, setting it to explode with certain icons, and previewing the animation with a specific example like hearts exploding, providing a practical demonstration of the feature.', "Detailing the general settings and navigation options in Slider Revolution, such as modifying layers, adding objects, selecting multiple items, controlling display on different devices, and utilizing the help mode for assistance, offering comprehensive insights into the platform's functionalities.", 'Describing additional features like lazy loading for faster website performance, the usage of jQuery and CSS, and the options for duotone, navigation settings, and slide options, highlighting the diverse capabilities and customization options available in the software.']}], 'duration': 795.509, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro2873959.jpg', 'highlights': ['The chapter demonstrates how to customize page effects by adjusting fade time, showcasing the versatility and potential benefits.', 'The potential of using add-ons for various occasions is highlighted, showcasing the versatility and potential benefits.', "Detailing the general settings and navigation options in Slider Revolution, offering comprehensive insights into the platform's functionalities.", 'Describing additional features like lazy loading for faster website performance, the usage of jQuery and CSS, and the options for duotone, navigation settings, and slide options, highlighting the diverse capabilities and customization options available in the software.', 'Explaining the process of using the exploding layers animation, including selecting the animation type, setting it to explode with certain icons, and previewing the animation with a specific example like hearts exploding, providing a practical demonstration of the feature.']}, {'end': 4062.503, 'segs': [{'end': 3708.952, 'src': 'embed', 'start': 3685.436, 'weight': 0, 'content': [{'end': 3692.142, 'text': "So in this section we're going to talk a little bit more of the advanced features and things you can do with the slider evolution that are pretty unique.", 'start': 3685.436, 'duration': 6.706}, {'end': 3694.744, 'text': 'So for example, right here, I have this slider.', 'start': 3692.642, 'duration': 2.102}, {'end': 3697.346, 'text': 'Now, this right here is my current slider.', 'start': 3694.924, 'duration': 2.422}, {'end': 3702.43, 'text': "However, if I start to scroll, you're going to notice that everything pops up.", 'start': 3697.846, 'duration': 4.584}, {'end': 3705.73, 'text': 'If I go back, and forth, etc.', 'start': 3702.93, 'duration': 2.8}, {'end': 3708.952, 'text': 'So you can see how we can really manipulate this.', 'start': 3706.371, 'duration': 2.581}], 'summary': 'Discussion about advanced features of slider evolution with manipulation options.', 'duration': 23.516, 'max_score': 3685.436, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro3685436.jpg'}, {'end': 3778.638, 'src': 'embed', 'start': 3728.729, 'weight': 3, 'content': [{'end': 3736.891, 'text': "Now, once you do that, you'll actually go ahead and you'll click on the actual module right here or over here under the general module settings,", 'start': 3728.729, 'duration': 8.162}, {'end': 3738.271, 'text': "and you'll go to on scroll.", 'start': 3736.891, 'duration': 1.38}, {'end': 3743.072, 'text': 'Now what I did was I turned on timeline, and I turned on all.', 'start': 3738.811, 'duration': 4.261}, {'end': 3744.893, 'text': "So right here you'll see I turned it on.", 'start': 3743.252, 'duration': 1.641}, {'end': 3747.778, 'text': 'And right here we have the easing style.', 'start': 3746.016, 'duration': 1.762}, {'end': 3750.78, 'text': 'We also have the speed and you can adjust the speed.', 'start': 3747.918, 'duration': 2.862}, {'end': 3753.523, 'text': 'Here I have fixed during scroll on.', 'start': 3751.461, 'duration': 2.062}, {'end': 3755.865, 'text': 'And right here we have layers on.', 'start': 3754.183, 'duration': 1.682}, {'end': 3764.372, 'text': 'Now also what I did here is you have to actually take this right here and you have to put it all within the actual purple bar.', 'start': 3756.465, 'duration': 7.907}, {'end': 3770.195, 'text': "And if it's not on the purple bar, it's not going to work correctly.", 'start': 3767.094, 'duration': 3.101}, {'end': 3778.638, 'text': "So just make sure that it's actually set the purple bar and also make sure that you have no content that starts right here.", 'start': 3770.275, 'duration': 8.363}], 'summary': 'Configuring module settings for on-scroll animation with timeline and easing options, along with adjusting speed, fixed scroll, and layer settings.', 'duration': 49.909, 'max_score': 3728.729, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro3728729.jpg'}, {'end': 3964.507, 'src': 'embed', 'start': 3939.397, 'weight': 2, 'content': [{'end': 3946.023, 'text': "Even if you're using WordPress, you can use Slider Revolution for pop-ups instead of buying extensions or something like that.", 'start': 3939.397, 'duration': 6.626}, {'end': 3947.124, 'text': "But it's up to you.", 'start': 3946.483, 'duration': 0.641}, {'end': 3948.104, 'text': "It's really up to you.", 'start': 3947.324, 'duration': 0.78}, {'end': 3949.205, 'text': "But I'll just show you how I did it.", 'start': 3948.144, 'duration': 1.061}, {'end': 3952.088, 'text': 'So I basically made the other slider right here.', 'start': 3949.706, 'duration': 2.382}, {'end': 3954.65, 'text': 'All right.', 'start': 3952.108, 'duration': 2.542}, {'end': 3956.232, 'text': 'So I made this slider.', 'start': 3955.431, 'duration': 0.801}, {'end': 3960.893, 'text': 'Now, all I did right here was I added an SVG right here.', 'start': 3957.338, 'duration': 3.555}, {'end': 3962.419, 'text': 'So I went to add a layer.', 'start': 3961.013, 'duration': 1.406}, {'end': 3964.507, 'text': 'icon SVG.', 'start': 3963.607, 'duration': 0.9}], 'summary': 'Use slider revolution for pop-ups in wordpress, instead of buying extensions. demonstrates adding an svg as a layer.', 'duration': 25.11, 'max_score': 3939.397, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro3939397.jpg'}], 'start': 3669.468, 'title': 'Advanced slider evolution', 'summary': 'Covers advanced features of slider evolution, including text and image manipulation, website setup, and scroll animation settings. it also discusses object manipulation, image adjustment, and display properties within the platform. additionally, it demonstrates how to add pop-ups to sliders using slider revolution in wordpress for an enhanced user experience.', 'chapters': [{'end': 3798.364, 'start': 3669.468, 'title': 'Slider evolution: advanced features', 'summary': 'Covers advanced features of slider evolution, including the ability to manipulate text and images, set up features on a website, and adjust settings such as speed and timing for scroll animations.', 'duration': 128.896, 'highlights': ['The chapter covers advanced features of Slider Evolution, including the ability to manipulate text and images.', 'Instructions are provided on how to set up features on a website using the slider.', 'Detailed settings such as speed, timing, and scroll animations are explained and can be adjusted for customization.', 'The importance of placing content within the purple bar for correct functionality is emphasized.', 'The necessity of hiding initial content to prevent it from displaying right away is highlighted.']}, {'end': 3895, 'start': 3798.964, 'title': 'Advanced features of object manipulation', 'summary': 'Discusses the process of adding an image, adjusting its size, and manipulating its display properties to achieve the desired effect within the platform, highlighting the importance of removing the weight feature for correct functionality.', 'duration': 96.036, 'highlights': ['The importance of removing the weight feature for correct functionality, as it forces the image to display all the time, impacting its behavior and functionality.', 'Demonstrating the process of adding an image, adjusting its size, and ensuring its placement within the platform to achieve the desired effect and functionality.', 'Emphasizing the various ways to manipulate the features to achieve the desired outcome within the platform, showcasing the versatility and advanced capabilities of the object manipulation process.']}, {'end': 4062.503, 'start': 3895.06, 'title': 'Adding pop-ups with slider revolution', 'summary': 'Demonstrates how to add pop-ups to sliders using slider revolution in wordpress, eliminating the need for additional extensions and allowing for the creation of interactive pop-ups that can open and close, enhancing user experience.', 'duration': 167.443, 'highlights': ['The chapter explains how to add a pop-up to a slider using Slider Revolution, demonstrating the process of creating interactive pop-ups that can open and close, providing an alternative to purchasing extensions.', 'The speaker highlights the use of SVGs and actions within Slider Revolution to create pop-ups, showcasing the implementation of commands to open and close sliders, allowing for seamless user interaction.', "The tutorial illustrates the process of adding a layer with an SVG icon and defining actions such as 'Open Slider Module' and 'Close Slider Module' to create pop-ups that enhance the website's functionality and user experience."]}], 'duration': 393.035, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro3669468.jpg', 'highlights': ['The chapter covers advanced features of Slider Evolution, including text and image manipulation.', 'Instructions are provided on how to set up features on a website using the slider.', "The tutorial illustrates the process of adding a layer with an SVG icon and defining actions such as 'Open Slider Module' and 'Close Slider Module' to create pop-ups that enhance the website's functionality and user experience.", 'Detailed settings such as speed, timing, and scroll animations are explained and can be adjusted for customization.', 'The importance of placing content within the purple bar for correct functionality is emphasized.']}, {'end': 4579.133, 'segs': [{'end': 4119.651, 'src': 'embed', 'start': 4082.234, 'weight': 2, 'content': [{'end': 4083.415, 'text': 'Now right here we have blend mode.', 'start': 4082.234, 'duration': 1.181}, {'end': 4086.519, 'text': "Remember earlier how we talked about blend mode and we're going to mess around with it.", 'start': 4083.435, 'duration': 3.084}, {'end': 4089.322, 'text': 'So simply go ahead and just kind of mess around with these settings.', 'start': 4087.079, 'duration': 2.243}, {'end': 4093.506, 'text': "So right here, I'll do multiply, I'll do the multiply blend and click on Save.", 'start': 4089.382, 'duration': 4.124}, {'end': 4096.89, 'text': "Now let's go ahead and see what that's going to do to our image.", 'start': 4094.347, 'duration': 2.543}, {'end': 4105.133, 'text': 'Now you can kind of see how the image has actually fallen behind this actual text right here.', 'start': 4099.064, 'duration': 6.069}, {'end': 4111.622, 'text': "So that's a really cool way on how you can kind of add something behind it and it'll be transparent.", 'start': 4105.714, 'duration': 5.908}, {'end': 4113.064, 'text': "Now that's just one of the ways.", 'start': 4112.183, 'duration': 0.881}, {'end': 4114.245, 'text': "There's many, many other ways.", 'start': 4113.084, 'duration': 1.161}, {'end': 4116.268, 'text': 'So right here, we can do screen.', 'start': 4114.305, 'duration': 1.963}, {'end': 4119.651, 'text': 'Now personally, I am not a professional with Photoshop.', 'start': 4116.667, 'duration': 2.984}], 'summary': 'Exploring blend modes in photoshop to create transparent effects and layering.', 'duration': 37.417, 'max_score': 4082.234, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro4082234.jpg'}, {'end': 4162.991, 'src': 'embed', 'start': 4141.502, 'weight': 3, 'content': [{'end': 4152.827, 'text': 'So you can kind of understand how you can manipulate this and you can use the filters in order to manipulate the objects to kind of give it an illusion of something else is happening basically.', 'start': 4141.502, 'duration': 11.325}, {'end': 4155.408, 'text': "So, and over here, we'll do something like difference.", 'start': 4152.907, 'duration': 2.501}, {'end': 4157.268, 'text': 'I have no idea what this filter does.', 'start': 4155.868, 'duration': 1.4}, {'end': 4162.991, 'text': "At this point, it's kind of like a matter of trial and error to kind of see what you want.", 'start': 4157.889, 'duration': 5.102}], 'summary': 'Exploring filters for object manipulation and illusion, involving trial and error.', 'duration': 21.489, 'max_score': 4141.502, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro4141502.jpg'}, {'end': 4234.851, 'src': 'embed', 'start': 4206.151, 'weight': 5, 'content': [{'end': 4208.372, 'text': 'So we did one of those filters earlier.', 'start': 4206.151, 'duration': 2.221}, {'end': 4211.053, 'text': "So at this point, it's all about kind of messing around with it.", 'start': 4208.432, 'duration': 2.621}, {'end': 4216.936, 'text': "So go ahead and just grab an object from the library, add a filter to it's kind of mess around.", 'start': 4211.093, 'duration': 5.843}, {'end': 4219.818, 'text': 'You can also even apply it to the entire background.', 'start': 4217.256, 'duration': 2.562}, {'end': 4229.346, 'text': "So for example, right here, we'll go to the module settings right here, or is it the slider options? We can even add in a background.", 'start': 4219.858, 'duration': 9.488}, {'end': 4234.851, 'text': "We'll go ahead and add in a background image media library and we can add in something.", 'start': 4229.386, 'duration': 5.465}], 'summary': 'Experimenting with filters and backgrounds using objects from the library.', 'duration': 28.7, 'max_score': 4206.151, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro4206151.jpg'}, {'end': 4350.994, 'src': 'embed', 'start': 4322.073, 'weight': 0, 'content': [{'end': 4325.198, 'text': 'In fact, let me go ahead and refresh the page really quickly to give you an example.', 'start': 4322.073, 'duration': 3.125}, {'end': 4327.842, 'text': 'So you can kind of see how these all animate in.', 'start': 4326.041, 'duration': 1.801}, {'end': 4331.364, 'text': 'Now, I actually used this same slider a few years ago on my website.', 'start': 4328.622, 'duration': 2.742}, {'end': 4335.806, 'text': "So I'll be showing you how I added objects on it and kind of added animations, et cetera.", 'start': 4331.404, 'duration': 4.402}, {'end': 4339.728, 'text': 'Now, this is actually a free template that you receive in your library.', 'start': 4336.186, 'duration': 3.542}, {'end': 4341.949, 'text': 'So if you want to follow along with me, you can go ahead and do that.', 'start': 4339.748, 'duration': 2.201}, {'end': 4345.151, 'text': "But let's just go ahead and start with an object from scratch.", 'start': 4342.51, 'duration': 2.641}, {'end': 4347.752, 'text': "So right here, I'll go to Add a Layer.", 'start': 4345.411, 'duration': 2.341}, {'end': 4350.994, 'text': "And I'll go to Image and go to Object Library.", 'start': 4348.533, 'duration': 2.461}], 'summary': 'Demonstration of adding objects and animations to a free slider template.', 'duration': 28.921, 'max_score': 4322.073, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro4322073.jpg'}, {'end': 4487.193, 'src': 'embed', 'start': 4457.998, 'weight': 1, 'content': [{'end': 4460.34, 'text': "These settings right here, we don't really need to mess with at all.", 'start': 4457.998, 'duration': 2.342}, {'end': 4467.845, 'text': 'And lastly, from Animate 2, We can say I want this to animate to, this looks all standard.', 'start': 4461.201, 'duration': 6.644}, {'end': 4469.265, 'text': 'We can go ahead and leave all this.', 'start': 4467.945, 'duration': 1.32}, {'end': 4471.826, 'text': "And I'll go ahead and leave all this as well.", 'start': 4470.246, 'duration': 1.58}, {'end': 4473.547, 'text': "So I think we're all set and ready to go.", 'start': 4472.126, 'duration': 1.421}, {'end': 4475.788, 'text': "So let's go ahead and click on Save.", 'start': 4473.627, 'duration': 2.161}, {'end': 4480.47, 'text': "And now we'll click on Preview.", 'start': 4479.19, 'duration': 1.28}, {'end': 4484.492, 'text': 'After one second, the object comes.', 'start': 4482.291, 'duration': 2.201}, {'end': 4487.193, 'text': "You see that? So let's do it one more time.", 'start': 4485.332, 'duration': 1.861}], 'summary': 'Configured settings, saved, and previewed animation successfully.', 'duration': 29.195, 'max_score': 4457.998, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro4457998.jpg'}], 'start': 4063.163, 'title': 'Creating dynamic image effects', 'summary': 'Explores using image filters and blend modes to create overlay effects, and demonstrates utilizing slider overlay and object animation for dynamic effects, with examples and instructions for customization and usage.', 'chapters': [{'end': 4183.957, 'start': 4063.163, 'title': 'Image overlay effects', 'summary': 'Explores how to use image filters to create image overlay effects, demonstrating various blend modes like multiply, screen, and overlay, to manipulate objects and create illusions.', 'duration': 120.794, 'highlights': ['Using blend modes like multiply, screen, and overlay to manipulate objects and create illusions.', 'Exploring different image filters like Limosity and difference through trial and error.', 'Applying image overlay effect to make the image transparent and appear behind the text.']}, {'end': 4579.133, 'start': 4184.256, 'title': 'Utilizing slider overlay and object animation', 'summary': 'Demonstrates how to utilize slider overlay and object animation, including adding background images, applying filters, and configuring object animation to create dynamic effects on a slider, with examples and instructions for customization and usage.', 'duration': 394.877, 'highlights': ['Demonstrating Slider Overlay and Object Animation The tutorial provides examples and instructions on utilizing slider overlay and object animation to create dynamic effects on a slider.', 'Adding Background Images and Applying Filters Instructions are given on adding background images and applying filters to the slider, offering customization options for creating visually appealing effects.', 'Configuring Object Animation with Examples and Instructions Detailed instructions and examples are provided for configuring object animation, including adjusting aspect ratio, animating from specific positions, controlling speed and duration, and customizing degree and style, offering comprehensive guidance for creating animated effects.']}], 'duration': 515.97, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/icuP-D7d2ro/pics/icuP-D7d2ro4063163.jpg', 'highlights': ['Demonstrating Slider Overlay and Object Animation with examples and instructions', 'Configuring Object Animation with detailed instructions and examples', 'Applying image overlay effect to make the image transparent and appear behind the text', 'Exploring different image filters like Limosity and difference through trial and error', 'Using blend modes like multiply, screen, and overlay to manipulate objects and create illusions', 'Adding Background Images and Applying Filters with customization options']}], 'highlights': ['The Slider Revolution plugin has more than 2 million active installs, 340,000 sales, and 9,000 positive reviews, making it a popular choice for creating sliders.', 'The plugin comes with more than 200 templates, providing users with a wide variety of options to start from.', 'The Slider Evolution plugin for WordPress offers incredible features like paintbrush effect, library of objects, images, and video backgrounds, 200+ templates, and beautiful animations, all showcased in the video.', 'The tutorial will cover five simple steps, including creating sliders from scratch, modifying templates, adding visual effects, understanding general settings, and exploring advanced features.', 'Purchasing & accessing plugin features To access premade templates, premium add-ons, images, videos, and icons, users need to purchase a license for the Slider Revolution plugin.', "Creating a slider from scratch involves steps such as clicking on 'New Blank Module', utilizing the 'Start Guide', and customizing the background, including options for full width, full screen, auto, and intelligent inheriting.", 'You can animate text with customizable options and control speed and duration for a personalized animation experience.', 'The chapter demonstrates using CSS to change the cursor to a crosshair when hovering over an element, providing a practical example of hover effects.', 'Using pre-designed templates to create a full website with the Slider Revolution plugin', 'The chapter demonstrates how to customize page effects by adjusting fade time, showcasing the versatility and potential benefits.', 'The chapter covers advanced features of Slider Evolution, including text and image manipulation.']}