Envato Tuts+ Tutorials

Envato Tuts+ Tutorials


15 Top Opener Templates: Motion Graphics for DaVinci Resolve (3 Free)

Posted: 31 May 2021 02:09 PM PDT

In this article we've put together 12 of the best DaVinci Resolve opener templates from Envato Elements and Envato Market to help you make an intro video. Can't spend on premium templates? We also feature three free DaVinci Resolve templates from Mixkit.

Get DaVinci Resolve intro templates like this from Envato Elements.Get DaVinci Resolve intro templates like this from Envato Elements.Get DaVinci Resolve intro templates like this from Envato Elements.
Get DaVinci Resolve intro templates like this from Envato Elements.

DaVinci Resolve is a non-linear editor and colour correction video editing software from Blackmagic Design. Available as both a paid-for and free (with restrictions) software, it's become a viable and popular alternative to the Adobe suites.

Note: This post includes contributions from Maria Villanueva. Maria is a staff writer with Envato Tuts+.

5 Top Intro Templates to Make an Opener in DaVinci Resolve (Envato Elements)

If you regularly work with video editing software, the Envato Elements subscription is for you. For a low monthly fee, you'll get unlimited access to top quality video templates for Resolve, plus millions of creative assets. You can save hours of work and get a professional result with Envato Elements.

Here is our hand-picked selection of DaVinci Resolve intro templates.

1. On Point Opener - DaVinci Resolve Template

On Point is one of the most popular DaVinci Resolve intro templates. This opener features a modern and dynamic design. You can customize the color, typography and everything else. An intro template that is easy to use.

2. Intro Kinetic Typography Opener - DaVinci Resolve

If you're looking for different DaVinci Resolve intro templates, Intro Kinetic template features dynamic typography and fast transitions. This DaVinci Resolve opener is perfect for a YouTube channel.

3. Fashion Opener - DaVinci Resolve Template

Do you create fashion videos? This DaVinci Resolve intro template is especially created for fashion, but thanks to its modern design, you can customize it to any design-focused type of project.

4. Urban Opener - DaVinci Resolve Template

If you need a more modern DaVinci Resolve intro template, Urban Opener will look great in your project. Two DaVinci Resolve template versions included, it's full HD and it comes with a video tutorial. 

5. Hip Hop Intro - DaVinci Resolve Template

On a similar note, this DaVinci Resolve intro template fits perfect in fast, dynamic and modern videos. Surprise and keep your audience with this cool DaVinci Resolve template with glitch effects.

7 Top Opener Templates for DaVinci Resolve From Envato Market

If a subscription isn't your thing, we've got you covered. You can still get professional DaVinci Resolve templates from Envato Market. Just visit Envato Market, select the DaVinci Resolve templates you like and buy them one at a time. No subscription required.

6. Fashion Opener

A fresh and creative DaVinci Resolve template with a professional design, creative animations and stylish transitions. There are nine text layers, six placeholders for image or video and one for your logo. Perfect for modelling portfolios and other fashion related video projects.

7. Urban Photo Opener

If you like big, bold text animations and quick transitions then you'll love this high energy urban-themed opener for Resolve. It's an easy template to use and works well with both footage and photographs.

Urban Photo OpenerUrban Photo OpenerUrban Photo Opener
Urban Photo Opener

8. Brush Opener

An eye-catching opener template featuring artistic brush strokes as dynamic transitions. There's full colour control as well as room for your logo. Try it for TV shows, commercials, promotions and events.

Brush OpenerBrush OpenerBrush Opener
Brush Opener

9. Dynamic Sport Opener

This DaVinci Resolve template is upbeat and packed with energy, featuring lines, shapes and particles. There are a whopping 47 media placeholders and 17 for text. There's a video tutorial included too, in case you need some help getting started.

Dynamic Sport OpenerDynamic Sport OpenerDynamic Sport Opener
Dynamic Sport Opener

10. Modern Motivational Opener

Something a little different, this opener template for Resolve features dramatic black and red filters before flipping to regular footage. From sports to business, this template is versatile and is sure to make a big impact on your viewers.

Modern Motivational OpenerModern Motivational OpenerModern Motivational Opener
Modern Motivational Opener

11. Ink Opener for DaVinci Resolve

Featuring a reverse ink spreading effect, this DaVinci Resolve opener is stylish and elegant. Perfect to use as an opener for a wide range of videos, or even as a slideshow to display photos or footage in a unique way. Just drop in your footage with no plugins required.

Ink Opener for DaVinci ResolveInk Opener for DaVinci ResolveInk Opener for DaVinci Resolve
Ink Opener for DaVinci Resolve

12. Short Opener

Keep it short and sweet with this funky opener template for DaVinci Resolve 16 or higher. You can adjust the cube colours and drop in any logo, text or image with alpha. The download also includes a video tutorial.

Short OpenerShort OpenerShort Opener
Short Opener

3 Free DaVinci Resolve Templates from Mixkit

You've seen a top selection of DaVinci Resolve intro templates from Envato Elements and Envato Market. But what if there's no budget for premium DaVinci Resolve templates?

We've got free DaVinci Resolve templates from Mixkit, part of the Envato family. It offer your free assets for your next video project. Here are some free DaVinci Resolve templates for you:

13. Simple Video Mask Title

DaVinci Resolve title templates like this can work as a minimal intro. This free DaVinci Resolve template features a simple video text mask with a heading.

14. Twist And Drop Logo Title

DaVinci Resolve intro templates like this feature a logo as the focus of attention. A twist and drop animation works nicely in this free DaVinci Resolve template.

5. Quick Switch Text Title

A fast flowing text animation with a logo reveal at the end. DaVinci Resolve title templates like this are another nice intro option.

More Video Resources From Envato

Read the Envato Video Marketing Guide

Boost your video marketing skills with our comprehensive guide: You'll learn video marketing from start to finish.

Download Free Video Assets and Templates From Mixkit

Check out Mixkit for free stock videosfree stock music, and free templates.

Make a Motion Graphics Video Online With PlaceIt

You don't need professional software to create visually-appealing videos, you can make them right in your browser: PlaceIt is an online service with a video maker uses professionally-designed motion graphics templates.

Envato Elements: Unlimited Downloads

Envato Elements offers millions of stock items: photosmusicvideo clipsfonts, video project templates for After EffectsPremiere ProFinal Cut Pro and Motion, and creative courses from Envato Tuts+, all with a single subscription.

Get unlimited DaVinci Resolve templates from Envato Elements.Get unlimited DaVinci Resolve templates from Envato Elements.Get unlimited DaVinci Resolve templates from Envato Elements.
Get unlimited DaVinci Resolve templates from Envato Elements.

 More DaVinci Resolve Resources

10 Top Sci-Fi Video Templates for After Effects

Posted: 31 May 2021 12:57 PM PDT

There's nothing that transports quite like the dark, calculating, cryptic world of science-fiction. Deeply embedded in the infinite expanse of the universe and your limitless imagination, these sci-fi templates for After Effects are a cut above the rest.

Top Science Fiction Templates for Adobe After Effects

The futuristic projects here are all from Envato Elements, the unlimited-download subscription with millions of creative assets, including thousands of After Effects templates, all vetted for quality. Here's our showcase:

1. Sci Fi Hex

Featuring quality 3D models and three seamless textures—diffuse, specular, and normal—Sci Fi Hex is a great option for video game openers and promotional videos with a sci-fi feel. Text can be incorporated in the form of lower thirds or callouts with complete customization control.

2. Sci-fi Interface HUD Pack 3

The mothership of sci-fi templates, Sci-fi Interface HUD Pack 3 includes a whopping 500 animated elements and compositions that can be constructed from separate groups or ready-made groups. A complex design, it offers any number of options in all resolutions.

3. Sci-Fi Logo

Let your logo reveal itself through the sparkle of LED lights. Cinematic and futuristic, with a touch of glitch, Sci-Fi Logo feels part computer screen, part celestial, presenting your logo as innovation and intellect rolled into one.

4. Sci-Fi HUD Intro

Circular glowing shapes move as if homing in on answers and expanding focus at the same time in this mesmerizing opener template. Sci-Fi HUD Intro places your ensuing media in a clean, continuously calculating context, making it hard to look away.

5. 3D Sci-Fi Technology

This pretty rad template showcases your footage as if from the depths of a sci-fi structure floating in outer space. Like asteroids coordinating in the abyss, 3D Sci-Fi Technology includes 3D blocks that assemble themselves into a structure before easefully breaking apart again.

6. Digital Sci Fi Slideshow

Display your video or images through translucent hexagon shapes in this digital slideshow template. Digital Sci Fi Slideshow incorporates cross hairs, parallax, and dash of the dark, starry universe to take corporate or sci-fi presentations to another level.

7. Epic Sci-Fi Trailer

Create your sci-fi project trailer with a template that imparts all the glamour and grandiosity of a big-budget Hollywood film. Epic Sci-Fi Trailer includes blockbuster-style titles underscored by dynamic lines and glitch transitions that scream, "Hold onto your seat!"

8. 3D Panorama Sci-Fi Video Displays

Present your panoramic videos and images as if they're on a gigantic screen on the inside a space station. 3D Panorana Sci-Fi Video Displays sets you in a futuristic, galactic world with a 3D cyclorama that's ideal for landscape and panoramic media.

9. Animated Sci-fi Alphabet

For text-heavy projects with a sci-fi zing, checkout Animated Sci-fi Alphabet. Block letters are transformed into animatedly outlined letters, captivating viewers with your message, while the powerful blasts of transitions exude gravitas.

10. Sci-Fi Logo Reveal

Like a drone sailing straight through the confines of a massive space ship, the momentous build up of Sci-Fi Logo Reveal has an arresting, glitchy effect as it concludes with a logo reveal. Choose from two different animated versions for optimum customization.

Discover More Resources For Video Makers From Envato

Read the Envato Video Marketing Guide

Boost your video marketing skills with our comprehensive guide: You'll learn video marketing from start to finish.

Download Free Video Assets From Mixkit

Check out Mixkit for free stock videos, free stock music, and free templates for Adobe Premiere Pro.

Make a Motion Graphics Video Online With PlaceIt

You don't need professional software to create visually-appealing videos, you can make them right in your browser: PlaceIt is an online service with a video maker uses professionally-designed motion graphics templates.

Envato Elements: Unlimited Downloads

Envato Elements offers millions of stock items: photos, music, video clips, fonts, graphics templates of all sorts, video project templates for After Effects, Premiere Pro, Final Cut Pro and Motion, and creative courses from Envato Tuts+, all with a single subscription.

More Easy-to-Use Presets for After Effects

How to Parse JSON in PHP

Posted: 31 May 2021 10:25 AM PDT

JSON, short for JavaScript Object Notation, is a common lightweight format for storing and exchanging information. As the name suggests, it was initially derived from JavaScript but it is a language-independent format for storing information. A lot of languages like PHP now implement functions to read and create JSON data.

This tutorial will teach you how to read a JSON file and convert it to an array in PHP. Learn how to parse JSON using the json_decode() and json_encode() functions.

Reading JSON From a File or String in PHP

Let's say you have a file which contains information in JSON format. How do you access and store it in PHP?

First, you need to get the data from the file into a variable by using file_get_contents(). Once the data is in a string, you can call the json_decode() function to extract information from the string. Keep in mind that JSON simply provides a way to store information as a string using a set of predefined rules. It is our job to decode the strings properly and get the information we want.

The json_decode() function accepts four parameters but you will only need the first two in most situations. The first parameter specifies the string that you want to decode. The second parameter determines how the decoded data is returned back. Setting it to true will return an associative array and false will return objects. Here is a basic example. We have a file called people.json with the following contents:

We can read information from this JSON file by using the code below:

In the above example, json_decode() returned an object because the second parameter was set to false. You can set it to true to get the data back as an associative array.

Now, we will decode JSON that is slightly more complicated and try to get back useful information from it.

Our goal is to get back all the countries visited by the person in different years. The value returned by $decoded_json['countries'] will actually be an array and we will loop through it like regular arrays to get our data.

Lets go over just one last example of extracting information from a JSON file. Here is the JSON from which we will extract our data.

We have two nested arrays in the JSON data this time. So, we will be using two nested loops to get the countries visited by different customers.

You should now have a rough idea of the approach you should take to read JSON data from a file depending on how it has been created.

Reading JSON Data Without Knowing Keys Beforehand

So far we have read JSON data where we already knew all the keys. That might not always be true. Luckily, we can still extract useful information from the file once we have stored it as an associative array. The following example should clear things up.

The keys in the above JSON seem to be random strings that we cannot predict beforehand. However, once we convert it into an associative array we will no longer need to know the exact key values to iterate through the data.

Creating JSON Data in PHP

You can also turn your own data into a well formatted JSON string in PHP with the help of the function json_encode(). It basically accepts three parameters but you will usually only need the first one i.e., the value you want to encode in most situations.

You might also need to use some flags in order to get the JSON string in desired format. For example, the JSON_PRETTY_PRINT flag can be used to add white space for proper formatting of JSON string. Similarly, you can use the JSON_PRESERVE_ZERO_FRACTION flag to make sure float values are always stored as floats even if they are equivalent to some integer in magnitude. You can see a list of all such flags in the official documentation.

Dealing with Errors During Encoding and Decoding

The JSON format requires us to follow a specific set of rules for proper encoding and decoding of the strings. For example, names and values should be enclosed in double quotes and there should be no trailing comma after name-value pairs. The json_last_error_msg() function can help you figure out what kind of error you are getting so that you can take appropriate steps. Here is a very basic example:

Final Thoughts

In this tutorial, you learned how to read JSON data from a file or string in PHP. We also learned how to convert that JSON into an array and traverse it to extract the information we want. You should now be able to get information from JSON in a file where you don't know all the keys in key-value pairs. In the last two sections, we covered how you can stringify data as JSON in PHP and the errors you might encounter during the encoding and decoding process.

Hopefully, this will answer all your questions about encoding and decoding JSON in PHP.

40+ Free Twitch Templates (Panels, Banners, Overlays, Emotes, and Logos!)

Posted: 31 May 2021 10:00 AM PDT

When you need a terrific Twitch template, but money is tight, Placeit is the place to go.

Free Twitch Banner Maker with an Abstract Controller IconFree Twitch Banner Maker with an Abstract Controller IconFree Twitch Banner Maker with an Abstract Controller Icon

That's because Placeit offers a stunning collection of FREE Twitch templates for panels, banners, overlays, logos, and more. What's more, they are super easy to use. Check out this video to find out how:

Today we'll take a look at over 40 of the coolest free Twitch templates to be found at Placeit.

