PDA

View Full Version : [Tut]rEaL0sT's Guide to High Quality


real0st
04-25-2008, 05:19 AM
I decided to trash the old tutorial thread because this one was practically a complete new one and I figure this time would get more attention than the last one

Tools you will need:
Adobe Photoshop 7+ (CS2/CS3 is prefered)
Neat Image
Don't ask where to get these, I think by now everyone should know how to do it. But if you don't you can always drop a message here and I may get to it
Gray pattern (http://www.mediafire.com/download.php?ji0dzbsmjww): to install, go to C:\Program Files\Adobe\Adobe Photoshop [your version]\Presets\Patterns and put gris.pat in the Patterns folder

These are all put in .rar format. Use Winrar to open.
There are 3 different formats provided: .mht, .pdf, and .html. And for people who don't know how to use them:
.mht: drag the file into Internet Explorer. Cannot work with FireFox (http://www.mediafire.com/download.php?yybcnme4mzy)
.pdf: use Adobe Reader to read (http://www.mediafire.com/download.php?jm0rzuezznm)
.html: uses either FireFox or Internet Explorer to read (http://www.mediafire.com/download.php?hdma4c5ftjy)

http://img110.imageshack.us/img110/6470/cleaningtutorialpreviewed7.th.jpg (http://img110.imageshack.us/img110/6470/cleaningtutorialpreviewed7.jpg)

Feel free to share, just remember to give credits or link it back to here

forum format coming to a Franky House Forum near you

endless
04-25-2008, 06:22 AM
thasnk you, real0st :D
this is an interesting tutorial ;)

real0st
05-03-2008, 10:50 PM
Here's the forum version of the tutorial.


rEaL0sT’s Tutorial for High Quality Manga Cleaning

Contract info:
e-mail : real0st@gmail.com
AIM: reaL0st

The basis of this tutorial mainly came from the following tutorials
http://unblessed.net/guide/main.html
http://mangahelpers.com/forums/showpost.php?p=29248&postcount=1
http://mangahelpers.com/forums/showpost.php?p=228347&postcount=1

This tutorial is how to teach the INTERMEDIATE of cleaning to produce high quality manga scans.

Tips:
~If you do not enjoy doing this, then don’t. You can always do speed scans. I have nothing against it other than the fact that there are so many out there quality scans make up like 5% of the scanlations out there.
~Have music on. Makes things go by.
~Take a break once in a while. You may get stressed from doing quality cleans
~Layers are your friends. They are like the bookmarks you stick inside the book you read. You can go back and fix it without ruining the rest of it.
~You do NOT have to follow my instructions exactly. This is a guide, not a demand.
Gray pattern (http://www.mediafire.com/download.php?ji0dzbsmjww): to install, go to C:\Program Files\Adobe\Adobe Photoshop [your version]\Presets\Patterns and put gris.pat in the Patterns folder


Table of Contents
-Step 01 Leveling
-Step 02 Denoise
-Step 03 Auto-trade (not implemented yet)
-Step 04 Graying
-Step 05 Redrawing
-Step 06 SFX
-Step 07 Borders
-Step 08 Final Save

-Step 01 Leveling
First, makes sure the raw is at it’s original size. If you have a slow computer, you can resize it smaller, but only to a height of 2500px. Any smaller and it may mess up stuff especially in redrawing.
First duplicate the page (Ctrl+J). Then Image> Mode > Grayscale it. Don’t flatten it.
Level by pulling the white slider a little bit past the first peak so most of the whites turn white. Then drag the gray slider right to where it starts to rise up. Click in the middle of the graph to make a line appear and use that as a guide.
http://img518.imageshack.us/img518/5453/image019kt5.th.jpg (http://img518.imageshack.us/img518/5453/image019kt5.jpg)

-Step 02 De-noise

Provided that you have NeatImage, load it up. Then autoprofile it. If you are a beginner at NeatImage, simple drag and make a square that contains an area of solid black on white.
http://img242.imageshack.us/img242/4089/image003ar9.gif

Now these are my settings. But they can vary. Play around with it until you get something similar to this. You want something where outside the black lines and stuff there are black smudges surrounding it. But you don’t want them to be too dark. Then click apply.
http://img291.imageshack.us/img291/8279/image005tr8.jpg

After you apply, level it again, white slider roughly down before the graph start to become flat, and the gray slider roughly about to the middle
http://img262.imageshack.us/img262/964/image007rj1.jpg

Now duplicate this layer (Ctrl+J)
and change the blend settings to overlay. Then Apply Filter> Stylizer>Diffuse>Anisotropic to this copied layer. Then adjust the opacity of this layer to ~30-40%. Then merge the two layers (CTRL+E)

Now you’ll have to use the burn tool (O) but in the next step after this (to be added someday) you won’t need to burn. But for now, let’s make the blacks black and such. The result below is what I get before burning. Let’s name this layer “Original”
http://img90.imageshack.us/img90/8855/image011jf9.th.jpg (http://img90.imageshack.us/img90/8855/image011jf9.jpg)

-Step 03 Auto-trace
TO BE ADDED SOMEDAY UNTIL I FEEL LIKE WRITING THIS PART. OTHERWISE YOU CAN SAY THIS STEP IS SKIPPED. BUT ONCE THIS STEP IS COMPLETE YOU WILL ACHIEVE A RESULT LIKE SO:
(pictures are clickable links)


http://xs226.xs.to/xs226/08172/1-bftd854.png.xs.jpg (http://xs.to/xs.php?h=xs226&d=08172&f=1-bftd854.png) -----http://xs226.xs.to/xs226/08172/2aftd134.png.xs.jpg (http://xs.to/xs.php?h=xs226&d=08172&f=2aftd134.png)
Now you see how easy it would be to gray now that the grays have turn white and use the wand tool?


-Step 04 Graying
Now this part is fairly simple, but most time consuming and requires precision. For now we’ll use a different method of filling in grays without using auto-trace method. First duplicate your main layer (the layer that was just merged) and name it “HelpGray”. Then open up neat image. Then auto-profile the part you know is suppose to be gray, and ONLY GRAY. The bigger the area you select the better.
http://img90.imageshack.us/img90/6018/image015nn8.th.jpg (http://img90.imageshack.us/img90/6018/image015nn8.jpg)

After that, go preview your grayed out area and adjust the settings until most of those dots are blended in and blurred out.
(see below)
http://img166.imageshack.us/img166/1879/image017ot4.th.jpg (http://img166.imageshack.us/img166/1879/image017ot4.jpg)

Now we’ll just level this layer. BUT ONLY LEVEL WHITES. Meaning only move the white slider like so.
http://img518.imageshack.us/img518/5453/image019kt5.th.jpg (http://img518.imageshack.us/img518/5453/image019kt5.jpg)

Now create a new layer (Ctrl+Shift+N) and name it “Gray” or whatever you want, as long as you know it’s the gray layer.
http://img166.imageshack.us/img166/318/image021hj0.jpg

Right click this gray layer and click blending options.

Then tick Pattern Overlay and select the gray pattern that you should already have.
http://img518.imageshack.us/img518/3782/image023ne4.jpg

Now select your “HelpGray” layer, grab your Wand Tool (W) and set the tolerance to 30-40. Then click the white area that use to be gray. Do this with as much gray as you can.
http://img242.imageshack.us/img242/6627/image026mu0.gif

Now everything should be grayed out! Now hide the “Help Gray” layer. But wait! There are small little details that are still not grayed out. Don’t worry, there are two ways to fix this
1) Use the wand tool (W) again and select those small areas

2) Use the brush tool (B) and draw in those grays. Yes now you can draw in grays with the brush tool (as long as the selected layer is the gray layer)

3) Use the Polygonal tool (regular or magnetic) or Pen Tool (P). All three of these work the same. Polygonal uses anchor points you want, magnetic makes anchor points based on where you position your mouse (I find this to be the best incredibly easy once you master this tool) and Pen Tool, a favorite of mine combines both. You choose the anchor points and you can adjust the curve much easier. For graying, I’d use magnetic polygonal tool.

Try to get as much of the gray layer filled in. Don’t worry if it looks too ugly when zoomed in, as long as when you zoom out to 50% and it looks somewhat good it’s ok. When you resize the details will be all right.
After you fill in all the grays delete the layer that was created and modified by neat image.

-Step 05 Redrawing
Redrawing is incredibly simple, but time consuming. I go about three ways of going through this

First off create a new layer. We’ll call this layer “Lines”


1) Pen tool : Faded line effect.
Get these settings:
http://img291.imageshack.us/img291/7638/image028qd6.jpg
I primarily use Pen Tool for two things: connecting broken curved lines and faded line effect. Play around with pen tool, as I will not explain connecting broken lines, it’s easy. I will explain how to do the faded line effect
http://img262.imageshack.us/img262/3650/image030nq9.jpg

