📊 PowerPoint Template Modification Tutorial

📑 What are PowerPoint Sections?

Sections help organize your presentation into logical groups. In your Outlook template, you have topics like: Mail, Calendar, Tips & Tricks, Exercises, and FAQs.

🛠️ Step-by-Step: Adding Sections

1. Right-click on the slide thumbnail in the left panel (e.g., Slide 1)
2. Select Add Section from the context menu
3. PowerPoint creates an "Untitled Section" - right-click the section header
4. Select Rename Section
5. Type the name: Introduction & Navigation
6. Press Enter to confirm

📋 Managing Sections

• Collapse/Expand: Click the arrow next to section name
• Move Section: Drag the section header up/down
• Remove Section: Right-click → "Remove Section" (slides remain)
• Remove All Sections: Right-click → "Remove All Sections"

➕ Adding New Slides

1. Method 1 - Ribbon: Home tab → "New Slide" dropdown → Select layout
2. Method 2 - Keyboard: Press Ctrl + M
3. Method 3 - Right-click: In left panel → "New Slide"

📐 Using the Right Layout

Your template uses Blank layouts with custom shapes. To maintain consistency:

• Select Blank layout for content slides
• Copy existing slides as templates for new content
• Use Duplicate Slide to preserve navigation elements

🔄 Arranging Slides

1. Drag and Drop: Click and drag slide thumbnails in left panel
2. Move Multiple: Hold Ctrl and click to select multiple slides, then drag
3. Cut & Paste: Ctrl + X → position cursor → Ctrl + V
4. Slide Sorter View: View tab → "Slide Sorter" for drag-and-drop reorganization

🎬 Why Use GIFs?

Instead of 5-10 slides showing step-by-step screenshots (like "How to switch to New Outlook"), create one animated GIF that loops through the steps.

🛠️ Creating GIFs for PowerPoint

Option 1: Screen Recording Software (Recommended)

1. Use ScreenToGif (free) or LICEcap (free)
2. Record your screen performing the Outlook action
3. Save as .gif file
4. In PowerPoint: Insert → Pictures → Select your .gif

Option 2: PowerPoint Built-in (Export)

1. Create your animation sequence on multiple slides
2. File → Export → Create an Animated GIF
3. Set timing (e.g., 1 second per slide)
4. Export and re-insert into your presentation

📐 Optimizing GIFs for Your Template

• Dimensions: Match your slide size (13.33" x 7.5" = 16:9)
• File Size: Keep under 5MB - compress if needed
• Loop: Set to "Forever" for continuous demonstration
• Placement: Position in the content area, avoiding the navigation bar

🔘 Creating a Button Shape

1. Insert Shape: Insert tab → Shapes → Select shape (e.g., "Rounded Rectangle")
2. Draw: Click and drag on slide to create button
3. Format: Shape Format tab appears automatically

🎨 Styling Your Button (Match Template Style)