Free Twitch Panels

If you want to create terrific channel panels for your Twitch account, check out these free Twitch panel templates from Placeit.

Free Twitch Panel Maker for a Chat Rules Panel

Free Twitch Panel Panel Maker for a Chat Rules PanelFree Twitch Panel Panel Maker for a Chat Rules PanelFree Twitch Panel Panel Maker for a Chat Rules Panel

Use this free Twitch info panel to indicate to your visitors what they should know first before diving into your channel. The template is fully customisable online in a matter of seconds.

Free Twitch Panel Maker for Gamers

Free Twitch Panel Maker for GamersFree Twitch Panel Maker for GamersFree Twitch Panel Maker for Gamers

A stylish and modern free Twitch template, this Twitch panel can be updated with just about any graphic you'd like. Then simply add your text, change the font, and you're done.

Colourful Free Twitch Panel Maker for a Follow-Me Button

Colourful Free Twitch Panel Maker for a Follow-Me ButtonColourful Free Twitch Panel Maker for a Follow-Me ButtonColourful Free Twitch Panel Maker for a Follow-Me Button

This free Twitch About Me panel is for those who like colour and abstract patterns. You can upload your own icon, keep the one shown here, or choose another from those on offer.

Free Twitch Panel Maker Featuring an 8-Bit UFO Clipart

Free Twitch Panel Maker Featuring an 8-Bit UFO ClipartFree Twitch Panel Maker Featuring an 8-Bit UFO ClipartFree Twitch Panel Maker Featuring an 8-Bit UFO Clipart

What better way to encourage donations than with this Free Twitch Panel template designed for donations? The theme has a cool 8-bit vibe for lovers of everything retro.

Free Twitch Panel Template for Contact

Free Twitch Panel Template for ContactFree Twitch Panel Template for ContactFree Twitch Panel Template for Contact

This free Twitch panel template is all about connecting. It features an envelope and beautiful bold text next to it. The subtly textured background and red accent frame are a nice touch.

Free Twitch Panel Maker for a Gaming Channel

Free Twitch Panel Maker for a Gaming ChannelFree Twitch Panel Maker for a Gaming ChannelFree Twitch Panel Maker for a Gaming Channel

Saying thank you is always the right thing to do, so make sure you include this free Twitch template to say thanks to your followers and fans for their support. Of course, you can customise it to reflect your own taste and style.

Free Twitch Panel Maker for a Gaming Streamer

Free Twitch Panel Maker for a Gaming StreamerFree Twitch Panel Maker for a Gaming StreamerFree Twitch Panel Maker for a Gaming Streamer

Encourage visitors to follow your social media accounts with this free Twitch panel template. Just select your favourite graphic and colours, add your text, and you're done.

Free Twitch Panel Design Maker With a Spooky Character

Free Twitch Panel Design Maker with a Spooky CharacterFree Twitch Panel Design Maker with a Spooky CharacterFree Twitch Panel Design Maker with a Spooky Character

Your visitors will find it hard to resist following your channel with this spooky Twitch subscription panel. Customise it in any way you like using the brilliant panel creator, or if you prefer, leave it as is.

Free Twitch Panel Maker Schedule Panel

Free Twitch Panel Maker Schedule PanelFree Twitch Panel Maker Schedule PanelFree Twitch Panel Maker Schedule Panel

If you're looking for a Twitch schedule panel to let your visitors know when you're going to be streaming, then this free Twitch panel template is the one for you. Featuring a calendar on one end and title on the other, the template is simple and elegant.

Free Twitch Panel Creator for Streamers

Free Twitch Panel Creator for StreamersFree Twitch Panel Creator for StreamersFree Twitch Panel Creator for Streamers

Why reinvent the wheel when you have so many free Twitch panel templates at your fingertips? What's great about the Placeit templates is that you can customise them however you want, for whatever purpose you want. Give this one a try today and make it your own.

Free Twitch Panel Maker for a FAQ Section

Free Twitch Panel Maker for a FAQ SectionFree Twitch Panel Maker for a FAQ SectionFree Twitch Panel Maker for a FAQ Section

An FAQ section is useful... indispensable really, so direct your visitors to your FAQ with this gorgeous button. Customise it to suit your own taste, of course.

Free Twitch Banners

If you're looking for eye-catching free Twitch banners that you can customise quickly and easily, check out these free banners from Placeit.

Free Twitch Banner Maker With a Pixel-Art Background

Free Twitch Banner Maker with a Pixel-Art BackgroundFree Twitch Banner Maker with a Pixel-Art BackgroundFree Twitch Banner Maker with a Pixel-Art Background

How about this free Twitch template, with its pixel art background and vibrant colour scheme? Of course, you can use this template as a jumping-off point for creating a look that is uniquely yours.

Free Twitch Banner Maker for Gamers

Free Twitch Banner Maker for GamersFree Twitch Banner Maker for GamersFree Twitch Banner Maker for Gamers

Love this Twitch template? Well, it can be yours for no money at all. Just change the text to reflect your own Twitch account or go for a more extensive customisation. The choice is yours.

Free Twitch Banner Maker Featuring a Bomb Icon

Free Twitch Banner Maker Featuring a Bomb IconFree Twitch Banner Maker Featuring a Bomb IconFree Twitch Banner Maker Featuring a Bomb Icon

If you want your channel to ooze danger, then you may want to pick up this free Twitch banner maker. Use the free Twitch banner to make the background and colour scheme even more menacing.

Free Twitch Banner Maker With a Flame Icon

Free Twitch Banner Maker with a Flame IconFree Twitch Banner Maker with a Flame IconFree Twitch Banner Maker with a Flame Icon

Hit the sparks when you choose this fire-lover's free Twitch banner. You can almost feel the heat just looking at it.

Minimalist Free Twitch Banner Maker With a Target Graphic

Minimalist Free Twitch Banner Maker with a Target GraphicMinimalist Free Twitch Banner Maker with a Target GraphicMinimalist Free Twitch Banner Maker with a Target Graphic

Looking for a banner with a touch of sophistication? Then how about the free Twitch banner with its gorgeous target graphic and bold text? Of course, you may want to keep some of these design ideas and change others, and the beauty of using the free Twitch panel maker is that you can do so quickly and easily.

Free Twitch Banner Generator With a Graveyard Setting

Free Twitch Banner Generator with an Graveyard SettingFree Twitch Banner Generator with an Graveyard SettingFree Twitch Banner Generator with an Graveyard Setting

Spooky yet thrilling, this stunning free Twitch banner is just what you need to make a splash. There are tons of other gorgeous backgrounds to choose from if this one doesn't quite float your boat.

Free Twitch Banner Maker With an Abstract Controller Icon

Free Twitch Banner Maker with an Abstract Controller IconFree Twitch Banner Maker with an Abstract Controller IconFree Twitch Banner Maker with an Abstract Controller Icon

This minimalist and elegant Twitch banner is absolutely free. Have fun experimenting with the wide range of icons, colours, and fonts to come up with something that's uniquely yours.

Simple Free Twitch Banner Maker Featuring a Pixel Background

Simple Free Twitch Banner Maker Featuring a Pixel BackgroundSimple Free Twitch Banner Maker Featuring a Pixel BackgroundSimple Free Twitch Banner Maker Featuring a Pixel Background

Pixels are always cool. So choose this terrific free Twitch banner and add your own vibrant colour scheme and creepy character to make your viewers sit up and take notice.

Colorful Twitch Offline Banner Template With Dotted Font

Colorful Twitch Offline Banner Template with Dotted Font Colorful Twitch Offline Banner Template with Dotted Font Colorful Twitch Offline Banner Template with Dotted Font

Sometimes, the simplest solution is the best one. When you've logged off, this beautiful abstract patterned background and wonderful dotted text will get the message across loud and clear.

Free Twitch Banner Generator for a Retro Gamer With an 8-Bit Aesthetic

Free Twitch Banner Generator for a Retro Gamer with an 8-Bit AestheticFree Twitch Banner Generator for a Retro Gamer with an 8-Bit AestheticFree Twitch Banner Generator for a Retro Gamer with an 8-Bit Aesthetic

If you love all things retro, you'll love this free Twitch banner with its nod to the past. Keep the features you like and change the ones you don't with the intuitive and easy-to-use Twitch banner maker.

Free Twitch Banner Maker With an Illustrated Sky

Free Twitch Banner Maker with an Illustrated SkyFree Twitch Banner Maker with an Illustrated SkyFree Twitch Banner Maker with an Illustrated Sky

Is whimsy your thing? Then how about this beautiful free Twitch banner maker? You can use it as is or add your own special twists to make it uniquely yours.

10 Free Twitch Overlay Templates

Need a free custom Twitch overlay for your Twitch channel? This collection of Twitch overlay templates from Placeit could be just what you're looking for. Take a look.

Free Twitch Overlay OBS for Female Gamers

Free Twitch Overlay OBS  for Female GamersFree Twitch Overlay OBS  for Female GamersFree Twitch Overlay OBS  for Female Gamers

Check out this very cool and captivating free Twitch overlay template, featuring a gorgeous abstract background and a stream camera overlay. You can customise the template by adding your own colour scheme and moving the camera overlay wherever you want to within the frame.

Free Twitch Overlay Maker With a Webcam Frame

Free Twitch Overlay Maker with a Webcam FrameFree Twitch Overlay Maker with a Webcam FrameFree Twitch Overlay Maker with a Webcam Frame

This free Twitch overlay template may not have many elements, but with that blood red background framed by black, it communicates danger eloquently. Use the free Twitch overlay maker to create your own version of horror.

Free Twitch Overlay Template With an Illustrated Night Sky

Free Twitch Overlay Template Featuring an Illustrated Night SkyFree Twitch Overlay Template Featuring an Illustrated Night SkyFree Twitch Overlay Template Featuring an Illustrated Night Sky

Check out this free Twitch overlay template with its stunning night sky background. This is just one of the gorgeous backgrounds offered in this template, so check it out to find your favourite.

Free Twitch Overlay Maker for Gaming Streamers

Free Twitch Overlay Maker for Gaming StreamersFree Twitch Overlay Maker for Gaming StreamersFree Twitch Overlay Maker for Gaming Streamers

If you love abstract patterns and vibrant colours, this is the Twitch overlay graphic for you. It provides space for social media icons and any additional text you wish to add.

Free Twitch Overlay Template Featuring a Frame

Free Twitch Overlay Template Featuring a FrameFree Twitch Overlay Template Featuring a FrameFree Twitch Overlay Template Featuring a Frame

Here's another terrific free Twitch overlay template of the outer space kind. This template offers the most wonderful frames. Use the template as is or customise it in a matter of minutes.

Free Twitch Overlay Maker With a Pixel Art Landscape Background

Free Twitch Overlay Maker with a Pixel Art Landscape BackgroundFree Twitch Overlay Maker with a Pixel Art Landscape BackgroundFree Twitch Overlay Maker with a Pixel Art Landscape Background

Spring is in the air with this gorgeous free Twitch overlay template. Give your stream a retro pixel art look with this cute template. Not into cherry blossom? No problem: there are plenty more backgrounds to choose from.

Free Twitch Overlay Template Featuring a Landscape

Free Twitch Overlay Template Featuring a LandscapeFree Twitch Overlay Template Featuring a LandscapeFree Twitch Overlay Template Featuring a Landscape

This otherworldly free Twitch overlay template is just what you need to make a strong statement. It features a stunning background image—which you can switch for one of the others offered with this theme if you like—and a simple webcam overlay frame.

Free Twitch Overlay OBS With an 8-Bit Rabbit Illustration

Free Twitch Overlay OBS with an 8-Bit Rabbit IllustrationFree Twitch Overlay OBS with an 8-Bit Rabbit IllustrationFree Twitch Overlay OBS with an 8-Bit Rabbit Illustration

One of the great things about the Placeit templates is that you don't have to worry about whether or not you've got the correct overlay sizes. That's because each Twitch template is optimised for exactly the right size specifications, leaving you to use all your energy to customise your template to reflect your own personal style.

Free Twitch Overlay Maker for Live Twitch Accounts

Free Twitch Overlay Maker for Live Twitch AccountsFree Twitch Overlay Maker for Live Twitch AccountsFree Twitch Overlay Maker for Live Twitch Accounts

How dramatic and alluring is this background image? Very, I'd say. The template offers plenty of space for your account name and social media platforms. You can use this template as is or customise it in a matter of minutes.

Free Twitch Overlay Template With Cool Frames

Free Twitch Overlay Template with Cool FramesFree Twitch Overlay Template with Cool FramesFree Twitch Overlay Template with Cool Frames

Check out this eye-catching custom overlay template, which combines a clean, modern design with great imagery. Upload your details and change the colour scheme to make it your own.

10 Free Twitch Logo Maker Templates

Placeit also offers a free Twitch logo maker with tons of templates for those needing a special logo for their Twitch account.

Free Twitch Logo Maker Featuring a Masked Hacker

Free Twitch Logo Maker Featuring a Masked HackerFree Twitch Logo Maker Featuring a Masked HackerFree Twitch Logo Maker Featuring a Masked Hacker

How about this free Twitch logo maker featuring a weird masked figure?

Military-Style Free Twitch Logo Maker for Gamers

Military-Style Free Twitch Logo Maker for GamersMilitary-Style Free Twitch Logo Maker for GamersMilitary-Style Free Twitch Logo Maker for Gamers

Here's a cool military-style free Twitch logo that combines a great graphic with bold text. With the free Twitch logo maker, you don't need to worry about how to design your own logo. All you need to do is open the template, change your text and colour scheme, and your design is ready to use.

Free Twitch Logo Maker for Military-Themed Games

Free Twitch Logo Maker for Military-Themed GamesFree Twitch Logo Maker for Military-Themed GamesFree Twitch Logo Maker for Military-Themed Games

Here's a great variation on the template above. This one offers a bullseye to go along with the crossed rifles and a background dotted with firepower to make the point.

Free Twitch Logo Maker for a Fierce Gaming Team

Free Twitch Logo Maker for a Fierce Gaming TeamFree Twitch Logo Maker for a Fierce Gaming TeamFree Twitch Logo Maker for a Fierce Gaming Team

If you're looking for a nature-inspired logo, check this one out. Use the free Twitch logo maker to change the background colour, choose a different graphic if you like, and update the text to create your own look.

Free Twitch Logo Maker With a Gaming Tournament

Free Twitch Logo Maker with a Gaming Tournament Free Twitch Logo Maker with a Gaming Tournament Free Twitch Logo Maker with a Gaming Tournament

There are many different kinds of wolf icons at Placeit. Try this one, which communicates a different vibe than the one above. That's why it's worth checking out the free Twitch logo maker. You never know what you'll find to match your needs exactly.

Free Twitch Logo Maker With a Graphic of an Explosion

Free Twitch Logo Maker with a Graphic of an ExplosionFree Twitch Logo Maker with a Graphic of an ExplosionFree Twitch Logo Maker with a Graphic of an Explosion

Things that go boom never look as threatening as this mushroom cloud with its embedded skull icon. If it isn't your cup of tea, no worries—choosing another graphic for your logo is just a mouse click away.

Free Twitch Logo Maker With a Grimm Reaper Graphic

Free Twitch Logo Maker with a Grimm Reaper GraphicFree Twitch Logo Maker with a Grimm Reaper GraphicFree Twitch Logo Maker with a Grimm Reaper Graphic

The grim reaper is a powerful symbol, and with the free Twitch logo maker, there's no shortage of scary icons to choose from, so take your pick.

Free Twitch Logo Maker Featuring a Female Shooter

Free Twitch Logo Maker Featuring a Female ShooterFree Twitch Logo Maker Featuring a Female ShooterFree Twitch Logo Maker Featuring a Female Shooter

If you're looking for a female assassin, then you've got to consider this Twitch logo, which contains plenty of cool avatars for you to chose from. The simple template is easy to update with the free Twitch logo maker.

Free Twitch Logo Maker With Diverse Graphics for Gamers

Free Twitch Logo Maker with Diverse Graphics for GamersFree Twitch Logo Maker with Diverse Graphics for GamersFree Twitch Logo Maker with Diverse Graphics for Gamers

This angry skull will send a chill down your opponents' spines. That's a good enough reason to use it, but if you want another, it is absolutely free. How's that for an enticement?

Choose Your Free Twitch Template Today

As you can see, Placeit offers a ton of terrific free Twitch templates. The free offers are rotated from time to time, so if one you love is no longer available, rest assured there will be other equally compelling templates in its place. Use your favourite template to make your own panel, overlay, banner, or logo.

If you're interested in learning more about creating Twitch resources, check out the following articles:

19 Best Logo Showcase Plugins for WordPress and WooCommerce

Posted: 31 May 2021 08:35 AM PDT

Do you want to show brand logos for products you sell on your website? Do you want to show logos of your sponsors or media partners on your website? 

Logo showcase plugins will help you do the following:

  • display logos of your clients, sponsors or partners.
  • let your customers know what brands you sell on your store
  • show what media outlets have covered your products
  • let visitors know what organization sponsor your activities 
Smart Logo Showcase - Responsive Clients Logo Gallery Plugin for WordPressSmart Logo Showcase - Responsive Clients Logo Gallery Plugin for WordPressSmart Logo Showcase - Responsive Clients Logo Gallery Plugin for WordPress
Smart Logo Showcase is an example of Logoshowcase plugins for WordPress and WooCommerce tht are available on CodeCanyon and Envato Elements.

Before you head over over to CodeCanyon and Envato Element to find the right logo showcase plugin, let's explore the benefits of a monthly subscription to Envato Elements

Envato Elements: Unlimited Downloads

Envato Elements is a service that provides an unlimited download subscription, meaning that you are free to download as many items as you like from millions of digital assets. This includes premium WordPress themes and plugins, stock photography, royalty-free audio, stock video, and graphics.

The subscription is covered by simple commercial licensing that gives you the rights to use the item in a broad variety of projects, including those of a commercial nature.

The licensing is future-proof, meaning even if you unsubscribe and can't download items from Envato Elements any more, any existing uses that you registered are still covered.

Unlimited downloads of 54+ million creative assets. From just €14.50/month.

Subscribe Today 

Subscribe today and start creating or learn more about why Envato Elements is Great for WordPress Developers

Logo Showcase Plugins on Envato Elements 

Let's start by looking at some logo showcase plugins that are available on Envato Elements.

1. Logos Showcase

Logos ShowcaseLogos ShowcaseLogos Showcase

Logos Showcase displays logos of clients, supporters or sponsors on your WordPress website. The logos can be displayed as a normal grid, responsive grid, or carousel silder. You can link the logo images with external or internal links. You can enhance the logo images with pre-built styles and tooltips like grayscale style. Images can be grouped by categories and can have links that can open on the same page or in a new page. You can easily generate shortcodes to be used in posts and pages. 

2. Logo Showcase for Elementor

Logo Showcase for Elementor WordPress PluginLogo Showcase for Elementor WordPress PluginLogo Showcase for Elementor WordPress Plugin

With this awesome responsive plugin you can build your logo showcase in one minute using Elementor. You can create a simple logo with various customizable settings. Each logo can then be added to logo carousel or slider. If you want to animate your logos, there are over 200 effects to choose from. This plugin is translation ready

3. Logo Showcase: Addons for WPBakery

Logo Showcase - Logo Addons for WPBakery - WPLogo Showcase - Logo Addons for WPBakery - WPLogo Showcase - Logo Addons for WPBakery - WP

With the Logo Showcase addon for WPBakery Page Builder, you can build your logo showcase in no time and show logos in carousel or slider. The plugin is responsive and you can choose items to display based on devices. You can add links to images and animate your images too.     

4. WordPress Logo Showcase Plugin

WordPress Logo Showcase PluginWordPress Logo Showcase PluginWordPress Logo Showcase Plugin

Using WordPress Logo Showcase Plugin you can display your most important clients' and sponsors' logos or your mentions in the media sites. You can upload any number of of logotypes, organize them into a slider or grid, and vary the size of the logos. You can make the logos clickable and set links to any address. 

The plugin comes with all features you need to design the perfect logo showcase including: layouts with adaptable widths and variable sizes of logos. You can select sliding speed, navigation options, and pagination style, make the plugin vertically-oriented, switch on auto sliding, and more.

5. GBrands: WooCommerce Gutenberg Brands Block

GBrandsGBrandsGBrands

Using GBrands you can display custom logos of known brands on your websites and attract customers and bring your store more visibility.

With this plugin you can:

  • create brands and assign custom logos
  • add brands block into any page or post
  • setup what brands to display in the block
  • setup how many brands per column to display
  • setup how many brands categories to display
  • custom text color, hover color, border color, and background color

Logo Showcase Plugins On Code Canyon

Envato Elements gives you access to On CodeCanyon you can purchase your logo showcase plugin with a cheap one-time payment.

Here are a few of the best-selling logo showcase WordPress plugins available on CodeCanyon for 2021.

6. Logos Showcase: Multi-Use Responsive WordPress Plugin

Logos Showcase - Multi-Use Responsive WP PluginLogos Showcase - Multi-Use Responsive WP PluginLogos Showcase - Multi-Use Responsive WP Plugin

This plugin will all you to display a list of clients, supporters, partners or sponsors logos in your WordPress website. You can display a set of images in normal grid, responsive grid or horizontal carousel slider. You can also create grids of images with external or internal links. 

You can enhance the images with pre-built styles like grayscale or box highlights and tooltips.

7. WooCommerce Brands

WooCommerce BrandsWooCommerce BrandsWooCommerce Brands

WooCommerce Brands allows you to add brands and see them on your store, products categories and single product pages. You can display brands in a number of ways: a-z filters, AJAX filters, a brand carousel, or a brand thumbnail grid. You can also display a product carousel by brand, product grid by brand and so on. You can create shortcodes with a shortcode builder or use the Visual Composer add-on.

The plugin is works perfectly on all devices and browsers. It supports multiple sites, WPBakery Page Builder, and WPML. 

8. Smart Logo ShowcaseSmart Logo Showcase - Responsive Clients Logo Gallery Plugin for WordPressSmart Logo Showcase - Responsive Clients Logo Gallery Plugin for WordPressSmart Logo Showcase - Responsive Clients Logo Gallery Plugin for WordPress

With Smart Logo Showcase you can create responsive and visually engaging client logo galleries for your website. This WordPress logo showcase plugin gives you a wide range of display and customization options to make logo images galleries of your clients, sponsors, or partners standout.

You can display image logos in grid galleries or carousel sliders galleries, use inline and popup view templates to make your galleries more informative by showing social links, website, email, phone, short or full description and contact details, and even add external and internal links to image logos. 

As for the sliders, you can set transition speeds, pagination effects, autoplay, and so on. 

The plugin is SEO optimized and touch friendly. It works on all modern browsers, and is translation ready. 

9. Ultimate WooCommerce Brands Plugin

Ultimate WooCommerce Brands PluginUltimate WooCommerce Brands PluginUltimate WooCommerce Brands Plugin

Using Ultimate WooCommerce Brands Plugin you can easily add brands and brand logos to your WooCommerce products. You can display brand name or logos on your product page or category pages. You also have WordPress widgets to show your brands list in sidebars by logo, titles, or other options. 

Products can be filtered by brands and also every brand on your site will have its own page with assigned products. You will also a filtered page that lists all brands. In addition, you can show your brands using a special responsive brands slider with touch support. 

The plugin is fully responsive, translation ready and works with any theme that supports WooCommerce. 

10. WordPress Logos Showcase: Grid and Carousel

WordPress Logo Showcase: Grid & CarouselWordPress Logo Showcase: Grid & CarouselWordPress Logo Showcase: Grid & Carousel

With this WordPress logo showcase plugin you can display attractive logos on your website in a grid or carousel layout. You can activate or deactivate tooltips and also customize the border size and border color for active and inactive images. The plugin is fully responsive and supports touchscreen navigation for mobile devices. 

11. WP Logo Showcase and Slider

WP Logo Showcase & SliderWP Logo Showcase & SliderWP Logo Showcase & Slider

WP Logo Showcase and Slider is a fully responsive plugin that allows you to display your clients' and partners' logos on your website. A drag-and-drop layout builder enables you to create, customize and arrange beautiful logo displays by choosing from three layouts: grid, slider and category-wise Isotope filtering. You can embed the logo images with internal or external links.

The plugin supports multi-language translation including RTL-oriented languages. It is also compatible with the latest WordPress and WP Bakery Page Builder.

12. Logo Showcase for WordPress

Logo Showcase for WordPressLogo Showcase for WordPressLogo Showcase for WordPress

Display amazing logos on your website in grid, list, carousel, or isotope layouts using WP Logo Showcase. You can add popup and inline views to your galleries in order to show additional information and contacts of your clients, supporters, or partners. The front-end can have a logo image gallery with jQuery lightbox. The plugin works on all devices and supports all browsers. 

13. Super Logos Showcase for WordPress

Super Logos Showcase for WordPressSuper Logos Showcase for WordPressSuper Logos Showcase for WordPress

Super Logos Showcase is an interactive logo showcase plugin made specifically for mobile devices to help you showcase logos and brands on your websites. You can manage unlimited logos, customize colors and styles of your logo page to suit your website branding, and set your logos to go to external or internal links or using the default animated slide down content. Each logo has fully customizable CTA button. 

The plugin also comes with multiple logo layouts and animated logo content displays within the same page. Individual logo backgrounds and hover effects are fully customizable. With this plugin you can also showcase products instead of logos and you can customize the labels and captions to suit your needs via admin settings.

14. Logo Showcase—WordPress Logo Plugin

Logo Showcase - WordPress Logo PluginLogo Showcase - WordPress Logo PluginLogo Showcase - WordPress Logo Plugin

This WordPress logo plugin enables you to add unlimited logos to your website, build them into a slider or grid or carousel, and customize logo images sizes, colors, fonts and more. You can add captions to each logo and include links to your clients', partners' or sponsors' websites. You can choose to include customizable CTA buttons for logos. 

15. Logo Awesome Pro: Partner and Client Logo Showcase Plugin

Logo Awesome Pro - Partner & Client Logo Showcase PluginLogo Awesome Pro - Partner & Client Logo Showcase PluginLogo Awesome Pro - Partner & Client Logo Showcase Plugin

Logo Awesome Pro will help you showcase all your partners' and clients' logos in a grid or carousel layout. The plugin has a straightforward user interface and comes with over fifteen logo design templates with more than a hundred design possibilities. You can customize the column number, logo width, space, client name colors, description color, icon color, icon hover color and more. This plugin works seamlessly across devices and supports touch and swipe support.

Free Logo Showcase Plugins for WordPress 

Premium logo showcase plugins for WordPress come with a wide range of features and support. But if you want to try some see how they work, I've collected a list of five of free logo showcase plugins for WordPress. 

Logo Slider and Showcase

Logo Slider and ShowcaseLogo Slider and ShowcaseLogo Slider and Showcase

Logo Slider and Showcase is a fully responsive logo showcase plugin that displays your logos, clients and partners in a grid or carousel layout. You can resize logos to fit desired dimensions. It is multilingual and support RTL languages. 

Logo Carousel

Logo Carousel – Logo Slider, Logo Showcase, and Clients Logo GalleryLogo Carousel – Logo Slider, Logo Showcase, and Clients Logo GalleryLogo Carousel – Logo Slider, Logo Showcase, and Clients Logo Gallery

Logo Carousel highly customizable and flexible logo showcase builder plugin. You can display the logos of your clients, sponsors, partners, affiliates, supporters, and brands in a visually appealing carousel through an intuitive shortcode generator.

RS Logo Showcase

RS Logo ShowcaseRS Logo ShowcaseRS Logo Showcase

Logo Showcase is a lightweight and responsive plugin for displaying a list of clients, supporters, partners or sponsors logos on your WordPress website. You can easily create a slider of images with external or internal links with title and description. You can manage your logos by category and display in different places on your website.

Logo Carousel Slider

Logo Carousel SliderLogo Carousel SliderLogo Carousel Slider

With this plugin you can easily create logo carousel or slider to display logos of clients, partners, sponsors, or affiliates across all devices. Using shortcodes you can place carousel or slider anywhere on your website. The plugin has touch and swipe support. 

Why Show Client Logos on Your Website?

1Showing Your Clients Creates Trust 

If you've worked with clients like Sony, Microsoft, Disney and so on, wouldn't you want to show it on your website? Visitors would reason that if these big companies did business with you, then your services must be excellent. Whatever doubts they had will be assuaged because your social proof will give them the confidence to take the next steps and become clients. 

2Better Positioned Client Logos Increase Your Conversion Rates

Place the logos in areas where clients will feel reassured they are making decisions when purchasing or subscribing. So add logos to homepages, product pages, and the subscription newsletter signup page. 

Get Your Logo Showcase Plugin Now!

Premium logo showcase plugins for WordPress come with a wide range of features and support. You can find these and many other WordPress plugins on Envato Elements and CodeCanyon

