Beginner’s Borders

Surprisingly, borders are often difficult for new cleaners. Perhaps it’s because there are so many methods of doing borders out there that it’s confusing when you first get started. Let me break it down:

1. Borders must be straight. This may seem like a no-brainer, but you’d be surprised.
2. Borders must be a constant width. Simple again, right?
3. Borders must have sharp 90° corners (unless one of the lines is diagonal).

As always, different groups will have different parameters for their scanlations. For Shannaro, we had 2 px border lines on a 1200 px high raw. For M7, we have 8 px lines on a 3600 px high raw that gets resized. Regardless, the three rules stated above will apply to virtually every group.

PENCIL TOOL & PAINT BUCKET METHOD (WITH GUIDES)

To me, this is a conceptually very simple method, and the guides will assure accuracy.

1) MAKE A NEW LAYER FOR YOUR BORDERS.

2) Use guides to determine where you want your borders to be. Click on the ruler that’s at the top or left side of the page and hold the button down as you drag the cursor onto the page. You’ll see a dotted line appear, which will turn blue when you let go of the mouse button. If you don’t see a ruler, press CTRL-R (Command-R for Macs).

Place a guide for every border you’re going to draw. To move a guide, use the Move Tool and drag it exactly where you want it.

No page will ever have perfectly aligned borders, so don’t worry if you have to clip off a few pixels from the panels. Try to keep the raw borders outside the guides.

[spoiler]

picture-16.png

[/spoiler]

3) Choose the Pencil Tool and set the width to whatever your group’s standard is (e.g. 3 pixels wide). Make sure you’re on your Borders Layer!!!

4) Start at one corner of a panel border, hold down the Shift key, and draw a straight line along the border. Your Pencil Tool will snap to the guides, so this process should be pretty quick and painless. Do that for all the vertical and horizontal borders.

[spoiler]

picture-15.png

[/spoiler]See how the raw border is on the outside of my red border line? You will lose a few pixels from the image with this method. If you are clipping too much from the panel, try rotating the page differently to straighten it out. Sometimes, correcting for one border will screw up another. Do the best you can.

*** If you have a DIAGONAL panel border, use the Line Tool set to the appropriate width and make sure there is a check in the box for anti-aliasing.

[spoiler]

picture-17.png

Note that you can still set a guide for each end of the diagonal line.

[/spoiler]

5) Once you have redrawn all of the panel borders, select the Paint Bucket Tool, and make sure “Contiguous” and “Anti-aliased” are checked on the toolbar at the top. Now dump white in the space between the borders you just drew.

[spoiler]

picture-18.png

[/spoiler]

Notice the area outside the borders is perfectly white with the raw border and all the dust and dirt covered.

6) If you covered over any SFX or speech bubbles, you’ll have to erase that part of the border with the Eraser Tool. Set the opacity of the border layer to 75% so you can see which areas need to be erased.

[spoiler]

border_07.png

Top left: The border layer is covering the SFX.
Top right: Reduce the opacity of the border layer.
Bottom left: Erase the border area covering the SFX.
Bottom right: Restore the opacity of the border layer to 100%
[/spoiler]

Also, if a panel goes right to the edge of a page, it does NOT get a border.

[spoiler]

picture-21.png

[/spoiler]

After thinking long and hard, I decided that this was the quickest method for doing borders with the least chance for messing up. Also, it should work for pretty much everyone regardless of your group’s requirements.

If your group uses a border 4 px or wider, there may be gaps left in the corners since the 4 px Pencil brush looks like a + instead of a square. Just go back and add the missing pixels with the Pencil at 3 px.

Or if you’re feeling daring, you can make a square-shaped brush just for doing borders (my Bleach border brush is 8 px by 8 px). When I have time, I’ll put up a short guide for making custom Photoshop brushes since it’s so insanely easy…

