Envato Tuts+ Tutorials

Envato Tuts+ Tutorials

Creating Pretty Popup Messages Using SweetAlert2

Posted: 09 Jul 2021 04:24 PM PDT

Every now and then, you'll have to show an alert box to your users to let them know about an error or notification. The problem with the default alert boxes provided by browsers is that they're not very attractive. When you're creating a website with great color combinations and fancy animation to improve the browsing experience of your users, the unstyled alert boxes will seem out of place.

In this tutorial, you'll learn about a library called SweetAlert2, which allows us to create all kinds of alert messages that can be customized to match the look and feel of our own website.

Display Simple Alert Messages

Before you can show all those sweet alert messages to your users, you'll have to install the library and include it in your project. If you're using npm or bower, you can install it by running the following commands:

npm install sweetalert2  bower install sweetalert2

You can also get a CDN link for the latest version of the library and include it in your webpage using script tags:

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.10.1/dist/sweetalert2.all.min.js"></script>

Besides the JavaScript file, you'll also have to load a CSS file which is used to style all the alert boxes created by the library:

<link rel='stylesheet' href='https://cdn.jsdelivr.net/npm/sweetalert2@10.10.1/dist/sweetalert2.min.css'>

Once you've installed the library, creating a sweet alert is actually very easy. All you have to do is call the Swal.fire() function. Just make sure that the function is called after the DOM has loaded.

There are two ways to create a sweet alert using the Swal.fire() function. You can either pass the title, body text, and icon value in three different arguments, or you can pass a single argument as an object with different values as its key-value pairs. Passing everything in an object is useful when you want to specify values for multiple arguments.

Note: older versions of SweetAlert2 use a swal() function instead of Swal.fire(). If you try to use the old swal() function, you'll get the error "Cannot call a class as a function".

When a single argument is passed and it's a string, the sweet alert will only show a title and an OK button. Users will be able to click anywhere outside the alert or on the OK button in order to dismiss it.

When two arguments are passed, the first one becomes the title and the second one becomes the text inside the alert. You can also show an icon in the alert box by passing a third argument. This can have any of the five predefined values: warning, error, success, info, and question. If you don't pass the third argument, no icon will be shown inside the alert message.

document.querySelector(".first").addEventListener('click', function(){    Swal.fire("Our First Alert");  });    document.querySelector(".second").addEventListener('click', function(){    Swal.fire("Our First Alert", "With some body text!");  });    document.querySelector(".third").addEventListener('click', function(){    Swal.fire("Our First Alert", "With some body text and success icon!", "success");  });

Configuration Options to Customize Alerts

If you simply want to show some basic information inside an alert box, the previous example will do just fine. However, the library can actually do a lot more than just showing users some text inside an alert message. You can change every aspect of these alert messages to suit your own needs.

We have already covered the title, the text, and the icons inside a sweet alert message. There is also an option to change the buttons inside it and control their behavior. By default, an alert will only have a single confirm button with text that says "OK". You can change the text inside the confirm button by setting the value of the confirmButtonText property. If you also want to show a cancel button in your alert messages, all you have to do is set the value of showCancelButton to true. The text inside the cancel button can be changed using the cancelButtonText property.

Each of these buttons can be given a different background color using the confirmButtonColor and cancelButtonColor properties. The default color for the confirm button is #3085d6, while the default color for the cancel button is #aaa. If you want to apply any other customization on the confirm or cancel buttons, you can simply use the confirmButtonClass and cancelButtonClass properties to add a new class to them. Once the classes have been added, you'll be able to use CSS to change the appearance of those buttons. You can also add a class on the main modal itself by using the customClass property.

If you interacted with the alert messages in the first example, you might have noticed that the modals can be closed by pressing either the Enter or Escape key. Similarly, you can also click anywhere outside the modal in order to dismiss it. This happens because the value of allowEnterKey, allowEscapeKey, and allowOutsideClick is set to true by default.

When you show two different buttons inside a modal, the confirm button is the one which is in focus by default. You can remove the focus from the confirm button by setting the value of focusConfirm to false. Similarly, you can also set the focus on the cancel button by setting the value of focusCancel to true.

The confirm button is always shown on the left side by default. You have the option to reverse the positions of the confirm and cancel buttons by setting the value of reverseButtons to true.

Besides changing the position and color of buttons inside the alert messages, you can also change the background and position of the alert message or the backdrop around it. Not only that, but the library also allows you to show your own custom icons or images in the alert messages. This can be helpful in a lot of situations.

You can customize the backdrop of a sweet alert using the backdrop property. This property accepts either a Boolean or a string as its value. By default, the backdrop of an alert message consists of mostly a transparent gray color. You can hide it completely by setting the value of backdrop to false. Similarly, you can also show your own images in the background by setting the backdrop value as a string. In such cases, the whole value of the backdrop string is assigned to the CSS background property. The background of a sweet alert message can be controlled using the background property. All alert messages have a completely white background by default.

All the alert messages pop up at the center of the window by default. However, you can make them pop up from a different location using the position property. This property can have nine different values with self-explanatory names: top, top-start, top-end, center, center-start, center-end, bottom, bottom-start, and bottom-end.

You can disable the animation when a modal pops up by setting the value of the animation property to false. The library also provides a timer property which can be used to auto-close the timer once a specific number of milliseconds have passed.

In the following example, I have used different combinations of all the properties discussed in this section to create four different alert messages. This should demonstrate how you can completely change the appearance and behavior of a modal created by the SweetAlert2 library.

document.querySelector(".first").addEventListener("click", function() {    Swal.fire({      title: "Show Two Buttons Inside the Alert",      showCancelButton: true,      confirmButtonText: "Confirm",      confirmButtonColor: "#00ff99",      cancelButtonColor: "#ff0099"    });  });    document.querySelector(".second").addEventListener("click", function() {    Swal.fire({      title: "Are you sure about deleting this file?",      type: "info",      showCancelButton: true,      confirmButtonText: "Delete It",      confirmButtonColor: "#ff0055",      cancelButtonColor: "#999999",      reverseButtons: true,      focusConfirm: false,      focusCancel: true    });  });    document.querySelector(".third").addEventListener("click", function() {    Swal.fire({      title: "Profile Picture",      text: "Do you want to make the above image your profile picture?",      imageUrl: "https://images3.imgbox.com/4f/e6/wOhuryw6_o.jpg",      imageWidth: 550,      imageHeight: 225,      imageAlt: "Eagle Image",      showCancelButton: true,      confirmButtonText: "Yes",      cancelButtonText: "No",      confirmButtonColor: "#00ff55",      cancelButtonColor: "#999999",      reverseButtons: true,    });  });    document.querySelector(".fourth").addEventListener("click", function() {    Swal.fire({      title: "Alert Set on Timer",      text: "This alert will disappear after 3 seconds.",      position: "bottom",      backdrop: "linear-gradient(yellow, orange)",      background: "white",      allowOutsideClick: false,      allowEscapeKey: false,      allowEnterKey: false,      showConfirmButton: false,      showCancelButton: false,      timer: 3000    });  });

Creating Toasts With SweetAlert2

You have probably seen small messages or alerts that appear on smartphones every now and then. These messages appear near the bottom of the screen over all other content and disappear after some time. They're useful when you want to inform users about something like completion of a download file, etc.

You can turn any alert into a toast notification by setting the value of the toast parameter to true. Toasts will show up in the middle of the screen if you don't specify a position with the position parameter because position defaults to center when left unspecified.

Swal.fire({      toast: true,      icon: 'success',      title: 'Posted successfully',      animation: false,      position: 'bottom',      showConfirmButton: false,      timer: 3000,      timerProgressBar: true,      didOpen: (toast) => {        toast.addEventListener('mouseenter', Swal.stopTimer)        toast.addEventListener('mouseleave', Swal.resumeTimer)      }    })

A lot of alerts and toasts that you add to your website will probably use the same value of attributes for consistency. For example, let's say you want to create two separate toasts: one for successful sign-in and another for the wrong password. You can use the mixin() method to avoid any duplication. This method returns an extended version of Swal that consists of all the supplied parameters as default values. You no longer need to supply the same values again and again to different alerts.

Here is an example:

var toastMixin = Swal.mixin({      toast: true,      icon: 'success',      title: 'General Title',      animation: false,      position: 'top-right',      showConfirmButton: false,      timer: 3000,      timerProgressBar: true,      didOpen: (toast) => {        toast.addEventListener('mouseenter', Swal.stopTimer)        toast.addEventListener('mouseleave', Swal.resumeTimer)      }    });      document.querySelector(".second").addEventListener('click', function(){    toastMixin.fire({      animation: true,      title: 'Signed in Successfully'    });  });    document.querySelector(".third").addEventListener('click', function(){    toastMixin.fire({      title: 'Wrong Password',      icon: 'error'    });  });

Storing the mixin in a variable allows us to call fire() at a later point, with parameters that either specify a new value or override the default values. The following CodePen demo shows all three toasts in action.

Important SweetAlert2 Methods

Initializing different sweet alert messages to show them to users is one thing, but sometimes you'll also need access to methods which control the behavior of those alert messages after initialization. Fortunately, the SweetAlert2 library provides many methods that can be used to show or hide a modal as well as getting its title, text, image, etc.

You can check if a modal is visible or hidden using the isVisible() method. You can also programmatically close an open modal by using the close() or closeModal() methods.

If you happen to use the same set of properties for multiple alert messages during their initialization, you can simply create a new Sweet Alert instance with Swal.mixin(). Pass a configuration object, and Swal.mixin() will return a new instance with those configurations pre-set.

const Toast = Swal.mixin({    toast: true,    position: 'top-end',    showConfirmButton: false,  })    //now we can use Toast just like the Swal class  Toast.fire(...)

Note that this functionality was provided by the setDefaults() and resetDefaults() methods in Sweet Alert 7.x and earlier.

You can get the title, content, and image of a modal using the getTitle(), getContent(), and getImage() methods. Similarly, you can also get the SweetAlert HTML code that makes up the confirm and cancel buttons using the getConfirmButton() and getCancelButton() methods.

There are a number of other methods which can be used to perform other tasks like programmatically clicking on the confirm or cancel buttons.

Pretty Popup JavaScript Templates From CodeCanyon

Working with SweetAlert in PHP is a great way to pick up some new skills. But if you want to get pretty popups without diving too deep into the code, then check out these downloads from CodeCanyon:

1. Kreatura Slider Plugin for jQuery

Kreatura is more than just a jQuery slider plugin. It offers some pretty popups too. It comes with a host of templates that you can use as-is or customize. Thankfully, customization with Kreatura is an easy process. You won't need to spend as much time as you'd have had you made a SweetAlert PHP popup from scratch.

Kreatura Slider and Popup Plugin for jQueryKreatura Slider and Popup Plugin for jQueryKreatura Slider and Popup Plugin for jQuery

2. Slick Modal—CSS3 Powered Popups

Create near-unlimited combinations with Slick Modal. It includes a variety of settings, plugins, and demo templates that make customization a rich experience. Slick Modal will give you features like:

  • content load via Ajax
  • page background effects
  • 9 popup positions
  • animated popup, overlay, and content
Slick Modal Pretty Popup Template CSS3 jQuerySlick Modal Pretty Popup Template CSS3 jQuerySlick Modal Pretty Popup Template CSS3 jQuery

3. jQuery Flying Popup

You can create cool popups with this ready-to-use download. jQuery Flying Popup comes with four templates that you can customize for your needs. Its most recent update also added a responsive design, so your popups can fit multiple screen sizes. This is a nice alternative to building a SweetAlert 2 alert from scratch.

jQuery Flying Pretty PopupjQuery Flying Pretty PopupjQuery Flying Pretty Popup

4. jQuery MsgBox

Here's a simple, easy-to-customize script for making popup message boxes. It features minimal popups that are relatively bare-bones. Despite its simplicity, it's a great replacement for the basic functionality of alert(), confirm(), and prompt() functions.

jQuery Msgbox Popup DownloadjQuery Msgbox Popup DownloadjQuery Msgbox Popup Download

5. flavr—Flat jQuery Popup Dialog

Let's wrap up this list with flavr. It's a jQuery popup template that uses an incredible, flat design language. Not only is it easy to use, but it's also easy to make look good on multiple screen sizes thanks to the responsive design. If you don't have the time to use CSS for an alert box in JavaScript, try flavr.

flavr Flat jQuery Popup Templateflavr Flat jQuery Popup Templateflavr Flat jQuery Popup Template

Final Thoughts

The SweetAlert2 library makes it very easy for developers to create custom alert messages to show to their users by simply setting the values of a few properties. This tutorial was aimed at covering the basics of this library so that you can create your own custom alert messages quickly.

To prevent the post from getting too big, I have only covered the most commonly used methods and properties. If you want to read about all the other methods and properties which can be used to create advanced alert messages, you should go through the detailed documentation of the library.

Common React Native App Layouts: Login Page

Posted: 09 Jul 2021 04:21 PM PDT

In this series, you'll learn how to use React Native to create page layouts commonly used in mobile apps. The layouts you'll be creating won't be functional—instead, the main focus of this series is to get your hands dirty in laying out content in your React Native apps.

If you're new to laying out React Native apps or styling in general, check out our tutorial on layouts in React Native:

To follow this series, I challenge you to try recreating each screen by yourself first before reading my step-by-step instructions in the tutorial. You won't really benefit much from this React Native login form tutorial just by reading it! Try first before looking up the answers here. If you succeed in making it look like the original screen, compare your implementation to mine. Then decide for yourself which one is better!

In this first part of the series, you'll create the following login page:

React Login Form Tutorial react native loginReact Login Form Tutorial react native loginReact Login Form Tutorial react native login

Getting Started

In this React Native login screen tutorial, we'll use the Expo CLI. Expo is a set of tools and services built around React Native and native platforms that help you develop, build, deploy, and quickly iterate on iOS, Android, and web apps from the same JavaScript or TypeScript codebase. 

Expo is the easiest and fastest way to build React Native apps. The official Expo get started guide contains detailed instructions on how to download and configure Expo CLI for the major operating systems.

Create a new project:

expo init LoginLayout

You'll be prompted to choose the type of project to initialize. Choose Managed workflow and blank. Wait a few seconds for Expo to install the project files and change the directory into the new project.

cd LoginLayout

The project structure should look like this. 

React Login Form Tutorial project structureReact Login Form Tutorial project structureReact Login Form Tutorial project structure

Open App.js to start working on your application. The starting code App.js should look like this:

import { StatusBar } from 'expo-status-bar';  import React from 'react';  import { StyleSheet, Text, View } from 'react-native';    export default function App() {    return (      <View style={styles.container}>        <Text>Open up App.js to start working on your app!</Text>        <StatusBar style="auto" />      </View>    );  }    const styles = StyleSheet.create({    container: {      flex: 1,      backgroundColor: '#fff',      alignItems: 'center',      justifyContent: 'center',    },  });

On the second line of code, we import React to use JSX. Then we import the StyleSheet, Text, and View components from React Native.

Next is the App function, which returns a view component and a text component as a child of that. <View> is an essential component in React Native and can serve many purposes, such as styling different elements, wrapping elements, or nesting elements. The <View>  element is equivalent to <div> in HTML web development. As you can see, the View component has a property, style = {styles.container}, which is used to apply styles to the view.

The <Text> component allows us to render text. 

Layouts With Flexbox

Flexbox is a critical technique in React Native. It's designed to provide a consistent layout on different screen sizes. Flexbox works the same way in React Native as it does in CSS on the web, with a few exceptions. (You can learn about CSS Flexbox here.) The defaults are different, though, with the flex direction defaulting to column instead of row and the flex parameter only supporting a single number.

Flex defines how items fill over the available space along the main axis. The available space is divided according to each element's flex property.

We define the flexbox layout at the bottom of the file in the styles constant. The container has the following styles:

  • flex: 1: This defines how elements will fill over space. Space is usually divided according to each element's flex property.
  • justifyContent: "center": This aligns children of a container in the center of the container's main axis.
  • alignItems: "center": This aligns children of a container in the center of the container's cross axis.

User Interface and Common Components

A typical React Native will use the following components.

View a container for other components
Text displays text
Image displays images
Stylesheet provides a way of styling elements 
TextInput an input field
Button a clickable button

Adding an Image

Images in React Native are placed in the assets folder and referenced like this:

<Image source={require('.assets//image.png')} />

Let's add an image in the assets folder. This will be used as the logo image. Start by removing the text component, and replace it with the logo image. Don't forget to import the Image component at the top.

import React from 'react';  import { StyleSheet, Text, View, Image } from 'react-native';    export default class App extends React.Component {    render(){      return (        <View style={styles.container}>          <Image source = {require("./assets/logo.png")}/>        </View>      );    }  }

Styling in React Native 

Elements in react Native are styled using JavaScript. All the React Native elements accept a prop named style, which accepts an object with style names and values. These style names and values are similar to those used in CSS, except the names are written using camel casing. For example, React Native uses backgroundColor for the CSS property background-color.

Add the following styles to the image.

const styles = StyleSheet.create({    container: {      flex: 1,      backgroundColor: '#fff',      alignItems: 'center',      justifyContent: 'center',     },       image :{      marginBottom: 40      }        });

Here we add a marginBottom: 40 style to make some space between the image and the text inputs.

Next, add text input fields for the email and password. First, add state properties to hold the email and password. State in React Native is used on components that change over time. For example, the information in the TextInput keeps changing as users input their information. The initial state of the email and password will be empty.