Topselling Logo Showcase Plugins on CodeCanyon Topselling Logo Showcase Plugins on CodeCanyon Topselling Logo Showcase Plugins on CodeCanyon

For more tips on the best WordPress plugins, check out some of our other posts here on Envato Tuts+. 

How to Reduce Noise in Raw Photos Using DxO PureRaw

Posted: 31 May 2021 08:30 AM PDT

DxO PureRAW claims to open your RAW photographs up to new possibilities. Now available as a standalone app, it's designed to act as a first step in your editing process so that you can start with the best base possible.

The software exports a new .dng raw file after you've run one of its filters, retaining all your RAW information plus the noise reduction, ready to continue your workflow in your usual editing image suite. More than just a noise reduction tool, DxO claims:

'PureRAW uses smart technology to fix the seven problems that affect all RAW files: demosaicing, denoising, moiré, distortion, chromatic aberrations, unwanted vignetting, and a lack of sharpness.'

It does this with 'convolutional neural networks' which have developed advanced analysis from the millions of images and thousands of cameras in DxO's databases.

noisy image examplenoisy image examplenoisy image example
The image I'll be using

This is the image I'll use to demo PureRaw. It was taken in a dark museum with the ISO cranked up to 6400. I've lightened this image in Adobe Camera Raw so you can see the noise more easily, but in the demonstration the image doesn't retain the sidecar data from ACR, so it'll look much darker; hopefully you'll still see the difference in the noise reduction. I'll pop it back into ACR at the end with the same settings so you can see the true before/after.

1. Open PureRaw

Let's get into it.

PureRaw opened upPureRaw opened upPureRaw opened up
PureRaw opened up

This is how the software looks when you first open it. You can click on the screen to add your photos, or select and drop in as many as you like, to get started.

opticsopticsoptics
Optics options

If it's your first time loading in a photograph then you'll be asked if you want to download the modules to apply optics corrections to your specific equipment. Whether you do this or not is up to you and will probably depend on your upcoming workflow. You may prefer to apply these elsewhere.

I've installed them for the purposes of the demo so that I'm starting with the best possible base to show you the results, but if I was intending to open the image in Adobe Camera Raw to make edits after running it through PureRaw then I'd stick to using the profile corrections there instead.

thumbnailthumbnailthumbnail
Thumbnail of your image(s)

Once you've done that you'll see your image(s) appear as a thumbnail.

2. Run the PureRaw Filters

Now we can start the de-noising process.

Processing optionsProcessing optionsProcessing options
Processing options

You'll see three methods: HQ, PRIME and DeepPRIME, here's a rundown of each:

  • HQ: this is a lighter touch noise remover, designed for images that were taken in regular lighting conditions. Note: My computer estimated this would take 26 seconds.
  • PRIME: a medium option that takes longer to run than HQ, but claims to work better for images taken in low light. Note: My computer estimated this would take around 1 minute.
  • DeepPRIME: the strongest noise reduction, this option claims to yield 'breath-taking' results but takes a while to run and requires a lot of processing power. Note: My computer estimated this would take around 2 minutes, which didn't seem unreasonable for 'breath-taking results.'

It's disappointing not to get a preview image when highlighting each option, as you do with ACR's new Super Resolution tool, but comparably, it's very quick to run so it doesn't matter too much.

Processing finishedProcessing finishedProcessing finished
Processing finished

When it's finished running the tool you'll get the option of exporting it straight to your usual editing software, or viewing the results directly in PureRaw with a before/after. I ran each filter on the same image, here are the results:

HQ

HQ processingHQ processingHQ processing
HQ processing

PRIME

Prime processingPrime processingPrime processing
PRIME processing

DeepPRIME

DeepPRIME processingDeepPRIME processingDeepPRIME processing
DeepPRIME processing

What These Results Actually Mean...

It's very difficult in the previews to see the real differences, and for this reason it would have been nice if PureRaw also had the option to do some basic edits, because quite reasonably many of the images that will be noisy and in need of correction are those taken in low light conditions. Here's the result after lightening it in ACR:

After DeepPRIME plus lightening in ACRAfter DeepPRIME plus lightening in ACRAfter DeepPRIME plus lightening in ACR
After DeepPRIME plus lightening in ACR

And so you don't have to scroll back up, here's a reminder of the before image with the exact same ACR settings:

Before imageBefore imageBefore image
Before image

Certainly a big difference and the result isn't overly soft, though it definitely has softened some. Here are two slices of image taken at 100%.

Before DeepPRIME

Image taken at 100% before DeepPRIME is appliedImage taken at 100% before DeepPRIME is appliedImage taken at 100% before DeepPRIME is applied
Image taken at 100% before DeepPRIME is applied

After DeepPRIME

Image taken at 100% after DeepPrime has been appliedImage taken at 100% after DeepPrime has been appliedImage taken at 100% after DeepPrime has been applied
Image taken at 100% after DeepPrime has been applied

The result looks more impressive up close and 100% zoom doesn't usually take any prisoners, so if there are faults to be found then looking up this close will usually find them, but it's pretty good. Definitely softer, but all that has been done to the photo other than DeepPRIME is to lighten it, so there are still sharpening and texture options that can increase that detail without bringing the noise back into the image.

To open the photo into your usual editing software after you've viewed the results, just right-click and choose that option. If it's the first time you've used the software, you'll have to navigate to where your editing program is installed.

Can This be Achieved Elsewhere?

Before and After Adjustment in Adobe Camera RAWBefore and After Adjustment in Adobe Camera RAWBefore and After Adjustment in Adobe Camera RAW
Before and After Adjustment in Adobe Camera RAW

What I was most curious about was whether I could achieve the same result right in Adobe Camera Raw. Looking at the before/after above it's tempting to say yes, but this is only at about 15% magnification. Looking at 100% tells another story. 

After noise reduction in Adobe Camera Raw (100% magnification)After noise reduction in Adobe Camera Raw (100% magnification)After noise reduction in Adobe Camera Raw (100% magnification)
After noise reduction in Adobe Camera Raw (100% magnification)

The noise is mostly gone but the image is a lot softer than it was after DeepPRIME, and I'm left with a purple haze that would need correction elsewhere. If you look closely there are also one or two leftover artefacts that appear in a similar way to hot pixels, little squares of colour.

Conclusion

I put DxO PureRaw through its paces by using an image that in most cases wouldn't be salvageable, and I think this is the key. While DxO recommends running all your RAW images through it, it's actually better suited to those cases where you really need it. Most cameras and associated editing software suites are capable of a decent level of noise removal, certainly enough for most instances and 'everyday' use. On those occasions when you've been limited by time and circumstance (very low light for example) or when you make a mistake and accidentally choose the wrong settings, it's good to know that there's a bespoke tool to help fix that, and that's where PureRaw fits perfectly.

There's no doubt that the results on a 'bad' image are very impressive. What I would have loved to have had, though, is more control over the filters. In ACR, for example, I can specifically target colour noise reduction, I can choose the balance of noise reduction and loss of sharpness, and so on. In theory the algorithms of PR are supposed to be making those best choices and balances for you, but it feels a bit hollow without the ability to adjust it yourself.

A little like Super Resolution in Adobe Camera Raw, PureRaw is a tool to use when certain limitations have been reached, like you want to rescue images from an old camera that aren't great quality, or you need to clean up an image for a larger print. DxO apps are a competitive, high-quality pay-outright alternative to subscriptions. Whether that's worth the price point—£115—or not is a decision you'll have to make, but in the meantime it's worth giving the 30-day free trial a try if you're curious.

How to Use Curves to Change Contrast and Tone in Photos With Lightroom Classic

Posted: 31 May 2021 08:03 AM PDT

As photographers, we're visual by nature. From making an exposure to printing, we want to share the way we saw the world and express how it felt. It's a major bonus if the tools we use are built with this process in-mind.

In Adobe Lightroom, the tone curve is so much more than a technical read-out: it's a powerful tool that gives you all the visual indicators you need to correct an image accurately and make intuitive creative adjustments.

Tone curve for adjustmentsTone curve for adjustmentsTone curve for adjustments
Lightroom's tone curve is more than an indicator—it's actually a tool you can click and drag to correct tone and contrast.

In this tutorial, you'll learn a fast and powerful way to make tone and contrast changes. We'll leverage the tone curve to make those adjustments, following the shape of the histogram for correction.

1. Definition: Tone and Contrast

Let's start off by defining our two key terms, tone and contrast.

Every image has what's known as a dynamic range. All the pixels in the image all fall into discrete tones within this range, and we can measure the dynamic range by finding the difference between how white the brightest point is and how black the darkest point is. Tone doesn't describe the content in an image, but understanding and discerning tonality in images is still very helpful in photography. A related term, contrast, describes the distribution of those tones in the image and how they relate to each other and the content.

For example, a high-contrast image has pixels on or near the full spectrum of the dynamic range, with a distribution of highlights and shadows throughout the image. You might hear an image referred to as "high contrast" when there's a wide range of of highlights to shadows. A low-contrast image contains less difference between bright and dark. It might have it's pixels high or low on the range, but all in a smaller tonal range.

High contrast low contrast LRHigh contrast low contrast LRHigh contrast low contrast LR
The left panel shows a high contrast edit, while the version on the right is a compressed tonal range, low contrast edit.

If you want to learn more about tone and contrast, check out the alternative contrast-control method described in our other tutorial. It includes more examples of tone and contrast ranges.

The Art of Image Correction

Before we learn how to use curves for tone and contrast corrections, it's important to mention about the idea of image correction. When you jump into an app like Lightroom, there's a temptation to start pulling every slider in the Develop module. While it's fun to experiment with these tools, it's best to approach the app with a "process" mindset, adjusting an image step-by-step.

When you begin to work with the settings that impact the look of an image, start by correcting the image, applying a limited set of adjustments that bring the image to a neutral state. With these changes, your image might actually appear slightly less true-to-life and over-exposed. That's OK, tthe idea is to bring the picture to as clear and readable as you can, balancing exposure, white balance, saturation, and contrast. Doing these steps first makes it much easier to apply creative adjustments later.

If you want to learn how to correct your images, we have a complete set of tutorials to help. Jump to any and all of these links to learn about the correction process; each of these techniques work on different visual elements.

2. How to Use Curves to Correct Tone and Contrast

When you shoot images in RAW format, they'll invariably need post-processing to come alive. One technique for tone and contrast correction is to use combinations of the exposure, contrast, and highlights and shadows sliders. We'll make the same adjustments by reading the histogram and adjusting the tone curve. You can also use curves in conjunction with other tools.

Let's look at a sample image below, which is a bit flat and lacks contrast—typical for a raw photo. I've already applied my basic corrections to white balance and exposure.

The adjustments take place in the Develop module. Find the Tone Curve section, and notice the graph that shows a histogram representing an image along with a white line. The white line is the curve we can control to adjust the tone curve.

Sample image Lightroom tone curveSample image Lightroom tone curveSample image Lightroom tone curve
The white line overlaid on the histogram is the tone curve, an adjustable click-and-drag tool.

Make sure that you've selected the white circle, second icon from the left (next to the red circle) just above the tone curve. This will put us in Point Curve mode, which transforms the curve into a usable point-and-click tool.

Now, let me make a recommendation: let's start with a tone curve preset. If you're working with an image that isn't fully corrected, this is the best approach. Click on the dropdown next to Point Curve, and let's start with the Medium Contrast option.

To get a feel for what this tool does, it helps to compare the medium preset to the strong preset. Check out the comparison in the screenshot below.

side by side tone curvesside by side tone curvesside by side tone curves
The curvier the tone curve, the more contrast and tonal range you'll add to your image.

Using this tool is fairly intuitive. A flat tone curve means your image will be more flat in its contrast and tonal range. With more shape to the tone curve, your image will take on more tonal range and contrast. Moving the curve towards one corner or the other introduces contrast and tonal changes in different parts of the image.

Side by side curves appliedSide by side curves appliedSide by side curves applied
These are the resulting images from the two tone curve presets shown above.

The best way to learn this tool is to try it. After you a pick a preset, you'll notice new circles added to the tone curve. These are the control points you can you use to click-and-drag to adjust the shape of the curve. Remember, Lightroom also lets you undo changes (make sure to use the History panel on the left side to walk back adjustments) without loss of quality, so experiment with the tool before we go any further.

Reading The Histogram

The left side of the tone curve controls the contrast in the shadow regions of the image, while the right side of the curve controls contrast to the highlight image areas. Midtones are in the middle, black and white points sit on either side.

Check out the example below, then compare the shape of the tone curve to the previous example. To illustrate adding high contrast to the shadows, I pulled the control points near the left side down and to the right.

More contrast tone curveMore contrast tone curveMore contrast tone curve
Pulling down the control points on the left side of the curve adds more contrast to an image.

Now, let's explore creative adjustments to the highlights in our image. For this example, let's say that we actually want less contrast in the highlights, to give this picture a more film-like tonal range and appearance.

I've taken the rightmost point on the tone curve, white, and pulled it down, flattening out the tone curve in the highlights. In doing this, you'll notice the image loses contrast in the mountain areas. In reducing the "curve" to flatness, the highlight contrast is reduced. This change makes it feel like the mountains are far away in the distance, occluded by atmosphere.

Low contrast highlights LightroomLow contrast highlights LightroomLow contrast highlights Lightroom
Flattening the tone curve on the right side will "crush" the highlights, reducing the contrast.

As another alternate example, let's return the white point and bring back more highlight contrast. Below, I've dragged the curves on the right side upward. The result is much more contrast between the sky and mountains in the background: this makes them feel like they have much more dimension, rising above the foreground.

Alternate example highlights LRAlternate example highlights LRAlternate example highlights LR
With more shape to the right side of the tone curve, you'll see more contrast in the highlights.

The tone curve isn't just a chart. In Adobe Lightroom, it's actually a click-and-shift tool that you can use for adjustments. For visual artists, it's sometime much easier and more intuitive  to explore the relationship between the tone curve and the image's appearance.

3. Next Steps for Your Photo

Ready to keep going with your photo in Lightroom? Here are more free tutorials to take you there, including how to use your new skill with curves to make creative colour adjustments in Lightroom Classic.

The Best Source For Creative Adjustments For Adobe Lightroom

We've been using tones and curves to apply corrections to an image. That means that we used Lightroom's tools to bring the image back to a neutral state, not unlike how it appeared in real life.

While you were working with these tools, you might have started to daydream about creative adjustments. These changes take your image from corrected to fulfilling your idea for the image's final appearance. It's even easier when you use Adobe Lightroom presets with all of the settings built-in.

The best source for Lightroom presets is Envato Elements. It's an all-you-can-download library of creative assets you'll unlock for a flat rate. That includes thousands of the best Adobe Lightroom presets that totally re-style your images.

