Tag: shirish

Create panels, pencil sketches, inks and initial speech balloons/captions in GIMP. Graphic size – 3300 X 4400 pixels, 1200 PPI. When creating a new file, click ‘+’ sign next to the ‘Advanced Options’ and enter values as following:

Creating panels, pencil sketches and inks has been discussed in previous posts.

Something about the speech balloons and captions.

GIMP has a fairly lousy text tool. Once you select the Text tool in GIMP toolbox and type in something in it, it creates a separate layer on top of current layer. This is the only good thing about this tool, as you can easily make it invisible for later use.

I create various speech layers like this, one layer for each speech balloon / caption. All captions are left justified and all speech balloon text is centrally aligned. All these speech layers are kept at the topmost of all graphics layer stacks (panels, pencils, inks etc). I am not overtly careful while placing the text, nor much worried about the look and feel. These speech balloons are only placeholders and help me in ‘reading’ the story as I draw next pages.

After typing in all the text (Font size – 50, Font – Comics San MS normal), I insert a layer above all inks layers, and just below the lowest text layer. I name this layer text_bg.

I draw all speech balloons and caption backgrounds on this layer. This makes it easy for me to make them disappear in one click later.

After all the text is typed, the page looks like the following.

I select the text_bg layer, and start drawing balloons / rectangles on it. The process is repeated for all texts within the page.

1. Using the Selection tools, I drag an oval (for speech balloon) or rectangle (for caption) which will encompass the text. At this stage, a selection ‘running ants’ shape will appear around the chosen text, but everything below that text and the oval / rectangular shape will be visible. Draw the shape at such a size that the text below it will have some ‘breathing space’ (white space) around it.

2. Then I fill the selection with white color.

3. I keep the shape selected, choose the brush tool, select brush of size 5 pixels and keep black as foreground color.

4. I click the menu items as follows: Edit -> Stroke Selection. The stroke selection dialog box appears. Choose the radio button against the ‘Stroke Selection’ option as shown below.

This draws a 5 pixel stroke within the boundaries of selection. Now we have a background for our text.

5. I unselect the shape, and repeat this process for every text item, remaining on text_bg layer.

6. Now it’s time to draw tails for speech balloons. I draw fairly rough tails here, just to get an idea how the final ones will look. Select the text_bg layer, select brush tool, 5 pixel brush. Keep pressure sensitivity off, and draw the balloon tails freehand. Let them invade in the balloon space a bit. If you are fussy about the look (like me), you may fill them with white color, stroke with black color, and clean up the overlapping bits.

When this is done for the entire page, I save the file as a JPG image. This image serves as a reference when doing the actual lettering.

Now I make all text layers and text_bg layer invisible, and save the image as a TIFF file with maximum resolution. TIFF format employs a lossless compression (unlike JPG) and is ideal for final printing.

Now we have a full resolution image with no text and no speech balloons / captions. This image is ready for lettering.

Coming up – Lettering using Inkscape.

Two kinds of graphic formats are used in electronic mediums. Raster and Vector.

Raster graphics are stored as a bunch of pixels, while Vector graphics are stored as a bunch of shapes and nodes.

Raster graphics start losing their clarity as they are stretched beyond their original maximum size. Vector graphics can be (theoretically) stretched to any size without loss of clarity.

Vector graphics van also be used to draw precise shapes, since each stroke can be tweaked separately. But Raster graphics have a better color reproduction.

Photoshop and GIMP are examples of Raster graphics editors.

Illustrator, Inkscape, CorelDraw are some of the vector graphics editors.

Vector graphics can be exported to raster graphics.

Inkscape is a open source, free vector graphics editor I use for lettering. More on this in the workflow discussions.

Question: If vector graphics editors create so much accurate, scalable graphics, why don’t I produce the complete artwork in Inkscape?

Answer: That’s something on my agenda for future. Currently I am learning Inkscape.

Many of you must have read these terms ‘RGB’ and ‘CMYK’ in my previous post, and wondering just what they are.

Well, RGB and CMYK are 2 models of representing color. Typically, RGB model is used in web and screen colors, while CMYK is almost exclusively used in print medium.

The following graphics show the color models in their representative form.

RGB

CMYK

The abbreviation RGB stands for Red-Green-Blue. Every color pixel that we see on a computer / TV screen is a combination of various quantities of these three primary colors. When these three colors are mixed at their full strength, the color white is produced. That’s why, sometime these colors are called ‘Additive colors’.

Printing is a different ball game, though. When priniting on paper, the printers use inks of CMYK combination. CMYK stands for Cyan-Magenta-Yellow-Key. Cyan, Magenta and Yellow are the three ‘Subtractive Colors’ i.e. adding them together yields black color.

Every color printed on paper is a combination of CMY colors in various quantities. The ‘K’ in ‘CMYK’ stands for Key, which is a term used for black color. The reason the letter ‘B’ is not used for black is to avoid confusion with Blue in the term ‘RGB’.

Black color is separately mixed along with CMY combination while printing. Even though combining CMY colors yields black, it may not be a very neat effect due to impurities in inks, and any discrepancy on a black print is easily visible on paper. That’s why black is treated as a separate color and printed so.

The reason CMYK combination is used for printing on paper is why sometimes paper printing in color is sometimes referred to as ‘Four color printing’.

Sometimes, there’s a need to use a special color in very precise quantities while printing. This is achieved by adding the ink for that special color to the printing process. This is called ‘Spot Coloring’.

The color spectrum within CMYK world is not as rich and diverse as that of RGB. That’s why it’s quite possible that an image appearing brightly colored on screen may not be reproduced as it is on paper (on professional printers). The inkjet and laser printers may produce this RGB effect accurately, but the professional offset printers will not.