How’d They Do That? Insert an Image into Text with InDesign


Hi Everyone!

Today, I’m going to show how to place an image into text using InDesign.  This is an easy trick that will give your layouts a design forward appeal and it looks super professional!

So, what we’re going to do is to transform your typography into picture frames.

This effect is often used in high-end publications to add impact to the headline, while showcasing an image in an eye-catching way.  It’s a great technique to add drama to your design.

To watch a video version of this tutorial, please visit Dina’s Desktop YouTube Channel.

Let’s do this!

  1. Our first step is to set up a magazine spread.

  • We’ll start by opening InDesign.
  • Let’s choose Create New>Document from the start menu.
  • Let’s keep intent set to Print, with the number of pages increased to 3, and facing pages checked.
  • In the page size drop down, we’ll set up a new custom page size as US Magazine. Set the width to 213 mm and the height to 276.5 mm.  Click Add, then OK, and we return to the document window.
  • Further down, let’s adjust the margins. Here, we’ll unlink the chain icon and set the Top Margin to 14 mm, Bottom to 18 mm, Inside to 14 mm and Outside to 12 mm.
  • Now to set the Bleed, select More Options. We can set the value to 3 mm on all sides except the Inside Bleed, we should set that to 0 mm.  Unlink the chain icon here to change the Inside Bleed.
  • Click OK.


  1. Our second step is to choose the right typeface. We’ll do this step in two parts.

(Part 1)

  • Now it’s important to choose the right typeface for this effect. We need to consider the font’s weight, shape and simplicity.  The breakdown is like this:
    • The Weight of a typeface is about the thickness. We’ll need sufficient space to reveal the image below. So, Display and Slab fonts will work well for this purpose.
    • The design and shape of the text will be amplified because we are going to enlarge it significantly for this effect. So, here we will want to use something attractive, perhaps with elegant serifs or italics, even.
    • We also want to use a typeface that has clean edges and is completely filled. Sketchy brush strokes and outlined text can get a bit messy.

(Part 2)

  • I’m going to work with this lovely script font called “Bready”, which answers all of our considerations. This font can be downloaded for free from many font sites if you would like to use it to follow along.  I found it at


  1. Our third step is to make a picture frame from the text. We’ll do this step in three parts.

(Part 1)

  • Let’s return to our InDesign document, and click onto Page 2.
  • We’ll select the Type Tool (T) from the Tools panel and drag to create a large text frame that extends across the entire page, from the left margin to the right margin.
  • Type a letter into into the frame, and set the Font to Bready Regular, with the Size at 692 pt.  I’m using the letter “F” for my example.
  • We will leave the text color set to the default [Black] for now.

(Part 2)

  • Select the text frame using the Selection Tool, click on the Type drop down menu, and select Create Outlines.  The text frame will change slightly; the text characters have now been converted into a vector shape.

(Part 3)

  • With the text outlines still selected, we’ll now click on File> Place.
  • Now here we will experiment with filling our text with images. We’ll want a photo that’s going to provide enough contrast depending if we’re setting the text on a light or dark background.
  • I’ve experimented with an image of some lovely Fall foliage, before finally deciding on a beautiful mountain scene.
  • We can adjust the size of the image inside the text by double-clicking to select the image directly, and then hold Shift and drag one of the corners to resize it as necessary. To fit as much of the image as possible in the text, we can click the Fill Frame Proportionally button from the workspace control panel.
  • One last touch to ensure that no color bleeds through on the edges of the letters, we will want to set the Fill of the shape to [None], Window > Color > Swatches.



And that is all there is to it! A very easy way to add a touch of visual drama to your typography layouts!

Use this simple technique to build up dynamic, professional-standard design layouts, just like the example magazine spread below.

Thanks for stopping by Dina’s Desktop!  Come back again soon.

#dinasdesktop  Source:


How’d They Do That? VSCOCam Photoshop Tutorial


Photoshop Tutorial: Visual Supply Company Effect

Smart Phone photography is the big thing these days and Instagram is the social sharing site of the mobile photographer’s choice. It comes chopped full of filters to give texture and pop to your images. Then there are oodles of other apps to choose from for customizing your looks. One of the popular favs is VDCCam.

When you want to get a similar look for full sized images, working from your desktop or laptop is preferred. And in comes Photoshop to the rescue. Actually, all filter apps started there in the first place.

Here’s a technique I picked up over at

Step 1
Open your image in Photoshop, then right click the layer and make it a smart object.

Step 2
Lighten the image a bit with either brightness/contrast, or curves. This image is adjusted with curves. Click the center point and drag upwards. This one registered an input value of 120 and output value of 140.

Step 3
Boost the contrast if necessary. For this image, it added intensity and definition to the wispy pine needles and grasses. The curves could have also given this effect, but the image didn’t need much so, brightness/contrast suited it fine.

Step 4
Spruce the colors with a dash of vibrance. Sensors in digital cameras tend to miss some of the color spectrum and this step just pumps it up.

Step 5
Emulate the color profile of film. The colors here are twisted to feel like film with a selective color adjustment layer The source image used the following values. Mine on the other hand already had lots of green, so I had to experiment.

Yellows: magenta +75, yellow +25
Greens: yellow +50, black +100
Blues: black +25
Blacks: black +10

You may want to experiment here some, too, depending on the effect you are after. Shadows in images from film cameras tend to be greener and highlights more yellow. Reducing magenta in the blacks will give that greenish hue to your shadows.

Step 6
Power down with a fade. After some tinkering, the source used a fill layer with a solid color of 4e4e4e set to lighten in the blend mode. Add more fade by duplicating the adjustment layer and toy a bit more. Reduce fade by reducing the opacity of the original layer. It’s subjective at this point.

Step 7
Add a hint of cross processing. There’s a preset for that in the curves adjustment. This gives the effect of one film type being processed in another’s chemical solution. It can provide interesting and unexpected results. It gives a strong effect and really pumps up the greens. To tone that back, reduce the opacity down to about 10%.

Step 8
Kick up the saturation after all this crazy coloring. Slider reading of 5 is just enough.

Step 9
Warm things up with a photo filter adjustment layer. This one takes in the warming filter LBA. The density and opacity can be tweaked as you like. Be sure to check the box to preserve luminosity.

Have Fun!

#dinasdesktop #photography