Envato Elements Lightroom presetsEnvato Elements Lightroom presetsEnvato Elements Lightroom presets
Elements includes unlimited downloads of Adobe Lightroom presets to help you style your images.

Let's check out just three of the preset packages included when you subscribe to Envato Elements. These are just a few of the thousands of presets you'll unlock.

1. Retrodreams Mobile and Desktop Lightroom Presets

Retrodreams Lightroom presetRetrodreams Lightroom presetRetrodreams Lightroom preset

Ready to go back in time? Then the Retrodreams Lightroom preset package might just be the perfect one for you. With brown and tan tinting and a crushed tone curve, it immediately transports your images to the days of old. Try out the 10 presets that work for both Lightroom CC and Lightroom mobile.

2. 8 Classic Ports Film Look Presets

8classic ports Lightroom preset8classic ports Lightroom preset8classic ports Lightroom preset

Every photographer needs a few "go-to" image styles. This package of eight presets is a great set of general purpose presets that you can use on a broad set of images. These are inspired by the warm Fujifilm analog styles that photographers love.

3. 20 Faded Duotone Lightroom Presets

Faded duotone Lightroom presetsFaded duotone Lightroom presetsFaded duotone Lightroom presets

Far from the ordinary, these duotone presets bring together two color tints for creative edits. There are 20 combinations of complementary colors that transform your images with just one click. Best of all, each preset is adjustable so that each effect fits your image perfectly.

More Resources to Learn Adobe Lightroom

How to Make a PowerPoint Funnel Diagram Quickly (With PPT Templates +Video)

Posted: 31 May 2021 07:05 AM PDT

One of the best ways to reduce text on your slides is to use infographics. They're beautiful charts that combine information and visuals into a single illustration. The perfect example of this is with PowerPoint funnel diagrams, which show how the inputs into a process flow. 

Customized PowerPoint Funnel ChartCustomized PowerPoint Funnel ChartCustomized PowerPoint Funnel Chart
An infographic like this one in Funnel Pack is an excellent example of how to use a funnel diagram to explain your ideas.

Boring slides use text to explain ideas. Better slides substitute text for graphics that your audience will review carefully. Infographics like editable funnel charts are a significant improvement over text-dense slides.

Throughout this tutorial, you'll see two great options for building a PowerPoint funnel chart. The first of these is using a built-in PowerPoint feature, SmartArt. An even better option is to customize funnel diagrams in PowerPoint templates from Envato Elements, or funnel chart templates from GraphicRiver. Let's learn more!

How to Quickly Make Funnel Diagram Graphics in PowerPoint With Templates (Video)

In this video you'll learn how to make a funnel diagram using a PowerPoint template. With a professionally-designed template you save time. Plus, you can quickly modify it to fit your information.

To learn more about how to create funnel diagrams in PowerPoint including how to create one in SmartArt, keep reading the tutorial. 

How to Create PowerPoint Funnel Graphics With SmartArt

Funnel graphics for PowerPoint are a great way to visualize multi-level concepts. Use them to show off hierarchies, processes, percentage breakdowns, and more. 

In other words, a funnel diagram shows how parts come together to form the whole. And with fantastic editable PowerPoint funnel charts, you can illustrate a variety of concepts quickly.

Let's look at what it takes to build a funnel slide yourself. That means starting with a blank slate and using the PowerPoint SmartArt feature to create a funnel step-by-step.

To start building a funnel graphic in PowerPoint, go to the Insert > SmartArt menu option. On the pop-up window, you'll see a variety of charts and graphics that you can easily add to your presentation. There's a graphic specifically for funnel diagrams on the Relationship section.

PowerPoint Funnel ChartPowerPoint Funnel ChartPowerPoint Funnel Chart
On the SmartArt menu, choose the Relationship section. Then the click the Funnel diagram to add it to your presentation.

After you select Funnel and press OK, you'll see a funnel graphic added to your presentation. Notice that a text box pops up on the left with pre-built bullet points. Each bullet point corresponds to an object in the funnel.

You can edit and update your SmartArt easily.

Updated Funnel Diagram PowerPointUpdated Funnel Diagram PowerPointUpdated Funnel Diagram PowerPoint
Add all the points you need using the text box while working with your SmartArt to customize the graphic.

On this chart, you can add more bullet points to add more funnel objects. Press Return while working in the text box to add a new object or backspace over a point to remove a funnel item.

There are also limited styling options. Use the Change Colors menu just above the chart to adjust the color palette for your funnel diagram in PowerPoint.

SmartArt is a nice feature for building PowerPoint funnel diagrams, but it can be somewhat limiting. It's helpful that you can type over the text placeholders and add your information. But the style and customization settings can leave you with a flat diagram. 

To learn more about using PowerPoint SmartArt and customizing the charts, make sure to check out the tutorial below:

But building a PowerPoint funnel diagram using SmartArt isn't the only method. You can also source PowerPoint funnel diagram templates that are more eye-catching and visually appealing. Read on to find out more.

How to Create Custom PowerPoint Funnel Graphics Using a Template

As you saw above, using PowerPoint's built-in features for funnel diagrams is an option, but it's also somewhat limited. Unless you're a skilled graphic designer, it would be challenging to create a professional funnel style. Besides, even if you've got the skills, why waste precious time building from scratch?

Instead, your best bet is to use a stunning funnel diagram PowerPoint template from Envato Elements. Funnel chart PowerPoint templates from Elements are designed by professionals. Each one delivers impeccable premium style to your next slide deck. 

PowerPoint Funnel TemplatePowerPoint Funnel TemplatePowerPoint Funnel Template
On Envato Elements, there's truly a template for every occasion, such as PowerPoint funnel templates that you can customize.

Rather than designing each funnel yourself from scratch, all you'll need to do is fill in the blanks on an existing chart. It only takes a few seconds, but the result will look far superior to homemade efforts created with SmartArt. Just choose a template, download it, and customize it with your specifics.

Best of all, Envato Elements helps you keep costs low by licensing everything in its library for a single flat rate. When you subscribe to Elements, you unlock more than a million assets, including graphics, stock photos, and more. Those other assets are the perfect complement to an excellent PowerPoint presentation.

Social Icons in PowerPoint Funnel DiagramSocial Icons in PowerPoint Funnel DiagramSocial Icons in PowerPoint Funnel Diagram
Templates like Social Icons in PowerPoint Funnel Diagram are an excellent example of the creative funnel diagrams you'll find in the Envato Elements library.

Another option for building PowerPoint funnel diagrams is GraphicRiver. While Elements is a subscription-based service, GraphicRiver is a pay-per-download option with PowerPoint funnel charts. Make sure to check out the deep library to see the best templates.

No matter which marketplace you choose, there are so many options for funnel PowerPoint diagrams. The key is to use these engaging infographics to illustrate ideas. Remember: a chart like a funnel diagram is perfect for bringing together many parts of a design together into a cohesive whole.

Learn How to Customize a PowerPoint Funnel Diagram Template

If you've never used a PowerPoint template before, you might be wondering how to customize them. Let's walk through an example of customizing a PowerPoint funnel chart.

We'll use an excellent example template, Funnel PowerPoint Presentation, available now on Envato Elements. It's got a variety of PowerPoint funnel charts that are easy to customize.

1. Change a Vertical Funnel Diagram

PowerPoint Funnel TemplatePowerPoint Funnel TemplatePowerPoint Funnel Template
The starting point for this slide form Funnel PowerPoint Presentation has four key points that you can rank on the starting slide design.

We'll start here with slide 2 in the deck. As you can see in the screenshot above, it's a hierarchy presented as a vertically stacked funnel. Over on the right side, there are matching placeholders to add descriptive text. Each of the four layers is brightly color-coded. That helps audiences instantly grasp related content.

To customize the funnel PowerPoint slide, click on the text boxes to select them, then type in your own words and numbers. A chart like this is best used to discuss many pieces of a single process and how those steps fit together into a finished product.

2. Finalize Your Changes

We'll swap out text, describing the various value offerings of a fictional business. And don't forget, things like text colors and fonts can easily be customized on the Font menu on PowerPoint's ribbon.

PowerPoint Funnel Graphic UpgradedPowerPoint Funnel Graphic UpgradedPowerPoint Funnel Graphic Upgraded
Updating a PowerPoint funnel is as easy as typing over the text placeholders that are built-in on the slide.

That's it. With a few keystrokes, we've transformed this funnel diagram PowerPoint into a glowing testimonial for success.

3. Change a Horizontal Funnel Graphic

One of the great things about PowerPoint funnel templates is their creative variety. Looking at slide 18 now, you can see it's presented very differently.

Funnel Diagram PowerPoint templateFunnel Diagram PowerPoint templateFunnel Diagram PowerPoint template
As this other option shows, PowerPoint funnel templates feature funnels in many shapes and styles.

It shows different sections emerging right out of the funnel. Or, if you prefer, going into the funnel. Use this to illustrate the results of a process, or the elements merging to form the process. It emphasizes cohesion and interconnected ideas.

Much like the first funnel PowerPoint slide we customized; this one's modified just by swapping out text. Also remember, you don't have to use every part of a slide, only because it's included with a template. 

4. Finalize Your Changes

You can make other changes as well. For example, delete the circular icons on the right side to free up a little more open space. To do that, go ahead and click on each one and press Delete on your keyboard. It's that simple.

Funnel Diagram PowerPoint TemplateFunnel Diagram PowerPoint TemplateFunnel Diagram PowerPoint Template
Again, a PowerPoint funnel diagram slide is easily updated with simple text replacement steps.

With only a moment's work, you've seen how easy it is to craft your own spectacular PowerPoint funnel graphics. This is all thanks to the expert premium templates available every day at Envato Elements. 

Consider using funnel diagrams like these next time you need to present a process or concept to any audience, big or small.

5 Quick Tips to Design Great PowerPoint Funnel Diagram Slides for 2020

A funnel chart PowerPoint deck is a great way to illustrate processes and ideas. As you build your own funnel diagram PPT, follow these five quick tips to build the best slide deck possible:

1. Let Your Diagram Do the Talking

Your funnel diagram PPT is meant to bring clarity to your ideas. The last thing you want is to create cluttered, messy slides that confuse your audience. 

PPT funnel diagram presentationPPT funnel diagram presentationPPT funnel diagram presentation
These PPT funnel layouts embrace a minimalist design style. 

Premium templates from Envato Elements are the perfect solution. They've got sleek, clean designs that you can customize in seconds.

2. Animate the Funnel Diagram

Any funnel graphic PowerPoint can use a little animation. It's a sure way to help keep your audience focused on specific points. It lets you guide the flow of your presentation.

Animations in PowerPoint are incredibly easy to add in just a few clicks. To get started, check out our full PPT animation tutorial:

3. Focus on Your Process

Your funnel chart PowerPoint is likely meant to explain a specific kind of process flow. That means you should choose a pre-built template that's well suited to your specifics. 

Process funnel graphic PowerPointProcess funnel graphic PowerPointProcess funnel graphic PowerPoint
A funnel graphic PowerPoint like this has a sales focus.

Using a pre-built funnel chart for PowerPoint has two advantages:

  1. It helps you save time by doing the creative work for you. 
  2. Custom PPT funnel diagram templates give you cool design ideas. 

That's a powerful combination.

4. Think Different on Slide Backgrounds

Many funnel diagram PowerPoint slide decks feature content on a white background. Audiences are so used to it that they might get bored. By adding different backgrounds such as solid colors, gradients, or images you can stand out from the crowd.

Learn to edit PowerPoint background graphics in a flash with our complete tutorial:

5. Customize Colors to Fit Your Brand

A key feature of funnel diagram PPT templates is the flexibility they provide. A big part of that is the ability to customize colors fast.

Colorful funnel chart PowerPointColorful funnel chart PowerPointColorful funnel chart PowerPoint
This colorful funnel chart PowerPoint has colors to match your branding. 

 Many professional templates already have amazing color schemes built in. Thanks to PowerPoint's built-in tools, you can change these out to use your favorite colors. It's an ideal way to keep funnel chart PowerPoint slides in line with your branding guide.

5 New Funnel Diagram PowerPoints for 2020 Presentations (From Envato Elements)

Here are five of the best funnel chart PowerPoint decks for your next project. Join Envato Elements and download them today: 

1. Funnel Pack 

Funnel diagramFunnel diagramFunnel diagram

Need a funnel graphic PowerPoint with tons of options? Funnel Pack is an ideal choice, with 26 custom templates inside. They're easy to customize and adapt well to any project. All the graphics are in full HD, helping you make a winning impression.

2. Funnel PowerPoint Presentation 

Funnel graphic PowerPointFunnel graphic PowerPointFunnel graphic PowerPoint

This funnel chart PowerPoint is colorful and easy to use. There are three pre-built color styles to help you quickly change up the design. Plus, the 1,000-piece custom icon set gives you a quick way to illustrate your slides. This one is fully animated, saving you time and effort as you build out your slide deck.

3. Funnel Infographic PowerPoint Template 

Funnel chart PowerPointFunnel chart PowerPointFunnel chart PowerPoint

A template like this goes far beyond a simple funnel diagram. It's actually a powerful set of infographics featuring funnel designs. Each one's completely customizable. All you've got to do is drop in your own details. Thirty slides are included.

4. Funnel Chart Template for PowerPoint Presentation 

PowerPoint funnel diagramPowerPoint funnel diagramPowerPoint funnel diagram

These stylish funnel graphic PowerPoint designs leave you plenty of flexibility. With nearly two dozen layouts, it's easy to find one that works great for any purpose. Many have text boxes to add in extra details in just a few clicks. Documentation is included to help you get started.

5. Sales Funnel PowerPoint Template 

Sales funnel graphic PowerPointSales funnel graphic PowerPointSales funnel graphic PowerPoint

The selling process can be illustrated in a funnel chart PowerPoint deck. That's exactly the goal of this template. Inside are many layouts designed around master slides. That gives you creative control and saves time by speeding up bulk edits. This is a top choice for building stunning visuals quickly.

Where to Find the Best Funnel Chart PowerPoint Templates in 2020 (Envato Elements vs. GraphicRiver)

Envato Elements and GraphicRiver offer amazing funnel diagram PowerPoints with modern, trendy designs. That means you might be wondering which site to choose. Let's explore the top benefits of both to help you decide:

1. Key Benefits of Envato Elements

Envato Elements is a premium subscription service with an unbeatable offer: unlimited downloads. That's right! For a flat monthly rate, download as many creative assets as you want.

Funnel diagram PowerPoints are only one of many categories found on Elements. Your membership also includes stock photos, audio, fonts, and much more. Browse the full library today!

Elements funnel graphic PowerPointElements funnel graphic PowerPointElements funnel graphic PowerPoint
Best funnel graphic PowerPoints on Envato Elements for 2020.

2. Key Benefits of GraphicRiver (& Envato Market)

GraphicRiver operates on a pay-as-you-go model. Simply choose your favorite templates, pay for them, and download. There aren't any membership fees. Just like Elements, GraphicRiver includes hundreds of thousands of digital assets. 

If you need a funnel diagram PowerPoint today, jump over to GraphicRiver and choose one. Here are the best funnel chart decks trending now.

GraphicRiver funnel diagramGraphicRiver funnel diagramGraphicRiver funnel diagram
Best funnel diagram PowerPoint templates trending on GraphicRiver 2020.

Your Choice (What to Decide?) 

If you build many presentations or need a lot of other creative assets, Envato Elements is a great choice. Try out as many templates as you want for a flat rate. Join Envato Elements now!

Elements home funnel chart PowerPointElements home funnel chart PowerPointElements home funnel chart PowerPoint
Envato Elements: unmatched value for creatives.

If you simply need a single funnel diagram PPT now, visit GraphicRiver to buy one. It's quick, easy, and great for creatives on a budget.

Discover More Great PowerPoint Templates

In the last section, we worked with the Funnel PowerPoint Presentation from Envato Elements. You might have noticed it had more than two dozen custom slides inside, each with a unique take on funnel graphics.

But that's the tip of the iceberg. Today on Elements, there are thousands of custom PowerPoint templates available for you. You'll find infographic templates that explain ideas with great graphics. There's truly a template for every purpose, including dedicated templates with editable PowerPoint funnel charts.

Each template is created by graphic designers with a vision for stylish and practical presentations. Their template creations stand ready to help you put your best foot forward by engaging and inspiring your audience.

If you're searching for more infographic templates to share data, check out the articles below to see even more excellent funnel diagram PowerPoint templates:

Learn More About How to Use PowerPoint

Hate using PowerPoint? You might be surprised how powerful it can be when you learn more about the features and interface. Once you're comfortable in the app, you'll find yourself using it to prepare for presentations confidently.

If you want a complete guide to learn Microsoft PowerPoint, check out our learning series How to Use PowerPoint (Ultimate Tutorial Guide.) This single resource has everything you need to become a master of the app.

Make sure to check out these beginner tutorials to launch your PowerPoint learning journey:

Download a PowerPoint Funnel Template Today

As you saw in this tutorial, using PowerPoint funnel graphics is one way to add visual interest to your slide and explain ideas to your audience. SmartArt is a built-in option for illustrating an idea that lives on PowerPoint's ribbon. It's flexible and easy to update as your points evolve.

But creating eye-catching slides with funnel diagrams is easier when you use a pre-built template. Premium PowerPoint funnels in Envato Elements templates let you try many options until you find the perfect one. Or, choose a premium funnel diagram PowerPoint template on GraphicRiver to keep costs low.

Either way, don't forget the funnel diagram when building your next presentation. Go design one today with one of the options above!

Editorial Note: This post was originally published in August of 2019. It's been revised to make it current, accurate, and up to date by our staff—with special help from Andrew Childress and Brenda Barron.

How to Quickly Create & Save a Microsoft Word Template

Posted: 31 May 2021 06:55 AM PDT

Life is too short to do the same work twice. If you work in Microsoft Word, it pays to learn how to use Word's save as template feature so that you don't have to rebuild Word Documents.

How to Quickly create Microsoft Word templatesHow to Quickly create Microsoft Word templatesHow to Quickly create Microsoft Word templates
Learn how to create a custom Word template starting with this letterhead.

With a template, you've got the pre-built elements you need to create documents. Set templates in Word, and you start with all the fields you're looking for.

This tutorial will teach you how to create a Microsoft Word template that's easy to re-use. We'll even show you how to start with premium designs and turn Word docs into templates, even if you started with .docx files. Let's learn more.

Why You Should Learn the Word Save as Template Feature

You're a busy person, and you've got no shortage of skills that you want to learn. While Word is a great tool, it's just that: simply an app that we use to complete tasks. So, why should you dedicate your valuable time to learning Word's save as template feature?

Here are three reasons that every user should learn how to save a template in Word:

  • Standardize designs. If you lead a team or work with a group consistently, it helps if you share the same design. Use the Word save as template feature to create standard files that everyone uses.
  • Share designs with the world. If you've got a favorite template, you can share so that others can set templates in Word easily. It's a great bonus to offer to your readers, mailing list, or social followers.
  • Save time for yourself. Building up a personal library of templates is a shortcut to success. Save Word templates and save time for yourself.
Word template library built inWord template library built inWord template library built in
Microsoft Word includes built-in templates to simplify your work. Iin this tutorial, you'll learn to create templates of your own.

It's easy to see why these benefits make it worthwhile to turn Word docs into templates. Read on to find out how to create a Microsoft Word template.

Where to Find the Best Microsoft Word Templates in 2021 (Envato Elements)

Chances are, you're not a creative expert with the time to make your own Microsoft Word templates. Don't worry: you don't have to know how to create a Microsoft Word template to use the world's best designs.

There's an alternative to learning how to build Word template designs from scratch. Lean on expert designers who know how to make a template in Word that's sure to impress.

The best place to find stunning Microsoft Word templates is Envato Elements. It's a flat-rate subscription that offers millions of creative assets. Transform these files into customized templates with the Word save as template functionality.

Elements create Word templateElements create Word templateElements create Word template
Unlock unlimited options that teach you how to create Word templates with examples from Envato Elements.

What's more: as a subscriber, you've got unlimited downloads. That means you can try out as many Microsoft Word templates as you want. Plus, you'll find stock photos, custom fonts, and other assets that work great for any project.

Still searching for the best templates, but aren't ready for a subscription? We highly recommend GraphicRiver, a pay-as-you-go marketplace. It's another way to find the best options to create Word templates you can use, and you'll pay only for what you download. Jump to GraphicRiver, grab a template, and start today.

Save Word templates GraphicRiverSave Word templates GraphicRiverSave Word templates GraphicRiver
Buy single downloads to help you set templates in Word from GraphicRiver.

As you can see, it's easy to create Word template styles fast and customize them, thanks to Envato Elements. It takes the guesswork away from how to make a template in Word. Read on to see the best options for saved Word templates.

5 Top Downloads to Set Templates in Word

Not ready to learn how to create a Microsoft Word template? Let's look at five of the best pre-built options. These help you set templates in Word without doing all the work from scratch: 

1. Microsoft Word Certificate

Certificate word save as a templateCertificate word save as a templateCertificate word save as a template

A set template in Word helps you create documents fast. This certificate is a quick way to recognize achievements in style. It comes with both vertical and horizontal layouts, with print-ready graphics. It's a perfect example of how to make a template in Word work for you. All you've got to do is drop key details into the pre-built text placeholders.

2. Letterhead for Microsoft Word Office

Letterhead turn Word doc into templateLetterhead turn Word doc into templateLetterhead turn Word doc into template

Even in our digital age, a classic letterhead helps make a winning impression. Save Word templates like this letterhead for use as print or online letters. You'll find customizable styles that use stylish free fonts. The design aesthetic is modern and minimalist. If you need help learning how to save a template in Word like this, turn to the included help file.

3. Invoices Microsoft Word Template

Invoices set template in WordInvoices set template in WordInvoices set template in Word

Wonder how to make a template in Word that you can use as an invoice? Don't botherthis sleek design does the work for you. With three color options, you can craft and send invoices with a few clicks. Each one helps you communicate with clients so you'll get paid sooner. 300-dpi CMYK print-ready graphics feature throughout.

4. Resume Word

Resume how to make a template in WordResume how to make a template in WordResume how to make a template in Word

Resume Word: the title speaks for itself. Save Word templates like this one to help land your dream job. With refined, elegant hues, you can create Word template resumes sure to impress. There's ample room for key details, with plenty of open space to ensure readability. Plus, you'll find a matching cover letter included in this Microsoft Word templates pack.

5. A5 Landscape Company Profile, Word Template

A5 landscape how to create a microsoft word templateA5 landscape how to create a microsoft word templateA5 landscape how to create a microsoft word template

Ever wondered how to create a Microsoft Word template brochure? A5 Landscape is a key example. This one works well as a company profile or informational flyer. You'll have plenty of creative options, thanks to 16 custom layouts. All graphics are customizable, and there's space to include photos and illustrations.

How to Make a Template in Word Quickly

It's often useful to create Word template designs of your own. This lets you transform a document into a customizable file that you can use as often as you need it. It only takes a few clicks and saves you time and hard work. Let's learn how to save a template in Word.

When you think of how to create a Microsoft Word template, consider your objective. The trick is to generate a generic document that you (or other users) can readily adapt to their own needs.

In this tutorial, we'll create a reusable letterhead set template in Word. Save Word templates like this and use them every day. To follow along, download the Letterhead Word Template from Envato Elements.

Create Word templateCreate Word templateCreate Word template
Let's learn how to make a template in Word with Letterhead, a flexible layout.

Let's get started:

1. Customize the Microsoft Word Templates

With Letterhead open in Word, take a look at the layout. This is a pre-written letter that you can use as a Word save as template. To create Word template files from it, the key is to make it more generic. This will save you time in the future by avoiding the need to remove large blocks of content.

Step one how to make a template in WordStep one how to make a template in WordStep one how to make a template in Word
When you create Word template designs, start by making files easier to work with.

The body of the letter itself, for example, can be reduced in length. Click into the text box and select its contents. Then, type over it with your own words.

A good option is to use a phrase like "Insert body of letter here." While you're familiar with the document layout, others who use the template may not be. This is a good way to guide them. 

Title how to save a template in WordTitle how to save a template in WordTitle how to save a template in Word
Add generic text in the existing template placeholders to begin to turn a Word doc into templates.

Then, change out the specific name details to "First Last." Repeat this with the other placeholders, adding generic phone numbers, emails, and more. This is how to make a template in Word that works well for flexible use.

2. Add Extra Placeholders 

We've updated the contents, showing how to create a Microsoft Word template from the file. But you can also add brand-new features to any file that you want to use for Microsoft Word templates.

For example, insert a slogan or tagline in the upper right corner of the letter. You might also want a box showing who the letter is CC'd to. 

To add new placeholders, go to the Insert tab on Word's ribbon. From there, click Text Box, then Draw Text Box. Find an open space on your document and click and drag to insert the text box. 

Word Save as templateWord Save as templateWord Save as template
Text boxes are how to make a template in Word that's fully customized.

Type in your slogan, and you're all set. This will now appear each time when you create Word template files from the document.

Repeat the same steps to add the CC box. You can perform these same operations anywhere on your document. 

How to create a Microsoft Word templateHow to create a Microsoft Word templateHow to create a Microsoft Word template
Save Word templates with your own content added to use more than once.

You could even choose other options from the Insert tab, like photos, shapes, and more.

3. How to Save a Template in Word

You've built a generic letterhead in Word. Now, it's time to learn how to save a template in Word so that you can use it again. It'll appear in the Templates gallery that opens when you launch the Word app.

Let's save Word templates like this letter. Find the File dropdown in the upper left corner of your screen. Then, click Save As Template.

Set template in WordSet template in WordSet template in Word
Save Word templates on the File menu by choosing Save As Template.

On the menu that appears, give your template a name. It's best to use something short and easy to remember. Here, we'll call it Letterhead. When you're finished, click Save.

Save Word TemplatesSave Word TemplatesSave Word Templates
Saving as a template is how to make a template in Word that you can use repeatedly.

That's how to make a template in Word. Now, when you launch the Word app, you'll see your custom Microsoft Word templates in the Personal section.

Turn Word doc into templateTurn Word doc into templateTurn Word doc into template
Your file now appears in the Microsoft Word templates gallery when you launch the app.

This is the best way to create Word template designs that you can use more than once.

More Top Downloads to Set Templates in Word

There's no such thing as too many Word templates! On Envato Tuts+, we frequently feature the top options to set templates in Word with pre-built downloads.

Check out more of the top options for designs to set templates in Word. Many of them are packaged as DOCX files. But remember: you can turn word Docs into templates with your new knowledge!

Learn More About Microsoft Word

You've been learning how to make a template in Word, which is certainly a useful skill. There's no reason to stop here as you're mastering Microsoft's powerful documents app.

On Envato Tuts+, we want to teach you everything you need to know to feel confident while using Microsoft Word. Make sure to check out our fully featured learning guide, Learn How to Use Microsoft Word (Beginner Tutorial Guide.)

Make sure to check out these three tutorials to continue learning how to use Microsoft Word. Each of these help you add new skills that improve the way you save Word templates.

Start to Save Your Own Word Templates Today

You don't have time to re-design every document in Word. That's why you just learned how to create a Microsoft Word template: to use your favorite designs, save them for the future, and share them with others.

If you're still searching for the best Word templates, don't forget about the premium options from Envato Elements. These advanced designs are the best way to set templates in Word with no work required. Lean on pre-built designs even while learning how to save a template in Word.

Now, it's your turn. Open Word, start designing, and turn your Word doc into templates. Make sure to share with others when you get a chance—and don't forget to teach them how to create a Microsoft Word template too!

21 Best Tab and Accordion Widget Plugins for WordPress (Free & Premium)

Posted: 31 May 2021 06:33 AM PDT

Your website's content should be organized and beautiful. By adding a tab or accordion widget plugin to your WordPress website, you will be able to display your website's content in an elegant way. 

An interactive accordion and tab plugin can tidy up the design and readability of your webpages.

Accordions and tabs are great ways to communicate text-heavy information in a stylish and condensed way. Keeping your website clutter-free and interactive should be the main priority for your website, and accordions and tabs help you accomplish this. 

Before you head over to CodeCanyon and Envato Elements to find the right tabs and accordion widget plugins, let's explore the benefits of a monthly subscription to Envato Elements

Envato Elements: Unlimited Downloads

Envato Elements is a service that provides an unlimited download subscription, meaning that you are free to download as many items as you like from millions of digital assets. This includes premium WordPress themes and plugins, stock photography, royalty-free audio, stock video, and graphics.

The subscription is covered by simple commercial licensing that gives you the rights to use the item in a broad variety of projects, including those of a commercial nature.

The licensing is future-proof, meaning even if you unsubscribe and can't download items from Envato Elements any more, any existing uses that you registered are still covered.

Unlimited downloads of 54+ million creative assets. From just €14.50/month.

Subscribe Today 

