I was already intending to write a post on how to edit/annotate images for Crossfire Battle Reports anyway, but the discussion following my last Crossfire Battle Report for Push to the City suggested the time was right. I’ll outline how I edit/annotate images at the moment but only because I’m looking for a replacement tool.
Is there a better way?
My current process is painful. Three tools, all of which are a bit annoying to use. If I could do all of this in one tool I’d be a happy man.
So although I wrote this post to explain what I do to edit / annotate photos for Crossfire Battle Reports, it wasn’t so you could learn how to do it. I wrote this post so you could suggest a different way. Specifically introduce me to a different tool, one that does everything I need.
I only need a short list of features – text with white edges, dashed arrows, tapered arrows (or just different), dashed boxes and lines, skulls, bombs, cropping, create a JPG – all of which I’ll describe below.
So if you know a Mac based tool that does all of this, then please get in touch.
[By the way, MS PhotoDraw 2000 did all of this. Unfortunately, Microsoft discontinued it as a product and it promptly stopped working on my XP machine of the time. Now, of course, I wouldn’t use it because it isn’t Mac. 🙂 ]
My current editing / annotation process
I use three applications for the annotations and it is very annoying. This is all on a mac.
The steps are:
- iPhoto to name and crop
- Skitch to draw movement arrows and write coloured text with white shadow
- Powerpoint to draw shooting dashed arrows, dashed boxes, skulls, bombs, etc
- Skitch again to crop if Powerpoint adds white space to one side
All rather painful but the end result is simple and effective. You can see in the Battle Report Symbols image the symbols I use to annotate. It is quite a small set.
I have been using iPhoto to crop. This isn’t really a deliberate choice, more an accident of using a Mac. When I load my photos from my camera or phone they end up in iPhoto. Simple really.
iPhoto has cropping capability that works for me, and the other packages don’t, so I crop in iPhoto. The feature I like is to “Constrain” the crop. I use particular ratios and iPhoto enforces these for me. I mean the ratio of the width to the height of the picture. I use ratios such as Square, 4:3, 5:3, 2:1, 8:3 and sometimes the portrait equivalents.
I also name the images in iPhoto – actually I give each picture a Title. So the image “P1070196.jpg” becomes “P1070196 Table at game end.jpg”. I usually leave the ID from the camera in the name of the file to ensure they appears in lists in time order. I know, for example, that the file “P1070194 Reinforcements or cannon fodder.jpg” was taken earlier in the game than “P1070196 Table at game end.jpg”.
The last thing I do in iPhone is I export using Title as the file name. I export to JPG which is photo friend format.
[With my move to OS X Yosemite (10.10.3) I guess I’ll be using the new Apple offering called Photos instead.]
Skitch is a really stripped down image annotating package. It is really an addon to EverNote. Ironically I don’t use EverNote so I just use Skitch for annotating my JPGs.
The arrows in Skitch have stems that are triangular – I quite like them and use them for movement arrows. On each photo I show where the stands came from. Skitch only does straight arrows so I have to do multiple arrows if the stand changes direction during movement.
I also use Skitch for the text annotations. Anything that needs a label gets one at this step. I like using Skitch for this because, by default, the text is coloured and has a white outline. The outline ensures the text shows up regardless of the photo in the background.
For both arrows and text Skitch offers a limited palette of colours. I only use Red, Blue and Black. Red and Blue for the protagonists and Black for anything that is neutral.
When I’m finished with Skitch I export the image over the top of the previous version. That means, if I get it wrong and later decide to change one of the annotations, I have to start again.
The next tool is MS Powerpoint. I use Powerpoint to draw shooting dashed arrows, dashed boxes, skulls, bombs, etc.
PowerPoint is in no sense a photo editing tool. But it does allow me to do a few things so I’ve yet to find a replacement.
First you have to load the picture into a new slide of the PowerPoint deck. I use one slide per picture. I also copy and paste the name of the file into the Notes section of the slide. This is useful when I have to save the slide as a picture. Now for the editing.
If I get really keen, I strip the background. In my photos you’ll normally get sneak peaks of my sofa, book cases, baby’s high chair, etc. If I’m in the mood I’ll remove these from the shot so you just see the table. This isn’t so quick and easy so I normally just do this for one photo, the first one, showing the whole table.
Often I want to show an area on the table. I use dashed boxes and lines for this. The photo above uses these dashed lines for the deployment zones. The one below uses a circled area to show were particular platoons are. I do this in PowerPoint because it allows me to have areas that are irregular shapes. Skitch, for contrast, only has rectangular shapes that are perfectly horizontal and without dashed lines; that is why I don’t use Skitch for this.
The most common thing I PowerPoint for is to put in dashed arrows to represent firing or just lines of fire. By “dashed arrow” I mean the stem is dashed, not the arrow head itself.
Combat, of course, results in casualties. I’ve taken to marking killed stands with a skull. If I’ve already removed the stand before I take the photo I use a full colour skull. But if the stand is still in the photo I overlay a transparent skull to show it is about to evaporate.
I use a “Boom!” symbol for explosions to hurt, particularly mines and indirect fire.
Most of these symbols are colour coded. Blue and Red for elements specific to one side. Black or White if they are neutral.
Finally, I save the slide as a picture, and over write the original JPG. There is a good chance, depending on how I cropped the picture, this will create a white border on one side of the new picture. [I don’t select the elements and save those as a picture as this creates a small JPG. I want as big as I can get.]
4. Skitch again
If PowerPoint has added a white area I use Skitch to crop it out.
The end result is simple but effective. The point is to suggest movement and action, although there is none.