First select the px size of brush you are going to use. Then open up the Brushes window (At the Menu Bar: Window>Brushes). Then have these settings

Next Using the pen tool draw your line, then right click>Stroke Path and check of “Stimulate Pressure”
http://img166.imageshack.us/img166/9113/image032is8.jpg

Now because I’m lazy and this page doesn’t look to have a need for this faded stroke look, I’ll just do a quick example.

http://img236.imageshack.us/img236/9883/image034kx4.jpg

As you can see, the simulated pressure line looks more sleek, and can have (at certain times) more uses than the standard brush.

2) Line Tool: Speed Lines using Line Tool (U)
Speed Lines are a pain. You know that. But finding this method cut my line drawing in half.

**Note* the px size will vary depending on the line.**
Now have your Line Tool (U) to these settings and find your speedlines!

*Note* When using these settings you also change the Pen Tool Settings Too!!! So if you are switching between Pen Tool and Line Tool REMEMBER TO SWITCH SETTINGS

Now find your speed lines. Create a new layer “Lines White Back” is what I would call it I guess. Anyways put this layer behind the “Lines” layer. Then select the area behind the speed lines you are going to draw over and fill that area with white. Then set this layer’s transparency to 50%
http://img90.imageshack.us/img90/9121/image039pp1.gif

Then click where the pointed tip of the speed line starts. Then drag to the end of the speed line. After you did this to all the lines, make the Lines White Back opacity to 100%

http://img90.imageshack.us/img90/7605/image041ik1.jpg

3) Brush tool……the easiest damn method to drawing there is. You just set your brush px size, click and hold at the beginning point of the line, hold shift and click the end of the lines. It’s that simple. But it’s very effective on speed lines that aren’t pointed like the one above.


-Step 06 SFX
For SFX I’m going to use the layer with the original after it was leveled then neat imaged ONCE. Create a new layer called “SFX”. Hide all layers except for SFX and the Original Layer. Grab your either Polygonal Tool or Pen Tool and on the SFX layer outline the SFX text. Fill the area you just drew with a gray color. Then go to Menu Bar>Filter>Noise>Add Noise. Now the only thing you must do is have your % under 50, and have monochromatic ticked.

Experiment with different shades of gray and using either Uniform or Gaussian.
http://img518.imageshack.us/img518/102/image043ri9.jpg


-Step 07 Borders
WOOT WOOT ALMOST AT THE END!
Too lazy so just follow this guy’s tutorial. Plus this is the hardest one to give a clear image without going over the size of this page so yeah….
http://mangahelpers.com/forums/showpost.php?p=228347&postcount=1


-Step 08 Final Save


1) One final look. If you missed something go back to the step that covers it and fixit! Remove any text bubbles and make it clean so the typesetter can easily type it in.
2) Resize the image to a height of 1100px
3) Look again
4) Ctrl+Alt+S
5) The settings on the left
6) Click save AND YOU ARE DONE WOW!!!
http://img242.imageshack.us/img242/2347/image045ao6.jpg


BEFORE (resized) ----- RESULT
http://img242.imageshack.us/img242/3225/06468cj6.th.jpg (http://img242.imageshack.us/img242/3225/06468cj6.jpg) --------http://img518.imageshack.us/img518/7851/47906477fc8.th.png (http://img518.imageshack.us/img518/7851/47906477fc8.png)


THE END
Will add more to it later…someday

onepiece298
05-14-2008, 07:51 AM
dang this is going to help me since i am installing photoshop right now :D

Wait dude I need that gray pattern please and sorry for double But it is the only way for poeple to know i post