Your template uses dark purple (#2c3e50) and accent colors. To match:

1. Select the shape
2. Shape Fill: Shape Format → Shape Fill →
   • Use Eyedropper to copy color from existing buttons
   • Or use: Dark Purple #2c3e50 or Accent #667eea
3. No Outline: Shape Format → Shape Outline → No Outline
4. Add Text: Double-click shape and type (e.g., "Click to Learn More")
5. Format Text: White color, Segoe UI font, 14-16pt

✨ Adding Button Effects

1. Shadow: Shape Format → Shape Effects → Shadow → Outer → Offset Center
2. Hover Effect (for presentation mode):
   • Create duplicate button with lighter color
   • Add animation/transition (covered in Section 8)
3. 3D Format: Shape Effects → 3D Rotation → Perspective for depth

🔗 Making Buttons Clickable

1. Right-click the button shape
2. Select Link... (or Ctrl + K)
3. Choose:
   • Existing File or Web Page: For external links
   • Place in This Document: For slide navigation (e.g., jump to Slide 5)
   • Create New Document: Not recommended for this template
4. Click OK

📊 Understanding Your Template's Navigation

Your template already includes navigation elements on most slides:

• Home NAV - Returns to main index
• Mail Nav + Dropdown Mail - Mail section with submenu
• Calendar Nav + Dropdown Calendar - Calendar section
• Tips Nav + Dropdown Tips - Tips section
• Exercise Nav + Dropdown Exercise - Exercise section

🛠️ Building a Navigation Bar from Scratch

1. Create Container:
   • Insert → Shape → Rectangle
   • Draw across top or bottom of slide (full width)
   • Height: ~0.8-1 inch
   • Fill: Dark color (#2c3e50) matching your template
2. Add Navigation Items:
   • Create individual shapes for each menu item
   • Space evenly across the container
   • Add text labels (Home, Mail, Calendar, etc.)
3. Add Logo:
   • Your template has "Logo GA" - position in corner
   • Keep consistent size and position on all slides

📐 Positioning Guidelines

• Top Navigation: Y-position 0.2" from top
• Item Spacing: Equal distribution using Align tools
• Height: 0.6-0.8" for comfortable clicking
• Z-Order: Send to Back so content appears on top

🎯 Understanding Sub Menus in Your Template

Your template has dropdown groups like "Dropdown Mail" that likely contain:

• Hidden submenu items (Topic 1, Topic 2, etc.)
• Trigger animations to show/hide on click
• Grouped elements for easy management

🛠️ Creating a Dropdown Sub Menu

1. Create Sub Menu Container:
   • Insert → Shape → Rounded Rectangle
   • Size: Width matches parent nav item, Height ~2-3 inches
   • Fill: White or light gray with border
   • Position: Below the parent nav item
2. Add Sub Menu Items:
   • Create text boxes or shapes for each sub-item
   • Examples for Mail section: "Composing", "Folders", "Rules", "Signatures"
   • Add hyperlinks to specific slides
3. Initial State:
   • Select all sub menu elements
   • Animation tab → Add Animation → Appear/Disappear
   • Set trigger to "On Click" of parent button

⚡ Setting Up Trigger Animation

1. Select the sub menu group
2. Animation → Add Animation → Appear (Entrance)
3. Animation Pane → Click dropdown arrow on animation
4. Select Timing...
5. Triggers → Start effect on click of → Select parent button name
6. Add second animation: Disappear (Exit) for toggle off

🤔 Why Group Elements?

• Move together: Navigation buttons, logos, and dropdowns stay aligned
• Resize together: Maintain proportions
• Apply animation: Animate complex objects as one unit
• Organize: Selection Pane shows grouped items hierarchically

🛠️ How to Group Elements

Method 1: Multi-Select

1. Hold Ctrl and click each element to group
2. Or drag selection box around all elements
3. Right-click → Group → Group
4. Or press Ctrl + G

Method 2: Selection Pane

1. Home → Select → Selection Pane...
2. Hold Ctrl and click multiple items in the pane
3. Right-click → Group

📦 Grouping Strategy for Your Template

🔓 Ungrouping and Editing

• Ungroup: Right-click group → Ungroup (or Ctrl + Shift + G)
• Edit within group: Double-click group → edit individual elements → click outside to exit
• Regroup: Select elements again → Ctrl + G

🎭 Animation Basics

1. Select the object to animate
2. Animation tab → Choose animation type:
   • Entrance: Appear, Fade, Fly In, Zoom
   • Emphasis: Pulse, Color Pulse, Grow/Shrink
   • Exit: Disappear, Fade Out, Fly Out
   • Motion Paths: Lines, Arcs, Custom paths
3. Click Animation Pane to manage multiple animations

⚡ Setting Up Triggers

Triggers make animations start when you click a specific object (perfect for dropdown menus).

1. Create the animation (e.g., "Appear" for dropdown menu)
2. In Animation Pane, click dropdown arrow next to animation
3. Select Timing...
4. Click Triggers button
5. Select Start effect on click of:
6. Choose the trigger object (e.g., "MailNav_Shape")

🎯 Common Animation Patterns for Your Template

🔄 Toggle Animation (Show/Hide)

To create a toggle effect (click once to show, click again to hide):

1. Add Appear animation to object
2. Add Disappear animation to same object
3. In Animation Pane, both should have same trigger
4. Set first animation to trigger on click
5. Set second animation to trigger on second click
6. PowerPoint will cycle through them automatically

📋 Method 1: Copy-Paste (Best for Few Slides)

1. On slide with updated navigation, click the grouped navigation bar
2. Press Ctrl + C (Copy)
3. Navigate to target slide
4. Press Ctrl + V (Paste)
5. Position should remain identical if slides have same layout

📋 Method 2: Slide Master (Best for Many Slides)

1. View tab → Slide Master
2. Select the master slide layout used by your slides
3. Paste or create navigation bar on the master
4. Position in exact location desired
5. Close Master View
6. All slides using that layout now have the navigation!

📋 Method 3: Select Multiple Slides

1. In left panel, hold Ctrl and click slides to update
2. Or Ctrl + A to select all
3. Copy navigation from source slide
4. Paste - it appears on all selected slides!

🎨 Creating Active/Inactive States

Each navigation button needs two visual states:

• Inactive: Dark background (#2c3e50), white text
• Active: Accent color (#667eea), white text, possibly bold

🛠️ Adjusting Active State Per Slide

1. Navigate to slide in Mail section
2. Click the Mail button in navigation bar
3. If grouped, double-click to enter group editing mode
4. Select the Mail button shape
5. Shape Format → Shape Fill → Change to active color (#667eea)
6. Make text bold if desired (Home → Bold)
7. Click outside group to exit editing
8. Repeat for other Mail section slides

⚡ Quick Method: Duplicate & Modify

1. Create one slide with all navigation states perfect
2. Duplicate that slide for each section
3. On each duplicate, only change the active button color
4. Add content below the navigation

🔗 Creating Internal Slide Links

1. Select button/shape to make clickable
2. Right-click → Link... or press Ctrl + K
3. In dialog, select Place in This Document (left panel)
4. Select target slide from the list:
   • "Slide 1: Cover"
   • "Slide 2: Index/Topics"
   • "Slide 5: Outlook Mail" etc.
5. Click OK
6. Test in Slide Show mode (F5)

📍 Navigation Link Mapping for Your Template

🔗 Linking Sub Menu Items

For dropdown menu items (Topic 1, Topic 2, etc.):

1. Create text boxes or shapes for each topic
2. Add hyperlinks to specific slides:
   • "Topic 1" → Slide 5 (Mail intro)
   • "Topic 2" → Slide 6 (Mail content)
   • "Topic 3" → Slide 7 (Mail features)
3. Group all sub menu items together
4. Add appear/disappear animation with trigger

🌐 External Links (Useful Resources)

For the "Resources & Support" section (Slide 8 mentions useful links):

1. Select text or button
2. Ctrl + K → Existing File or Web Page
3. Type URL: https://...
4. Test links in Slide Show mode

📤 Export Options Overview

🎬 Creating .ppsx (Auto-Play Slideshow)

1. File → Save As
2. Browse to save location
3. File name: Outlook Training Show
4. Save as type: PowerPoint Show (*.ppsx)
5. Click Save

📋 Creating .potx (Template File)

1. Design your master template with all navigation, branding, colors
2. Delete all content-specific slides (keep only master layouts)
3. File → Save As
4. Save as type: PowerPoint Template (*.potx)
5. Save location: Custom Office Templates folder (default)

To use the template:

• File → New → Custom → Select your template
• Or double-click .potx file to create new presentation based on it

💾 .pptx vs .ppt (Compatibility)

• .pptx (Default):
  • Smaller file size
  • Better security
  • More features (animations, graphics)
  • Requires PowerPoint 2007 or newer
• .ppt (Legacy):
  • For PowerPoint 97-2003 users
  • Larger file size
  • Some features may be lost
  • Use only if audience has very old software

📧 Sharing Recommendations