Subscribe today and start creating or learn more about why Envato Elements is Great for WordPress Developers

At Envato Elements and CodeCanyon you will be able to choose from a library of premium WordPress accordion plugins and find a tab and accordion plugin that will fit your website's theme and allow you to display your website's information without crowding your page's designs. 

These powerful tab and accordion plugins allow you to display your website's text and media in a systematic order that fits your particular website. These widgets and plugins come with plenty of features that can enhance your website, including:

  • pagination
  • animated layers
  • customizable columns and rows
  • touch-enabled mobile functionality 
  • lightboxes

Let's look at premium tab and accordion plugins available on Envato Elements and CodeCanyon.

WordPress Tab and Accordion Plugins on Envato Elements 

1. FAQ Accordions for Elementor

FAQ Accordions for ElementorFAQ Accordions for ElementorFAQ Accordions for Elementor

This Elementor widget adds an FAQ accordion to your in a few simple clicks and customizes it to fit your website design. You can build your according using any of five customizable templates. You can add schema markup automatically for your questions block and information will display as rich snippets in Google search. Don't forget to make your text vibrant by customizing fonts, color, typography, alignment and more. There is an icon library at your disposal including SVG.

Your FAQs will look great on all devices and all modern browsers. 

2. Accordion Footer Menu Widget For Elementor

accordion-footer-menu-widget-for-elementoraccordion-footer-menu-widget-for-elementoraccordion-footer-menu-widget-for-elementor

Thanks to Accordion Footer Menu Widget you don't need coding skills to build a great footer menu for your desktop and mobile website. Menus build using this responsive custom list menu widget for Elementor work perfectly on both desktop and mobile. On text top they will display as expanded menu and transform into a collapse accordion on mobile. You can style your headings, typography, and icons to evoke the feeling of your website.  

3. Accordion FAQ WordPress Plugin

accordion-faq-wordpress-plugiaccordion-faq-wordpress-plugiaccordion-faq-wordpress-plugi

According FAQ WordPress plugin allows you to present an attractive FAQ question on your website and leave your visitors satisfied. The drag and drop makes it easy for you to build multiple FAQ pages, reorder each category, choose between accordion and list style and customize how your FAQ is presented. You can modify colors, icons, border radius and font sizes. You can also set up FAQs with a shortcode generator. The plugin is translation ready using Poedit tools. It's also well documented. 

4. Accordion Slider PRO 

Accordion Slider PRO - Responsive WordPress PluginAccordion Slider PRO - Responsive WordPress PluginAccordion Slider PRO - Responsive WordPress Plugin

You just need Accordion Slider Pro to create sleek presentations that blow engagement on your website through the roof. Images, YouTube videos and Vimeo videos will open in a lightbox window. The images can be deep linked and can also be shared on Facebook, Twitter or Pinterest. You can adjust width and height of sliders, add image titles and descriptions, and employ smooth zoom effects. The descriptions will be indexed by search engines and increase your SEO ranking. The plugin will adapt to the width of any device, screen, and orientation. It has full width or centered option.

5. WordPress Accordion FAQ Plugin

WordPress Accordion FAQ PluginWordPress Accordion FAQ PluginWordPress Accordion FAQ Plugin

With this plugin you can anticipate and provide comprehensible, easy-to-find answers to visitors questions. The FAQ section can be set up as accordion, list, or multicolumn. The Accordion layout to show answers on click. List layout to display answers below questions. Multicolumn layout for automatic spreading the content into columns. Choose from four customizable styles and 36 category icons. You can modify text, answers texts and category names. The plugins is Schema ready to help boost your SEO. 

6. Product Tabs for WooCommerce

Product Tabs for WooCommerceProduct Tabs for WooCommerceProduct Tabs for WooCommerce

This plugin allows you to create WooCommerce product page tabs with table from CSV files that you can easily update. The tabs support image, video, text, HTML or shortcode. You can also create tabs from product meta keys easily and even conditional tabs. The plugin supports translation. 

7. WooCommerce Products Tab for Elementor

woocommerce-products-tab-for-elementorwoocommerce-products-tab-for-elementorwoocommerce-products-tab-for-elementor

Using WooCommerce Products Tab you can build your WooCommerce products tabs in 1 minute.

Features include: 

  • custom color for each tab 
  • responsive
  • animations
  • translation ready (include .po/.mo files)
 

WordPress Tab and Accordion Plugins on CodeCanyon

Discover CodeCanyon's extensive library of the best tab and accordion WordPress widgets and plugins ever created. With a cheap one-time payment, you can purchase these high-quality WordPress widgets and plugins and draw in more traffic to your website. 

Here are a few of the best-selling tab and accordion WordPress widgets available on CodeCanyon for 2021.

Best-Selling WordPress Tab  Accordion Widgets  PluginsBest-Selling WordPress Tab  Accordion Widgets  PluginsBest-Selling WordPress Tab  Accordion Widgets  Plugins
Best-selling tab and accordion widgets and plugins available on CodeCanyon 

8. WooCommerce Category Accordion

WooCommerce Category AccordionWooCommerce Category AccordionWooCommerce Category Accordion

The WooCommerce Category Accordion is designed specifically for WooCommerce users. It can be used as a widget or shortcode to list product categories and subcategories. The best features of this WordPress accordion are:

  • supports unlimited categories and subcategories
  • 14 Font Awesome icons included
  • ability to highlight current category option
  • sort by ascending or descending order

WooCommerce Category Accordion is ideal for users who want to organize their products or services into categories and subcategories to make it easier for customers to navigate their site.

9. Elegant Tabs for Visual Composer

Elegant Tabs for Visual ComposerElegant Tabs for Visual ComposerElegant Tabs for Visual Composer

Elegant Tabs for Visual Composer is an add-on for the WPBakery WordPress plugin (formerly Visual Composer). This WordPress tabbed content widget lets you add any shortcode to multiple tabs and offers loads of customization like different colors, icons, and backgrounds for different sections or tabs. Its best features include:

  • vertical tabs
  • drag and drop any WPBakery elements inside the tab content
  • supports deep linking
  • ten different styles of tabs and unlimited variations
  • and more

Elegant Tabs is also available for Fusion BuilderWooCommerceCornerstone, and Beaver 

10. Side Tabs: Layered Popups Add-On

Side TabsLayered Popups Add-onSide TabsLayered Popups Add-onSide TabsLayered Popups Add-on

A little different than most of the plugins on this list, Side Tabs delivers the features you'd expect from a WordPress tabs plugin, but instead of existing within your site's content, they live at the edge of your screen. This unique presentation creates a number of unusual uses.

One of the most interesting ways you can use Side Tabs is to present a constant access point to content throughout an entire page (or several pages). Besides that, this WordPress tabbed content widget also makes a great tool for offering calls to action and similar content without being too intrusive.

With a ton of customization and animation options available out of the box, this is one of the best tab plugins for WordPress. It works brilliantly for anyone looking to add a fresh way of presenting information to their site.

11. Easy Side Tab Pro:  Responsive Floating Tab Plugin For Wordpress

Easy Side Tab Pro - Responsive Floating Tab Plugin For WordpressEasy Side Tab Pro - Responsive Floating Tab Plugin For WordpressEasy Side Tab Pro - Responsive Floating Tab Plugin For Wordpress

Easy Side Tab Pro is a Call To Action floating tabs plugin for WordPress which allows you to create any number of quick side tabs and stick them to the vertical or horizontal edge position. When the tab is clicked the popup associated to that tab pops out.

From the backend interface you can customize 15 popup templates by choosing variety of shapes, add animations and transitions. And to each tab you assign functionalities like a Twitter feed, social share icons, recent posts, WooCommerce products, custom shortcodes, a subscription form, and internal or external links. 

12. BWL Knowledge Base Manager WordPress Accordion

BWL Knowledge Base Manager WordPress AccordionBWL Knowledge Base Manager WordPress AccordionBWL Knowledge Base Manager WordPress Accordion

This is one of the best tab plugins for WordPress we've got. The WordPress tabs plugin is user-friendly, fast, and fully responsive. People love this WordPress tabbed content widget because:

  • no configuration is required
  • responsive grid system
  • AJAX-based searching system
  • animated and responsive tabs
  • extensive Options panel
  • unlimited customization
  • lifetime support and updates

13. ZF WordPress Category Accordion

ZF WordPress Category AccordionZF WordPress Category AccordionZF WordPress Category Accordion

This WordPress accordion plugin was created to improve your WooCommerce website with a better navigation experience. 

ZF WordPress Category Accordion plugin allows you to show all your categories as WooCommerce category accordions. Check this WordPress accordion's nice features:

  • support WooCommerce category accordion
  • support WordPress category accordion
  • pages accordion (accordion menus)
  • translation-ready
  • support shortcodes and widgets
  • toggle accordions
  • 7 default color schemes

14. CSS3 Accordions For WordPress

CSS3 Accordions For WordPressCSS3 Accordions For WordPressCSS3 Accordions For WordPress

This accordion WordPress plugin widget is entirely based on CSS3. It's one of the best accordion plugins for WordPress because it comes with an intuitive admin panel, horizontal and vertical layouts, and unlimited color skins. 

You can put any type of content inside the expandable section, including lists, images, or any custom HTML code.

15. Responsive Searchable 3 Level Accordion

Responsive Searchable 3 Level AccordionResponsive Searchable 3 Level AccordionResponsive Searchable 3 Level Accordion

Responsive Searchable 3 Level Accordion is a simple WordPress accordion plugin that can be used anywhere on your site. It will appeal to users who are looking to arrange content in accordion style within a post, sidebar, footer, etc. The best features of this accordion and accordion slider are:

  • can be used as a widget or shortcode
  • three nesting levels available
  • five ready-made styling options
  • allows users to type in the searched phrase

Responsive Searchable 3 Level Accordion For WordPress is a low-fuss accordion plugin, and its standout features like three-level support and searchable content really set it apart.

16. Everest Tab—Responsive Tab Plugin For WordPress

Everest Tab - Responsive Tab Plugin For WordPressEverest Tab - Responsive Tab Plugin For WordPressEverest Tab - Responsive Tab Plugin For WordPress

Using Everest Tab you can show tabs within content, even transform your own custom HTML content into tab layout easily. You can also create unlimited tab and add tab components like HTML, social feeds, recent posts, WooCommerce products, contact form, google map integration as well as external shortcodes. In addition, you can enable deep linking for your tabs. 

17. Accordion FAQ WordPress Plugin

Accordion FAQ WordPress PluginAccordion FAQ WordPress PluginAccordion FAQ WordPress Plugin

FAQ pages are an important part of almost any website, and with this WordPress accordion plugin, you can fit a mountain of text behind a sleek and easily digestible display. This accordion plugin focuses on doing one thing, creating FAQ-style content easily, and it does it well. Here's what you can expect to get with this WordPress tabs plugin:

  • ability to quickly add multiple FAQ accordions throughout your site
  • easy drag-and-drop interface for reordering
  • color, icon, and font customization
  • built-in generator for creating shortcodes

If you're looking to add an FAQ section to your existing design, then the Accordion FAQ WordPress Plugin has you covered.

18. WordPress Tabs and Accordions DZS

WordPress Tabs and AccordionsWordPress Tabs and AccordionsWordPress Tabs and Accordions

WordPress Tabs and Accordions DZS is another of the best tab plugins for WordPress. It gives users access to both tab and accordion functions. Its best features are:

  • full skins to fit every brand
  • WYSIWYG editor
  • unlimited color options for customization
  • iPhone, iPad, and Android optimized
  • and more

WordPress Tabs and Accordions DZS is another great two-for-one WordPress tabbed content widget.

19. Ultimate Searchable WordPress Accordion

Ultimate Searchable WordPress AccordionUltimate Searchable WordPress AccordionUltimate Searchable WordPress Accordion

This five-star-rated WordPress accordion plugin for WPBakery Page Builder is a crowd favorite. Some of its coolest features are:

  • quick and easy installation
  • responsive accordion layouts
  • unique live content search
  • 14+ smooth animations
  • 6 pre-defined color themes
  • RTL support
  • lifetime support and updates

20. WP Responsive FAQ With Category

WP Responsive FAQ With CategoryWP Responsive FAQ With CategoryWP Responsive FAQ With Category

The Responsive FAQ With Category WordPress tabs plugin is specifically designed for users who want to add a Frequently Asked Questions area to their site and don't want their visitors to have to scroll through an endless stream of text.

This WordPress tabbed content widget's best features include:

  • FAQs can be arranged by category
  • 15 customizable different designs to choose from
  • compatible with Visual Composer page builder and WooCommerce
  • two types of FAQ toggle icons: arrow or plus sign

There's no question that this one of the best tab plugins for WordPress and that WP Responsive FAQ with Category is the answer to all your FAQ needs.

21. Accordion Awesome Pro

Accordion Awesome ProAccordion Awesome ProAccordion Awesome Pro

Who said accordions should be boring? Accordion Awesome is a new addition to our selection of accordion plugin. It will help you create colorful, vibrant and stunning accordions for your website that display well on different web browsers and devices.

There are thirteen templates to choose from. You can customize colors of the text, description, icons, navigation background, active accordion background, and accordion content background.

You can insert accordions using shortcode, a Gutenberg block or an Elementor block. Your accordions can include pictures, animations, feature lists, and more. 

22. Taber: Tabs for Elementor

Taber: Tabs for ElementorTaber: Tabs for ElementorTaber: Tabs for Elementor

Taber is a WordPress plugin for Elementor that will help you create responsive tabs with any content. You can display the tabs in any possible style like the top, bottom, left, right, or even custom positions. You have five customizable templates.

You can customize size, typography, colors, background, and border of your tabs. You can even add images, audio, and video. It's SEO-friendly and works well with all WordPress themes built on Elementor. The plugin includes pot files for quick translation to any language including RTL-oriented languages. 

5 Free Tab and Accordion WordPress Widgets and Plugins for Download in 2021

The best features and most beautiful interfaces are found in the premium plugins from CodeCanyon. But, if you're on a budget or just want something simple, check out these free tab and accordion plugins for WordPress.

1. Arconix Shortcodes

Arconix ShortcodesArconix ShortcodesArconix Shortcodes

Arconix Shortcodes is a very versatile accordion plugin and is a must-have if you cannot afford any of the premium plugins. With this plugin, you can add not only accordions but styled boxes, buttons, tabs, unordered lists, columns, and much more.

2. Easy Accordion

Easy Accordion is a responsive drag-and-drop accordion builder that will help you to display multiple accordions on your WordPress website. No coding is necessary to add the accordions to your website as everything is added through shortcodes.