29 Responses to “Beginner’s Borders”

  1. Anon Says:

    I tried this method with CS3 and I don’t quite get it’s point. You didn’t tell us how many times to use the photo bucket. If you keep using it, you soon white out your whole page. Also I tried whiting it out until just the gray border is left, but that is impossible. It comes out uneven. Is there a way once you have your rulers, and pencil work down that you can simply white out everything in one go? Also don’t you have to paint the red (in my case grey) border back to black?

  2. chiresakura Says:

    Good questions! For the Paint Bucket, you only need to use it once. After you click, the area in which you clicked should then turn white. If there is another section that needs to be white, but did not turn white, it’s because it’s not connected to the section you just painted. The Paint Bucket only fills in continuous areas.

    Also, make sure when you use the Pencil Tool, you have it set to black. The reason it appears red in this tutorial is so that you can easily see which lines I made and which lines are from the raw.

    My guess for why the Paint Bucket may not be working for you is that you drew your border lines directly on the raw. Make sure you make a new layer that only contains the black border lines and the white fill in between.

    I hope this answers your questions, and I’ll edit the tutorial to make these points more clear. Thanks!

  3. Anon Says:

    Thanks for responding. Yeah I think I messed up on the layer side. Also I didn’t choose gray, but it kept turning back to gray. Anyway great tutorial, and thanks.

  4. Anon Says:

    Anon back again. Just came across some info that tolerance decides how much you want to wipe out. My default (I’m pretty sure I didn’t mess with it) tolerance level was 32. The first time I had to take it up to 254 (out of 255) to get it to white out the dirt without touching my borders, though even that left some dirt. 255 wipes it all out.
    …..
    Okay, I just played around with it again, and now 254 wipes out everything. 225 is how far I can go now. Can you or someone tell me their tolerance rating? Thanks.

  5. chiresakura Says:

    Huh, I never really looked at tolerance before… Mine is set at 29. I don’t know if that’s a default or what, but it always works for me. Also, don’t forget to make sure you have the Anti-aliased and the Contiguous boxes checked.

  6. CupofDice Says:

    Anon^ is back again. I am actually Dice of Noizy Scanlations :P. Looking for a faster way to do borders (since using the rectangle tool takes too much time), I came back to this method. Anyway I found out my problem. It was the layers. I am in the habit of using Duplicate Layer (I still don’t get the importance of layers), when what I needed in this case was a new layer which I got at the bottom of the layer box. This has fixed my problem. One hit of paint bucket at 32 tolerance takes care of all the color outside of the new borders. Thanks for the tutorial. Cheers.

  7. chiresakura Says:

    Glad you figured it out! Not to muddy the waters, but I have another tutorial here, which is the fastest way for me personally to do borders. It uses Guides and the Polygonal Lasso – you can find it in the Borders category on the right.

    There’s a brief tutorial for using layers, too, but I guess it all depends on what you’re cleaning. I have a zillion new layers for HQ Bleach and only a handful of duplicates for Bride of the Water God. Whatever gets the job done!

  8. docthy Says:

    Nice Learned Borders. thanks

  9. zaan16 Says:

    Thanks for this awesome tutorial
    It helps me much because I’m a Newbie Cleaner
    Anyway,I want to ask about the diagonal line
    After using Paint Bucket Tool,there is always some blank spot (didn’t got rebordered) at the corner of the diagonal panel
    Is that always happen when using this method or you have some tricky way to finish it up ?

  10. chiresakura Says:

    I’m not entirely sure what you mean, but whenever the paint bucket doesn’t seem to be working, my first question is “are the border lines on their own layer?” If they aren’t, then the bucket won’t fill properly. If this doesn’t help, can you post a screenshot of what you’re talking about? Thanks ^_^

  11. zaan16 Says:

    I do it exactly like your tutorial.
    The border lines are in their own layer.
    And there aren’t any problems except the diagonal lines.
    Well, how do I post my screenshoot here ?
    And there is another question.
    Can I post your tutorial at any other site ?
    Of course I’ll write proper credits ^^
    Thx

  12. chiresakura Says:

    After you take a screenshot (Google it if you’re not sure how to), you can upload it to imageshack.us and post a link here. As for posting the tutorial on other sites, I’ve found it’s better for people to link back to my page since sometimes I make updates or add comments. That way you can stay updated without having to constantly check back ;)

  13. zaan16 Says:

    I’ll upload the screenshot as soon as I have that problem again ^^
    For posting your tutorial, I’m not simply copy+paste your post here.
    But I translate it to Indonesian so my other comrades (lol) that didn’t understand English well know how this tutorial works.
    (Actually I already post it,sorry)
    Anyway thanks for the feedback ^o^

  14. Areleos Says:

    I can’t seem to get my pencil line to go red. Should I change the image to RGB because I can’t seem to be able to this in Gray? All the pencil lines I draw come out gray which is really quite annoying.

  15. chiresakura Says:

    I only used red so that you could easily see what I was drawing. For your borders, you should use black. You can change your colors in photoshop using the little palette squares beneath the tool icons.

  16. Emmi Says:

    How to you get rid of the light blue lines once you’ve finished?

  17. chiresakura Says:

    I think Ctrl-H will clear the lines. Alternatively, you can go to the View menu and “Clear Guides” or unselect “Extras”.

  18. CamelliasinaDrawer Says:

    This tutorial is absolutely amazing and I don’t think it’s possible to do it any better!!!! When I do the bucket fill thought is it supposed to cover the Japanese writing at the top if so it doesn’t seem to be working. I choose the bucket fill, rectangle select the page and switched the color to white but it doesn’t do anything!!! thanks in advanced for your help!!!!!

    CiaD

    p.s if anything doesn’t make sense sorry!!! im not used to typing proper english.

  19. chiresakura Says:

    Hmmm… are you making your border lines on a separate layer from the raw? Make sure you’re using the Paint Bucket on the border layer ;)

  20. Randomdude02 Says:

    Hm…. well, hopefully I’m just missing something here, but I don’t understand what the blue lines are an where they come from.

    It says to click the ruler. Well, on the program I’m using (Adobe Photoshop Elements 7.0) I don’t see any ruler. The only thing close is a “View” option that lets me see the ruler on the border of the page, similar to yours in the tutorial.

    Maybe I just plain don’t have it, as the this is a different program from normal Photoshop.

    If this is the case, are there any alternatives on the site? Even if it’s more complicated, I’m willing to give it a go.

  21. chiresakura Says:

    Hmmm… I’m not really familiar with PS Elements, but I googled it real fast and it looks like your guides can’t be moved around the way I describe here. I think you will likely run into more trouble editing further down the road (can you do levels or filters in Elements?), so it might be best to jump ship and give GIMP (freeware) a try if you’re not willing to acquire a copy of Photoshop CS#. Good luck!

  22. Another Anon Says:

    Hey, nice tutorial, to begin with, but I have a question.

    When I try to get the blue lines to appear using the ruler, they just don’t appear on the image. I’m dragging it from the topleft do the picture, but it ain’t happening.

    Currently using PS CS4 on 64-bit, if that’s important.

  23. chiresakura Says:

    I’m not sure what you mean from the top left, but try dragging from either the top ruler or the left ruler. I’m not sure what happens if you go from a corner… If that’s not addressing your problem, can you try taking a screenshot?

  24. Getsumu Says:

    Yeah you have to use the top or left ruler to draw out a line. If you draw if from the corner no guidelines appear :P

  25. Mapringg Says:

    i cannot get the color of the pencil to be red
    it is very hard for me to see
    what should i do

  26. onix Says:

    Hi, I don`t know how to make the border 90` and I don`t quite understand about it….can you make picture about how to make border 90` instead of using word?

  27. Visitor Says:

    Thank you so much for the guide. It’s very helpful.
    The only problem I’ve run into is the bucket tool. When I use it to clear up space, a pop-up window appears, saying, “Could not use paint bucket tool because the affected area is empty or does not overlap the canvas.”
    I’m at a loss as to what to do, ahaha. >-<

  28. chiresakura Says:

    I *think* this happens if you try to edit the page outside of a selection. So if you make a selection using the marquee or lasso tool, you can only make changes inside that selection. So make sure you are dumping your paint bucket in the selection. I think I remember getting this error when I didn’t realize I had made a selection. Hist CMD-D or CTRL-D to clear selections, and then try using the bucket again.

  29. anon Says:

    Okay, this is pretty stupid of me but I guess I don’t see what you’re trying to do. What is the purpose of borders?

Leave a Reply






Warning: fsockopen() [function.fsockopen]: php_network_getaddresses: getaddrinfo failed: Name or service not known in /home/kagey0/public_html/senbonzakura/wp-content/plugins/wp-shortstat.php on line 128

Warning: fsockopen() [function.fsockopen]: unable to connect to udp://whois.happyarts.net:8000 (php_network_getaddresses: getaddrinfo failed: Name or service not known) in /home/kagey0/public_html/senbonzakura/wp-content/plugins/wp-shortstat.php on line 128

Warning: stream_set_timeout() expects parameter 1 to be resource, boolean given in /home/kagey0/public_html/senbonzakura/wp-content/plugins/wp-shortstat.php on line 129