Unsplash is a website offering hundreds of thousands of high-quality photos from photographers all around the world. The photos are provided for free under a “do whatever you want” license, allowing you to use them for commercial and non-commercial purposes without the need to provide credit. This makes Unsplash a great source for material for a PowerPoint presentation.
In this post, I will show how to quickly create a nice-looking presentation with Unsplash photos as background images. See the screenshot below for the end result (and more):
The first step is to search the Unsplash website for a photo to use, ideally one in landscape orientation matching the format of your slides.
Once you have found a photo you like, select it and click the Download free button to download the image in JPEG format.
In PowerPoint, go to View → Slide Master and select the master slide. Now insert the downloaded image via Insert → Pictures.
Enlarge the image to cover the entire slide. If the aspect ratio of the image doesn’t match the size of the slide, select the image and click on Format → Crop to activate the Crop tool. You can now use the black crop handles to remove unnecessary areas of the image.
Go to Format → Compress Pictures, choose Web (150 ppi), and click on OK to compress the image. This step will significantly reduce the file size of the presentation, without sacrificing much picture quality.
Add a rectangle shape to the slide (Insert → Shapes → Rectangle) and change its size to cover the entire slide.
Remove the rectangles outline via Shape Outline → No Outline.
Choose a nice, dark fill color for the rectangle (Shape Fill → Color).
Perform a right-click on the rectangle and select Format Shape from the context menu. Now change the rectangle’s transparency value to 10% (under Fill).
Do another right-click on the rectangle and select Send to Back from the context menu.
Select the image, do a right-click, and select Send to Back from the context menu.
Select Slide Master → Background Styles and select Style 4 (black background) from the menu. This will change the presentation’s text color to white.
Click on Close Master View and enjoy your new PowerPoint template!
Although PowerPoint doesn’t have dedicated functionality for creating countdown timers, it’s possible to build a timer using animation and slide transition effects. Instead of boring you with a step-by-step tutorial, I’ve created an attractive template with a digital clock countdown that you can easily adjust to your needs.
The countdown in the template lasts five minutes, but you can delete slides to shorten it if needed. Download the template file here.
TLDR: I went through quite some trouble creating a set of device mockup templates for PowerPoint, which you can download here for free.
Realistic device mockups are a great way to showcase creative work, whether it’s a mobile app, a website, or any other digital product.
While Adobe Photoshop is certainly most designers’ first choice for creating device mockups, I wondered if PowerPoint’s “3-D Rotation” feature could do the job just as well.
(You can find the 3-D settings in PowerPoint by selecting a shape and navigating to Format → Shape Effects → 3-D Rotation → 3-D Rotation Options...)
I started with a photo of a MacBook on a table and a dummy image that I wanted to project onto the laptop’s screen. Unfortunately, PowerPoint doesn’t let you transform an image by simply dragging its vertices like Photoshop does – you have to manually adjust the rotation, perspective and size settings. Pretty quickly, I realized that guessing the right values was virtually impossible and that I had to try a different approach.
My idea was that in order to determine the optimal “3-D Rotation” settings, I first had to understand how the settings actually work. With some reading on 3D transformations and a good amount of trial and error, I finally found the math behind PowerPoint’s calculation of the coordinates of a 3D transformed shape.
Let’s suppose we have a rectangle shape located at position (left, top) with size (width, height). We want to calculate the coordinates of the (left, top) point after 3D rotating the rectangle using the “X Rotation”, “Y Rotation”, “Z Rotation” and “Perspective” values set in PowerPoint.
We start by building a transformation matrix:
Now we transform the (left, top) point using the matrix:
The resulting vector is divided by z to project the 3D coordinates to 2D:
We reverse the translation to the origin:
The resulting 2D point consists of the x and y coordinates:
Knowing the mathematics behind PowerPoint’s 3D rotation, I wrote a small, quick-and-dirty tool to find the optimal 3D settings for given input values. Basically, you feed the tool the four vertices of the screen and the size of the image to project onto the screen. It then tries possible combinations (using nested intervals to improve performance) of width/height, x-rotation, y-rotation, z-rotation and perspective to check which one gets closest to the target coordinates. I have published the source code on GitHub.
The result of the journey is a PowerPoint document comprising eleven mockups of different devices (laptops, tablets, phones). Here’s an overview:
The mockups are based on photos released by their authors under the CC0 license, which means they can be used for any purpose without attribution. I have included source links for the photos in the comment section of each slide. You can download the .pptx file from the link below:
To add your own screen image, simply select the placeholder image on the slide, go to the “Format” Ribbon and click on “Change Picture.” Have fun!
Christmas is around the corner, and we've created a Christmas PowerPoint template to help you get in the holiday mood. Check out the screenshots below:
Click here to download the template file. It's free for private and commercial use.
With Halloween coming, I have created a PowerPoint template to give your presentations a special Halloween touch. Below are screenshots from the template and the link to download the file.
The template comes with 12 icons (pumpkin, ghost, zombie, grave, severed hand, skull, spider, bat, magic hat, witch, moon, and castle), and includes the freeware font Poultrygeist by Apostrophic Laboratories.
This file is free for private and commercial use.