Sunday, March 11, 2012

From Sketch to PSD, iPad tutorial part 6

In the last post we built a template page. When you complete your page rough on the iPad you will import that to Photoshop to set up the page.
Copy the template and rename however you want to keep pages organized. If you've used Sketchbook Pro on the iPad to make your rough as discussed in a previous post, you can use iCloud to sync to the desktop version of Sketchbook Pro, you can save to Dropbox, email to yourself, etc. Once you have that on your PC bring it into your page. The resolution of the iPad is small compared to your final print so you will need to transform it to fill the whole PSD. It will be pixelated, but it's the rough so that's okay.
In the template we made 7 folders for 7 frames. If this page has less frames, delete those extras: if more, copy and name 8, 9, etc. Cmd+semi colon to bring up you guides. Transform each premade border to the size you sketched. Be sure to snap to guides so that the boxes will be more perfectly aligned than your sketched boxes.

In each folder you should have at least one premade balloon. Delete or copy each of these to match the balloons needed for each frame. Size them to roughly match the sketch. The final size and position will be matched to fit the text, not the sketch.
Open your script and navigate to the page you are working on. Copy text from a piece of dialog. And paste it into a text field above the balloon. Repeat until all dialog is pasted and then size your balloons to fit the text. I also do some last minute editing to make sure text fits well into the space. Add any captions or any other text you want in at this point. I generally add sound effects after unless I think I will need to know how it's positioned while drawing. In other words, it's a bit of a judgement call and your style. Note: I don't bother with the balloon tails yet because they need to aim perfectly to the character speaking, but I've not drawn that yet so I'll add those when I import the final images back into this PSD.
Now, hide every layer except borders, balloons, captions and that thin black line I had you make around the parameter of the whole page.

Save this out as a PNG so it has transparency and put it in your Dropbox folder. Then on the iPad, open Dropbox and save to your Photos. You should already have the sketch you've used to make this page on your iPad because that's where you created it, but if not be sure to add it to your Photos too.
In the next post I'll talk about how I add these 2 images to Brushes and begin drawing.
- Posted using BlogPress from my iPad

Tuesday, March 6, 2012

Drawing Finals, iPad tutorial part 7

Up until now I've really just demonstrated how I get ready to do the final illustrations. Now's the big moment. Open Brushes and import the PNG of the borders and bubbles from the last post. Brushes will give you the opportunity to rotate and position the PNG. Pinch to zoom the image to fit a few boxes as big as possible so that 2-3 Brushes files should be enough to do a whole page. This will vary from page to page because of differing layouts. The idea is to find the sweet spot between having the fewest Brushes docs while keeping the boxes big enough to draw in. Next, import the sketch made in Sketchbook Pro that was used to set up the Photoshop so that You can reference while roughing out the final image. Obviously, you need to rotate and position this just as you did before.

In Brushes you can order up to 6 layers. By default, a solid white layer will be on the bottom. Put the sketch above this, but lower the opacity until it's barely visible.

Create a new layer above that and have the border layer on top.
Start with a brush of 1 pixel, black and about 30% opacity. With this brush you can "pencil" out the illustration. Save this brush in the Color Pallet so you can easily reset later.

When that's ready, make a new layer and set your brush to solid black to "ink" over the "pencil". You might be wondering why having separate steps for pencilling and inking when drawing digitally. I started out skipping the "penciling" stage, but later when I rendered the Brushes file at a higher resolution I found that it did not perfectly match the original on the iPad. A few things, like erasing, will not render correctly. Close, just not perfect. Minimizing erasing will save you clean up time later. Besides, I found I needed the liberty of throwing lines on paper roughly at first helpful in finding the composition. I felt more free to experiment.

When you finish inking you will color. Make a new layer beneath the ink layer and delete the sketch layer. Use the color palette to save all the important colors for you characters. You might also want to keep a bitmap of all color palettes for characters, objects, and settings since the Brushes palette has a limit to the number of colors you can keep at anytime.

Shading can be done in a variety of ways. I've created a layer at about 60 opacity (plus or minus depending on lighting conditions). In this layer, I paint solid black with sharp lines. Soft edges do not render well so I've been softening in Photoshop later. After adding any other effect layers you're done.

So far I've mentioned a few limitations to Brushes when using the PC app to increase resolution. The biggest one is that you can't export a layered file, like a PSD. To get around this you will need to make all the layers, but one transparent. Exit the app and email the brushes files with just that one layer showing. This will get monotonous, especially when you then use the desktop app to render high resolution TIFFs for each layer, since you could have 8 to 20 of these.

In the next and final post in this series, we'll complete the page by importing these TIFFs and finalizing the PSD.

- Posted using BlogPress from my iPhone