Today's tutorial will show how to create a simple comic strip starting from a few photos. While it is completely possible to do it in either GIMP and Inkscape, I used both applications in the process, every of them where it is best fitted. The expected result is something along the lines of the image below:
![gimp+inkscape comic strip](comic-strip.jpg)
Photos
The obvious first step is to make the photos: plan the panels ahead, create a story, then arrange your subjects (here some wonderful Schleich plastic toys, but you can use even real people) and take the the shots. Use whatever you like best: hand held camera, tripod and cable release, sun light, flashes, reflectors, etc.
![gimp+inkscape comic strip](comic-strip-step-00.jpg)
Assembling (GIMP)
Open each photo with GIMP
![gimp+inkscape comic strip](comic-strip-step-01.jpg)
Usually your photo will be very large, so resize it at a working (final) resolution. Repeat the operation for each photo (here I have 3 of them).
![gimp+inkscape comic strip](comic-strip-step-02.jpg)
![gimp+inkscape comic strip](comic-strip-step-03.jpg)
Now with one of the resized images open, is the time to make room for the others: increase the Canvas Size accordingly. I have 3 photos, so I tripled the width, while the height remains the same.
![gimp+inkscape comic strip](comic-strip-step-04.jpg)
Then add the other photos as additional layers
![gimp+inkscape comic strip](comic-strip-step-05.jpg)
Use the Alignment Tool to distribute all the slides in their place (for me one was aligned to left, one to center and the third to right)
![gimp+inkscape comic strip](comic-strip-step-06.jpg)
![gimp+inkscape comic strip](comic-strip-step-07.jpg)
If the image taking conditions (exposure, white balance, etc.) were different from one photo to another, adjust the Color Curves until you reach a similar look. Ideally you would have a good knowledge of using the camera, do the shooting in manual (M) mode and this step is not needed
![gimp+inkscape comic strip](comic-strip-step-08.jpg)
Now you cam merge all the image layers in a single one
![gimp+inkscape comic strip](comic-strip-step-09.jpg)
![gimp+inkscape comic strip](comic-strip-step-10.jpg)
If you scaled-down a lot, like me who I'm using a 12 MP camera, the images are a bit blurry so apply some Sharpen filter to compensate
![gimp+inkscape comic strip](comic-strip-step-11.jpg)
And you have a basic comic composition
![gimp+inkscape comic strip](comic-strip-step-12.jpg)
Add a white layer as background
![gimp+inkscape comic strip](comic-strip-step-13.jpg)
Use the Rectangle Select Tool and Cut a few pixels at one of the edges, leaving a strip from the background visible
![gimp+inkscape comic strip](comic-strip-step-14.jpg)
Repeat for all four edges
![gimp+inkscape comic strip](comic-strip-step-15.jpg)
And also cut columns in the inside, between the panels
![gimp+inkscape comic strip](comic-strip-step-16.jpg)
Now the base comic strip is almost ready
![gimp+inkscape comic strip](comic-strip-step-17.jpg)
If you like this, you can do like me and add a small Drop Shadow for a more interesting look
![gimp+inkscape comic strip](comic-strip-step-18.jpg)
And have it as this
![gimp+inkscape comic strip](comic-strip-step-19.jpg)
Another optional step: you can apply a Cartoon filter (I used it for a similar comic but today I like it better without it)
![gimp+inkscape comic strip](comic-strip-step-20.jpg)
![gimp+inkscape comic strip](comic-strip-step-21.jpg)
Text balloons (Inkscape)
Import the image created so far in Inkscape and using the Text tool add some witty (or whatever you want) dialogs over the image, in your desired positions. Use a nice hand-made looking font (I used rufscript, a Free font), or at least something Sans-Serif (but try to avoid MS Comic Sans, which everybody loves to hate)
![gimp+inkscape comic strip](comic-strip-step-22.jpg)
Then add a rectangle (with white fill and black stroke) over a text piece
![gimp+inkscape comic strip](comic-strip-step-23.jpg)
Lower the rectangles under the text
![gimp+inkscape comic strip](comic-strip-step-24.jpg)
And adjust its corner radius. so it will look like a balloon
![gimp+inkscape comic strip](comic-strip-step-25.jpg)
Repeat the operation for all your text pieces
![gimp+inkscape comic strip](comic-strip-step-26.jpg)
Now using Beziers draw triangles from the balloons pointing to the people who are saying the respective dialogs and rectangles where you need some balloons connected
![gimp+inkscape comic strip](comic-strip-step-27.jpg)
And do it for all the speech balloons
![gimp+inkscape comic strip](comic-strip-step-28.jpg)
Now select the balloons that must be connected along with their connectors and perform an Union
![gimp+inkscape comic strip](comic-strip-step-29.jpg)
For a more "comic" look zoom in, adjust the Nodes so all the straight lines for connectors become curvy
![gimp+inkscape comic strip](comic-strip-step-30.jpg)
And you are almost done:
![gimp+inkscape comic strip](comic-strip-step-31.jpg)
Optionally (I like this effect), you can add a drop shadow to the speech balloons, so select all of them, duplicate and make the duplicate all black
![gimp+inkscape comic strip](comic-strip-step-32.jpg)
Apply a bit of Gaussian Blur filter and reduce the opacity, so it will look like a drop shadow
![gimp+inkscape comic strip](comic-strip-step-33.jpg)
Now move the duplicate 1-2 pixels down and to the right
![gimp+inkscape comic strip](comic-strip-step-34.jpg)
And lower the shadow under the speech balloons
![gimp+inkscape comic strip](comic-strip-step-35.jpg)
And we are finally done
![gimp+inkscape comic strip](comic-strip-step-36.jpg)
Final
Save your work and enjoy!
![gimp+inkscape comic strip](comic-strip.jpg)
Feedback
You can leave feedback, complaints, praises or additional questions to my photography blog.a disclaimer will appear here soon