InDesign Tutorial 06 of 20

How to add images & text

A free InDesign tutorial from the worlds best Adobe trainers!

Drawing a rectangle

  1. Choose the Rectangle Tool
  2. Starting in the top left draw a rectangle that covers the document including the bleed.
  3. Make sure your fill is at the front of the colour panel.
  4. Fill with GG Green.
    Green rectangle
  5. In your Colour Pallet change the tint to 25%
    Swatch tinting

Using swatches

Swatches are blocks of colour. You can use them to colour fills, lines & text.

Fills & Lines

If you’re drawing a box you can colour the fill (the inside) or the stroke (line around the outside).

  1. To fill a box ensure that the fill is at the front. You can change whether the fill or stroke is at the front by clicking one or the other.
  2. To colour the stroke of a box ensure that stroke is in front. You can do this by clicking the edge of the stroke icon in the colour box.
    Stroke vs Fill

Importing (place) images

  1. File > Place (InDesign Exercise Files > 01-GG-Advert > Pictures > GG-Flower.psd).
  2. Check that the ‘Replace Selected Item’ is Unchecked. Otherwise your image will be placed inside your green box causing them to be stuck together.
    Importing Options
    Note: All images placed in InDesign are ‘linked’ files. This means that InDesign will always look for the original file. If you move or delete the original image, InDesign will show an error and not print correctly. Make sure you don’t lose your originals.
  3. To check what is linked and where the link is located on your laptop choose Window > Links.
  4. You can use this Panel to relink images. You can also check a variety of options using the Links Panel Option icon . In here you can Embed your image, breaking the external link and keeping a copy of the image inside the InDesign file. However bear in mind that this will make the file size large and potentially slow InDesign down.


Resizing & flipping images


  1. Choose your selection tool and select your image.
  2. In the Application Bar (along the top) select the Flip Horizontal button


  1. Choose your selection tool and drag any corner of your image holding the CMD + Shift keys (Mac) or CTRL + Shift keys (PC).
    flipped and resized image

Text Box

  1. Choose the type tool
  2. Click and drag a box out on the page.

Note: This will create a fixed width and height box that you can fill with text.
Indesign text box





Video transcription

InDesign CC tutorial 06: Adding images and text

My name is Pip Payne. I am a trainer here at Bring Your Own Laptop.

This tutorial is suitable if you are a complete beginner in InDesign .

Open up InDesign and ensure that your environment is set to essentials.

Margins and bleeds and colour swatches were all set up in a previous tutorial. Notice that my lines and stroke are both set to none. We will also explore the value of layers. We will create background colour using the rectangle tool. Filling it with a tint.

Click and drag from top left to bottom right. Ctrl 0 sets my page back to normal. Go to the context page of my film and pick GG Green. Select the tint box and type in 20 and hit return. I now have a 20% tint. Best practice is to go to your layers and add new layers for different elements. I’ve got some text here that I’m going to use shortly. I’m going to drag that up in to my second layer and lock my background layer. Notice it’s gone blue. Each layer has got a different colour.

Save your file.

Use the file place to navigate to your own images. I’ve got 2 images here. My cursor has loaded up with both. Always click and drag to bring in new elements. I’m going to place my images. Go back to my text and come down and adjust my images. I’m going to flip this image of the flower using the flip horizontal in the midle of the context menu. I’m going to need to resize it holding down ‘ctrl, shift’ and can both click and drag to both change the bounding box and the film.

Now I’m going to work with my text. I’ve got some text that im going to bring on to the page and resize my bounding box for the text. If I hold down ‘ctrl, shift’ and hit the ‘full stop’ or ‘greater than’ button, notice how my text gets bigger, and smaller with the ‘comma’ or ‘less than’. Now select the heading, go up to my text. I’ve got paragraph here for paragraph settings. And character formatting controls here. I will start with that. If I go to the top of the text menu, I will choose type face and use my ‘shift ctr’l to make the type a little bigger. I’m going to do the same for the text. I’m going to make that a bit smaller.

Now I’ve used layers to separate out where things are and we have brought images in and changed the type. I’m going to change the colour by selecting the text, going up to the fill colour and changing it to dark green. To preview a file, click the ‘w’ key and that allows me to see what the preview is like, click it again to see the layout view.

Related articles