Monkey Dog Design

Cool stuff we've learned

Keynote hacks, Squarespace how-to's and other awesomenesses.

Quick & beautiful Instagram quotes with Keynote

 

We use Apple's presentation app Keynote everywhere for everything.

It's a rockstar piece of software (free with every Mac) for building quality graphics—in this case, Instagram quotes. We love using this hack at the bottom end of our garden where the internet is too sketchy for Canva.

 

Step 1

Set the slide size. 

Click on Document Settings > Slide Size > Custom Slide Size... to resize your slide.

We prefer a square, as it shows up better on our grid, but you can set your slide to any size you want.

How many px in pts?

Since you're not a designing billboard ad, there's no need to get fancy with translating pixels to points. You can just add in the pixel values.

For example, using the recommended 1080 pts x 1080 pts for square posts delivers a resolution that looks good even on retina displays.

Custom Slide Size in right menu bar

 Ideal size for square Instagram posts: 1080 x 1080

Ideal size for square Instagram posts: 1080 x 1080

 Your slide will now be square

Your slide will now be square


Step 2

Set placeholder image.

If you started with an image slide, resize your image so it fills the entire slide. Make sure it's set as an media placeholder, so you can drag and drop images onto the slide.

Format > Advanced > Define As Media Placeholder

Resize image to fill the square. Adjust the mask if you want.

 Set the image as a media placeholder — for easy drag & drop replacement!

Set the image as a media placeholder — for easy drag & drop replacement!


Step 3

Set placeholder text.

Update the template's built in Quote and Attribution text styles. Click update, or redefine the style from your selection.

Keep in mind that the text needs to be visible on your Instagram grid. Zoom out to 25% to get an idea of how your slide will look on a much smaller screen.

Update font styles for easy editing.

 Zoom out to 25% to check that your text would still be legible on your Instagram grid.

Zoom out to 25% to check that your text would still be legible on your Instagram grid.


Step 4

Create your Instagram-ready quotes.

First duplicate your slide — there are three ways to do this:

  • select slide, then copy + paste
  • click + drag slide while holding the alt key
  • right click on the slide thumbnail and select Duplicate.

Now you're ready to drop in your images and text, and customize each slide to perfection.

Duplicate slides in the navigator on the left. 

 Customize your slides with images and text.

Customize your slides with images and text.


Step 5

Export as images and post!

File > Export To > Images... Select high quality JPEGs and give your folder a name. Keynote will save each slide as an individual image.

Export to Images....

High Quality JPEGs work great, even for retina displays, but you can also create PNG and TIFF files.

 Post your gorgeous post slides to Instagram!

Post your gorgeous post slides to Instagram!


Pro Tip

Save your quote slide as a Keynote theme.

Start a new Keynote presentation.

Follow the steps outlined in Using Keynote as a Document Builder to create a blank Master Slide. Set the slide size to 1080 x 1080.

Copy and paste your quote slide design to the master slide. Remember to set all text and images as placeholder (Format > Advanced > Define as Media Placeholder). If you don't set objects as a placeholder, you will not be able to edit them outside Master mode.

Exit Master Slides and save as a theme. File > Save Theme > Add to Theme Chooser.

 Paste your slide onto a blank master slide

Paste your slide onto a blank master slide

 Set images & text as placeholders

Set images & text as placeholders

 Save your theme and add it to theme chooser to reuse as often as you want

Save your theme and add it to theme chooser to reuse as often as you want


IMG_6560.jpg

author: ina

Amateur carpenter. Keynote junkie. Won't shut up about Squarespace and South Africa.