The second file is a “Depth Map” or “bump map” which tells Facebook which parts of your image should pop forward and which parts should recede. Lighter areas appear closer and darker areas appear further back. This can be as simple or as complicated as you’d like.
The two files need to have similar names with the Depth Map including the suffix “_depth” in its file name. (That underscore is important).
You upload both files to Facebook at the same time and that’s it. Facebook does the rest.
Here’s a look at my process for the latest episode of The Middle Age. I draw and color the comic on an iPad Pro using the Procreate app. This was a fun episode to plan for each platform.
In the image below you can see:
The original rough sketch
Final colors and word balloons
Below is a the final episode as seen on the The Middle Age web site and social media (A larger version is available to my Patreon supporters here). As you can see in the process image above, there was a lot of extra drawing done at the tops of panels one and two. I was happy with those bits, but in the end, I didn’t feel like the page needed all that and it didn’t really help the storytelling – so I left it out.
And here’s a look at the horizontal version seen on GoComics.com In panel two, our hero extends out of the panel to the right. This was designed to fit like a puzzle piece into panel three in the horizontal version of the strip below. I also had to make sure the word balloons were created on separate layers so I could reconfigure them for each layout. And the background in panel three needed to be moved around for each format as well.
And here’s the vertical version which I upload to Webtoon and Tapas. You can see I needed to really adjust the layout of the wide third panel for the vertical format. I made extra room by placing Maledicta’s word balloon by itself below the art. It seems to suit the scrolling format.
So much work for a single episode but I’m really happy with how it turned out across the various platforms.
To prepare for the reformatting of this week’s episode (number 116), I drew each dragon and the inset panel on their own layers. I’m drawing on an iPad Pro using the Procreate app. Lettering is added later in Photoshop.
You can see the live versions of the various formats here:
The Middle Age now has more than 3,000 subscribers across GoComics, Webtoon and Tapas.
There are now sixty supporters on Patreon – and we’re getting ever closer to increasing the strip’s frequency to two days a week!
Not bad for a silly comic strip about an older knight, a sarcastic sword, and two baby dragons.
So what’s the plan for year three?
100 Supporters on Patreon!
This is my current obsession! If I can reach 100 supporters on Patreon, The Middle Age will double to two episodes per week. This is the next big step for the strip and if we can reach this goal, it will mean twice as much story, twice as many opportunities to find new readers, and much more frequent print collections! To that end…
New stories set in the world of The Middle Age!
Starting today, to give readers even more reason to become Patreon supporters, I’m uploading exclusive-to-Patreon comic features – most of which will be set in the world of The Middle Age. These stories aren’t part of the main Sir Quimp storyline but will help flesh out the universe and give me a way to play in the world without slowing our hero down. The first one, “The Fumblesmith of Gaffe” starts today. Upcoming features will look at the cultures of dragons, the 12th War, the magic of sandwiches (nibblemancy), and Fadoodle and Fleak, Agents of the Department of Cosmological Chicanery and Metaphysical What-Have-You.
A hardcover collection of the first three chapters!
Next week, I’ll be launching a Kickstarter to collect the first three chapters in a single hardback volume! I’m super-excited for the new format because it will show the work at a much larger size than the individual, single-chapter softcover editions! And there will be t-shirts, a new enamel pin, and other cool loot. Stay tuned.
Thanks to everyone who liked, shared, retweeted, commented, backed, shopped and/or became patrons of The Middle Age during the first two years. I’ll keep working to make silly comics worthy of your kind support.
This week’s episode (number 83) was a little more challenging because the third panel is very horizontal which doesn’t work very well on vertical, scrolling sites like Webtoon and Tapas. For those services, I reconfigured the panel, stacking the elements and placed the word balloon below the figures.
You can click the image below to see a larger version.
You can see the live versions of the various formats here:
I draw my Eisner- and Ringo-nominated webcomic The Middle Age using the Procreate app on an iPad Pro. I’ve worked this way for nearly two years and during that time, I’ve stumbled on to some pretty good tips and tricks. Here are a few I use all the time. (Updated January 21, 2019, with two bonus tips!)
General warning: These tips are geared to professional and aspiring professional cartoonists and these tips assume you’re at least a little familiar with the Procreate app basics like copying and pasting, sharing files via Dropbox, and exporting a video of your file. No matter what your skill level, I recommend going to the App Store and downloading the Procreate manual to your iPad. That ebook does an amazing job of guiding you step-by-step through the basics and all the latest features.
TIP 1: Don’t start in Procreate!
When you start your comic strip, create your template on your desktop computer. I usually use Illustrator and Photoshop – and import the template into Procreate (via Dropbox). This offers a lot of opportunities to mark off crops, and bleeds and the live area. You can also create perfectly geometric panel borders (something Procreate isn’t good at). I also use this opportunity to import a graph-paper-like grid which comes in real handy. Since you’ll likely be lettering in Photoshop and bouncing back and forth with your desktop, having a properly sized template helps a lot.
TIP 2: Instant bluelines!
Back in ye olden times of pencil and paper, we cartoonists used blue pencil for sketching and roughing out our drawings. This helped with photographing and later scanning original art. While those reasons don’t apply when working digitally, the approach is still still amazingly handy. To do this, create two Procreate layers: One layer should be filled with blue and have a layer effect of ‘COLOR” and the second layer should be filled with white with an opacity of ~80%. Drag these layers above any art to instantly turn everything below them to bluelines.
TIP 3: You have a surprise backup!
If you accidentally delete a sketch, pencil or reference layer, simply export a video of your project and scrub through the video until you find the lost image. This has saved my butt more than a few times. And knowing I have this safety net makes me feel a little better when working quickly.
TIP 4: For transformations, take baby steps, or better yet, use Photoshop!
Procreate is really good at flipping and flopping art horizontally and vertically. Pretty much every other transformation (rotation, scaling, skewing) is rough compared to Photoshop. A 90-degree rotation in Photoshop is pixel-perfect, the same rotation in Procreate turns your perfect pixels to mush. If you must transform something in Procreate – such as scaling and rotating, do them as separate, baby steps. Don’t combine two transformations. Scale then deselect. Rotate then deselect. BTW: Procreate is constantly improving and the next software update may make this tip obsolete. Fingers crossed!
TIP 5: Don’t copy art directly from Dropbox – save it to Photos first!
If you copy a perfectly-sized PNG or JPG in Dropbox and paste it into Procreate, some slight transformation happens – it’s usually a little too small. To avoid the distortion, save the PNG or JPG to the Photos app. Then open the Photos app and copy the file from there. Every pixel will line up perfectly.
TIP 6: Clear off your iPad from time to time!
Procreate files are big and having too many of them on your iPad can slow down the app and make the pen laggy. I recommend copying files to your desktop computer with Airdrop – it’s much faster than Dropbox. From the gallery view, you can select multiple files (with the right-swipe) at the same time and Airdrop a bunch at a time.