Start by importing useState, as shown below. The useState function will allow our functional components to be stateful.

import React, { useState } from 'react';

Then initialize the state by adding the following code in the App function.

export default function App() {       const [email, setEmail] = useState('');       const [password, setPassword] = useState('');    return (      // rest of the code    );  }

We use a View to wrap each text input for easy styling. Add this code below the image.

      <View style={styles.inputView}>          <TextInput            style={styles.TextInput}            placeholder="Email."            placeholderTextColor="#003f5c"            onChangeText={(email) => setEmail(email)}          />        </View>          <View style={styles.inputView}>          <TextInput            style={styles.TextInput}            placeholder="Password."            placeholderTextColor="#003f5c"            secureTextEntry={true}            onChangeText={(password) => setPassword(password)}          />        </View>

The setState method will update the state object with whatever information the user has entered. secureTextEntry is set to true to hide the text entered in the email text input for security purposes. 

Add the following styles to the inputView and textInput props.

 inputView: {      backgroundColor: "#FFC0CB",      borderRadius: 30,      width: "70%",      height: 45,      marginBottom: 20,      alignItems: "center",    },      TextInput: {      height: 50,      flex: 1,      padding: 10,      marginLeft: 20,    }

Add the Forgot Password? button below the text input fields. We'll use  a TouchableOpacity button, which changes opacity when pressed.

      <TouchableOpacity>          <Text style={styles.forgot_button}>Forgot Password?</Text>        </TouchableOpacity>

Next, add the following styles for the forgot password button.

  forgot_button: {      height: 30,      marginBottom: 30,    }

Finally, add the Login button. Add the following code below the forgot password button.

      <TouchableOpacity style={styles.loginBtn}>          <Text style={styles.loginText}>LOGIN</Text>        </TouchableOpacity>

Add the styles for the login button.

 loginBtn:    {      width:"80%",      borderRadius:25,      height:50,      alignItems:"center",      justifyContent:"center",      marginTop:40,      backgroundColor:"#FF1493",    }

Here we add a border radius style to make the button circular and a marginTop: 40  property to make a space between the two buttons. We also set a custom height and width. 

The Final Login Screen Code

The final React Native code for the login page, App.js, should look like this:

import { StatusBar } from "expo-status-bar";  import React, { useState } from "react";  import {    StyleSheet,    Text,    View,    Image,    TextInput,    Button,    TouchableOpacity,  } from "react-native";    export default function App() {    const [email, setEmail] = useState("");    const [password, setPassword] = useState("");      return (      <View style={styles.container}>        <Image style={styles.image} source={require("./assets/log2.png")} />          <StatusBar style="auto" />        <View style={styles.inputView}>          <TextInput            style={styles.TextInput}            placeholder="Email."            placeholderTextColor="#003f5c"            onChangeText={(email) => setEmail(email)}          />        </View>          <View style={styles.inputView}>          <TextInput            style={styles.TextInput}            placeholder="Password."            placeholderTextColor="#003f5c"            secureTextEntry={true}            onChangeText={(password) => setPassword(password)}          />        </View>          <TouchableOpacity>          <Text style={styles.forgot_button}>Forgot Password?</Text>        </TouchableOpacity>          <TouchableOpacity style={styles.loginBtn}>          <Text style={styles.loginText}>LOGIN</Text>        </TouchableOpacity>      </View>    );  }    const styles = StyleSheet.create({    container: {      flex: 1,      backgroundColor: "#fff",      alignItems: "center",      justifyContent: "center",    },      image: {      marginBottom: 40,    },      inputView: {      backgroundColor: "#FFC0CB",      borderRadius: 30,      width: "70%",      height: 45,      marginBottom: 20,        alignItems: "center",    },      TextInput: {      height: 50,      flex: 1,      padding: 10,      marginLeft: 20,    },      forgot_button: {      height: 30,      marginBottom: 30,    },      loginBtn: {      width: "80%",      borderRadius: 25,      height: 50,      alignItems: "center",      justifyContent: "center",      marginTop: 40,      backgroundColor: "#FF1493",    },  });

And here is the final look of the app:

React Login Form Tutorial react native loginReact Login Form Tutorial react native loginReact Login Form Tutorial react native login

Popular React Native App Layout Templates From CodeCanyon

Building a great app takes more than just a React Native login screen. If you need more components to complete your project, check out these templates from CodeCanyon. They're easy-to-use and can help you reach your goals.

1. MStore Pro—Complete React Native Template for eCommerce

MStore Pro is one of the most popular React Native templates available on CodeCanyon. It's designed with eCommerce in mind. It has a useful React Native login screen template that works with SMS signup. It also has multiple home screens and layouts to choose from.

MStore Pro React Native Template for eCommerceMStore Pro React Native Template for eCommerceMStore Pro React Native Template for eCommerce

2. Antiqueruby React Native Material Design UI Components

Material design still dominates the app landscape, which makes Antiqueruby an excellent choice in 2021. This download includes over 260 screens, including React Native logins, navigation drawers, and more.

Antiqueruby React Native Material Design UI ComponentsAntiqueruby React Native Material Design UI ComponentsAntiqueruby React Native Material Design UI Components

3. React App Builder—SaaS

React App Builder does exactly what the name says. Make awesome creative projects with the components included in this template download. It includes everything needed to make a full app in any industry.

React App Builder SaaSReact App Builder SaaSReact App Builder SaaS

4. BeoNews Pro—React Native Mobile App for WordPress

If you have a WordPress site that you want to be mobile, try out BeoNews Pro. It's one of the top templates on CodeCanyon, and it's filled with great features. In addition to its React Native login screen templates, BeoNews Pro includes:

  • multiple side menu styles
  • stylish UI layouts
  • Facebook, Google, and Firebase analytics integration
BeoNews Pro React Native Mobile App for WordPressBeoNews Pro React Native Mobile App for WordPressBeoNews Pro React Native Mobile App for WordPress

5. Oreo Fashion—Full React Native App for WooCommerce

Show off your style sense with Oreo Fashion. It's a full template that lets you create apps for iOS and Android devices. The React Native login forms included offer simple social sign-up for account creation. You can also take advantage of the layout app builder. Try it if you have a WooCommerce WordPress site you want to build an app around.

Oreo Fashion Full React Native App for WooCommerceOreo Fashion Full React Native App for WooCommerceOreo Fashion Full React Native App for WooCommerce

Conclusion

In this tutorial, you've successfully created a beautiful login page using your Flexbox knowledge. You've also learned how to use the Expo CLI, an easy way to build and test React Native Apps.

In the next tutorial in this series, you'll learn how to create a calendar screen. In the meantime, check out some of our other tutorials on React Native and Flexbox.

Easy Form Validation With jQuery

Posted: 09 Jul 2021 04:16 PM PDT

In our previous tutorial, we discussed how to implement basic form validation using some input attributes in HTML5 and a little regex.

In this tutorial, you'll learn how to use a jQuery plugin to add simple form validation to your website.

Using a jQuery plugin to validate forms serves a lot of purposes. It gives you additional abilities like easily displaying custom error messages and adding conditional logic to jQuery form validation. A validation library can also help you add validation to your HTML forms with minimal or no changes to the markup. The conditions for validity can also be added, removed, or modified at any time with ease.

Getting Started

We'll use the jQuery Validation Plugin in this tutorial. The plugin offers a lot of features and also helps you define your own validation logic.

Before we can start using the plugin in our fields, we have to include the necessary files in our project. There are two different files to include. The first is the core file, which includes the core features of the plugin, including everything from different validation methods to some custom selectors. The second file contains additional methods to validate inputs like credit card numbers and US-based phone numbers.

You can add these files to your projects via package managers like Bower or NPM. You can also just directly get a CDN link to the files and add them to a script tag on your webpage. Since this is a jQuery-based plugin, you'll also need to add a link to the jQuery library.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>

Once you've added these files, you can start validating any form with the validate method.

Validating Your First Form

You can start using this plugin without making any significant changes to your markup. The only thing that you might have to change is to add an id or class to the form you want to validate if it doesn't have one already.

Here is the markup of a basic form that we'll be validating using the jQuery validate plugin.

<form id="basic-form" action="" method="post">  <p>  <label for="name">Name <span>(required, at least 3 characters)</span></label>  <input id="name" name="name" minlength="3" type="text" required>  </p>  <p>  <label for="email">E-Mail <span>(required)</span></label>  <input id="email" type="email" name="email" required>  </p>  <p>  <input class="submit" type="submit" value="SUBMIT">  </p>  </form>

We are using the same attributes that we used in our previous HTML5-based form validation tutorial. The form will still do the validation without us adding any JavaScript. However, using the plugin for validation will let us show the error messages right below the invalid input field. We'll also be able to style the errors however we want.

To start validating the form with this plugin, simply add the following JavaScript code on the webpage:

$(document).ready(function() {  $("#basic-form").validate();  });

This is based on the assumption that you've already added the required JavaScript files. Adding those lines of JavaScript will make sure that your form is properly validated and shows all the error messages. Here is a working demo.

The library tries to be as user friendly as possible by only showing error messages when they're necessary. For example, if you tab through the name and email fields without actually entering any information, you won't get any error messages. However, if you try to move to the email field after only entering one character in the name field, you'll get an error message about entering at least three characters.

The error messages are injected into the DOM using the label element. All of them have an error class, so it's easy to apply your own styling, as we did in our example. The same is true for invalid inputs, which also get an error class added to them.

Options for the validate() Method

In our previous example, we simply called the validate() method without passing any options to it. However, we can also pass an object to this method along with many options inside that object. The value of these options will determine how the form plugin handles validation, errors, etc.

If you want this plugin to ignore some elements during the validation process, you can do so easily by passing a class or selector to ignore(). The plugin will ignore all form elements with that particular selector when it validates the input.

Add Validation Rules for Input Fields

You can also pass some rules to the validate() method in order to determine how the input values are validated. The value of the rules parameter should be an object with key-value pairs. The key in each case is the name of the element that we want to validate. The value of that key is an object which contains a set of rules which will be used for validation.

You can also add conditional logic to the different fields that you're validating by using the depends keyword and passing a callback function to it which returns either true or false. Here is an example which uses simple rules to define how the input is validated.

$(document).ready(function() {  $("#basic-form").validate({  rules: {  name : {  required: true,  minlength: 3  },  age: {  required: true,  number: true,  min: 18  },  email: {  required: true,  email: true  },  weight: {  required: {  depends: function(elem) {  return $("#age").val() > 50  }  },  number: true,  min: 0  }  }  });  });

In the above code snippet, the keys name, age, email and weight are simply the names of input elements. Each key has an object as its value, and the key-value pairs in the object determine how an input field will be validated.

These validation options are similar to the attributes that you can add in the markup of a form. For example, setting required to true will make the element required for form submission. Setting minlength to a value like 3 will force users to enter at least 3 characters in the text input. There are a few other built-in validation methods which are briefly described on the documentation page.

One thing that you should note in the above code is the use of depends to conditionally make the weight a required field if the age is over 50. This is done by returning true in the callback function if the value entered in the age input field is over 50.

Create Your Own Error Messages

This plugin also allows you to set error messages for different validation rules in a form. You begin by setting the value of the messages key to an object with key-value pairs for the input fields and the corresponding error messages.

Here is an example which will display custom error messages for each input field.

messages : {  name: {  minlength: "Name should be at least 3 characters"  },  age: {  required: "Please enter your age",  number: "Please enter your age as a numerical value",  min: "You must be at least 18 years old"  },  email: {  email: "The email should be in the format: abc@domain.tld"  },  weight: {  required: "People with age over 50 have to enter their weight",  number: "Please enter your weight as a numerical value"  }  }

Just like rules, messages rely on the name of the input fields. Each of these input fields will accept an object with key-value pairs as its value. The key in each case is the validation rule which has to be followed. The value is simply the error message that you want to display if a particular rule is violated.

For instance, the age input field will trigger the required error message if left blank. However, it will trigger the number error if you enter anything else besides a number in the input field.

One thing that you'll notice is that the plugin will show a generic error message for validation rules where you haven't supplied a custom error message. Try filling out different values in the following demo and you'll see that the custom and generic error messages show up as expected.

Customizing the Appearance of Error Messages

There are times when you might want to add your own classes to valid and invalid input in order to target them more specifically or for better integration with an existing theme.

You can change the classes which are added to valid or invalid input elements using the errorClass and validClass keys. This can help prevent some unwanted clashes due to reusing the same class name. By default, the error class is assigned to every invalid input element and label. The valid class is assigned to every valid input element.

It's important to remember that setting errorClass to something like fail-alert will remove the error class from the invalid elements. You'll have to use errorClass: "error fail-alert" to assign multiple classes to the same element. The same goes for validClass.

There are no additional labels added to the form when users enter a valid input. So the classes from validClass are assigned to the valid input element.

The following code snippet builds upon the previous example to add custom CSS classes and styling to invalid and valid elements.

The only additional JavaScript code is used to assign the classes.

$(document).ready(function() {  $("#basic-form").validate({  errorClass: "error fail-alert",  validClass: "valid success-alert",  // ... More validation code from previous example

Here is the CSS that we'll use to change the appearance of error messages:

label.error.fail-alert {  border: 2px solid red;  border-radius: 4px;  line-height: 1;  padding: 2px 0 6px 6px;  background: #ffe6eb;  }  input.valid.success-alert {  border: 2px solid #4CAF50;  color: green;  }

In addition to customizing the error messages, we are also adding our own styling to valid input elements. Here is a CodePen demo to show us the final result.

More Options to Change the Plugin Behavior

You can prevent the plugin from validating input fields on key up, click, and other such events by setting the value of onfocusout, onkeyup, or onclick to false. Keep in mind that boolean true is not a valid value for these keys. This basically means that if you want the plugin to validate or lose focus on a key up event, just leave these options untouched.

You also have the option to change the element in which the error appears. By default, the plugin uses the label element to show all error messages, but you can change it to em or any other element using the errorElement key. The error element itself can then be wrapped in another HTML element using the wrapper key.

These are some of the most common options that you're likely to use when validating forms. However, there are some other validation options that might come in handy if you want to do something like changing the placement of error messages or grouping them all together.

jQuery Form Validation, JavaScript, and jQuery Forms Found on CodeCanyon

Learning how to do simple form validation by yourself is a great skill to have. But you can get even deeper with these useful jQuery and JavaScript form downloads from CodeCanyon:

1. jQuery Step Wizard with Step Form Builder—Timon Step Form

Timon Step Wizard JavaScript FormTimon Step Wizard JavaScript FormTimon Step Wizard JavaScript Form

If you want to build a multi-step form, the Timon Step Form download is right for you. It features multiple form elements and transition effects that you can use to customize your work. Timon also has a drag and drop builder, meaning your form can be built with no coding knowledge needed. It also has jQuery form validation. 

2. Smart Forms

Smart Forms JavaScript FormSmart Forms JavaScript FormSmart Forms JavaScript Form

Smart Forms is a fully featured framework for creating simple and complex forms. It has Google reCAPTCHA support, international phone number validation, and much more. With the simple form validation in jQuery code, Smart Forms is a great choice to check out.

3. Just Forms Advanced

Just Forms Advanced JavaScript FormJust Forms Advanced JavaScript FormJust Forms Advanced JavaScript Form

Reading the name of this purchase will let you know exactly what you're getting here. But there's more to these forms than meets the eye. The more than 110 included forms are ready for use, or you can use the framework to make a unique form for yourself.

4. Form Framework With Validation and Calculation—Forms Plus JS

Forms Plus JavaScript Form Forms Plus JavaScript Form Forms Plus JavaScript Form

Forms Plus is one of the top JavaScript forms found on CodeCanyon. There are more than 100 templates that you can choose from. Forms Plus also has features like:

  • CAPTCHA fields
  • date, time, and color pickers
  • field groups
  • masked fields
  • actions blocks

5. Sky Forms

Sky Forms JavaScript FormSky Forms JavaScript FormSky Forms JavaScript Form

We round out our list with the highly customizable Sky Forms. It comes with modern elements and multiple color schemes. There are also six designed states, including hover, focus, and more. On top of these features and the cross-browser compatibility, there are over 300 vector icons in Sky Forms.

Final Thoughts

In this tutorial, we learned how to take our form validation to the next level using a jQuery plugin. Using simple JavaScript form validation gives us a lot of additional control over basic HTML validation. For instance, you can easily control how and when different error messages appear when an input is filled with invalid values.

Similarly, you can also specify if the plugin should skip validation for some particular elements. I'd strongly recommend that you read the documentation of this plugin and some best practices on how to use it properly.

In our next tutorial, you'll learn about some more JavaScript-based tools and plugins to help you easily create and validate forms.

And while you're here, check out some of our other posts on JavaScript forms and form validation!

25 Best Free Aesthetic Background Templates to Use in PowerPoint Presentations 2021

Posted: 09 Jul 2021 07:54 AM PDT

Looking for some free aesthetic PowerPoint templates? Wondering how can you make an impression with your presentation? Beautifully aesthetic backgrounds can make your PowerPoint presentation really shine.aesthetic powerpoint templates downloadaesthetic powerpoint templates downloadaesthetic powerpoint templates download

This premium aesthetic PowerPoint presentation is available for download on Envato Elements.

In this article, we'll look at some aesthetic PowerPoint presentation designs that are stylish, trendy, and packed with potential. Besides visual inspiration, we'll also look at a list of aesthetic PowerPoint themes free download files to pick up right now.

We all want our presentations to look attractive. When it comes to engaging your audience, there's much more to it than simply solid content. Visual presentation matters. A professional look and feel can help further convince and influence your target audience. Solid content with a poor design can look unprofessional, uninteresting, or even untrustworthy.

Take in the design inspiration as you decide which aesthetic is right for your project—and why aesthetics are so important to consider.

Best Premium PowerPoint Background Templates on Envato Elements and GraphicRiver (With Unlimited Use)

Here's why premium templates are the best value:

  • easier to find what you're looking for
  • often come with documentation
  • tend to have extended licensing for commercial use
aesthetic powerpoint themesaesthetic powerpoint themesaesthetic powerpoint themes
Consider premium PowerPoint aesthetic themes for your next professional project.

But price tag can be an issue—every project has a budget, right? We can all relate to that. We all want to save some money!

Free is everyone's favorite price point, but even free files aren't entirely without cost. For example, searching for the perfect free template is often a considerable time investment.

Then, you'll typically need to budget time for edits. Time is an asset that we need to budget too.

Plus, free templates rarely come with help documentation or support.  Also, free doesn't mean free of copyright or usage restrictions. Check any applicable licensing before you proceed.

If you're looking for a premium product at a budget price, check out Envato Elements. There are thousands of beautiful, professionally designed aesthetic PowerPoint presentation designs. They all include unlimited downloads. Download as many PowerPoint aesthetic themes as you want for one, low price.

Envato ElementsEnvato ElementsEnvato Elements
Choose from thousands of aesthetically pleasing backgrounds and aesthetic PowerPoint presentation theme designs on Envato Elements.

But you don't just get PowerPoint themes. You also get access to an entire library of stock photos, illustrations, fonts, audio, and much more. It's all included. Download everything you need for your professional projects in one place, for one price. It's super convenient and there's no surprise fees.

This is an awesome choice if you think you might need photos, fonts, and other content for your PowerPoint presentation. There are also business card templates, flyer templates, WordPress templates. So much content to help push your professional brand, and it's all included. It's an amazing resource for creative professionals.

But if you're not looking for unlimited access to an entire library of content, there are other resources. GraphicRiver is an awesome collection of content, created by designers from all over the world. It's an excellent choice if you're just looking to download a few, specific files—one download, one fee. Keep it simple with GraphicRiver.

graphicrivergraphicrivergraphicriver
There's also a large collection of premium, professional PowerPoint aesthetic themes on GraphicRiver.

There's no subscription and no obligation over on GraphicRiver—just a large selection of a wide variety of professional content. It includes a wealth of PowerPoint aesthetic themes, aesthetic backgrounds, infographics, clip art, and more.

Now let's take a look at some aesthetic PowerPoint templates and design tips to help you with your next presentation.

4 Best Premium Aesthetic Background PowerPoint Templates

Before we dig into our list of awesome, free finds let's look at some of the beautiful designs over on Envato Elements and GraphicRiver. Consider downloading one today or enjoy the design inspiration. Maybe you'll find the right aesthetic for your project or something that'll inspire you:

1. Ojolin Aesthetic PowerPoint Presentation Theme

powerpoint aesthetic themespowerpoint aesthetic themespowerpoint aesthetic themes

A clean, sleek aesthetic can prove to be timeless. There's generous white space here, paired with bold pops of saturated color. It's beautiful, but versatile, and could be adapted for a variety of industries.

2. GRESIK Aesthetic PowerPoint Templates Download

aesthetic powerpoint presentationaesthetic powerpoint presentationaesthetic powerpoint presentation

How about a more earthy color scheme? Check out how this template works with earthy browns, mixed with pops of other colors, photos, and graphics. 

3. Frevanco Aesthetic PowerPoint Templates Download

aesthetic powerpoint presentation themeaesthetic powerpoint presentation themeaesthetic powerpoint presentation theme

Contrast can make for a classy aesthetic, like we see in this stylish theme. Doesn't the yellow stand out? The green is consistent, darker, and helps craft the overall feel of this design.

4. Arrow PowerPoint Aesthetic Themes

aesthetic powerpoint templates downloadaesthetic powerpoint templates downloadaesthetic powerpoint templates download

Grayscale can be such a timeless, classy approach, perfectly adaptable for a wide variety of projects. This is a great fit if you're looking to visually communicate prestige, quality, and elegance.

25 Top Free Aesthetic Background PowerPoint PPT Templates to Download for 2021

Premium aesthetic PowerPoint background templates are easy to work with and come with loads of features. The aesthetic PowerPoint themes above are an excellent example of what premium templates has to offer. 

Envato Elements Free FilesEnvato Elements Free FilesEnvato Elements Free Files
Each month Envato Elements offers a different selection of free files for you to try. You can also find free files each month on GraphicRiver.

But, if you can't go premium yet because you're on a tight budget, check out Envato's free offerings first. These premium free files could be of use to you. The free files vary monthly, so you never know. A premium aesthetic PowerPoint presentation theme could be up for grabs!

Here's the Envato premium freebie deal:

  • Envato Elements offers 12 different files (WordPress templates, PPT templates, fonts, photos, videos, and more). Download this month's free premium files by creating a free account and signing in. 
  • Envato Market offers seven different monthly freebies. That means a free file from ThemeForest, GraphicRiver, AudioJungle, VideoHive, PhotoDune, CodeCanyon, or 3DOcean. Sign up and log in to get this month's premium freebie files.

Now, let's look at some free PowerPoint templates aesthetic designs you can download right now. Review any licensing requirements associated with these designs, at the links below—as freeware doesn't mean free of copyright. Enjoy these free aesthetic PowerPoint templates!

1. Abstract PowerPoint Template Design

free aesthetic template powerpointfree aesthetic template powerpointfree aesthetic template powerpoint

This template uses circular shapes in a variety of sizes to create an interesting, abstract design. Customize this free template to meet your design needs. 

2. Geometric Free PowerPoint Templates Aesthetic

Geometry is often a great fit when you're going for an abstract aesthetic. It also tends to have a degree of neutrality, which can make it a flexible design choice. 

3. Free Silver Wave Aesthetic Background PowerPoint Template

A wave, abstract aesthetic is another strong choice if you're looking for a neutral aesthetic. It's suitable for a variety of different scenarios and projects. 

4. Blue Aesthetic PowerPoint Themes Free Download

powerpoint aesthetic backgroundspowerpoint aesthetic backgroundspowerpoint aesthetic backgrounds

Here's another example of geometry in action. Notice how the result is a clean aesthetic. Use this background for a variety of different PowerPoint projects. 

5. Green Stripe Aesthetic Background PowerPoint Template

Prefer to work with a green color scheme? Give this free PowerPoint templates aesthetic a try.

6. Minimalist Aesthetic Free PowerPoint Template

Sometimes, less is more. This free template is a great example of that. Stick to the established aesthetic or use it as a starting point to build upon.

7. Stylish Free PowerPoint Template

Aesthetic powerpoint templateAesthetic powerpoint templateAesthetic powerpoint template

Soft colors and smooth shapes make this aesthetic soothing, welcoming, and stylish. Add your images and content to this free PowerPoint template today.

8. Stylish Portfolio PowerPoint Template

If you're specifically looking to build a portfolio presentation in PowerPoint, check out this free template. Use it as your starting point or check it out for some design inspiration.

9. Watercolor Aesthetic PowerPoint Background Template

There's so many different aesthetics to explore, like this watercolor themed PowerPoint presentation. Your aesthetic choices can say a lot about your professional branding.

10. Aesthetic PowerPoint Template

stylish aesthetic powerpoint templatestylish aesthetic powerpoint templatestylish aesthetic powerpoint template

Here's a clean design that's got the potential to be pushed in a variety of ways. The design itself is clean and minimalist, with plenty of room for photographs.

11. Earthy Foliage Aesthetic PowerPoint Background Theme

Looking for something more earthy? Check out this aesthetic background, with lovely foliage themed illustrations.

12. Sleek Blue Minimalist PowerPoint Template Background

Love a minimalist look? Check out this sleek PowerPoint design. It's a free download with plenty of potential.

13. Colorful Abstract Backgrounds PowerPoint Templates

abstract aesthetic powerpoint templateabstract aesthetic powerpoint templateabstract aesthetic powerpoint template

If you're keen on color, geometry, and abstract shapes, then you'll love this aesthetic PowerPoint presentation theme. Here's a preview of some of the free content included.

14. Shadow Elegant Aesthetic Background PowerPoint Theme

This free PowerPoint theme uses shadows to craft a stylish aesthetic. Try it out with your content to craft an elegant but simple design.

15. Colorful Geometric Aesthetic Background PowerPoint Template

Here's a playful design that uses a lot of color. If you're looking for a lighthearted aesthetic, you might enjoy this free PowerPoint template file.

16. Granite Free PowerPoint Templates Aesthetic Design

Looking for something black and white or monochrome? Check out this free template. It might be just the aesthetic look and feel you're looking for.

17. Purple Abstract PowerPoint Background

purple abstract powerpoint templatepurple abstract powerpoint templatepurple abstract powerpoint template

This free background template is lively and abstract. Use it as the background for your title in your PowerPoint presentation. This PowerPoint background aesthetic is very eye catching.

18. Green Angular Abstract Background PowerPoint Theme

Hard angles help build the abstract aesthetic in this free PowerPoint template. Check out the matching companion slides that are included with this free download.

19. Abstract Triangles Aesthetic PowerPoint Templates Free Download

This colorful template uses abstract triangles that resemble leaves to craft a fun and memorable look and feel. Give this aesthetic a try in your next presentation. 

20. Brown and White Abstract Aesthetic PowerPoint Background

There's a lot of contrast here in this free PowerPoint background. Download it today to test it out. 

21. Illustration Aesthetic PowerPoint Templates Free Download

colorful powerpoint templatecolorful powerpoint templatecolorful powerpoint template

Love illustration? This aesthetic PowerPoint presentation was built for virtual classrooms. But it could work for a variety of different design projects. 

22. Green Wave Aesthetic PowerPoint Themes Free Download

Abstraction can be a great aesthetic to try if you want to stay clear of recognizable imagery. You can "say" plenty with things like shape, line, and color. 

23. Pastel Textured Background PowerPoint Theme

Here's another free PowerPoint template with plenty of texture. Check out this free aesthetic theme today. 

24. Chalkboard Background Aesthetic PowerPoint Template

The chalkboard look can prove to be a fun direction for aesthetically pleasing backgrounds. Give this free template a try and a download today, to test it out for your project. 

25. Free Colorful PowerPoint Abstract Aesthetically Pleasing Backgrounds

colorful abstract aesthetic PowerPoint backgroundcolorful abstract aesthetic PowerPoint backgroundcolorful abstract aesthetic PowerPoint background

Check out the soft gradient in this free PowerPoint template. The background makes for a soothing aesthetic. Give this one a download and try out the many included free slides.

How to Customize an Aesthetic PPT Template

So, you've found the perfect PowerPoint aesthetic template. What's next? Let's take a look at some easy ways you can customize your aesthetic PPT template.

In this tutorial, we'll use a premium PowerPoint template. But these concepts would transfer to any aesthetic PowerPoint templates of your choice.

aesthetic powerpoint templateaesthetic powerpoint templateaesthetic powerpoint template
Download this premium aesthetic PPT template on Envato Elements.
Let's get started:

1. Open and Navigate Your Template

Before you open your template, have all the appropriate files ready. For example, this template uses specific, free fonts. Read the included documentation and install any required fonts. Otherwise, your design might not look right! If you don't have fonts installed, PowerPoint will substitute in other fonts.

Be sure to install required fonts.

Here's what this template looks like in PowerPoint. To navigate through the included slides, check out the previews on the left hand side. We can scroll through this side bar and click through the thumbnails to jump to a new slide.

powerpoint tutorialpowerpoint tutorialpowerpoint tutorial

2. Easily Add Images to Placeholders

Most PowerPoint templates will have placeholders of some kind for images. PowerPoint makes it really easy for us to add custom images. 

Navigate to a slide with an image placeholder. Then, click on the image placeholder. Next, PowerPoint will prompt you to open up an image from your computer. Select one, and then PowerPoint conveniently inserts it into the template. Simple, right?

powerpoint imagespowerpoint imagespowerpoint images
Stock photo shown is from Envato Elements.

3. Edit Text in Your PowerPoint Template

Editing text is simple too. Choose any slide you prefer that has placeholder text. Then, simply click on the text to begin editing. The editing process is like that of most word processing software. 

This is likely some of the most extensive edits you'll make in your PowerPoint template. It's a good idea to save frequently, especially if you intend to work in your template over a long period of time. Regularly go to File > Save to save your work.

Save different versions of your work by going to File > Save As.
powerpoint edit textpowerpoint edit textpowerpoint edit text
Stock photo shown is from Envato Elements.

4. Change Your Slide Layout

You can also easily change the layouts themselves. Let's try it in this sample slide layout. 

In this example, we've clicked on the headline text to select it. Take your cursor to the outer perimeter of the content box.

You'll notice that your cursor changes to a four pointed arrow. When this is the case, click and drag to reposition your content. You can change your layouts with this method. Try moving the text and the imagery.

powerpoint rearrange itemspowerpoint rearrange itemspowerpoint rearrange items
Stock photo shown is from Envato Elements.

5. Resize Your Content

You can expand these boxes too. For example, let's take the headline and expand the text box. 

There are six white boxes around our selected text box. Click and drag on any of those white boxes to resize this space. The top and bottom ones will expand or contract the box vertically. The side ones will expand or contract the box horizontally. The size ones give you diagonal and flexible resizing.

Why would we want to resize this text box? So we can make the text even bigger!

With the text selected, go to the ribbon at the top of the software (it's where you see options). It's highlighted in the screenshot below. With the text selected, you can do things like change the font and the font size.

powerpoint font sizepowerpoint font sizepowerpoint font size
Stock photo shown is from Envato Elements.

5 Tips for the Perfect PowerPoint Aesthetic & Design Choices

How do you choose or design the perfect aesthetic template? From the PowerPoint background aesthetic to the slides themselves, design can be a tricky task. Take a look at these five design tips to figure out the best aesthetic for your PowerPoint presentation:

1. Consider Your Use of Contrast

Contrast is basically a measurement of light versus dark. For example, check out the premium PowerPoint design template below. The dark gray shapes are very high in contrast against the white background. That's why this "pops" so much. 

Use high contrast between text and background so that your text can be read.

For example, let's say we had light gray text against a white background. The text would be hard to see because they're so similar in value. This would be low contrast. 

You can use contrast to create interesting design choices. But it's also an important part of making sure your content is easy to see. Make color and value choices that make sense for different parts of your design.

aesthetic powerpointaesthetic powerpointaesthetic powerpoint
Download this premium aesthetic PPT template on Envato Elements.

2. Decide on a Single Look and Stick With It!

Consistency is very important. But how do you figure out the perfect look? Here are some ways you can try to get your aesthetic solidified:

  • Create a mood board. This is a collection of content that resonates with your brand. It could be things like colors, photographs, textures, and fonts. This can help you isolate what best suits your presentation.
  • Observe design inspiration. Looking at design templates can be really helpful because they already have an established aesthetic. You can also tweak them, so you can adjust as needed.
  • Remember to follow your branding. Your content should look on brand. So, for example, if you've got a logo include it. Make sure the theming matches it. Content like this would be a great start for a mood board too.

Notice all the things this premium PowerPoint theme has in common. There's consistent fonts and colors. These things help build a solid, continuous aesthetic.

stylish powerpoint designstylish powerpoint designstylish powerpoint design
This stylish premium PowerPoint design template can be downloaded on Envato Elements.

3. One Person's Stylish is Another Person's Snore!

Chances are, you've seen a popular design before that you just didn't like. Why is that? Design can be very subjective, and this is a good thing. But it also means that we've got to be aware of our target audience.

Look at this premium PowerPoint template. This aesthetic is really different from the last example we looked at. So, which design is better?

That answer is going to vary, from person to person because we're all different. This is why it's important to design based on your target audience. You need to know what appeals to them. Then, you can make design choices that'll resonate with them.

aesthetic powerpoint templatesaesthetic powerpoint templatesaesthetic powerpoint templates
You can download premium aesthetic PowerPoint templates like this one on Envato Elements.

4. Mix Things Up and Keep Things Interesting!

It might be tempting to use the same PowerPoint background aesthetic for every slide. Don't do it!

If every slide looks the same, the presentation is likely to get really boring, really fast.  PowerPoint is a visual media, so use that as an advantage. This is a chance to visually communicate your concepts and to create interest.

Position images in different places. Experiment with the placement of key type. 
Consistency is important, but you don't want to be so consistent that things are boring. Instead, pick common elements, like font choices and colors. Then, on other elements, mix things up and have fun with it.
powerpoint aesthetic backgroundspowerpoint aesthetic backgroundspowerpoint aesthetic backgrounds
A premium aesthetic template for PowerPoint, like this one, has plenty of interest. 

5. When in Doubt, Keep It Simple

Often, less proves to be more. It might be tempting to add more "stuff" to your PowerPoints slides. But more content is just that. It's more content. Adding too much content to your slide can make things look really overwhelming. 

Don't add too much content.

Take a look at this premium aesthetic template design. Notice how it's got a lot of "empty" space.  This breathing room is a good thing. Give your design elements some space. This particular aesthetic is rather minimalist. Balance the space in your design to best suit your branding.

powerpoint aesthetic templatespowerpoint aesthetic templatespowerpoint aesthetic templates
This design template has a minimalist aesthetic. Download this premium PowerPoint template on Envato Elements.

5 Top Aesthetic Background Design Styles and Color Trends for 2021

Are you considering which aesthetic might be right for your PowerPoint presentation? Check out this collection of trends, styles, and design tips. They can help you further narrow down your choice with some added design inspiration. 

1. Use a Pop of Consistent, Bold Color

Color can be a powerful addition to any design, especially if the designer is strategic with its usage. Check out this example premium template below. Notice how the design itself is largely grayscale, but the yellow is added as a signature color.

The yellow in the example is bold and really stands out. It's also used similarly for emphasis and interest, throughout the whole presentation. We begin to associate the yellow not only with the presentation, but also with the brand. In this case, color is used as a strong, unifying element. 

aesthetically pleasing backgroundsaesthetically pleasing backgroundsaesthetically pleasing backgrounds
Stylish aesthetic backgrounds don't have to be busy. Keep it clean and sleek with a single, bold color, like we see in this premium template.

Curious about what color might be best for your presentation or brand? Check out this free tutorial for even more insights.

2. Try Out a Soft, Organic Design Aesthetic

Soft, neutral colors can make for a stylish aesthetic. Check out this premium PowerPoint design template, below. It also mixes up the rectangular nature of the slides with a rounded background. 

When thinking about your aesthetic remember: colors are communicative. For example, does this color scheme look exciting to you?

These softer colors are likely better paired with keywords like soothing, relaxing, and comfortable. For an exciting look, it might be a stronger idea to stick with more saturated colors. 

powerpoint aesthetic themespowerpoint aesthetic themespowerpoint aesthetic themes
Neutral colors can make for aesthetically pleasing backgrounds, like we see in this premium PowerPoint template.

3. Create a Sleek, Stylish, Modern Design With Space and Color

Remember not to pack your designs too tightly. Leave "breathing room" for your content if you'd like to work with saturated, energetic elements like the gradient we see in the premium PowerPoint template below. 

Want to learn more about color combinations and check out some other color schemes for inspiration? Check out this free tutorial:

In the example below, color is used in an interesting way. We've got a rather saturated gradient. It's used throughout the presentation to help establish visual consistency.

Color makes a great repeating element at the bottom of the page. But it also works well for other supplements on other slides too.

Check out this aesthetic. It's some web influence, doesn't it? Notice all the clean, white space.

aesthetic powerpoint presentationaesthetic powerpoint presentationaesthetic powerpoint presentation
This premium PowerPoint presentation employs colorful gradient aesthetic backgrounds throughout the template.

4. Draw Inspiration From Other Media

Just because you're designing for PowerPoint doesn't mean you can only draw inspiration from other PowerPoint slides. Take a look at other media too—like websites, magazines, and more.

For example, check out the stylish aesthetic in this PowerPoint design template, below. Many slides resemble an aesthetic we might associate with a trendy magazine spread. 

aesthetically pleasing backgroundsaesthetically pleasing backgroundsaesthetically pleasing backgrounds
This stylish premium PowerPoint template has a lot of magazine themed influence. It makes for a trendy, modern look.

When looking for inspiration, consider gathering many examples to help narrow down the perfect aesthetic for you. This can be a great way to explore your options before committing to a single aesthetic. 

5. Push for a Professional, Consistent Aesthetic

One of the most important (and timeless) design elements you can embrace in your work is visual consistency. The premium PowerPoint template below is a strong, straight forward example.

Notice how the aesthetic backgrounds here are stylish and fun. You could mix and match these colors with your own brand's color scheme.

The key here is consistency. Notice how all the slides look related because they share this design element in common. It rather works like the way a footer would—cool, right?

aesthetic backgroundsaesthetic backgroundsaesthetic backgrounds
Try aesthetically pleasing backgrounds with repeated visual interest, like in this premium PowerPoint template.

Want to learn more about design principles that can help you push your presentations further? Check out this free introduction to the Principles of Design.

Discover More Top Microsoft PowerPoint Template Designs

Looking for even more design inspiration? Check out these collections of even more aesthetic PowerPoint presentation theme designs. Download a new theme today or browse for even more PowerPoint theme ideas. 

5 Benefits of Using Aesthetic PowerPoint Templates With Pro Designs (In 2021)

Still not sure what kind of aesthetic PowerPoint templates might be right for you? Free aesthetic PowerPoint templates might be tempting. But the benefits of using a professional template can't be understated.

So, why is using a professional template worth it?

  1. Going pro saves you time. It's a lot easier to find exactly what you're looking for, when you use a premium template. You might not find a perfect fit for your projects if you only stick to free aesthetic PowerPoint templates. 
  2. You don't have to worry about licensing. Just because a download is free doesn't mean it's free of copyright. With a premium template, you can take the guess work out of usage and rights. It's typically covered for commercial use.
  3. There's so much content to work with. Free templates often include a hand full of slide designs at most. Premium templates tend to have very large collections of slide layouts to choose from and customize.
  4. Help documentation is often included. Most premium PowerPoint templates also come with help documentation, to help you jump in and easily get started. Free files often lack this extra support.
  5. Professional work deserves professional quality. Premium templates are almost always higher in quality than free options. They tend to have more options, more slides, more graphics, and more included content too.

Benefits of Envato Elements (The Power of Unlimited Use)

Envato ElementsEnvato ElementsEnvato Elements
One low fee gets you unlimited access to thousands of premium PowerPoint template designs.

Envato Elements is the perfect deal for the cost savvy professional. For one low price, you get access to thousands of aesthetic PowerPoint templates, in all kinds of different styles. You also get unlimited access to fonts, stock photos, and lot more.

Sign up for Envato Elements today and take advantage of unlimited downloads. It's a one stop destination for professional assets. Download as many PowerPoint presentation templates as you need, without limits.

Common Microsoft PowerPoint Questions (FAQ)

As you work in PowerPoint, questions are likely to come up. This is especially common if you're newer to the software. Check out these answers to common questions for PowerPoint user:

1. I'm a Beginner. Where's a Good Place to Start?

New software might seem intimidating. But PowerPoint is pretty user friendly. One of the best ways to learn is to jump right in. Create a test presentation, and experiment with the tools.

We've got a free tutorial, just for beginners. It's got a written version, and a video version. Use this free resource to help get yourself even more comfortable in Microsoft PowerPoint.

2. Can I Give my Presentation Online Over a Platform Like Zoom?

Yes, you can. In fact, this isn't necessarily exclusive to Zoom. PowerPoint presentations can be shared online with most screen sharing software. But you can also share the presentation itself online. Cool, right?

If you're specifically looking to share your PowerPoint online via Zoom, check out our free walkthrough. It'll help you figure out how to share your PowerPoint in your next Zoom webinar.

3. How Can I Change and Edit Background Graphics in PowerPoint?

Adding images to your PowerPoint is simple. Turn to the Insert Ribbon, at the top of your software. From there, go to Insert and choose an option like Picture from File. This allows you to choose an image from your computer.

But there's a lot more you can do with changing and inserting images in PowerPoint. Want to learn how? Check out this free tutorial. It'll show you all the basics.

4. Should I Add Animations to My PowerPoint Template?

Animations can be a nice addition to your PowerPoint presentation, but make sure not to go overboard. Simple transitions, for example, can be a subtle touch. 

To learn how to add animation to your PowerPoint presentation check out this tutorial. It's got a walkthrough, as well as tips and tricks for adding animations successfully to your slide designs.

5. How Do I Reduce the File Size of My PPT PowerPoint file?

File size can be an issue when it comes to PPT files. One of the ways you can reduce your file size is by compressing your imagery. You can do this by going to Picture Format > Compress Pictures. 

But there's many other tips and tricks you can try for keeping your file size down. This tutorial can help you meet that goal quickly and easily:

Learn More About Making Great PowerPoint Presentations

Want to learn even more about making PowerPoint presentations? From using the software to building the perfect presentation, there's plenty to learn on Envato Tuts+. Even better, the tutorials are all free, so you can get started right now.

Ready to Start Designing Your Aesthetic PowerPoint Presentation?

What are some of your favorite design approaches when it comes to PowerPoint presentation design? There are plenty of great options and ideas out there. You don't need to stick to expected design solutions.

In fact, mixing things up can make for a more memorable presentation. Just don't forget about your target audience. As you decide what's best for your aesthetic, remember to consider them and what would appeal to them most.

For even more aesthetic PowerPoint presentation theme designs, check out Envato Elements. It's a great way to try out many, premium quality themes for one, low price. Unlimited downloads means you can download PowerPoint templates, fonts, graphics, and more, because it's all included.

Or check out GraphicRiver. It's another wonderful source for aesthetic PowerPoint presentation design, and there's no commitment. Only download what you need.

Good luck with your next PowerPoint presentation! Why not get started today?

Editorial Note: This post has been updated with contributions from Daisy Ein. Daisy is a freelance instructor for Envato Tuts+.

The Ultimate eCommerce Guide to Boosting Your Black Friday Sales

Posted: 09 Jul 2021 06:55 AM PDT

The festive season is big business for all retailers, and Black Friday kicks it all off with a bang. This is especially true for online eCommerce traders, who have learned to make the most of the Black Friday frenzy. In 2020, online spending on Black Friday rose 26% compared to 2019, hitting over $7.3 billion. With the rapid rise of mobile commerce, this is a trend that's set only to continue in 2021.

Black Friday SaleBlack Friday SaleBlack Friday Sale
Black Friday sales can generate buzz for your business. Image source: Envato Elements

What can microbusinesses do to make the most of the changing landscape of shopping? How can you drive people to your online store in droves as they search for bargains on Black Friday? It's important to get your promotion strategy ready for this big event.

In this ultimate guide, we've got you covered. We'll look at what it takes to make your eCommerce business a Black Friday success story.

Get in the Black Friday Mindset

Black Friday is a consumer's paradise, with the numerous opportunities it presents to pick up a bargain.

But what's in it for retailers? Don't you just cannibalize profits, if you offer your products on the cheap?

That's one way of looking it at, but if that's your mindset, you'll miss out on the opportunities Black Friday presents. There's a reason why every major online retailer promotes Black Friday heavily: this event brings in a significant return.

Black Friday being shown heavily promoted on AmazonBlack Friday being shown heavily promoted on AmazonBlack Friday being shown heavily promoted on Amazon
Black Friday shown prominently featured on Amazon Prime.

By jumping on the Black Friday bandwagon, you can:

  • Clear inventory you've overstocked. Instead of writing off stock as worthless, Black Friday gives you a chance to sell it at low-cost without losing face. In turn, that frees up capital to buy stock you know will sell.
  • Create buzz around your brand. Your Black Friday offers will get people talking, online and to their real-world friends. This word-of-mouth marketing boosts your visibility, and gets more customers through the doors of your virtual store.
  • Win first-time customers. The hardest sale to make is always the first. When a customer has bought from you once, you've gained their trust and started a relationship. They're now more likely to buy from your store than they were previously. Black Friday is the ideal way to get first-time customers into your online store.
  • Grow your online presence. Don't give your offers away for nothing! Make sure everyone who's interested signs up to your email list, or likes your Facebook page. Even if they don't buy this time, you've created a connection.
  • Make a tidy profit. Just because you're selling products at lower prices than usual doesn't mean you've got to do that at a loss. In fact, the opposite should be true. You should use Black Friday as an opportunity to have one of the most profitable days of your trading year.

Work Up Anticipation

Black Friday is the big one when you put your best offers out there. But simply slashing your prices for one day will only generate a small amount of buzz.

To make the most of your promotions, and to get the word spread far and wide, you should build up anticipation in the weeks and days leading up to Black Friday. Not only does this get people talking, it also gets them looking around your store, thinking about which products they might buy.

Strategies to raise anticipation include:

  • An email campaign whetting your subscribers' appetite for the kind of offers you'll have in store on Black Friday. Spreading word about the discounts you'll be offering ahead of time gives people a chance to get talking, and will mean you'll get more traffic on the big day. Don't give everything away, though. Surprises on Black Friday will bring people into your store to see everything that's on offer.
  • Banner ads on your site, reminding shoppers to come back again on Black Friday to get the best offers.
  • Use Pay-Per-Click Ads. Paying for advertising is a surefire way to pull in traffic, but use it sparingly. You'll pay extra during the festive season. What's more, it's far better to get people spreading the word for you, rather than paying for the privilege.
  • Spreading the news on social media. Black Friday is a great opportunity to grow your social media following. Why not plan to have some offers that will only be available to your Facebook fans?
  • Start your small offers early. There's no rule that you should only offer discounts on Black Friday. Featuring a today only special offer each day in the week leading up to Black Friday keeps customers interested, and means you'll benefit from the Black Friday buzz all week.

Amazon is particularly good at using this strategy with Black Friday Deals Week, offering new deals every day.

Get Your Site in Shape

There's no point in drawing a crowd if you're not ready for them. Having your site crash on you, or being bombarded by customer enquiries you don't have time to answer is the worst way to spend your Thanksgiving weekend.

  • Get your design sorted. Promotions aren't just about setting an attractive price. They've got to look good visually, too. Work with your graphic designer to get your offers looking good.
  • Check that your servers are up to speed. Do you have a hosting plan that can handle the extra load on Black Friday? Even a one second delay in loading times can mean a drop in sales figures of up to 7%.
  • Hire the help you need. Make sure you've got enough people on hand to answer any customer queries that come in.

Choose Your Headline Promotion

To get your brand talked about as much as possible, and to pull in traffic to your site, you need to make your offer clear. What's the reason people would come to your site? What's your unique selling point?

It can be tempting to do an across-the-board offer, such as 20% off everything. This can work if your store has a clear niche that's reflected in your name. For example, if your store is called "Women's Yoga Wear" then "20% off everything at Women's Yoga Wear" is an offer that will make sense to whoever sees it, regardless as to whether they've come across your brand before.

On the other hand, if your store is called "Yoggles", then "20% off everything at Yoggles" only works for people who already know your brand.

That's why it's better to be specific about your promotion. You can:

  • Offer a big discount off a single product. This works well if you need to shift a lot of stock, or if there's one product that's the flagship of your brand.
  • Put a specific category or product line on offer, e.g. 20% off tablets, or baby clothes, etc.

Time limiting your offers will make them even more powerful. It can also help to boost sales earlier in the day.

If you use a beat the clock promotion, be sure to only show the offers that are still available. You don't want your late arriving customers to feel bad that they didn't get to your store earlier.

Are You Mobile Ready?

The winners and losers in this year's festive season could well be defined by the battle for mobile shoppers.

Research by Pew Internet in June 2021 found 85% of American adults have a smartphone. A significant proportion of consumers are accessing eCommerce sites from their mobile phone or tablet. For example, research by comScore found that 42% of 2020 Black Friday spending was on mobile.

What does this mean? Ignore mobile shoppers at your peril. At a minimum, you should ensure your website offers an optimal browsing experience on mobile devices. Make sure your eCommerce store is built using responsive web design. To go one step further, consider introducing a mobile app for your store.

Are You Selling the Right Products?

Lord Alan Sugar, the protagonist of the British Apprentice TV show, has a well-known phrase: "smell what sells."

The idea is that when you notice a product is popular with your customers, make sure you're well stocked with it. In other words, focus your resources on what's selling rather than what's not.

If this is your first Black Friday, you'll still be learning about which of your products will be bestsellers. Your best bet is to look at sales data from other retailers. Fashion is currently the top category of online shopping worldwide, followed by toys and electronics.

You can take advantage of this data, even if toys or fashion accessories aren't what you sell. Just think outside the box. For example, if you're a crafter who sells handmade clothes, you could put together an ebook of your own craft designs, or branch out into handmade toys. Knowing what people are looking for means you're more likely to make sales.

Are You on Amazon?

Amazon is the undisputed leader in the world of eCommerce, and the good news is, you can benefit from Amazon's success and traffic by listing your products using the Amazon Marketplace.

It's unwise to rely on Amazon as your single source of sales. If they notice your products doing well, there's a good chance they'll start selling the same product and undercut you.

However, because Amazon is so well-trusted and has such a high amount of traffic, it's great for making sales to first-time customers. Once they've bought from you on Amazon, they know your brand, and will be more likely to buy from you again.

Even if your products aren't suitable for Amazon (for example, if you're selling services), then you can still join the Amazon party by writing an ebook related to your niche and publishing it for the Kindle. Ebooks make great lead magnets.

Don't Forget Cyber Monday

Cyber Monday, the Monday after Thanksgiving, is another big sales opportunity for online sellers. In 2020, it was the highest spending day of the year for online stores.

While Black Friday is the time to offer your best promotions and generate a buzz, it's worth having additional promotions up your sleeve for Cyber Monday.

What Are Your Black Friday Tips?

In our ultimate guide, we've covered the bases of what it takes to succeed on Black Friday. Even using just a few of the strategies we've shown you will help you make the most of the Black Friday rush.

Discover great WordPress eCommerce themes on Envato Elements or GraphicRiver.

Editorial Note: This content was originally published in 2013. We're sharing it again because our editors have determined that this information is still accurate and relevant.

25 Best Free Funeral & Memorial PowerPoint PPT Templates to Download 2021

Posted: 09 Jul 2021 06:35 AM PDT

When we lose someone we love, a memorial is often a fitting tribute to remember them well. PowerPoint is a great tool to build a slideshow, and it's easier when you use premium memorial PowerPoint templates like the ones in this article.

Elements Funeral PowerPointElements Funeral PowerPointElements Funeral PowerPoint
Free funeral PowerPoint presentations aren't as easy-to-use as the premium memorial PowerPoint templates in this article.

In this post, you'll see options for in memoriam PowerPoint templates for free. You'll also see a better option in the form of premium funeral PowerPoint designs with unlimited downloads. We're also going to show you single-download advanced options for the best in memoriam PowerPoint templates.

The Best Source for Funeral PowerPoint Templates (With Unlimited Downloads)

Later in this article, we're going to share a collection of free funeral PowerPoint presentations. We've searched the web for in memoriam PowerPoint templates for free that keep your costs at zero.

Before we show you the free funeral PowerPoint presentations we selected, it's important to see a better option. The premium funeral PowerPoint templates from sites Envato Elements are truly the best way to design a great memorial.

Elements memorial PowerPoint templateElements memorial PowerPoint templateElements memorial PowerPoint template
One subscription gives you unlimited to assets like premium funeral PowerPoint templates and so much more.

On Envato Elements, the secret sauce is that you get "all-you-can-download" access. That includes background music and other files that are sure to help you create a great PowerPoint.

Elements is a powerful service, but sometimes you don't need unlimited access. When you've got a clear vision for your funeral PowerPoint design, then Envato Marketplace might be the perfect solution for you. 

Envato Market has just as many well-designed in memoriam PowerPoint templates, but you can buy single templates.

Envato Market Memorial PowerPointEnvato Market Memorial PowerPointEnvato Market Memorial PowerPoint
Envato Market is home to single-purchase premium funeral PowerPoint designs that are much easier to use than in memoriam PowerPoint templates for free.

No matter which marketplace you choose, a premium option is a major upgrade over free funeral PowerPoint presentations. Read on to see the best designs and how to customize them.

5 Top Premium Memorial PowerPoint Templates

Let's see five of the best premium funeral template PowerPoint options, a mix of Envato Elements and Envato Market links:

1. Gorewa - Funeral Services PowerPoint

Funeral PowerPoint templateFuneral PowerPoint templateFuneral PowerPoint template

This funeral PowerPoint template is a top choice in your time of need. It features versatile layouts featuring many slide types. It saves you precious time as you build out your memorial with PowerPoint.

2. Memories - Photography PowerPoint Template

Funeral PowerPointFuneral PowerPointFuneral PowerPoint

A funeral PowerPoint lets you share favorite memories of a special person. A template like this one offers plenty of room for your photos. Master slide layouts let you add simple bulk edits quickly.

3. Florist PowerPoint Presentation Template

Memorial PowerPoint templateMemorial PowerPoint templateMemorial PowerPoint template

This floral in memoriam PowerPoint template has flowers on every slide. It won't take long to add favorite memories and photos. It's a warm, comforting funeral PowerPoint.

4. Vintage Photo Album PowerPoint Template

Memorial PowerPointMemorial PowerPointMemorial PowerPoint

The Vintage Photo Album funeral template PowerPoint styles photos in a classic way. It's perfect for a photo montage and to share memories. Easy-to-use placeholders make it quick and easy to fill out.

5. Exposure - PowerPoint Template

In memoriam PowerPoint templateIn memoriam PowerPoint templateIn memoriam PowerPoint template

Exposure is a memorial PowerPoint template with photo layouts throughout. Use it for a tribute slideshow, sharing memories of bygone times. It's an example of how to make a funeral slideshow on PowerPoint perfectly.

25 Top Free Funeral & Memorial PowerPoint PPT Templates to Download for 2021

Before looking for a free funeral PowerPoint presentation templates on the web, check Envato's free offerings first. Try out various premium template files at no cost to you.

Envato Elements Free FilesEnvato Elements Free FilesEnvato Elements Free Files
Each month Envato Elements offers a different selection of free files for you to try. You can also find free files each month on GraphicRiver.

Here's our offer:

Still haven't found your memorial PowerPoint file?

Let's see free funeral PowerPoint presentations from around the web. They're usable options for in memoriam PowerPoint templates that we've found for you:

1. Photo Montage Presentation

Free funeral PowerPoint presentationFree funeral PowerPoint presentationFree funeral PowerPoint presentation

This free funeral PowerPoint presentation has many photo layouts. Use it to share special moments.

2. Flowers Red Frame PowerPoint Templates

You'll find a floral border in this in memoriam PowerPoint template free. It adds a soft and warm dimension to your content.

3. Zane Free PowerPoint Template

Zane is a multipurpose deck that you can use as a funeral template PowerPoint. There are 11 layouts inside, and you can make your own with built-in features.

4. Free Memorial PowerPoint Template

As a free memorial PowerPoint template, this one gives you many options. You can find a variety of layouts in PPT, including plenty of space for photos.

5. A Very Special Farewell

In memoriam PowerPoint template freeIn memoriam PowerPoint template freeIn memoriam PowerPoint template free

Here's a free funeral PowerPoint presentation with a pink background. It supports images, written memories, and more.

6. Minimalist Presentation

When you choose a funeral PowerPoint template, chances are you don't want flashy graphics. This one's an option, with a neutral background and the option to customize each slide.

7. Free Memorial Park PowerPoint Template

A white dove and praying hands feature in this funeral template PowerPoint. Abstract colors are on various slide designs.

8. Vintage Moodboard

Vintage Moodboard is a timeless in memoriam PowerPoint template (free) with a retro style. It lets you share photos, new and old, in a memorable style. 

9. Floriculture PowerPoint Template

With warm floral tones, this template is a funeral PowerPoint template available now. Use it to remember loved ones with photos and quotes. 

10. Vintage Presentation

Funeral template PowerPointFuneral template PowerPointFuneral template PowerPoint

This memorial PowerPoint template free has a dark background and elegant script. Add photos for a somber, reflective tribute deck.

11. Free Floral Wreaths PowerPoint Template

Here's a funeral PowerPoint template with a red rose border. Slide designs are left up to you, with memories on each.

12. Vintage Floral Frame Template

This vintage memorial PowerPoint has flowers in a grayscale layout. That helps your favorite photos stand out in any tribute PPT.

13. Free Flower Frame PowerPoint Template

Frame precious memories with this free funeral PowerPoint presentation. Add your own content to each slide.

14. Grey Frames PowerPoint Templates

Need minimal backgrounds for your funeral PowerPoint? This one has a basic gray outline that you can add your own media to.

15. Floral Free PowerPoint Template

How to make a funeral slideshow on PowerPointHow to make a funeral slideshow on PowerPointHow to make a funeral slideshow on PowerPoint

Pastel tones border this free funeral PowerPoint presentation. The slide layouts give you the space to add your own material.

16. Helen Free Presentation Template

Watercolor styles feature in this funeral template PowerPoint. It's an option for memorial and tribute PPT decks.

17. Flower Lily PowerPoint Template

Flower Lily is an in memorial PowerPoint template for free. Purple and green tones feature throughout and border any content you add to each slide.

18. Dark Wood Presentation

A dark memorial PowerPoint template like this is a background for images of your choice. Use it for a tribute montage or to collect favorite memories.

19. Custom PowerPoint Template

Flowers and a green border outline this memorial PowerPoint template. A set of basic slide layouts is included.

20. Free Funeral PowerPoint Template

Free funeral PowerPoint templateFree funeral PowerPoint templateFree funeral PowerPoint template

This free funeral template PowerPoint has white flowers and a dark backdrop. Adapt it to share arrangements, photos, and more.

21. Hera Free PowerPoint Template

Hera is a basic in memoriam PowerPoint template (free) that leaves designs up to you. Choose a default layout and drop in favorite photos and memories.

22. Portia Free Presentation Template

Portia has a solid black backdrop, letting your own content stand out. It's a choice for your free funeral PowerPoint presentation needs.

23. Free Simple PowerPoint Template

This memorial PowerPoint has 23 slides inside. You'll also see space to add quotes, text, and more.

24. Nell Free Presentation Template

The Nell free funeral PowerPoint presentation features a blue background with flowers. You'll find 25 slide designs to work with.

25. Eco Concept Presentation

Slideshow funeral PowerPointSlideshow funeral PowerPointSlideshow funeral PowerPoint

Eco Concept is a versatile in memoriam PowerPoint template free that can fit your needs. Lean on PPT's built-in features to make it happen.

How to Customize Funeral & Memorial PowerPoint PPT Templates (in 2021)

If you're making a funeral PowerPoint, you want to pay tribute in the best way possible. But don't worry if you aren't a PPT expert. With a premium funeral PowerPoint template, it only takes five quick steps.

Gorewa funeral PowerPointGorewa funeral PowerPointGorewa funeral PowerPoint
A premium funeral PowerPoint template like this helps you build a tribute deck easily.

Follow along with this quick tutorial by downloading the premium Gorewa - Funeral Services PowerPoint from Envato Elements. Or use your own memorial PowerPoint template.

1. Select Slides

A funeral PowerPoint template like this will include slides of all kinds. The key for you is to choose only those that work best for your needs. On the View tab, choose Slide Sorter. 

Slides funeral PowerPoint templateSlides funeral PowerPoint templateSlides funeral PowerPoint template
Start customizing your premium memorial PowerPoint template on the View > Slide Sorter menu.

From here, rearrange each slide in the deck. You can also delete unwanted slides. When finished, click Normal on the View tab to start editing.

2. Import Photos

You might want your funeral PowerPoint to be a photo montage of favorite memories. Photo placeholders make them easy to add. Browse to an image on your computer, then drag and drop it over the placeholder. 

Photo funeral PowerPointPhoto funeral PowerPointPhoto funeral PowerPoint
A premium memorial PowerPoint template really comes to life when you replace the image placeholders with your image selections.

PPT will import each photo, scaled to fit perfectly. Repeat as needed.

3. Copy Slide Layouts

Wondering how to make a funeral slideshow on PowerPoint? The easy way is to copy a photo slide and use it again and again. On the sidebar, right-click on your photo slide and choose Copy. Then click immediately below the slide in the stack.

Photo memorial PowerPoint templatePhoto memorial PowerPoint templatePhoto memorial PowerPoint template
Copy and paste a slide layout to save time while customizing your advanced funeral PowerPoint template.

Right-click again and choose Paste. You'll see an exact duplicate of the original slide. Delete images and replace them by following step two.

4. Add Arrangements

It's easy to list arrangements in a funeral PowerPoint like this. Highlight a block of text and type in your own details. 

Customize funeral PowerPoint presentationCustomize funeral PowerPoint presentationCustomize funeral PowerPoint presentation
Customize a premium funeral PowerPoint template by adding an arrangements box.

If you need to make changes, come up to the font menu to add bold text, italics, and more. Follow these same steps to customize text anywhere in your slide deck.

5. Add Background Music

Soft background music can be a soothing complement to your funeral PowerPoint. To add it, find the Insert tab and then click the Audio button on the far right. 

Music funeral PowerPoint templateMusic funeral PowerPoint templateMusic funeral PowerPoint template
Background music is the perfect way to round out a premium memorial PowerPoint template.

Browse to a file stored on your computer, then click Insert. Once imported, you'll see a variety of playback options on the menu.

Don't forget, your subscription to Envato Elements unlocks so much more than funeral PowerPoint templates. You also have unlimited access to music tracks that act as the perfect backing to memorial PowerPoints.

Memorial music funeral PowerPointMemorial music funeral PowerPointMemorial music funeral PowerPoint
Use the audio library on Envato Elements to complete your in memoriam PowerPoint template.

You won't find audio in free funeral PowerPoint presentations around the web. Access to music is just one more reason Elements is the best way to create memorial PowerPoints.

5 Tips for Your PowerPoint Funeral Template

Here are five tips to make sure that you have a professional-looking presentation: 

1. Reduce Distractions

Many things can be distracting for the audience, such as too much audio or flashy animations. You want the audience to be focused on what you're trying to say about the departed. Distractions are especially bad during this trying time.

When adding anything to your presentation, think about whether it'll be distracting for the audience. Learn more about how to customize a PowerPoint template here:

2. Consistency

Memories Memorial PowerPoint TemplateMemories Memorial PowerPoint TemplateMemories Memorial PowerPoint Template
Consistent use of font and colors can help a funeral PowerPoint template (premium example).

If you want your memorial presentation to look nice and not sloppy, then be consistent throughout your presentation. Choose one font and use that font throughout the entire presentation. Keep the same color scheme on every slide.

3. Use a Template

Templates not only save you time but are professionally made. Not everyone can create a professional look PowerPoint presentation, and that's okay. High-quality premium templates are customizable, so you can still add your personal touch to the template.

Learn how to work with a template in this tutorial:

4. Choose a Theme

Sadness Funeral TemplateSadness Funeral TemplateSadness Funeral Template
The black and white theme of the premium Sadness presentation template lends a sombre air to the slideshow.

Many templates come with a theme. This makes choosing the right design for your memorial presentation easy.

For example, if you'll be talking about many events from the deceased's life, a template with a timeline may be helpful. Ideally, the template would come with a few timelines to choose from, making it easy to use the best timeline for your funeral presentation. 

5. Use Photographs

When a slide is nothing but text, it's boring for the audience. Use photographs that support what you're saying about your loved one in your funeral presentation. Photos capture the audience's attention and can bring back memories. 

Learn how to add images to a presentation here:

5 PowerPoint Trends in 2021

Here are five PowerPoint trends for 2021 that you can use for your funeral PPT template:

1. Visuals

VisualsVisualsVisuals
This premium template from Envato Elements features many visuals that could work well for a memorial presentation.

A common trend that you can use in your funeral PPT template is visuals such as icons and timelines. Timelines are a great way to show events that happened over a period of time. Icons can help you explain about your loved one by grabbing the reader's attention and visualizing your point.

Interactive presentations keep your audience's attention and brings them into the conversation. You can make it interactive in your memorial presentation by adding a section where the audience can share a short memory of your loved one. 

3. Video

VideoVideoVideo
Try adding a video to a premium PowerPoint funeral template.

People listen the best when there is a matching visual element. One way to do that is to add a video featuring your loved one to your memorial presentation. Adding a short video to your memorial service PowerPoint template will help you to show what type of a person your loved one was.

4. Custom Font

Custom fonts are a way to customize your funeral presentation template without changing the template too much. Adding a custom font adds personality to the presentation. When adding a custom font, make sure that it's readable to everyone in the room.

5. Short Presentation

Short PresentationShort PresentationShort Presentation
Keep the presentation short (premium template example).

The longer a presentation is, the more likely people are to lose focus. This is especially true for a funeral presentation, when people are likely upset.

Keeping your presentation short is a good way to say what's really important. The short presentation trend is like the minimal presentation trend because they both focus mainly on the important information.

Discover More Top PowerPoint Template Designs

We're passionate about using PowerPoint templates to save time. It helps you focus on the task at hand and create a great looking PowerPoint presentation. We keep our selection of the best designs up to date in our article, Microsoft PowerPoint Templates (Ultimate Guide to the Best PPT.)

See even more PowerPoint templates in our articles below. You know how to make a funeral slideshow on PowerPoint by customizing templates, and these designs work perfectly.

Learn More Microsoft PowerPoint in 2021

As you're working with a memorial PowerPoint template, you might find that you're still learning the app. We're passionate about teaching skills to presenters so that PowerPoint is easy to use.

We keep the best tutorials in one easy-to-browse place, How to Use PowerPoint (Ultimate Tutorial Guide.) See three of our favorite tutorials that help you customize your in memoriam PowerPoint template:

Where to Find the Best PowerPoint Presentation Templates in 2021 (Envato Elements vs GraphicRiver)

Envato Elements and GraphicRiver have professionally made high-quality templates. Both are a great deal. So, which one should you us? Here are the benefits of each:

1. Benefits of Envato Elements

Benefits of Envato ElementsBenefits of Envato ElementsBenefits of Envato Elements
Envato Elements has thousands of Premium PowerPoint Template.

Envato Elements is a subscription service where you pay a low monthly fee and become a subscriber. After you become a subscriber, you get access to thousands of premium presentation templates.

Premium presentation templates aren't all you get access to. You get access to digital assets such as:

  • stock photos
  • fonts
  • audio
  • and much more

As a subscriber, download as many templates and digital assets as you want. Envato Elements is a good deal if you've got many projects where you'll need PowerPoint presentation templates or other digital assets.

2. Benefits of GraphicRiver

GraphicRiver is a marketplace where you can buy PowerPoint templates and other digital assets. GraphicRiver is pay per download. So, it's a more budget-friendly option if you only need a presentation template or other digital assets once.

Benefits of GraphicRiverBenefits of GraphicRiverBenefits of GraphicRiver
GraphicRiver has thousands of premium PowerPoint templates.

What's Right for You?

If your job requires you to make many PowerPoint presentations or use other digital assets, Envato Elements is the right choice. Sign up for Envato Elements today! 

Envato Elements subscription means unlimited downloads of any premium PowerPoint templates you want Envato Elements subscription means unlimited downloads of any premium PowerPoint templates you want Envato Elements subscription means unlimited downloads of any premium PowerPoint templates you want
Envato Elements subscription means unlimited downloads of any premium PowerPoint templates you want.

If you only need a PowerPoint presentation or another digital asset on rare occasions, then GraphicRiver is the right option for you.

Common PowerPoint Questions Answered (FAQ)

If you've questions about PowerPoint, it's okay. Not everyone can be an expert in PowerPoint. Here are five questions and answers that can help:

1. Is There a Way to Reduce my PowerPoint File Size?

Yes, there are many ways you can reduce the file size. One way to reduce the file size is by compressing the pictures in your PowerPoint.

There are many reasons that you may need to reduce your PowerPoint file size. For example, if you want to email your PowerPoint funeral presentation, reducing the file size will make it easier. Learn more in this tutorial:

2. Can I Change My PowerPoint Slide Background?

You can change your slide background. You can change the color of the background, or you can add an image as your background.

Adding an image or graphic of something that was important to your loved one as your slide background is a way to make your memorial presentation slides unique.

Discover how to edit PowerPoint slide backgrounds in this tutorial:

3. Can I Share My Funeral Presentation Over Zoom? 

Yes, it's possible.

Sometimes friends or family members can't be present at the funeral or memorial in person. It's helpful knowledge to learn how to show your PowerPoint presentation in Zoom. Here's what you need to know:

4. Can I Add Narration to My Memorial Presentation?

Are you dreading standing in front of a memorial service and talking about your loved one? With pre-recorded narration, you don't have to.

This tutorial will show you how to add narration to a PowerPoint presentation:

5. How Do I Get the Images in the Presentation to Look Good?

Images are important because they can show the audience what you're talking about. If your image is sloppy-looking, it could be less impactful.

To learn more about how to work with images, read this tutorial:

Start Using Memorial PowerPoint Templates Today

This article showed you the top free funeral PowerPoint presentations. But more importantly, it showed you the best funeral PowerPoint templates with unlimited downloads. Plus, the single-download options for memorial PowerPoint templates are another cost-effective option.

We're sure that your memorial PowerPoint is going to be a fitting tribute. Our designs are here to help you create a great memorial presentation.

Editorial Note: This post has been updated with contributions from Sarah Joy. Sarah is a freelance instructor for Envato Tuts+.

41 Best Book Cover Mockups (Realistic and Photo-Based With a Mockup Generator)

Posted: 09 Jul 2021 06:00 AM PDT

If you'd like to promote your latest book and need a striking book cover mockup, this list of the 41 best book cover mockups from Placeit is for you.

41 Best Book Cover Mockups41 Best Book Cover Mockups41 Best Book Cover Mockups
Just one of the many terrific book cover mockups you can find at Placeit

Not only does Placeit offer terrific book cover mockups, but it also provides you with a simple tool—the book mockup generator—that you can use to customise templates online quickly and easily.

If you're on a tight budget, you can buy just one template at a time for a small fee, but if you regularly need mockups logos, fonts, flyers and other resources, you can sign up for a monthly or yearly plan that allows you to create and download as many design resources as you like for one low monthly fee.

How to Make a Book Cover Mockup Quickly & Easily

1. Go to Placeit.net > Mockups > Books

1. Go to Placeit.net > Mockups > Books1. Go to Placeit.net > Mockups > Books1. Go to Placeit.net > Mockups > Books

2. Select a Book Cover Mockup

2. Select a Book Cover Mockup2. Select a Book Cover Mockup2. Select a Book Cover Mockup

3. Upload Your Design or Drag and Drop it

3. Upload Your Design3. Upload Your Design3. Upload Your Design

4. Select a Book Cover Mockup Colour If Necessary

4. Select a Book Cover Mockup Colour if Necessary4. Select a Book Cover Mockup Colour if Necessary4. Select a Book Cover Mockup Colour if Necessary

5. Download Your Book Cover Mockup

5. Download Your Book Cover Mockup for a Small Fee5. Download Your Book Cover Mockup for a Small Fee5. Download Your Book Cover Mockup for a Small Fee

Now that you know how to make a book cover mockup in five easy steps, let's take a look at the 41 best book cover mockup templates you can find at Placeit.

41 Best Book Cover Mockups

Hardcover Book Mockup on a Transparent Surface

Hardcover Book Mockup on a Transparent SurfaceHardcover Book Mockup on a Transparent SurfaceHardcover Book Mockup on a Transparent Surface

This template is a great choice if you need a hardcover book mockup and want to incorporate it into the background of your choice. The template offers two controls for uploading images, one for the cover and one for the spine.

Book Mockup Design With Woman Holding a Basket

Book Mockup Design with Woman Holding a BasketBook Mockup Design with Woman Holding a BasketBook Mockup Design with Woman Holding a Basket

This is an excellent paperback book mockup for books on basketry or plants. Just use the "insert image" button to pop your image into the mockup, and your image is ready to download.

Woman Holding a Book Cover Mockup With Her Eyes

Woman Holding a Book Cover Mockup With Her EyesWoman Holding a Book Cover Mockup With Her EyesWoman Holding a Book Cover Mockup With Her Eyes

This giant hardcover book mockup is perfect for coffee-table books. So if that's what you've created, don't hesitate to use this template. The great thing is that, with the book mockup generator, you don't need complicated and time-consuming software like Photoshop to create a stunning book cover.

Book Mockup Generator With a Woman Reading a Book and Eating

Book Mockup Generator with a Woman Reading a Book and EatingBook Mockup Generator with a Woman Reading a Book and EatingBook Mockup Generator with a Woman Reading a Book and Eating

Books, coffee, and dessert go well together, and that's what really makes this super-realistic book cover mockup work so well. Whether you've written fiction or non-fiction, you can't go wrong with this mockup.

Book Cover Mockup of a Young Man Reading a Paperback on the Metro

Book Cover Mockup of a Young Man Reading a Paperback on the MetroBook Cover Mockup of a Young Man Reading a Paperback on the MetroBook Cover Mockup of a Young Man Reading a Paperback on the Metro

Trains are the perfect places to catch up on your reading, so it stands to reason that this paperback book mockup scenario makes a great choice for showing off the cover of your latest book.

Realistic Book Cover Mockup of a Girl With a Book

Realistic Book Cover Mockup of a Girl With a BookRealistic Book Cover Mockup of a Girl With a BookRealistic Book Cover Mockup of a Girl With a Book

Are you a children's book author? Then how about this terrific book mockup design, with the book cover in the foreground and a child holding the book so the cover is clearly visible.

Square Book Cover Mockup Featuring a Woman Posing

Square Hardcover Book Mockup Featuring a Woman PosingSquare Hardcover Book Mockup Featuring a Woman PosingSquare Hardcover Book Mockup Featuring a Woman Posing

This image exudes comfort and coziness and lends itself to intimate or confessional subject matter, but this square cover mockup would also lend itself well to photo essays.

Hardcover Book Mockup Featuring a Stylish Setup

Hardcover Book Mockup Featuring a Stylish SetupHardcover Book Mockup Featuring a Stylish SetupHardcover Book Mockup Featuring a Stylish Setup

This is a great template for "How to" books. You get the sense from the hardcover book mockup that someone has created a productive and inviting workspace and is about to get down to business.

Hardcover Book Mockup of a Woman Reading

Hardcover Book Mockup of a Woman ReadingHardcover Book Mockup of a Woman ReadingHardcover Book Mockup of a Woman Reading

Ahhhh, the joys of settling into bed at night with your favourite book!!! If you're looking for a realistic book cover mockup to attract your readers to your latest book, this is it. The template comes with two "insert image" buttons, so you can upload one image for the cover and one for the spine.

Three Book Cover Mockup on a Bed Near a Coffee Cup

Three Book Cover Mockup on a Bed Near a Coffee CupThree Book Cover Mockup on a Bed Near a Coffee CupThree Book Cover Mockup on a Bed Near a Coffee Cup

Here's another take on the book and bed combo. It's a great choice if you've created a trilogy and want to show off the entire set in the same image.

Book Cover Mockup With Female Sitting on an Armchair

Book Cover Mockup with Female Sitting on an ArmchairBook Cover Mockup with Female Sitting on an ArmchairBook Cover Mockup with Female Sitting on an Armchair

This lovely book mockup design continues the association of books and comfort, with this model holding the book close, as you would any cherished object, but allowing the cover title clear visibility.

Paperback Book Mockup at Breakfast

Paperback Book Mockup at BreakfastPaperback Book Mockup at BreakfastPaperback Book Mockup at Breakfast

Are you looking for the perfect paperback book mockup to show off your latest cookbook? How about this one? As you can see, your cover will be clearly visible and your topic reinforced by the subject eating a meal.

Paperback Book Mockup With Woman Reading in Bed

Paperback Book Mockup with Woman Reading in BedPaperback Book Mockup with Woman Reading in BedPaperback Book Mockup with Woman Reading in Bed

When you want to show both the front and the back of your book, this is the book mockup design for you. The book mockup generator offers three separate "insert image" buttons, so that you can upload the spine, back, and front cover images separately.

Book Cover Mockup of Girl Lying on Her Bed

Book Cover Mockup of Girl Lying on Her BedBook Cover Mockup of Girl Lying on Her BedBook Cover Mockup of Girl Lying on Her Bed

Children's book writers will love this realistic book cover mockup, which shows an overhead view of a kid lying in bed with a book on her torso. The viewpoint will guarantee that your cover will be front and centre in your viewer's mind.

Book Mockup Generator of a Woman in a Cozy Setting

Book Mockup Generator of a Woman in a Cozy Setting Book Mockup Generator of a Woman in a Cozy Setting Book Mockup Generator of a Woman in a Cozy Setting

Here's another cozy book cover mockup that keeps all eyes on your book cover. Customisation is as easy as using the "Insert Image" button in the book mockup generator to upload your image to the template and voila, your mockup is ready to download.

Book Cover Mockup With Book at Beach

Book Cover Mockup with Book at BeachBook Cover Mockup with Book at BeachBook Cover Mockup with Book at Beach

Summer! Sun, sea, sunglasses, and of course, summer reading! This is a great realistic book cover mockup. Just drag and drop your book cover image onto the "insert image" button, and in seconds your book cover mockup is ready to help you promote your book.

Smiling Boy Reading a Paperback Book Mockup on his Bed

Smiling Boy Reading a Paperback Book Mockup on his BedSmiling Boy Reading a Paperback Book Mockup on his BedSmiling Boy Reading a Paperback Book Mockup on his Bed

A great way to attract children to your book is to show happy children reading, and that's the best reason to use this paperback book mockup. It's particularly great for image-heavy children's books.

Realistic Book Cover Mockup Set in Bed

Realistic Book Cover Mockup set in BedRealistic Book Cover Mockup set in BedRealistic Book Cover Mockup set in Bed

If you can't get enough of the cozy book cover mockups, then this one is for you. It's a terrific way to showcase your book cover.

Square Cover Mockup in a Casual Setting

Square Cover Mockup in a Casual Setting Square Cover Mockup in a Casual Setting Square Cover Mockup in a Casual Setting

This square book cover mockup is a clever way to showcase your new book and increase sales. It's just been bought with other books, but it's the only one whose cover we can see clearly.

Book Cover Mockup and Man With Mug Mockup

Book Cover Mockup and Man with Mug MockupBook Cover Mockup and Man with Mug MockupBook Cover Mockup and Man with Mug Mockup

For those times when you're looking for both a book cover mockup and a coffee mug mockup, there is this fabulous template. It's a great way to reinforce your brand and promote your new creation.

Book Mockup Design With Book Lying on a Kitchen Table

Book Mockup Design with Book Lying on a Kitchen TableBook Mockup Design with Book Lying on a Kitchen TableBook Mockup Design with Book Lying on a Kitchen Table

Authors of health-focused books will love this realistic book cover mockup that comes surrounded by fruit. Of course, there are other types of books that would also work well with this scene, so don't hesitate to try yours out and see if it fits.

Girl Reading a Book Cover Mockup Upside Down

Girl Reading a Book Cover Mockup Upside DownGirl Reading a Book Cover Mockup Upside DownGirl Reading a Book Cover Mockup Upside Down

Kids! They do all sorts of crazy things that make you smile, like reading upside down. It's a great book cover mockup because you can't help wondering what she is reading that's keeping her so engaged.

Book Cover Mockup With Older Man Reading

Book Cover Mockup with Older Man ReadingBook Cover Mockup with Older Man ReadingBook Cover Mockup with Older Man Reading

Start promoting your awesome book with this paperback book mockup. Use the Placeit book mockup generator to upload your design in seconds.

Realistic Book Cover Mockup Featuring a Child Sitting on a Wooden Table

Realistic Book Cover Mockup Featuring a Child Sitting on a Wooden TableRealistic Book Cover Mockup Featuring a Child Sitting on a Wooden TableRealistic Book Cover Mockup Featuring a Child Sitting on a Wooden Table

Someone once said that happiness is a good book. Okay, I'm making that up, but it's true, isn't it? And this kid's face confirms it. I'm guessing that other kids will want to read what he's reading, making this a great book mockup design to use.

Hardcover Book Mockup of Boy Reading

Hardcover Book Mockup of Boy ReadingHardcover Book Mockup of Boy ReadingHardcover Book Mockup of Boy Reading

If you love the kid and want to see other book cover mockup options featuring him, you're in luck. Here's another option—this time he's reading the book, and the spine of the book is visible in addition to the cover.

Book Mockup Generator of a Woman Camping

Book Mockup Generator of a Young Woman Camping with Her DogBook Mockup Generator of a Young Woman Camping with Her DogBook Mockup Generator of a Young Woman Camping with Her Dog

Try this book cover mockup to showcase your cover design. Just use the book mockup generator to upload your image, and choose a colour for the spine. In a matter of seconds, your book mockup will be ready to download.

Book Cover Mockup of a Man Sleeping With Book on His Face

Book Cover Mockup of a Man Sleeping with a Book on His FaceBook Cover Mockup of a Man Sleeping with a Book on His FaceBook Cover Mockup of a Man Sleeping with a Book on His Face

If this image makes you smile or at least pause, it's a good thing because it's caught your attention. That's exactly what you want from a book cover mockup, so this might just be the mockup for you.

Cropped Face Woman Holding a Paperback Book Mockup

Cropped Face Woman Holding a Paperback Book MockupCropped Face Woman Holding a Paperback Book MockupCropped Face Woman Holding a Paperback Book Mockup

Here's an amazing paperback book mockup for fiction writers. This eye-catching mockup is certain to draw attention to your title, which sits front and centre of the image.

Hardcover Book Mockup of a Woman Reading at Night

Hardcover Book Mockup of a Woman Reading at Night Hardcover Book Mockup of a Woman Reading at Night Hardcover Book Mockup of a Woman Reading at Night

Looking for a hardcover book mockup that shows both the front and back cover of your book design? How about this one? Not only does it give your intended audience full view of your entire book cover, but it shows a reader deeply engrossed in the book, which is always a great endorsement.

Square Book Mockup With Happy Kid Reading a Book

Square Book Mockup with Happy Kid Reading a BookSquare Book Mockup with Happy Kid Reading a BookSquare Book Mockup with Happy Kid Reading a Book

This kid's parents probably think he's asleep, but little do they know he's so captivated by his book, he can't put it down. If you've designed a cover for a kid's book, this square cover mockup is one you need to have. It's infectious and convincing.

Book Mockup Design With a Woman Reading at Home

Book Mockup Design with a Woman Reading at HomeBook Mockup Design with a Woman Reading at HomeBook Mockup Design with a Woman Reading at Home

Nothing beats a good book and a good snack enjoyed in the comfort of your own home. This realistic book cover mockup is a wonderful choice for a range of fiction and non-fiction books. Experimentation at Placeit is free, so why not give it a try and see what you think?

Book Cover Mockup of a Little Girl Reading a Book in Bed

Book Cover Mockup of a Little Girl Reading a Book in BedBook Cover Mockup of a Little Girl Reading a Book in BedBook Cover Mockup of a Little Girl Reading a Book in Bed

Very small girl, very big book. What a wonderful hardcover book mockup to promote your latest children's book design or the cover of your latest children's book.

Square Hardcover Book Mockup With a Woman Reading Upside Down

Square Hardcover Book Mockup with a Woman Reading Upside DownSquare Hardcover Book Mockup with a Woman Reading Upside DownSquare Hardcover Book Mockup with a Woman Reading Upside Down

If you want to present your title in a quirky way, why not opt for this engaging image of a woman standing on her head to read your book? A terrific attention-getting square hardcover book mockup for an equally attention-getting book cover.

Hardcover Book Mockup of a Woman Reading

Hardcover Book Mockup of a Woman Reading Hardcover Book Mockup of a Woman Reading Hardcover Book Mockup of a Woman Reading

Creating a mockup to showcase your book cover is easy with Placeit! With its online book mockup generator, you can save tons of time and effort that you would normally use to create a book cover mockup PSD. It takes mere seconds to upload your cover design, so don't hesitate to try yours out now.

Realistic Book Cover Mockup With Girl Lying on the Floor

Realistic Book Cover Mockup with Girl Lying on the Library's Floor Realistic Book Cover Mockup with Girl Lying on the Library's Floor Realistic Book Cover Mockup with Girl Lying on the Library's Floor

Use this terrific paperback book mockup of a young girl enjoying reading a book. With your cover in the foreground and occupying so much of the frame, all eyes will be on it.

Square Hardcover Book Mockup

Square Hardcover Book Mockup of Woman Holding BookSquare Hardcover Book Mockup of Woman Holding BookSquare Hardcover Book Mockup of Woman Holding Book

Is two better than one? Not always, but when you have two excellent titles that you want to showcase, then two square book cover mockups are better for you than one.

Book Mockup Generator of Woman Reading

Book Mockup Generator of Woman ReadingBook Mockup Generator of Woman ReadingBook Mockup Generator of Woman Reading

You no longer need to wonder how to showcase your book cover designs effectively. Just use a stunning Placeit book mockup design like this one. The online book mockup generator is easy to use, and you can be done customising the template in a matter of seconds.

Hardcover Book Mockup of Mother and Daughter Reading

Hardcover Book Mockup of Mother and Daughter ReadingHardcover Book Mockup of Mother and Daughter ReadingHardcover Book Mockup of Mother and Daughter Reading

What better way to showcase your Christmas tome than with this warm and wonderful Christmas-themed hardcover book mockup? A perfect mockup that is quick to customise and easy to download.

Book Mockup Generator of Older Woman Reading a Book

Book Mockup Generator of an Adorable Granny Reading a Book Book Mockup Generator of an Adorable Granny Reading a Book Book Mockup Generator of an Adorable Granny Reading a Book

How about this realistic book cover mockup? It features an older woman enjoying a book in the comfort of her home and allows you to showcase the front cover design of your book and the spine.

Square Book Mockup Featuring a Small Dog Lying on a Bed

Square Book Mockup Featuring a Small Dog Lying on a BedSquare Book Mockup Featuring a Small Dog Lying on a BedSquare Book Mockup Featuring a Small Dog Lying on a Bed

No matter what your title, it's bound to be enhanced with this square hardcover book mockup. Just use the book mockup generator to upload your book cover image, and your mockup is ready to download.

Book Mockup Design of Girl Outdoors

Book Mockup Design of Girl OutdoorsBook Mockup Design of Girl OutdoorsBook Mockup Design of Girl Outdoors

Got an amazing children's book you want to promote? Then this is the book cover mockup for you. Placeit's online book cover generator makes it super easy to add your cover design to the mockup. Just upload your image using the "Insert Image" button, and your job is done.

Choose Your Favourite Book Cover Mockup Today

Now that you've seen the best book cover mockups available at Placeit, head on over to the site and customise your favourite mockup today.

And if you're interested in other exciting mockups, check out these roundups of the best resources available at Placeit:

25 Beautiful PowerPoint (PPT) Presentation Templates With Unique Slide Designs (For 2021)

Posted: 09 Jul 2021 05:55 AM PDT

Beautiful PowerPoint templates are the top way to stand out in 2021. Whether you're presenting to a crowd, or sharing your slides online, it's time to think differently. The focus is on you to create compelling slides.

Advance Slide updateAdvance Slide updateAdvance Slide update
The Advance Lookbook presentation template is a great example of many beautiful templates that are included with an Envato Elements subscription.

But you don't have to do all the hard work! Add style with stunning presentation templates and watch your content come to life.

In this article, you'll learn how to make a beautiful PPT presentation with nice slides from Envato Elements and GraphicRiver.

Templates on Envato Elements (With Unlimited Use)

You can find hundreds of beautiful PowerPoint templates on Envato Elements, with a great offer. Download as many as you want for a single monthly fee. 

Beautiful PowerPoint PPT templates on Envato Elements - with unlimited accessBeautiful PowerPoint PPT templates on Envato Elements - with unlimited accessBeautiful PowerPoint PPT templates on Envato Elements - with unlimited access
Amazing PowerPoint presentation templates on Envato Elements - with unlimited access.

All the amazing PowerPoint Presentation templates from Envato Elements include awesome presentation options. They're packed with creative slide layouts and nice backgrounds for PowerPoint.

amazing powerpoint presentation templatesamazing powerpoint presentation templatesamazing powerpoint presentation templates
You'll find tons of professional design assets, including beautiful PowerPoint templates, on Envato Elements.

And, for a limited time, you can take advantage of a whole month of unlimited downloading, absolutely free. That means you can experiment with tons of presentation templates until you find just the right one for your project. Then you can download premium fonts, high-quality stock photos, and whatever else you need to make your presentation stand out.

Free PowerPoint templates for one monthFree PowerPoint templates for one monthFree PowerPoint templates for one month

To get your free downloads, just sign up using this special link, or enter this code on the sign-up page:

elements_cont_tuts-freemonth1-63hqoa

So why use professional PowerPoint templates in 2021?

  • They're built by talented creatives. Too busy to build your own layouts? Turn to custom templates.
  • They're easy to use. With professional pre-built templates, all you've got to do is drop in your own content.
  • They're superior to built-in designs. PowerPoint includes a series of designs. But professional options are much more robust and look far more advanced.

Remember: Envato Elements is an all-you-can-download resource available for a low monthly fee. You'll gain access to amazing PowerPoint presentation templates, photos, fonts, audio, and more. So, get started today and turn to Elements for PowerPoint presentation design inspiration.

5 Beautiful PowerPoint Templates from Envato Elements

Let's explore some of 2021's top beautiful PowerPoint templates from Envato Elements. These are five of the best, and you can find many more right here:

1. Makeit - PowerPoint Presentation Template

Makeit PowerPoint TemplateMakeit PowerPoint TemplateMakeit PowerPoint Template

Bold flashes of color and the inspired use of contrast are the hallmarks of this pretty PowerPoint template. It's designed to promote any products and services that you offer. But marketing isn't the only mission. Choose from 40+ nice slides, introduce your content, and make each one your own.

2. Anerio Beautiful Fashion PowerPoint

Anerio Beautiful Fashion PowerPointAnerio Beautiful Fashion PowerPointAnerio Beautiful Fashion PowerPoint

With 30 designs and custom graphics, these beautiful slides project confidence. One of the best elegant PowerPoint templates available for 2021, it embraces the theory of "less is more." Text and images fly off the nice slides, offset against pale backdrops. Use this one to jumpstart the creation of a winning slide deck.

3. Advance - Lookbook PowerPoint

Advance LookbookAdvance LookbookAdvance Lookbook

Sometimes you need to wow an audience with vibrant color. Try out these beautiful PowerPoint slides to do just that. Whether you're making your personal portfolio, or pitching a new business, Advance-Lookbook is ready to help. With flashy features not available in free templates, this is the perfect case for using a professional design.

4. Simphony Presentation Template

Simphony Presentation TemplateSimphony Presentation TemplateSimphony Presentation Template

You don't have to change beautiful PowerPoint presentation templates to mix up the look and feel. Instead, turn to one like Simphony, which has over 20 color themes built in. All it takes is a few clicks to swap one for another. Instantly, you can alter the entire mood of your nice slideshow. Best of all: you won't have to move a single piece of content!

5. Champino - PowerPoint Template

Champino PowerPoint TemplateChampino PowerPoint TemplateChampino PowerPoint Template

The Champino beautiful background for PowerPoint is an exercise in contrasts. When sharing images and text, it's one of the best options to make a memorable impression. Pull in your own content in moments. And with more than 150 slides to choose from, the creative choices are all yours. Try this one out to offset words and photos in a flash.

Envato Elements (Design Without Limits)

Envato Elements Design Without LimitsEnvato Elements Design Without LimitsEnvato Elements Design Without Limits
Envato Elements - Unlimited awesome template downloads for one low price.

Envato Elements has a single compelling (all inclusive) offer:

Sign up for Envato Elements and you get access to thousands of unlimited use graphics and templates (with unlimited use). Get great web themes, beautiful PowerPoint presentation templates, and more—all for one low price. 

Get unlimited downloads from a massive digital warehouse of creative assetsGet unlimited downloads from a massive digital warehouse of creative assetsGet unlimited downloads from a massive digital warehouse of creative assets
Get unlimited downloads from a massive digital warehouse of creative assets.

That's right! Download as many professional templates and graphics as you want, then customize them to fit any of your project needs.

Envato Elements is a powerful option. But do you prefer to buy unique PowerPoint templates one at a time? Then check out the selection from our GraphicRiver marketplace below.

20 Beautiful PowerPoint Templates from GraphicRiver

GraphicRiver is another great platform from Envato. Here, you can buy beautiful creative content individually. Choose a template you like and make a single purchase—no membership required! 

GraphicRiver beautiful PowerPoint templatesGraphicRiver beautiful PowerPoint templatesGraphicRiver beautiful PowerPoint templates
Beautiful PPT templates on GraphicRiver.

Let's dive in and explore 20 beautiful PowerPoint templates available now thanks to GraphicRiver:

1. Shankara PowerPoint Template

Shankara Attractive PPTShankara Attractive PPTShankara Attractive PPT

Nice slideshow design is is all that Shankara is about. Its beautiful layout features fun typography and space for your high-quality images. With simple placeholders, you can add in your content in just a few clicks. With over 40 nice slides and vector icons, this attractive PPT template can create perfect presentations.

2. Tulus – Business PowerPoint Template

Tulus Colorful Beautiful Business TemplateTulus Colorful Beautiful Business TemplateTulus Colorful Beautiful Business Template

You might picture business PowerPoint templates as dull and boring. Not so here with Tulus. Colorful content and engaging elements stand out brilliantly and highlight your content. You'll also find many useful infographics to bring your data to life. It's a beautiful presentation filled with pretty slides that will draw in your audience.

3. Vabiola - Creative Business PowerPoint

Vabiola Beautiful PowerPoint PresentationVabiola Beautiful PowerPoint PresentationVabiola Beautiful PowerPoint Presentation

Vabiola is a vibrant and beautiful PowerPoint that embraces minimal design. It's perfect if you're looking for unique PowerPoint templates with nice slides. Its layouts have a focus on typography and imagery, making it a good choice for creative-based presentations. This beautiful background for PowerPoint will really make your content stand out.

4. Eviana - Beauty & Cosmetic PowerPoint Template

Eviana Nice Slides exampleEviana Nice Slides exampleEviana Nice Slides example

Beauty is in the eye of the beholder. But there are some nice PPT templates that almost anyone could agree are beautiful. This is one of them. It's tailored to the beauty and cosmetics world. Use the included icons to tell visual stories easily with the help of the attractive Eviana PPT template.

5. Beauty Salon PowerPoint Presentation Template

Beauty Salon Nice PPTBeauty Salon Nice PPTBeauty Salon Nice PPT

The included example helps you visualize using this nice PPT for a beauty salon, but it's flexible for many purposes. One of my favorite things about this attractive PPT template is its use of an easy color changer. That helps you match it to your specifics with less work than ever before. Use the 51 included slides to learn how to make a beautiful PPT presentation.

6. Freshness Modern - Beautiful Creative PowerPoint

Freshness nice PPTFreshness nice PPTFreshness nice PPT

Fresh beautiful PowerPoint templates show content with minimal and easy-to-view designs. This attractive PPT is exactly what you might have in mind for a green and outdoorsy presentation. It's a set of nice slides that really lend themselves to easy customizations and minimalist design.

7. Beautiful - Professional PowerPoint Template

Beautiful Professional PowerPoint TemplateBeautiful Professional PowerPoint TemplateBeautiful Professional PowerPoint Template

When choosing a nice slideshow from GraphicRiver, look for extra value. Beautiful PowerPoint presentation templates like this one have pretty slides and colors. Each one has custom placeholders that let you drop in text, images, video, and more. Couple it with a winning message and you'll be unbeatable in 2021.

8. Space PowerPoint

Space Beautiful PowerPoint PresentationSpace Beautiful PowerPoint PresentationSpace Beautiful PowerPoint Presentation

Ethereal colors and minimalism define this nice slideshow. One of the most beautiful PowerPoint templates, Space is designed as a top-flying package to bring your message to the front. Abstract graphics complement content and soften hard edges. You'll have all the supporting placeholders you need to drive ultimate style—and none that you don't.

9. Earth PowerPoint

Earth Beautiful PowerPoint PresentationEarth Beautiful PowerPoint PresentationEarth Beautiful PowerPoint Presentation

Earth PowerPoint takes nature's beauty and rolls it into a slide deck. This beautiful PowerPoint template fits an array of personal and professional uses. Try using the pretty photo slides to introduce your team and social media portfolio alive with edgy networking layouts. Earth is a great option if you want a beautiful background for a PowerPoint presentation.

10. Simple PowerPoint

Simple Beautiful PowerPoint PresentationSimple Beautiful PowerPoint PresentationSimple Beautiful PowerPoint Presentation

Beautiful PPT templates speak for themselves. They support your content, rather than defining it. Such is the case with this attractive PowerPoint template offering. You'll find all the layouts and design elements needed for your 2021 presentation right here. But you won't see distracting animations or over-complicated features in this nice slideshow.

11. Ravi Minimal Template

Ravi Minimal TemplateRavi Minimal TemplateRavi Minimal Template

100 custom slides make Ravi a top option for beautiful presentation packs. Much focus is given to circular design, which naturally captures attention and helps viewers stay engaged. Edits are easy, and customization is easier still, with over 40 color designs to choose from. Smart infographic slides are tailored for deep dives into data.

12. Unique Creative PowerPoint Template

Unique Creative PowerPoint TemplateUnique Creative PowerPoint TemplateUnique Creative PowerPoint Template

Pastel colors and modern fonts make this design a favorite among pretty PowerPoint templates. It's designed to portray an artsy, fun look on every slide. Yet it remains a very powerful and attractive PPT for sharing data, device mockups, analyses, and more. Every piece of content is fully editable to meet your every need.

13. Stylish - Creative PowerPoint Template

Stylish Creative PowerPoint TemplateStylish Creative PowerPoint TemplateStylish Creative PowerPoint Template

Turn to beautiful PowerPoint templates if you need to build stylish slides in a hurry. Powerful and packed with flexible placeholders, this attractive PPT makes slide building effortless. Rather than including many specialty layouts, it emphasizes easy edits to make layouts meet your needs. It's a perfect choice for almost any kind of presentation, and it can be yours today.

14. Moneta PowerPoint Template

Moneta Beautiful PowerPoint PresentationMoneta Beautiful PowerPoint PresentationMoneta Beautiful PowerPoint Presentation

Beautiful PowerPoint presentation design inspiration comes from many directions. One of these is using a general template with many different layouts. If you're struggling to portray your content in beautiful style, a nice slideshow like Moneta can help. Browse over 100 unique slides until you find one just right for you.

15. Nebula PowerPoint Presentation

Nebula Beautiful PowerPoint PresentationNebula Beautiful PowerPoint PresentationNebula Beautiful PowerPoint Presentation

A beautiful PowerPoint slide deck like this one is the perfect new marketing tool for 2021. Nebula launches your nice slides to a higher level. It features beautiful starburst graphics, sleek content blocks, and animated graphics. Over 80 slide designs, simple placeholders, and sleek transitions help get you started.

16. Ideo PowerPoint Presentation Template

Ideo PowerPoint PresentationIdeo PowerPoint PresentationIdeo PowerPoint Presentation

Ideo is a beautiful PowerPoint template focused on creative projects. Use it to share your next big idea with the world. It stands out with 700 font icons and over 100 pretty slides. It's built to show off projects, with a complete collection of charts, data models, infographics, maps, and more. Pick and choose to dial in your next perfect presentation.

17. Gradation - Elegant Beautiful PowerPoint Template

Gradation Nice Slides templateGradation Nice Slides templateGradation Nice Slides template

There are 50 unique and nice slides in one simple package. That creates a lot of value with just one purchase. Bright colors and impactful designs mean that your content will never go unnoticed. The pretty slides are simple and highlight the content.

18. Footage Gradient - Beautiful Creative PowerPoint

Footage gradient PPT SlidesFootage gradient PPT SlidesFootage gradient PPT Slides

Here's a tip for learning how to make a beautiful PowerPoint presentation: try out gradients. The smooth transition between many colors is a favorite effect. This nice PPT template includes great gradients that are sure to signal your presentation as one that's totally on-trend. Your audience will love this beautiful background for PowerPoint.

19. Angelie - Creative Powerpoint Presentation Template

Angelie Nice SlideshowAngelie Nice SlideshowAngelie Nice Slideshow

The color palette of Angelie makes it a nice beautiful background for PowerPoint presentations. It truly has all you want to meet your slideshow design needs in 2021. The pretty slides are multipurpose and include device mockups, maps, and more. Whatever you need to build your beautiful PowerPoint presentation, this template offers at the touch of a button.

20. Setia – Business PowerPoint Template

Setia Beautiful Background for PowerPointSetia Beautiful Background for PowerPointSetia Beautiful Background for PowerPoint

Unforgettable designs are a trademark of stunning presentation templates. The Setia beautiful PowerPoint presentation is a prime example. Its sleek lines and pops of color make your content jump off the screen. Beautiful presentation templates like Setia help you stand out, and they're easier on the eyes as well. The pretty slides of this template are surpassed in beauty only by their usability.

How to Make Beautiful PowerPoint Presentations Quickly

Templates are a major advance when you're building a nice PPT. Make no mistake, either. They're flexible to your content and style. 

In this section, you'll learn how to make a beautiful PowerPoint presentation with customizations. We'll work with the Makeit PowerPoint template to create nice slides.

Makeit nice attractive PPT designMakeit nice attractive PPT designMakeit nice attractive PPT design
We'll use the Makeit PowerPoint template to learn how to make beautiful PPT presentations.

Three slides, three steps. That's all it takes to learn how to make a beautiful PPT presentation. Let's learn more:

1. The Mobile App Slide

App Slide BeforeApp Slide BeforeApp Slide Before

Building an app? It helps to show it in action so that potential users can imagine using it. Let's customize slide 30 to do that in three steps:

  1. Add a device screenshot. Grab an image of your app in action on your device, then transfer it to your computer. Click on the image placeholder icon and browse to the file.
  2. Add a title. Type over "App Project Sample" with a quick summary that suits your slide.
  3. Add slide details. There are four text boxes that you can use to describe the unique value of your app. Use each one to describe what you bring to the table.
Finished mobile slideFinished mobile slideFinished mobile slide

2. The Chart Slide

Chart slide beforeChart slide beforeChart slide before

Charts and graphs tell a story. Our template includes several slides that tell data stories. Let's customize slide 35 with three tweaks:

  1. Update data. Right-click on the chart and choose Edit Data. You'll see an embedded Excel window pop up. 
  2. Add your title and text. Type over Chart Sample and the text box below it. Then, resize text to make good use of the slide space.
  3. Customize the icon boxes. I love the icons in this presentation template. Use them to your advantage by typing over the three boxes with icon-driven values.
Chart slide afterChart slide afterChart slide after

3. The Contact Slide

Contact Slide BeforeContact Slide BeforeContact Slide Before

Contact details matter! They're the best way to show the audience that you're interested in continuing the conversation. Slide 44 is perfect for the purpose:

  1. Add an image. Add a friendly photo of a founder or customer service rep. Click on the image icon, then browse to a photo to update the slide.
  2. Slide title. Type over it with a personalized greeting for your company.
  3. Add contact details. Make sure to type over the phone number, address, and email with your details.
Contact slide afterContact slide afterContact slide after

5 Design & Style Tips for Beautiful PowerPoint Presentations

Once you've chosen your beautiful PowerPoint presentation template, there are a few tips to keep in mind when building your slides. By using these tips, you can stand out from the crowd and ensure audiences will engage with your content.

1. Be Bright and Bold

Audience eyes are drawn to bright, bold designs. Use contrast to offset individual content blocks. Designs like this are also more readable, which helps when you're presenting in a large room.

Be Bright and Bold TipBe Bright and Bold TipBe Bright and Bold Tip
Don't back away from beautiful, brightly colored slides like this one included with Makeit.

2. Be Brief

When designing and styling your slides, don't forget to consider audience attention spans. Presentations that go on too long aren't favorably received. Brevity is key, to keep viewers focused and interested in your main points.

Edit your slide designs to include fewer elements using the template below:

3. Illustrate Your Data

Nothing is duller than talking over numbers. Instead, bring them to life with charts and infographics. Beautiful presentations don't just include words and images. They also deliver stunning data visualizations that make tough concepts understandable.

Illustrate Your DataIllustrate Your DataIllustrate Your Data
Templates like Makeit also include charts and graphs that help you bridge the gap between data and visuals.

Want to learn more about using charts and graphs to show your data? Use the tutorial below:

4. Add Even More Imagery

I'll make a bold statement: the best way to create nice slides is to add more images. Audiences love visuals, and Envato Elements give you unlimited stock photo access.

If you're learning how to make a beautiful PowerPoint presentation, don't forget this tip! A good image can tie a slide together and illustrate points, visually.

Learn how to master the art of working with images in PowerPoint in this tutorial:

5. Incorporate Your Branding

Branding includes your color scheme, logo, and more. When you start with a template, you'll need to take a few steps to match the pre-made design to your color scheme.

To re-color a PPT template, click on a shape. Then, choose the Format option on the ribbon. Choose a new color on the Shape Fill drop-down to change the active shape's color. Take this step a few times and your PowerPoint will match your brand.

Markit Branding SpecificMarkit Branding SpecificMarkit Branding Specific
Learning how to make beautiful PPT presentations means transforming slides to match your branding with the Shape Fill drop-down.

5 Beautiful PowerPoint PPT Slide Design Trends for 2021

Want to know how to make PowerPoint presentation attractive? Want to create stunning presentations and add only the most up to date PowerPoint design trends for 2021? I've collected a list of five of the most impactful designs below:

1. Minimalist Approach

One of the most popular trends for beautiful PowerPoint slides is taking the minimalist approach. Having a few well-defined elements one each slide creates a modern and fresh look. The spacing of the elements also plays a role in the minimalist style. Each element is comfortably spaced and gives the designed a polished look.

CLEAN PowerpointCLEAN PowerpointCLEAN Powerpoint
This premium template features a minimalist design.

2. Classic Black & White

The classic black and white theme is timeless. If you're looking to make a statement with your PowerPoint presentation, an all black and white color scheme can really help. Also, including a touch of color in your images can really help your presentation pop. 

Creature - PowerpointCreature - PowerpointCreature - Powerpoint
This premium template features a black & white theme.

3. Overlayed Colors

Overlaying a solid color over your slide and turning down the opacity works wonders for you slides. It adds a more polished look and lets you show off your brand's colors. Using one or two colors per slide works well for one presentation. 

Analysiz PowerpointAnalysiz PowerpointAnalysiz Powerpoint
The Analysiz premium PowerPoint features a red color over the slides with the opacity taken down.

4. Include Skill bars

One common trend that's become very popular is the use of skill bars. These skill bars can show an employee's expertise in a specific field. Or use them to show the progress of a particular project. Regardless of what role they play in your presentation, they'll make for a visually appealing element that your audience will love. 

5. Visually Appealing Charts & Graphs

Charts and graphs are another design trend that's stood the test of time. Include a wide range of colored charts and graphs to make any presentation more interesting. Charts also give you a chance to give a more detailed explanation to your audience to help them better understand what your project is about. 

Next, let's go over even more PowerPoint templates that you can download right now!

Download More PowerPoint Templates Today!

Still haven't found the perfect PowerPoint template for your next project? Don't worry! We've got you covered! There are plenty of other best-selling templates that you can check out in the articles below:

Now that we've covered the best templates for Elements and Envato Market's GraphicRiver, let's now have a look at which option is best for you.

Where to Find the Best PowerPoint (PPT) Templates in 2021 (Elements vs Envato Market)

Elements and Envato Market both have some of the most beautiful PowerPoint templates available on the web for 2021. But where should you buy your templates and what are the advantages of using these two sites?

1. Main Benefits of Envato Elements

Envato Elements is by far the best deal out there right now. With a low monthly fee, you  get access to thousands of pretty PowerPoint templates. And you get access to ever single creative asset offered on Elements. This gives you unlimited creative potential as you can download as many creative assets as you like. 

Beautiful PowerPoint Templates ElementsBeautiful PowerPoint Templates ElementsBeautiful PowerPoint Templates Elements
Beautiful PowerPoint templates for 2021 (with unlimited downloads)

Besides the PowerPoint templates, you get access to tons of high quality design assets. You can find WordPress plugins, fonts, photos, graphics, and much more. This Elements subscription is invaluable if you need more than one template or creative asset.

2.  Main Benefits of Envato Market

The Envato Market has many premium beautiful PowerPoint templates and other creative resources. They're of just as high a quality as the ones in Envato Elements. 

Beautiful PowerPoint Templates on GraphicRiverBeautiful PowerPoint Templates on GraphicRiverBeautiful PowerPoint Templates on GraphicRiver
Pretty PowerPoint templates on GraphicRiver

These creative assets are available for purchasing one at a time, unlike Elements, which includes as many assets as you'd like. 

If you need a PowerPoint template then head on over to Envato Market and download your files one at a time. Here are the top trending PowerPoint templates available on GraphicRiver right now. 

Which One Is Right for You?

Are you an entrepreneur, content creator, graphic designer, or digital marketer with a lot of projects? Then Envato Elements will offer you incredible value. Sign up for Envato Elements now.

Design Without Limits Envato ElementsDesign Without Limits Envato ElementsDesign Without Limits Envato Elements
You can design without limits with an Envato Elements subscription.

If you need to buy PowerPoint templates or any other creative assets one at a time, then head on over to Envato Market to find what you're looking for. 

Common PowerPoint Template Questions Answered (FAQ)

Are you still learning how to make a beautiful PowerPoint presentation? Have no fear, we've got you covered. Let's help you tackle five questions I bet you're asking as a beginner:

1. What's the Best Way to Show Data in PowerPoint?

If you want to build nice slides, don't clutter them with too much data shown in tables.

Instead, opt to build charts and graphs. They show data but make it easy to read. Learn how to use those features and use templates below: 

2. How Do You Create Backgrounds for PowerPoint?

Many users who want to learn how to make a beautiful PowerPoint presentation with great graphics. And if you already know an app like Photoshop, you can bring the two tools together with a few settings.

Learn how to pair Photoshop and PowerPoint to create perfectly sized backgrounds below:

3. What's a Good Way to End Your Presentation?

Rookie presenters too often default to saying "thank you" to wrap up a presentation. Simple slides like this aren't a step to take to make a beautiful PowerPoint presentation.

If you want more ideas to conclude your presentation, we've got you covered:

4. How Can You Track Changes by Others in PowerPoint

Want to make your nice slides nicer? You need to ask for a bit of collaboration. That's much easier when you keep good track of the changes they've made to your presentation.

Using PowerPoint's built-in track changes feature makes it much easier. Learn how to do just that with the help of this article:

5. Does PowerPoint Support 3D Designs?

Maybe you want to see some design depth in your presentation. Flat graphics just don't do your content justice. Luckily, with the help of templates, PowerPoint allows for pseudo-3D designs.

Want to learn how to make a beautiful PowerPoint presentation with 3D pyramids and shapes? Check out our tutorial:

Learn More About PowerPoint

Still need to know how to make PowerPoint presentation attractive? The templates and tips above are more than enough to help you create a professional PowerPoint presentation. But you'll still need to know the basics of how to use the PowerPoint software. 

For starters, check out this in-depth guide on how to use the software. You can check out our other tutorials on learning the basics of Microsoft PowerPoint: 

Build Beautiful PowerPoint Presentations in 2021

We've looked at 25 beautiful template options, learned some fundamental design tips, and more. Now it's time for you to get started building amazing PowerPoint presentations with these stunning templates. 

Be sure to check out Envato Elements and GraphicRiver to find your very own stunning PowerPoint templates. And then, it's as easy as dropping in your own content. Beautiful presentations win any time—go build one today!

Editorial Note: This post has been updated with contributions from Andrew Childress, Daniel Strongin, and Nathan Umoh. Andrew and Daniel are freelance instructors with Envato Tuts+. Nathan is a staff writer for Envato Tuts+.

How to Create a Retro Long Shadow Text Effect in Adobe Illustrator

Posted: 09 Jul 2021 12:00 AM PDT

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

In the following tutorial you will learn how to create long shadow text in Illustrator and some simple techniques that can be used to add text shadows in Illustrator. 

For starters, you will learn how to create the text. Taking full advantage of the Appearance panel and using a neat Transform effect, you will learn how to add a shadow to the text in Adobe Illustrator. Some basic blending techniques and a simple Gaussian Blur effect will be the final touches for your long shadow effect.

What You'll Learn in This Long Shadow Illustrator Tutorial

  • How to add text in Illustrator
  • How to add a shadow to text in Adobe Illustrator

If you don't have time to learn how to add a shadow to text in Adobe Illustrator, you can always try Envato Elements, where you can find a massive collection of text effects, including long shadow effects. Check out this fully editable text effect, and apply a long shadow effect with a simple click.

retro long shadow effectretro long shadow effectretro long shadow effect

What You Will Need

You will need the following font in order to complete this long shadow effect:

1. How to Create the Text

Hit Control-N to create a new document.

Select Pixels from the Units drop-down menu, enter 850 in the width box and 610 in the height box and then click that More Settings button. Select RGB for the Color Mode, set the Raster Effects to Screen (72 ppi) and then click that Create Document button. Don't forget to set the unit of measurement to pixels from Edit > Preferences > Units.

Now that you're set, let's see how you can add a shadow to text in Illustrator.

setup gridsetup gridsetup grid

Step 2

Pick the Type Tool (T) and open the Character panel (Window > Type > Character). Select the Insaniburger font and set the size to 200 px.

Move to your artboard, click on it, and add your piece of text about as shown below. Make it black.

type tooltype tooltype tool

Step 3

Use the same tool and character attributes to create the last letter of your text. Make it blue and place it right above the black one.

Keep adding separate blue letters until you cover all your black text. Once you're done, go to the Layers panel (Window > Layers) and remove your black text.

letterletterletter

2. How to Add the Long Shadow Effect in Illustrator

Step 1

Select one of your letters, focus on the Swatches panel (Window > Swatches) and click that [None] swatch to remove the blue text color.

Move to the Appearance panel (Window > Appearance) and add a new fill using the Add New Fill button. Select that new fill and set the color to R=255 G=245 B=225.

fill nonefill nonefill none

Step 2

Make sure that your "S" is still selected and focus on the Appearance panel. Add a second fill and select it. Drag it in the bottom of the panel, set the color to R=0 G=146 B=69 and then go to Effect > Distort & Transform > Transform. Drag both Move sliders to 0.5 px, enter 700 in that Copies box, click OK, and that's how you add a long shadow in Illustrator.

long shadowlong shadowlong shadow

Step 3

Make sure that your "S" is still selected and keep focusing on the Appearance panel. Add a third fill and select it.

Drag it between the existing two fills and set the color to black. Lower its Opacity to 10% and then go to Effect > Path > Offset Path. Enter a -10 px Offset, click that OK button and then go to Effect > Distort & Transform > Transform. Drag both Move sliders to 15 px, click that OK button and then go to Effect > Blur > Gaussian Blur. Enter a 5 px Radius, click OK, and that's the second method that you can use to add a shadow to text in Illustrator.

add new filladd new filladd new fill

Step 4

Focus on the Layers panel, open your layer, and use those target icons to easily apply the Appearance attributes used for your first letter for the rest of your letters. Target icons are the little round icons displayed at the far right of each individual layer or shape.

Hold the Alt button from your keyboard, click the target icon that stands for your "S", and then drag it into the target icon that stands for your "T". Select your "T", focus on the Appearance panel and replace the green used for that bottom fill with R=255 G=154 B=9.

target icontarget icontarget icon

Step 5

Move to the "O", apply the same Appearance attributes, but replace the green with R=244 G=54 B=44.

Select that "P", apply the same Appearance attributes and replace the green with R=7 G=132 B=170.

red bluered bluered blue

3. How to Create a Background and Add More Text Shadows in Illustrator

Step 1

Pick the Rectangle Tool (M) and create a shape that covers your entire artboard. Fill it with R=42 G=27 B=67 and send it to back (Shift-Control-[).

backgroundbackgroundbackground

Step 2

Pick the Type Tool (T) and focus on the Character panel. Make sure that the Insaniburger font is still selected and set the size to 50 px.

Add the "DON'T" piece of text and place it as shown in the following image. Again, remove the text color and then focus on the Appearance panel. Add a fill using that Add New Fill button, select it and set the color to R=255 G=245 B=225.

type tooltype tooltype tool

Step 3

Make sure that your "DON'T" text stays selected, focus on the Appearance panel, and add a second fill.

Select the bottom fill, set its color to R=255 G=80 B=145 and then go to Effect > Distort & Transform > Transform to add a shadow effect in Illustrator. Enter the attributes shown in the following image, and then click that OK button.

add new filladd new filladd new fill

Step 4

Make sure that your "DON'T" text is still selected, and keep focusing on the Appearance panel. Add a third fill and select it to add a subtle text shadow in Illustrator.

Drag it between the existing two fills and set the color to black. Lower its Opacity to 10% and then go to Effect > Path > Offset Path. Enter a -2 px Offset, click that OK button and then go to Effect > Distort & Transform > Transform. Drag both Move sliders to 5 px, click that OK button and then go to Effect > Blur > Gaussian Blur. Enter a 3 px Radius and then click that OK button.

gaussian blurgaussian blurgaussian blur

Step 5

Pick the Type Tool (T) and add the "BELIEVING" text. Set the text color to R=255 G=245 B=225 and place it as shown in the following image. Make sure that this new piece of text is selected, and this time go to Effect > Stylize > Drop Shadow to add a subtle shadow effect in Illustrator. Enter the attributes shown below, click OK, and with this final touch your Illustrator long shadow text effect is complete.

drop shadowdrop shadowdrop shadow

Congratulations! You're Done!

Here is how your long shadow effect should look. I hope you've enjoyed this tutorial and can apply these techniques in your future projects. Don't hesitate to share your final result in the comments section.

Feel free to adjust the final long shadow effect and make it your own.

final productfinal productfinal product

Popular Text Effects From Envato Elements

Envato Elements is an excellent resource for text effects, including Illustrator shadow effects. Here's a short list of some of the most popular text effects that you can find.

Vintage Text Effects for Illustrator (AI, EPS)

If you don't have time to learn how to add shadow to text in Adobe Illustrator, you can instead use one of these six vintage text effects for Adobe Illustrator.

vintage long shadow effectvintage long shadow effectvintage long shadow effect

Illustrator Long Shadow Text Effect (AI, EPS)

Cut the hassle of learning how to add a shadow to text in Illustrator and use this fully editable Illustrator long shadow text effect. All you have to do is type in your text, and the effect will be applied.

long shadow effectlong shadow effectlong shadow effect

Vintage and Retro Styles Vol.1 (AI)

Don't have the time to learn how to create long shadow text in Illustrator? With this pack of ten vintage and retro graphic styles, you can add a shadow to text in Illustrator with just one click.

vintage retro stylevintage retro stylevintage retro style

1980s Graphic Styles (AI, EPS)

Give your text effect that 80s look using this amazing graphic style. Just type in your text and apply the desired graphic style. The pack includes 15 styles that can be easily scaled or edited without losing any quality.

retro graphic styleretro graphic styleretro graphic style

Long Shadow Effect (AI, EPS)

If you're in a hurry or you simply can't be bothered to learn how to add shadow to text in Adobe Illustrator, this fully editable long shadow effect is the perfect solution.

long shadow effectlong shadow effectlong shadow effect

Want to Learn More?

We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!

Post a Comment

0 Comments