Tutorial #2 - Scanning and Stitching

Other, Tutorial, illustration, technical — Mike on July 31, 2006 at 2:15 pm

In this tutorial we will take an oversized image and scan it in two passes. Once in PShop, we will stitch it together leaving it seamless.

Warning: I am using a drawing from my sketch pad. I am not an artist, thusly it is not an overly attractive drawing.

I am assuming scanner knowledge, if I use a word you don’t understand with regard to your scanner, consult your manual.

Step 1: Correct document placement

There are several sizes of paper in the US that are larger than a scanner, including, and this is my favorite, comic illustration board. It is important that we are on the same page, so-to-speak, with regard to what I am using for this. I have an oversized sketchbook that the drawing is coming out of, and it is about 60lb paper, so it is maleable. This will help with bending the paper onto the platen with the help of the lid.

I am going to put the paper on sideways to get 2 scans, there are several variations on this, depending on your paper size. You should ALWAYS have your paper on a straight edge or prefferably 2. I am starting like so:Scanner illustration

The paper that I am using abutts the scanner on the bottom and one the left. There is no correct end to start on, just whatever you are comfortable with.

Step 2: Overscan

In this step, we need to look at our scanner dialog box and determine what is going to be our finished size. For the sake of swiftness let us assume 100% scale and 300dpi. Typically, it is a good idea to increase your resolution to 2x to 2.5x the finished size and then downsample. I am not going to do that, but I may cover super-sampling later as its own Tut. TURN OFF AUTO CORRECT AND/OR AUTO COLOR, and be sure that you are using the same settings for both. We have enough variables.

We must scan to the extents of the paper and over when choosing with the selection rectangle. This allows us some flexability in piecing the scans together. In my example, I can’t overscan the left or the bottom, so I am adding to the top and getting the entire width, even though the right is going to be messy because of the bend.

Step 3: Merging

Ahhh, the fun part. I can’t overstate the importance of good scans, but this is where the magic happens. Ok, maybe not magic. With both docs open, you must choose which you will merge into. You must not correct color or value yet, we have to have them to compare. I am choosing my first doc. So, since I am adding to the Right(I scanned upside down) I will open Image>Canvas Size like so:

Canvas size Dialog

What we want to do is make the document wider, and move the current art to the left making room for new. So we choose to anchor to the left and make the canvas 14 inches. Settings applied:

Canvas Dialog 2

Note: I left the background color at the bottom. You can change this to whatever you like, some people like to use an incendary color to emphasize a semi-tranparent layer. I am not so hot on this idea, but to each his/her own.

Step 4: Copy/Paste

With our canvas larger, we need to select our other image with a click to activate it, and a Select All to select the extents of the doc. Now we Edit>Copy to pop it on the clipboard, and activate the other doc. Pasting it will result in a layers pallette like this:

Layers Pallette

We now use the Move tool to slide it to the right, and adjust our layer opacity to about 50%. This leaves us with a fuzzy image in the middle. But we are getting close to done.

Step 5: Alignment

Now we have 2 layers, and the top is 50% opaque, and the bottom is immovable, so lets move the top. Select the top layer with Select> Select All and we are going to move it to a specific point. As you can see from our illustration, we are very close to being aligned, so lets see where we need to be:

unaligned image

We use the nudge controls, which are the arrow keys to move the selected image until it lines up almost perfectly. Please note that you should not trust alignments that are made to close to either edge, as they are not always scanned linearly and will be slightly elongated.

OK, here we are closer:

Still unaligned image

This image is slightly askew, even with our attempts to keep it square. It won’t win however, we have a technique just for this. We bend it to our will using the Edit>Free Transform tool and setting the axial point on the aligned part.

Aligned Image

Note the Axial point on the left, but not to close to the scan edge. The image is mostly aligned now, and the is an easy shortcut from here to finish up. I have read several scanner and pre-press books that discuss the laborious process of meticulous alignment. F-that.

Step 6: Layer Mask

Lets bring our opacity back up by selecting, in the layers palette, the top layer, and sliding opacity from 50% to 100 percent. While looking at out image, we notice that on the left we have a bit of an artifact from the scan. It is a gradient from where the paper didn’t fit and had to be folded. We can assume that this part of the image is elongated a bit as well so lets do away with it entirely. We click on the layer mask button in the layer pallette giving us this:

Layer Mask

Notice that the layer mask is selected by default. This is good and will make our next task quicker.

Step 7: Gradient Mask

The gradient tool is what we will be using on the mask, so lets pick it and look at the options:

Gradient options

We must make sure that we are using Black and White in the gradient, and that it is linear. The mode is normal and the last 3 check boxes(not pictured) are UNchecked.

This yields a tool that will go from black to white in the gradient, which when used with the mask, will give us a transparency grad to the top image. Use it somewhat like this:

Drag Illustration

You should start the drag on the INSIDE of the scan edge, so that it will be totally invisible owing to the black part of the alpha mask.

Step 8: Correction:

