Using the Tug Mask




Okay, you have a new mask, but how are you going to manage the drop shadow without seams?  Here we go!
 

Step 1
Open a new image.  Width should be 1025 if you intend to use it for a web page;  height is important later on, so remember it.  I'm using 50 because I had to use SOMETHING.

Step 2
Flood fill the new image with a tileable pattern, tileable gradient or solid color.
Next, apply the mask  (you probably didn't name your mask "tug" so choose whatever you did name it!)

Step 3
Why DID I  name it "tug"?  Because I was tugging at the straight lined edge to get the curve, of course!  LOL
After applying the mask, you want to delete the masked area by deleting the mask;  click yes to merge.
                 
 

Step 4
Can minimize that image and create a new one now.
This time the image will be the same width but the height will be 600 pixels to get a good tiling (Why 600?  Because it's large enough to show any flaws.)  Great size to do deskchecking but in this tutorial we are not just deskchecking - this is where we apply a drop shadow that will tile well.

Step 5
Set you flood fill pattern to the image you just masked, the flood fill the new image (should have a side border all the way down it.

Step 6
Apply a drop shadow at any horizontal setting you find appropriate,  andy opacity you like and and blur setting you like but keep the vertical setting  at 0.

 

Step 7
Using the rectangle selection tool with 'anti-alias' unchecked, start at any height you want in the curve and at 0 (first set of parenthesis) and drag the selection past the right end of the image and to a total height of 200 pixels (third set of parenthesis).
This image is 1025 wide, so 1050 means I'm past the end of it which means it is all included in the crop zone.

formula reads:
start drag point to stop drag point = dimensional size of image crop line (sorry - don't know that last one!)
*NOTES*
Coordinances in lower left hand corner:
left number in parenthesis is horizontal and right number is vertical;
first set of parenthesis is where I started my crop;  the horizontal is 0 and the vertical doesn't matter;
the second set of parenthesis is where I have dragged to;
the third set of parenthesis is the size I have selected.
never bothered to find out what was in the brackets;  probably something important that I would use if I knew!  LOL
For this tutorial, the important part is the 1st and 3rd set of parenthesis in that I want to make sure I start at 0 on the left and I want to drag clear over to the right edge and I want the selection to be 200 pixels tall for exact tiling because the mask was made to be 200 and the new image where I applied the mask was a percentage of that height - therefore, my finished height has to be a multiple of both.

Step 8
Next, crop to selection.  This gives you your perfect tileable image.

Step 9
To finish up your Tug, add a new raster layer.
                        

Step 10
The new layer will be on top;  in the Layer Palette click and drag it to the bottom as shown in the two images below.

Step 11
Once the new layer is on the bottom, choose a basic background tile pattern, tileable gradient or a solid color and flood fill the layer;  then Merge/Merge all.  Your side border is now ready to trim ala your creative mind.
 

*NOTES*
The mask height was 200 pixels;  tile was made with a beginning of a 50 pixel height flooded into a 600 pixel height, cropped to a 200 pixel height per the tutorial above.

The mask height was 200 pixels;  tile was made with a beginning of a 100 pixel height flooded into a 600 pixel height, cropped to a 200 pixel height.

The mask height was 200 pixels;  tile was made with a beginning of a 200 pixel height flooded into a 600 pixel height, cropped to a 200 pixel height per the tutorial above.

 

Close Window when Finished.

tutorial by CSGreen