3. Accordion

AccordionAccordionAccordion

This accordion plugin can help you create different sections of your website, including but not limited to FAQs, a knowledge base, and a question & answer section. You can change the colors, font size, and icons for each accordion.

4. Squelch Tabs and Accordions Shortcodes

With the use of shortcodes, you can add horizontal accordions, vertical accordions, and tabs. This free plugin will help you save space on your webpages, make your website look more professional, and add an interactive component to your website.

5. Shortcodes Ultimate

Shortcodes Ultimate allows you to add many tools to your website. You can easily create tabs, buttons, boxes, sliders and carousels, and responsive videos. The plugin comes with over 50 shortcodes for you to implement. 

How to Add an FAQ Accordion to Your Website

In this example, we are going to create an FAQ section for our online store using one of our best accordion plugins for WordPress. 

First, we need to create a category for our FAQ accordion so the plugin knows what content to add to each specific accordion. Once you have installed the Accordion FAQ WordPress plugin, head on over to WP Dashboard > FAQ > Categories. In the name field, we will type "Online Store" and click the Add New Category button. 

Next, we will click on WP Dashboard > FAQ > Add New. We will add our three FAQ entries this way. We will include the question in the title and the answer in the text editor. 

Creating FAQ EntryCreating FAQ EntryCreating FAQ Entry

For each of our entries, we will make sure to click the checkbox next to the category, Online Store, that we created to make sure we group the entries together. 

Once we have added our three FAQ entries for our online store, it's time to add the accordion widget to a page. On an existing or new page or post, click on the Add Shortcode button on the top of the text editor. Choose Insert FAQs from the Select a Shortcode drop-down menu. From here, we will be given a basic group of settings for us to change. We will choose the Online Store category from the Faq Category option and change the Icon Background Color to blue. 

Changing Accordion SettingsChanging Accordion SettingsChanging Accordion Settings

Click the Insert Shortcode button, and the shortcode will be added to the text editor. The FAQ accordion will now be displayed on your webpage for all your users to see!

Online Store Accordion FAQOnline Store Accordion FAQOnline Store Accordion FAQ

Install a Tab or Accordion WordPress Widget Now! 

By adding a premium tab or accordion plugin to your website, you will be able to simplify your web page's design and display your text and media in an easy-to-understand way. 

These handy widgets and plugins allow you to integrate interactive displays for your website's content that can be styled to fit your website's theme. 

In addition to all the high-quality tab and accordion widgets available, there are also thousands of other high-quality WordPress plugins on CodeCanyon and Envato Elements that can help enhance your website. Take look through this massive collection of plugins, and you will find all types of plugins, including gallery, newsletter, eCommerce, and marketing plugins.

Here are a few of the best-selling and hot new WordPress plugins available for 2021.

This post has been updated with contributions from Maria Villanueva and Franc LucasMaria is a journalist and writer with many years of experience working in digital media. Franc is a writer for Envato Tuts+ who enjoys exploring the world of SaaS.

How to Generate Random Background Colors With JavaScript

Posted: 31 May 2021 12:44 AM PDT

In this tutorial you'll learn how to change the background color of a page randomly, using JavaScript. You'll also learn how to modify your code using HSL color values to generate only pastel colors or dark colors.

Let's take a look at what we'll be building:

In this demo, we change the background color and text color of the page every 1500ms. Most of the heavy lifting is done with JavaScript but let's take a look at the content and styling:

HTML

For the content of our page, we'll create an element with an id background and put some text in it.

CSS

We'll use CSS to control the background-color transition so the change looks smoother.

JavaScript

We'll be generating random colors in JavaScript by combining these two methods:

  1. HSL color notation, and
  2. The Math library

"The hsl() functional notation expresses a given color according to its hue, saturation, and lightness components" - MDN

The hue value has a maximum of 360 and represents the degree of the color position on a color wheel. The saturation and lightness values have a maximum of 100 and represent the percentage saturation and lightness of a color respectively. 

Fiddle with the ranges below to see how the Hue, Saturation and Lightness values affect how a color looks.

In order to generate completely random colors, we'll pass random numbers within a fixed range to the three HSL values. We can do this using Math.random and Math.floor

Math.random generates random numbers between 0 and 1. We can multiply these numbers by our specified range and use Math.floor to round up to the nearest whole number. 

Then we'll use the getRandomNumber function to generate random values for our HSL notation.

Finally, we pass the random generated color to our background element.

This allows us to set a random color to our background.

Applying the New Color

We can decide whether to change the background color whenever the user loads the page or regularly at a set interval by passing the above code into an onLoad or a setInterval function.

Here's the completed JavaScript code:

In the above demo, we can see that the text color also changes randomly but in an inverted manner to keep it readable against the background. This is done using CSS.

Invert Text Colors with CSS

First, we pass the same color as the background for the text color in our setBackgroundColor function.

Then we use the CSS invert filter to make sure the text color is contrasted against the background.

How to Randomly Generate Pastel Colors

One benefit to using HSL color values is that we can control how saturated or bright the randomly generated colors are. In this way we can modify our code to generate only pastel colors.

We do this by setting a fixed value of 100% to the saturation and a value of 90% to the lightness. Our updated code looks like this:

How to Randomly Generate Dark Colors

We can apply the same logic to generate darker colors.

Conclusion

This tutorial has primarily taught you how to generate random colors with JavaScript, but it should also have given you a good grasp on the HSL notation for colors, and using the Math library for generating numbers.

Feel free to apply this to a project you're working on to spruce up your page!

Learn JavaScript Skills

We have a wide range of beginner to intermediate level JavaScript tutorials, teaching you foundational knowledge and practical skills.

How to Create a Glow Effect Text Effect in Illustrator

Posted: 31 May 2021 12:00 AM PDT

Final product imageFinal product imageFinal product image
What You'll Be Creating

In this tutorial, you will learn how to create a glow effect text effect in Adobe Illustrator, using the Appearance panel and glow effects.

What You'll Learn in This Vector Text Effect Tutorial

  • How to start a new document in Illustrator
  • How to apply multiple fills in the Appearance panel 
  • How to create a neon glow effect in Illustrator

Follow along with us over on our Envato Tuts+ YouTube channel:

Tutorial Assets

To complete the tutorial you will need the following font:

1. How to Open a New Document

Launch Adobe Illustrator and go to File > New to open a blank document. Type a name for your file, set up the dimensions and then select Pixels as Units and RGB as Color Mode

Next, go to Edit > Preferences > General, set the Keyboard Increment to 1 px and, while there, go to Units to make sure they are set as in the following image. I usually work with these settings, and they will help you throughout the drawing process.

how to create a new Illustrator documenthow to create a new Illustrator documenthow to create a new Illustrator document

2. How to Create the Background

Take the Rectangle Tool (M) and simply click on your artboard to open the Rectangle window. Set the Width to 870 px and the Height to 470 px, and then click OK to create the background rectangle. Color it with the radial gradient shown.

With the rectangle still selected, go to the Align panel (Window > Align) and first, make sure to select the Align to Artboard option under the Align to button. Now, click on Horizontal Align Center and Vertical Align Center in order to perfectly center it and cover the entire artboard because it is slightly bigger. 

how to create a background in Adobe Illustratorhow to create a background in Adobe Illustratorhow to create a background in Adobe Illustrator

3. How to Create the Text

Take the Type Tool (T), click on your artboard, and write "Toxico" using the Gendarwo Font, size of 170 pt. Under Set the tracking for the selected characters, choose 25 in order to spread the letters a little. 

Keep the text selected and press Horizontal Align Center and Vertical Align Center in the Align panel to position it exactly in the center of the artboard. 

how to create the text in Illustratorhow to create the text in Illustratorhow to create the text in Illustrator

4. How to Create the Appearance of the Text

Step 1

With the text still selected, remove the existing fill color in the toolbar. It will make the text invisible, but this is exactly what we want.

To obtain the glow effect, Illustrator has the option to add multiple appearances on the same piece of text, along with effects, blending modes, gradients, and transparencies. By the end, you will also be able to save all these appearances in the Graphic Styles panel and easily use this style again. 

how to remove appearance of the text in Illustratorhow to remove appearance of the text in Illustratorhow to remove appearance of the text in Illustrator

Step 2

Make sure that the invisible text is still selected and press Add New Fill at the bottom of the Appearance panel. Use the linear gradient shown to color it. 

This is the first Fill attribute in the Appearance panel, and we will continue to build the glow effect. 

how to color the text in Illustratorhow to color the text in Illustratorhow to color the text in Illustrator

Step 3

While the text is still selected, press Add New Fill again to add a second Fill attribute above the first. Use the linear gradient shown to color it (1).

Next, go to Effect > Sketch > Bas Relief and apply the settings indicated. Set the Detail to 1 (minimum), the Smoothness to 15 (maximum) and the Light to Top Left. This will add some dimension to the text and create shading towards the end of it (2).

how to create another appearance on the text in Illustratorhow to create another appearance on the text in Illustratorhow to create another appearance on the text in Illustrator

Step 4

While the text is still selected, press Add New Fill again to add a third Fill attribute at the top of the Appearance panel. Use a green to light green linear gradient and set the Angle to -90 degrees. Change the Blending Mode to Overlay; this will make the text look more green. The toxic look is starting to come together. 

how to create multiple appearances on the text in Illustratorhow to create multiple appearances on the text in Illustratorhow to create multiple appearances on the text in Illustrator

Step 5

Keep the text selected, and let's add another fill above the rest by pressing the Add New Fill button again. Use the linear gradient shown to color it. 

Make sure that this Fill attribute is selected, and then go to Effect > Sketch > Chrome. Set the Detail to 0 (minimum) and the Smoothness to 10 (maximum), and hit OK. As a result, we will get a bit of texture on the text.

how to create texture on the text with Illustrator effectshow to create texture on the text with Illustrator effectshow to create texture on the text with Illustrator effects

Step 6

While the text and the last Fill attribute are still selected, go to Effect > Sketch > Bas Relief to apply this effect. Set the Detail to 1 (minimum) and the Smoothness to 15 (maximum), as before, but set the Light to Top this time.

Together with the Chrome effect, this will create surface variations and give a more fluid look to the toxic effect. We will also get a highlight at the top of the letters and shading at the bottom. 

how to apply Illustrator effects to create texture on the texthow to apply Illustrator effects to create texture on the texthow to apply Illustrator effects to create texture on the text

Step 7

Make sure that the text is selected, and change the Blending Mode of the last Fill attribute to Soft Light. The two effects applied will blend with the fill color underneath and create a more realistic Illustrator effect.

how to create a toxic green effect in Illustratorhow to create a toxic green effect in Illustratorhow to create a toxic green effect in Illustrator

Step 8

While the text stays selected, press Add New Fill again to add a fifth fill in the Appearance panel. Use a gray to darker gray linear gradient and set the Angle to -90 degrees. Move this Fill between the third and the fourth Fill attributes created earlier, so it is under the Chrome and Bas Relief effects applied. Set the Blending Mode to Color Dodge, and this will give us that neon glow effect as something very toxic should be. 

how to create a neon glow effect in Illustratorhow to create a neon glow effect in Illustratorhow to create a neon glow effect in Illustrator

Step 9

It's time to add the shadow. Keep the text selected, and press Add New Fill again to add another Fill attribute at the bottom of the Appearance panel. Use the linear gradient shown; then go to Effect > Stylize > Drop Shadow and apply the settings in the image below. 

how to create shadow under the text in Illustratorhow to create shadow under the text in Illustratorhow to create shadow under the text in Illustrator

Step 10

We can't have a toxic effect without a glow effect around it, right?

Add another Fill attribute at the bottom of the Appearance panel and use the same gradient from the previous step. Next, go to Effect > Stylize > Outer Glow and apply the settings shown using a bright green color. This will create a discreet glow effect around the text as the Blur is only 4 px, but we are not done yet. 

how to create a neon glow effect around the text in Illustratorhow to create a neon glow effect around the text in Illustratorhow to create a neon glow effect around the text in Illustrator

Step 11

While the text and the last Fill attribute stay selected, go back to Effect > Stylize > Outer Glow and apply this effect one more time. The settings and the color are different this time, and the Blur is much bigger.

When you use this glow effect, Illustrator will automatically create that neon glow around the text, and this will enhance the style and make all the difference, especially when applied twice.

how to create a glow effect in Illustratorhow to create a glow effect in Illustratorhow to create a glow effect in Illustrator

5. How to Create the Toxic Particles Around the Text

Step 1 

At this point, the Illustrator glow effect is complete, but we can add a few extra details.

Take the Ellipse Tool (L), click on your artboard and draw an 80 x 80 px circle. The fill color is not important at the moment. 

While the circle stays selected, go to Object > Create Gradient Mesh. Enter 3 Rows and 3 Columns, and then hit OK. Now, you can select the individual mesh points and color them as shown in the image below, using the three shades of green indicated. 

how to create a gradient mesh ellipse in Illustratorhow to create a gradient mesh ellipse in Illustratorhow to create a gradient mesh ellipse in Illustrator

Step  2

Make copies of different sizes of the circle obtained in the previous step and arrange them randomly on the text and around the text as toxic glowing particles. Add as many as you want until you are happy with the result.

how to create glowing particles around the glow text effecthow to create glowing particles around the glow text effecthow to create glowing particles around the glow text effect

Step 3

Group (Control-G) all the glowing particles; then go to Effect > Stylize > Drop Shadow and apply the settings shown. This will add a small shadow under each circle, just like for the glow text effect. 

how to create shadow under the glowing toxic particleshow to create shadow under the glowing toxic particleshow to create shadow under the glowing toxic particles

Step 4

Keep the group of particles selected and go to Effect > Stylize > Outer Glow. Apply the settings shown, and we will obtain a glow effect around each circle, just like the text. This way, things are consistent throughout the entire text design. 

how to create a glow effect around toxic particleshow to create a glow effect around toxic particleshow to create a glow effect around toxic particles

Congratulation! You're Done

Here is the final image of the glow effect. Now you know how to create fully editable text effects in Adobe Illustrator, and you can apply these techniques in your future projects. 

If you need more inspiration and resources to improve your drawing skills, make sure to head over to GraphicRiver where you will find more Illustrator styles, a multitude of fonts to use, and vectors ready to personalize your final text effect.

glow effect toxic text effect in Adobe Illustrator final imageglow effect toxic text effect in Adobe Illustrator final imageglow effect toxic text effect in Adobe Illustrator final image

Expand Your Text Effect Designing Skills!

Keep drawing and learning with these recommended tutorials, which will explain plenty of other useful techniques. 

Post a Comment

0 Comments