Quickly combine images and type in InDesign
Paul Tysall reveals a simple-yet-effective solution for merging images and type with InDesign’s Create Outlines command.
Merging imagery within typography can be a simple and effective solution in a variety of situations, especially when page real estate or visual material isn’t in abundance. In the accompanying poster graphic I’ve used this technique to tantalise the viewer with a sneak peek at the illustration work being exhibited in a gallery.
The interplay of words and illustration helps to elevate the typography: the letterforms are no longer there to simply communicate a message, they become a way of abstracting and focusing on details from the illustration, and invite the viewer to explore what’s in front of them.
Step 01
Before you turn your typography into outlined text you need to rough out how it’s going to work. Establishing the right typeface is paramount – a good, heavy sans serif works best for what we have planned as it covers a greater surface area; I’ve used Aldo Open (created by Jonathan Hill) – as is working out the amount of density you’ll need for the letterforms.
Step 02
At this stage, if you were to outline everything in one go you would more than likely end up with overlapping paths, so it’s best to approach each letterform individually. Copy and paste each target letter, then hit Cmd/Ctrl+ Shift+O to turn it into paths. Now reveal the document grid by pressing Cmd/Ctrl+” and begin aligning your typography.
Step 03
Once you’ve got everything looking as you wish, open the Pathfinder panel (Window>Object & Layout). Select all the letterforms that you want to merge and click the Add icon. What we’ve created is effectively a customised picture-binding box that you can paste or import into.
Step 04
To get the illustration from the design into the outlined type, copy the illustration, then select the outlined text and paste it into (Cmd/ Ctrl+Opt/Alt+V). To re-enforce the effect that the type is cutting through to the illustration below, open the Effects panel, change ‘Settings for’ to Object and add a subtle inner shadow.
Step 05
Now you can take things a little further and start to play with the background colour of your outlined letterforms. Combine this with altering the pasted illustration’s opacity and Effects style (Cmd/Ctrl+Shift+F10) to create some appealing tint effects. As always, be careful you don’t over-cook things – you still want some semblance of legibility with the typography to hold the attention of viewers.
Liked this? Read these!
- Download the best free fonts
- Discover brilliant examples of kinetic typography
- Illustrator tutorials: amazing ideas to try today!
- Free graffiti font selection
- Free tattoo fonts for designers
Get the Creative Bloq Newsletter
Daily design news, reviews, how-tos and more, as picked by the editors.
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.