Webby's
Scattered Woven Tag Tutorial
written by:
Yourwebness
"Underwater Dream"
Copyright ©2000
by
Fabiana Kofman. All rights reserved worldwide.
This tutorial was created with Paint Shop Pro 8, but the steps can be adapted to
all versions of PSP.
By another special request, I am writing this tutorial,
I am a bit out of practice! I must warn you this tutorial IS lengthy.
There are many steps involved, but it really IS quite easy.
Items needed for this tut:
http://membres.lycos.fr/pspabc/fiche9.htm
(*please note, this page and this plug-in are both GERMAN. This is
a great plug-in, so it is just something you will need to "wing")
LARGE
colorful graphic -
I have selected an awesome new work of art by Jim Warren who has so
generously granted me permission to use his work in my tutorials.
Please be sure to check out his site if you have not already, you will
not be disappointed,
http://www.jimwarren.com/.
Okay, I am going to use the following picture (it is
411 x 322),
is is by one of my favorite artists,
Jim Warren, and the title
of the painting is
"Fearless
Fairies":
Copyright ©2003
by Jim Warren Studios. All rights reserved worldwide.
1. Click SHIFT + D to make a duplicate copy of your graphics. You now have your original, and
1 copy. Close the original.
3. Click ADJUST > SHARPNESS > SHARPEN, your image will now look like this (after resizing it is best to sharpen!):
The difference is subtle, but look closely at the 2
pictures, you can clearly see the 2nd picture looks much better! Minimize
this image for a moment.
5. With your plain colored image you just created selected, click EFFECTS >
Filter Attacks > Filter Attacks. This is what Filter Attacks looks like when you pull it up:
6.
Click on FILTER (on the bottom, see the image
above). The border menu will appear as shown below:
7. Then click on the "down arrow" towards the
bottom.
8. Click this arrow a total of 4 times, the
following menu should be displayed now:
9. Click on the red oval to the left of the
bottom border (Border: Linien). The Linien border filter will be selected,
and the following screen will appear to allow you to select your settings:
Zoom - Designates how big you want the center
portion of the image
Anzahl - How many frames appear around the center
section
Schattenstärke - The beveling of the frames
Schattentiefe - The amount of shadow that appears
on the frames
That is not much to go on, but it will help you to
understand, unless you speak German! Now because we will be adding our
image to this template we do not want a bevel or a shadow on this image.
We will do that later. These are the settings that I used (3 white and 3
blue frames appeared).
11. Click the big gray arrow in the bottom
right corner to apply these settings (when you put your mouse over the arrow it
turns red). My blue image looks like this.
12.
Now we need to make this a transparent image. Click LAYERS > PROMOTE
BACKGROUND LAYER. Basically it looks the same, except it is a layer rather
than a background image (look at the top of the image, mine says Raster 1).
Here is what it looks like:
13. We need to remove the white, so we can
see our transparent background. Using your magic wand, click one of the
white frames, and hold down the SHIFT button while click on the other white
frames to get them all selected. Your image should look like this:
14. Press the DELETE key on your keyboard.
The white should now be gone, and you should be able to see your transparent
grid below. DO NOT DESELECT! Hopefully you have something like this:
15.
Now, we need a duplicate of this template.
Click SHIFT + D to make a duplicate copy. Since you did not deselect, you
should have "dancing ants" on this image too. That makes changing the
color of this image easier. To make this simpler, we are going to change
the color of one of our templates. Like the original template, the color
does not matter, as it is a temporary color. Select your 2nd template.
Click SELECTIONS > INVERT. You should now have your colored frame selected
rather than the transparent portion. This is mine (look closely, you will
see the difference):
16. Click on your Flood Fill tool
and then select
your second color (I am using red). Leave this template select also!
This is my second template:
17.
Okay, now we need a new blank transparent image to
create our tag. Now you need to select a square, sized between 50-100
LARGER than your images largest side. My image is 300 x 235, so my new
image will be 400 x 400 (we can resize later if we want). I don't think
you need to see a blank 400 x 400 image!
19. Click LAYERS > PROPERTIES, and rename layer 2 to Blue Template (or
whatever color you used).
20.
Select your second template (the red one for me), click EDIT > COPY. Then
click on your new image (the 400 x 400 blank one) and select EDIT > PASTE AS NEW
LAYER. Your second template should completely cover your first.
21.
Click LAYERS > PROPERTIES, and rename this layer to Red Template (or whatever
color you used). You should now have 3 layers, and they should be named
something like this:
22. It is time to rotate one of our
templates. Now based on your image, you may decide to change this portion.
My image is wider than it is tall, so I will be rotating my BLUE template (that
is the middle layer). If your image is taller than it is wide, you may
want to rotate the "RED" layer as I have things shown. The reason for this
is that center image. Okay click on the layer you will be rotating to
select it, for me RED. Then click on IMAGE > ROTATE. The "Rotate
Image" dialog box will appear. Now because our image is just plain, it
does not matter if it is left or right.
23.
Click OK. The template you selected
will now be rotate, and it should look something like this:
24.
We need to put these 2 templates where we want them, and then we can add our
image to the templates. Using your mover tool, move one or both of the
templates to line them up. To
ensure they are lined up precisely, you may want to enlarge (to 200%) to verify
proper alignment). You can line them up any of a few ways, but it should
be something similar to this:
25. Okay ready to add our picture? Select your 2nd layer (blue
template), and click on SELECTIONS > SELECT ALL, then SELECTIONS > FLOAT.
It should look like this now:
26. Click on the graphic image you minimized
at the beginning of the tutorial. Using your style palette, select the
image graphic you will be using (Jim Warren's Fearless Fairies for me). I
have placed this image as the foreground image.
27. Using your flood fill tool, flood fill
the select "dancing ants" areas of the "blue template". SELECTIONS > SELECT NONE
My image now looks like this:
28. Now select the "red template" layer and
complete steps 25-27. Your image should now look something like this:
30. Select one of your 2 template layers,
SELECTIONS > SELECT ALL, then SELECTIONS > FLOAT. Select EFFECTS > 3D
EFFECTS > INNER BEVEL then click OK. SELECTIONS > SELECT NONE. Apply
the same setting to your other template layer. You can use other settings
if you wish, these are the setting that I have used:
31. Once both template layers have the bevel
applied, your image should look something like this:
32. You have to do is figure out how you want
to weave your frames with each other. To give your frames the "woven" effect,
you just need to erase part of the images that overlap each other. Be sure
you are on the top layer. Zooming in makes this process much easier to see
exactly what you are doing. To make this a bit easier, you can flood fill
what is your bottom layer (not the templates of course) with a vibrant color not
used in your graphic. I have changed the bottom layer to hot pink, this of
course is only temporary.
33. Now select your TOP layer (mine is named
red template, you can always change the layer names again by going to the layer
properties). Carefully use the eraser tool, the lasso, or whatever tool
you feel most confident with using. Personally I prefer the eraser tool, I
select the shape of square. These are the settings I used on the eraser
tool:
After weaving my layers together by erasing parts
of the top layer, this is what it looks like:
34. We need to merge our 2 template layers
together. But we don't need that temporary bottom layer (hot pink layer), so
select your bottom layer, and then click LAYERS > DELETE. Your image now
has just your 2 "template" layers, and should look like this one (kinda).
35. Click on LAYERS > MERGE > MERGE VISIBLE
36. Time for a little drop shadow, EFFECTS >
3D EFFECTS > DROP SHADOW, then click OK. You can use any settings you
wish, this is what I used:
37. Your current image after the drop shadow
has been applied, will now look something like this:
38. I know you are getting tired, so let's
finish this up, stay with me! Create a new layer, and name it "Back".
(click LAYERS > NEW RASTER LAYER)
39. Select a complimentary color from your
image using the Dropper Tool, and then Flood Fill your "Back" layer (which is
currently your top layer).
40. Click on EFFECTS > FANTASTIC MACHINES >
PAINT ENGINE. Select "outlines" from the dropdown menu. If this is
not a preset you already have, here are the settings (then click SAVE... and
name it "outlines"), then click APPLY at the top.
41. Now we need to move our "BACK" layer so
it is underneath our frame image. Click LAYERS > ARRANGE > SEND TO BOTTOM.
Click LAYERS > MERGE > MERGE VISIBLE. Your graphics should now look
something like this:
42. Have your original color that you made
your "BACK" layer from (before Paint Engine was applied) as your background
color, or if you prefer, you can use white.
43. Click
EFFECTS > Filter Attacks > Filter Attacks. The main menu will appear as I
showed you above when we initially used this plug-in. We are using the
very first filter that comes up when you open Filter Attacks. Again, you
will need to "ballpark" the slider settings, but this is what I am using:
Once you have your settings where you want them,
click on the gray arrow in the right corner to apply these settings. Right
now, my tag looks like this:
44. Create a new layer, and name it "Back2".
(click LAYERS > NEW RASTER LAYER). Using a second complimentary, flood
fill your "back2" layer. Then apply the same setting from Paint Engine (as
in Step 40).
45. Move our "BACK2" layer so it is
underneath our frame image. Click LAYERS > ARRANGE > SEND TO BOTTOM.
Click LAYERS > MERGE > MERGE VISIBLE. Your graphics should now look
something like this:
46. Select the layer your graphic is one, and
add some drop shadow. The settings I used were:
47. Repeat the drop shadow changing the
Offset for Vertical and Horizontal from "8" to "-8". Click OK.
48. Click LAYERS > MERGE > MERGE ALL FLATTEN
49. Resize if ya like, and be sure to
sharpen! You are done!! Yes, FINALLY! Decorate as you like, or
leave it as it is, here is mine!
I would love to see your results! Or if ya have a question or comment about this tut, please e-mail me at this link:
Webby's
Scattered Woven Tag Tutorial Comments!
2. Resize one of the copies so the longest side (either height or width) is 300. My image
was 411 x 322, so If I
change the width to 300, the height will be 235 (that is 73 % of the original size). Click OK. Your resized image should look like this:
4. Create a new image (any color, it
doesn't matter, it is just a temporary color, don't use white or back, select a
vibrant color easy to work with.) the SAME size as your current graphic.
My new image will be 300 x 235.
10.
You will need to adjust the four sliders on the
right side. Now, since no "numbers" appear for exact settings, we have to
"eyeball" it. Let me tell you the small amount I have understood about
this filter:
18. Okay, now select your first template (the
blue one for me), click on SELECTIONS > INVERT (to make sure that the color is
selected), and click EDIT > COPY. Then click on your new image (the 400 x
400 blank one) and select EDIT > PASTE AS NEW LAYER.
29. Now based on the image you chose, you may not like how you positioned
your red/blue templates earlier. Well, Now is when we correct them!
Use your mover tool if you are not satisfied with the images alignment. I
am going to move mine so you don't see 2 separate tiger faces. This does
happen, so I wanted to show you this option. Make sure you zoom in to
double check your alignment, otherwise it will be very noticeable later in the
completed tag. Okay, this looks much better!