When I zoom into my doc, I can see where my paper texture made it in the bottom scan, but not on the top, so I will have to use levels to correct this. Lets do it in an adjustment layer to ensure that we can change it or even add a mask to it. Select the bottom layer, this enables us to add the Adj. layer and it immediatly goes above the bottom, but below the top, so it doesn’t affect the top. Here is the Levels Adj Layer and the Dialog with the change:

Levels Adj Dialog and Layers palette

Now my document is solid and looks seamless, but I still have a few more things to clean up. I scanned in color, mostly out of habit, but that ensures that I have maximum information to work with, just in case. With this drawing, I am going to 1-bit mode to save it, to keep the size down, and make it very sharp in print. But that is another tutorial. This is the finished product:

Stitched image

Thanks,

Mike Anderson

Tutorial #1 - Downsampling an image

Other, Tutorial — Mike on July 31, 2006 at 10:43 am

Ok, This is for my friend Alex, but I am posting it here for my homies. Take it or leave it.

Step 1: Scan - when scanning normal gray art, you should make sure you are using these settings:

100% scale
Grayscale
600-900dpi
full scanner bed(this is chosen visually usually)

I am abb. this assuming anyone wanting to downsample should know the basics of a scanner. I know… With adequate feedback, I will cover microtek scanners and perhaps HP

Step 2: In Pshop, the software of choice, you need to see what you have, so lets look at: Image>Image Size and it should look something like this:
Box1
In this dialog there are 3 key pieces of information that we need to concentrate on…

1. Resample needs to be ON to downsample

2. Constrain needs to be ON to downsample evenly

3. Resolution is the box that we are going to change

Step 3. Enter your target resolution, in this case we are D/S to 400dpi in grayscale mode. Like So:

Box2

It is important to note the pixel dimension change and that the document size in inches (or whatever) HASN’T changed.

This concludes my Tutorial on Downsampling. Please remember that no matter what anyone says, you SHOULD NEVER UPSAMPLE… EVER. If they tell you otherwise, they are trying to sell you something.

Buy Them Off

Pop Cult, personal — Mike on July 27, 2006 at 9:01 pm

I would like to take a moment and respond to the coverage of the Netscape offer to pay contributers to social sites. Please go. Especially digg contributors, as it has become a club of contributors. When looking at the numbers of how many diggs to hits, you must remember the 1% rule that has recently come to light. 5% rank and only 1% of all the diggers have stories on the front page. This seems uneven, and there is some controversy about “freediggers.” As a casual digg user, I would like to say F-you.

I have contributed a total of 4 stories to digg, things I thought might be interesting, but never got promoted. I understand that because I haven’t taken the time to blow other contributors and add them as friends that not many people would see my story. Digg has become a clique, but not static, but a shifting parade of lifefreeâ„¢ contributors that have orange genetalia and several stories promoted weekly. Not that I am pissed at not being promoted to the homepage, I really just contributed to add to the site, not to spam, or bore, or RANT but just to add to the output organism.

So, buy them off, get them to move, and let digg, and the other sites be a little freer for a true democracy of ideas, an open forum, with even elections of thought… not a multi-node neural network of stand-alone cheese.

Nothing personal guys, I enjoy your hard work, and I think your system rocks, but a weighted, tag-based system would be better. The categories are not adequate to keep up with the growth, and the network of followers for specific posters creates a “lemming effect” driving insane numbers of people to sumbissions that may or may not be worthy. I, and many of my friends would like the chance to casually submit. Pehaps it would be worth a look to see the numbers of no. of stories submitted, no. promoted to the home page and examine how many unknows make it to the front.

-Mike Anderson

Migratory Patterns

Philosophy, personal — Mike on July 25, 2006 at 9:34 am

The migration of the North American Trailer is an odd one to say the least. It among all of its cousins has a completely random habit of just announcing a move, and then sometime later… migrating. It is often quick, and inconvenient, with little pause for things such as electricity or water. Trailerus Singlewidus has a long history of flocking together in “parks” or groupings of other mobile homes. The distant cousin the RV or Recreationalus Vehiculus is more nomadic by nature and capable of long voyages to nest in KOAs and prefers human tourist destinations. Always remember that in order to truly caputure a T. Singlewidus, you must clip its wheels and “block” it, but be sure you are in a tornado free zone, as the T. Singlewidus, T. Doublewidus and T. Airstreamus all have a pretenatural attraction to them, and vice-versa.

Good & Bad

Politics — Mike on July 16, 2006 at 2:53 pm

There are good Republicans, surprise. Tom DeLay isn’t one, but there are probably many. There are good democrats, Tom Wellstone was one, and there are others. It is important, as we move into the coming Mid-term election year, to remember that just because one party completely screwed us over, not to forget that this is about people, and their ability to help the country get back on track.

Politicians must put aside their animostity and work together. Any politician not willing to co-operate with the other side MUST BE TOSSED OUT ON THEIR COLLECTIVE ASSES. Our country is on the verge of splitting in half because of the current administration and its unwillingness to comprimise, not to mention the consolidation of Executive Branch power. It is time for good people to be elected, not good democrats, or good republicans, but good people, that know what is important… just to give them a hint, it isn’t voting themselves another pay raise.

Next Page »
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License. | mikeandersonrocks.com