Setting Up Automatic Slide Transitions in PowerPoint for Seamless Presentations – Presentations Template

Category: Blog
Post on May 20, 2026 | by TheCreativeNext

How to Design a Bold, Two-Tone Presentation Slide Deck

Creating a presentation that commands attention requires more than just dropping text onto a blank slide. The layout you see in this nine-slide grid is a masterclass in high-contrast, modern presentation design. It uses a striking two-tone color palette, asymmetrical photo placements, and bold typography to create a highly visual narrative perfect for creative agencies, portfolio showcases, or dynamic business pitches.

In this comprehensive tutorial, we are going to break down exactly how to recreate this exact style of slide from scratch in PowerPoint, Google Slides, or Keynote. We will also cover how to set up automatic slide transitions to turn this beautiful deck into a seamless, self-running presentation.

Understanding the Slide Layout and Grid Structure

Before touching the software tools, it is important to understand why these slide layouts work so well visually.

The Power of Split-Screen Design

Several slides in this deck, particularly the "John Doe" and "Laura Doe" team profiles, utilize a perfect 50/50 split-screen layout. By dividing the slide exactly in half, you create equal importance between the visual (the person's photo) and the context (their biography). This structure is naturally pleasing to the eye and makes scanning the information effortless for your audience.

Asymmetrical Image Grids

Look at the "Picture gallery" slides. Instead of aligning photos in a rigid, predictable grid, the designer uses asymmetry. Images of different sizes overlap slightly or are intentionally staggered. This breaks up the monotony of standard corporate layouts and gives the presentation an editorial, magazine-like feel.

Setting Up the Background and Color Palette

The defining feature of this deck is its color scheme. It relies entirely on two dominant colors, creating a striking contrast that instantly grabs attention.

Choosing High-Contrast Colors

To recreate this look, you need a very dark color and a very vibrant accent color. In this example, the designer uses:

  • Deep Navy Blue: Used as the primary background for text-heavy areas. (Try hex code #23254C)
  • Vibrant Coral/Pink: Used for highlights, buttons, and opposing split-screen backgrounds. (Try hex code #E94D65)

Using Solid Color Blocks as Backgrounds

You won't use the standard "Format Background" tool for everything here. Instead, you will build backgrounds using large shapes.

  • For the split-screen slides, go to Insert > Shape > Rectangle.
  • Draw a rectangle that covers exactly the left half of the slide. Fill it with the vibrant coral.
  • Draw a second rectangle for the right half and fill it with the deep navy.
  • Remove the outlines from both shapes to ensure a clean, modern edge.

Choosing Fonts and Typography Hierarchy

A bold design requires bold typography. The text in this presentation is highly structured, ensuring the audience always knows exactly what to read first.

Bold Headlines vs. Readable Body Copy

The hierarchy here is very strict. The slide titles (e.g., "Business Event", "One picture") are large, bold, and strictly aligned.

  • Headline Font Recommendation: A heavy sans-serif like Montserrat, Poppins, or Arial Black. Set this to all caps or title case in crisp white.
  • Body Font Recommendation: A clean, legible sans-serif like Open Sans, Roboto, or standard Helvetica. Keep the font size relatively small (around 12-14pt) to allow for plenty of negative space around the text blocks.

Text Alignment and Spacing

Notice how every text box is meticulously aligned. In the blue sections, the text is almost always left-aligned, creating a strong vertical anchor line. When placing your text boxes, use the alignment guides in your software (or turn on the Gridlines view) to ensure the left edge of your title perfectly matches the left edge of your paragraph text.

Building the Content Structure: Step-by-Step

Let's break down how to physically build three of the core layouts seen in this deck.

Recreating the "Team Profile" Slide

This layout is clean, professional, and impactful.

  1. Create your 50/50 split background using the rectangle method mentioned earlier (Coral left, Navy right).
  2. On the Navy side, insert a text box near the top. Type the person's name in a large, bold white font.
  3. Below the name, insert another text box for the biography. Paste your text, make it white, and adjust the line spacing to 1.2 or 1.5 to improve readability.
  4. Insert a small rectangle below the text to act as a button. Fill it with a gradient of the coral color, add the text "Learn More", and center it.
  5. On the Coral side, insert the photo of the team member. To achieve the monochromatic look seen in the "Laura Doe" slide, use your software's image color correction tools to tint the photo pink, or apply a slightly transparent pink rectangle directly over a black-and-white image.

Recreating the "Picture Gallery" Layouts

This layout uses staggered images to create visual interest.

  1. Set the entire slide background to the deep navy blue.
  2. Go to Insert > Pictures and select two different photos.
  3. Crop one photo into a tall portrait rectangle and the other into a wider landscape rectangle.
  4. Select both photos, go to your formatting tab, and add a thick, crisp white border (about 4pt to 6pt weight) to make them pop off the dark background.
  5. Arrange the photos on the left side of the slide, slightly offsetting them so they aren't perfectly aligned top or bottom.
  6. On the right side, insert your headline and body text, keeping it vertically centered alongside the photo grouping.

Recreating the "Three Picture" Data Slide

This is a great layout for showing features or steps in a process.

  1. Set the main background to deep navy.
  2. Place your headline and a short paragraph at the top left of the slide.
  3. Use Insert > Shape to draw three identical squares at the bottom of the slide, spacing them evenly.
  4. Select the shapes, and use the "Fill > Picture" option to insert photos directly into the squares.
  5. Add a bold red border to these squares.
  6. For the final icon block (the "off/on" switch), create a white square of the exact same size, and build the simple graphic using standard circle and line shapes inside it.

Setting Up Automatic Slide Transitions for Seamless Presentations

Once your beautifully designed slides are built, you might want them to play automatically, especially if this deck is being displayed on a loop at a trade show, in an office lobby, or as an introductory video.

Choosing the Right Transition Effect

Because this design relies heavily on solid color blocks, the best transitions are those that slide or push the color across the screen. Avoid chaotic transitions like "Dissolve" or "Checkerboard."

  • The Push Transition: Select all your slides, go to the Transitions tab, and choose Push. Set the direction to "From Right" or "From Left." This makes the color blocks feel like physical cards sliding into view.
  • The Morph Transition (PowerPoint only): If you duplicate a slide and simply move the text or resize the color blocks, applying the Morph transition will seamlessly animate those changes, making the background colors appear to stretch and shrink fluidly.

Configuring Automatic Timing

To make the presentation self-running, you need to remove the need for mouse clicks.

  1. Go to the Transitions tab.
  2. Look for the Advance Slide section on the far right of the ribbon.
  3. Uncheck the box that says "On Mouse Click."
  4. Check the box that says "After:" and enter a time duration. For slides with brief text (like a picture gallery), 4 to 6 seconds is usually sufficient. For text-heavy slides, you may need 10 to 15 seconds.
  5. Click Apply to All if you want a uniform timing, or go slide-by-slide to customize the viewing duration based on the content.

Final Design Polish

Before finishing, always do a quick visual check of your entire deck using the Slide Sorter view. Ensure your deep navy and vibrant coral colors are exactly the same hex codes across every slide. Check that your headlines all sit at the same relative height from slide to slide so they don't "jump" when transitioning. By sticking strictly to this two-color palette and grid-based alignment, your final presentation will look like it was created by an expensive design agency.




Your Valuable comments

Your email address will not be published. Required fields are marked *

*