For the people that may want to know my process for making a page, I think it will be nice to make a step by step of it, so I’ll try my best. Let’s start!

First of all I use the Autocad’s Sketchbook Pro software for the lines. I like how it works with them but you can use the program that suits you best.

Ok, I start with the sketches of the frames, for see how can it looks and arrange them.  This time I will use the style of frames I generally use.

The next step is the rough sketch of the characters and stuff.

Finishing the details in rough mode, comes the lineart. If you work in Photoshop you can use a rounded brush with pressure and opacity at 80%

Now the colors. I use Adobe Photoshop for this. I apply the colors with the brush ‘Smoother rounded Bristle’. In some cases, it looks like traditional media 🙂

In another layer we will add the lines of the frames using the ‘pen’ tool. You can find it in the toolbar or selecting it with the P key.

Make sure that the options showed here are selected.

Then, define the four corners with the pen, only clicking once in each corner of the sketched frame. You make a new node each time  you click. You can notice that when you click again in the first node, the figure is automatically closed and becomes a polygon.

You can move the corners of the frame with the ‘Direct selection tool’ (A key).

That way, you can arrange the polygon the way you like. In the same icon included in the toolbar or if you press Shift+A when using this tool, you get the ‘Path selection tool’. This one is for selecting not only each node apart from the others but all the polygon.

With that done and having the layer that you designed for the frames, selected, chose a rounded brush with a diameter of 4 pixels or so and, selecting the  frame, right click and select “Stroke Path”

Same process for the rest of the frames. If the figure you are drawing with the pen is not a closed one (like a square without one side), then press ‘esc’ for left it “unfinished” and start with the other. If you don’t do that it will link the two figures.

In a different layer, the colors of the background. This time is one very simple.

After finishing some details, like clothes patterns and that, shadows are applied in another layer with same brush as the color but in 80% and in “Linear burn” mode.

I generally use a 20% gray to apply the shadows but can vary with the situation.

In this page i added the tan lines in a separate layer, just in case 🙂

For the lights, same brush with 30% of opacity for the opaque parts and 70% for those parts more shiny, in another layer, of course. For 30% areas, you can use various brush strokes for more intensity. The more strokes, the more shine. For the 70% I use one stroke only.

Same shadow and light technique for the background, using a new layer for each.

At this time, I added the logo, too.

In this strip, there are some frames in the darkness, so I made it in another layer using a violet blue color (code #0d004c). Then lowered the opacity to 45%

With that done. It’s all for the graphical part :D.

Now all we have to do is add the text balloons. In the next part I do one step by step for that 🙂