A client wanted to tell a story about a security breach at a major corporation and the impact on the company’s business, reputation and finances. In the presentation, I used a “broken” version of the corporation’s logo – it’s instantly recognizable and visually demonstrates damage to the company.
Here’s how I made the image:
- Here’s a png version of the logo (obviously changed to protect the innocent):
- Now, create a rectangle “frame” matching the size of the logo:
- Convert the rectangle to a Freeform, duplicate it and edit the points to make two broken pieces. Use the first broken piece to make the second by duplicating it and moving the two points defining the unbroken edge; this will preserve the broken edge:
- Create two copies of the logo and crop to fit each shape (this is the same technique I used in the Jigsaw posts):
- Now, copy a logo piece and use Picture fill/Clipboard to fill the corresponding shape (you may have to adjust the offsets). Repeat for the other half of the logo.
- Remove the outline and add a shadow to each piece:
This shadow has zero transparency and blur with a 3pt offset.
- Finally, rotate the pieces as if they were broken. I have added a line behind the pieces to show the png transparency:
- Although I didn’t think of it at the time, adding 3D effects (depth and rotation) makes a little more dramatic image: