Summer Fun (Eng.)




Scroll all the way down to see another example.


This lesson is written for PSP9, but can also be done in PSP8.
Click here to view this top border in the script from Annem@rie.


For this tutorial you'll need:



Filters:

- Filter Eye Candy 3.1 - Motion Trail - download HERE.
Put this filter in you Plugin folder.


And these supplies:


- Cloud9 Summer Fun selection, put it in your Selections folder.
- Cloud 9 Summer Fun gradient, put it in your Gradients folder.
- A horizontal picture, I put some pictures in the zip to choose from. These have the appropriate height and are ready to work with! Put these in a folder of your choice.
Download the selection, the gradient and the pictures HERE.

- The script I used comes from Annem@rie. Download the script HERE. Many thanks Annem@rie for letting me use your script! Visit her site HERE.

- If you are working with PSP 8, you also need the texture Hatch Fine. Download HERE. Put it in the Textures folder. If you work with PSP 9, you already have this texture.

If you want to use a picture of your own, resize it to exactly 350 px. height. The width may be something between 400 and 500 px. (The picture needs to be a horizontal picture.) If your picture is wider, you'll have to crop it.
Also, a picture with bright, light colors is very suitable for this tutorial.


The Top border:

1. Open a new image, width 1024 px and heigth 350 px, transparent.

2. Set your foreground color to gradient and find the Cloud9_summer fun gradient. Angle 0, Repeats 0, Invert checked. The purple part must be on top of the gradient.


3. Activate your Floodfill tool (F) and floodfill your image with the gradient. (If you are using another picture, you might want to use a gradient of your own or make one with foreground/background color.)

4. Adjust > Blur > Gaussian Blur, Radius 20.

5. Activate your little picture of 350 high. (Your picture has to be 350 high, if not, reseze it).

6. Edit > Copy (Ctrl C). Don't close the picture, we'll need it later.

7. Activate your image of 1024 x 350. Edit > Past as a new Layer (Ctrl. L). Leave this pasted image just in the middle, don't move it!!!

8. Layers > Duplicate.

9. Go to your Layer Palette and activate Raster 2, the layer in the middle.
Effects > Plugins > Eye Candy 3, Motion Trail. Length 300, Opacity 100, Direction 180 and the button "Just smear Edges" must be green.



10. Now activate in your Layer Palette the layer Copy of Raster 2 (the top layer).
Effects > Plugins > Eye Candy 3, Motion Trail. Same settings, but the direction must be set to 0.



11. The top layer is still active .
Layers > Merge > Merge Down.

12. Layers > New Raster Layer.
Selections > Load/Save Selection > Load Selection from disk. Find the cloud9_summer fun selection. Load.



13. Go to your Floodfill tool (F). Floodfill the selection with black.
Selections > Select none (Ctrl D).

14. We're going to paste the little picture on the large image once more, it's still in the memory.
Edit > Paste > Paste as a new Layer (Ctrl L) DON'T MOVE THE PICTURE!
Selections > Select All (Ctlr A)
Selections > Float (Ctrl F)
Selections > Defloat (Shift Ctrl F)
Selections > Invert (Shift Ctrl I)
Go to your Layer Palette and make Layer 2 active (the one with the Eye Candy Motion Trail effect).
Adjust > Blur > Gaussian Blur, Radius 2 (or 3 or 4).
Selections > Select none (Ctrl D).

15. Go to your Layer Palette and make the top Layer active (Raster 4).
Activate your Selection tool (S) and go to Custom Selection.



Fil in: Top 15, Left 0, Right 1024, Bottom 335 as shown below.



Selections > Invert (Shift Ctrl I).
Hit the Delete key of your keyboard.
Selections > Select none (Ctrl D).
(You won't see much happen, but that's OK.)

16. Selections > Select all (Ctrl A).
Selections > Float (Ctrl F). The just pasted image is selected now.
Selections > Defloat (Shift Ctrl F).

17. Floodfill tool (F). Make sure the Match Mode is set to "None". Floodfill the selection with black.

18. Selections > Modify > Contract 1.

19. Hit the Delete key of your key board. KEEP THE SELECTION IN TACT!!!

20. Go to your Layer Palette and activate raster 3, the one wiht all the black lines. Hit the Delete Key of your key board once again.
Selections > Select None (Ctrl D).

21. In your Layer Palette, select the top layer, Raster 4.
Layers > Merge > Merge Down.

22. Go to your little picture of 350 px high and activate it.

23. Image > Resize (Shift S). Set the height to 250 pixels, everything checked, as shown in the preview below:


Adjust > Sharpness > Sharpen.

24. The height of the picture I am using is now 250 and the width is 320 px. If you are using a different picture, the width may be different. If so, write down the width of your picture on a piece of paper.

25. Effects > Image Effects > Offset. Center and Wrap must be checked. The numbers will have automaticly the right value. OK.



The picture is now devided into 4 rectangular sections, like below:



26. Activate your Selection tool (S) and then Custom Selection.


If you are using the picture that I'm using here, fill in: Top 0, Left 0, Right 160, Bottom 125. If you are using a different picture, fill in the Right box the half of the width of your picture. The other numbers will remain the same.


Edit > Copy (Ctrl C).

Now activate the large image of 1024 x 350 px. Edit > Paste > Paste as a new Layer (Ctrl L).
Now activate your Move tool (M) and move this little picture to the upper left corner, exactly between the black lines, as shown below. (Zoom in!)


27. Activate your picture with the four sections. Selections > Select none (Ctrl D)
Activate your Selection Tool (S). Custom Selection.
Fill in: Top 125, Left 160 (of the half of the width of your picture), Right 320 (or the width of your picture), Bottom 250.


Edit > Copy (Ctrl C).

Go to the large image of 1024 x 350 px. Edit > Paste > Paste as a new Layer (Ctrl L).
Activate your Move Tool (M) and move this little picture to the bottom left corner, exactly between the black lines, as shown below.



28. Go to your picture with the four sections. Selections > Select none (Ctrl D).
Activate your Selection Tool (S), Custom selection. Fill in: Top 0, Left 160 (or the half of the width of your picture), Right 320 (or the width of your picture), Bottom 125.



Edit > Copy (Ctrl C).

Now activate the large image of 1024 width.
Edit > Paste > Paste as a new Layer (Ctrl L).
Move this little picture to the upper right corner, exactly between the black lines, as shown below:



29. Activate again the picure with the four sections. Selections > Select none (Ctrl D).
Activate your Selection Tool (S), Custom Selection. Fill in: Top 125, Left 0, Right 160 (or the half of the width of your picture), Bottom 250.



Edit > Copy (Ctrl C).

Activate the large image of 1024 width. Edit > Paste > Paste as a new Layer (Ctrl L).
Move this little picture to the bottom right corner, exactly between the black lines, as shown below:



Check if the little pictures are exactly in the right place, you can still move them in the right place with your Move Tool. Make sure they don't overlap the black lines!!! Of course you can place the little pictures in a different order on your image, of mirror them if you want to.

30. Go to your Layer Palette and select the layer with the little picture in the upper left corner. For me this is Raster 4. (You can see what's on a layer by holding your mouse cursor on the layer. A little pop-up will appear to show you what's on the layer.)



Effects > Plugins > Eye Candy 3.1 > Motion Trail. Same settings as before, but move the top slide for Length back to 50 and set the Direction to 180.



31. Go to your Layer Palette and select the little picture in the bottom left corner (for me Raster 5).
Again Eye Candy Motion Trail, same settings as above in step 30.

32. Go to your Layer Palette and select the little picture in the upper right corner (for me Raster 6).
Again Eye Candy Motion Trail same settings, but now with the Direction set to 0



33. Go to your Layer Palette and select the little picture in the bottom right corner (for me Raster 7).
Again Eye Candy Motion Trail same settings as in step 32.

34. Go to your Layer Palette and lock the three bottom layers, Raster 1, 2 and 3 by clicking the little eye.
Only the four layers of the little pictures are left open.
Activate the top layer. Layers > Merge > Merge visible.
Open Raster 1, 2 and 3 by clicking the little eye again.

35. Set the Blend Mode of the top layer (the one with the little pictures) to Luminance Legacy, or a blend mode you like best. Turn eventually the layer opacity a little down.

36. In your Layer Palette, activate the layer with the black lines (Raster 3).
Layers > Arrange > Bring to Top.
Effects > 3D Effects > Drop Shadow. Vertical and Horizontal 2, Opacity 60, Blur 6, Color Black.



37. Layers > New Raster Layer.
Layers > Arrange > Move Down.
Once again Layers > Arrange > Move Down.

38. Activate your Text Tool (T). Settings: Floating, Font: Verdana (this font comes with Windows), Size 38 (type in the little box manually), Stroke Width 0, B(old) Activated and Anti Alias OFF (Or anti alias unchecked if you are working with psp 8.)



Set your background color to a nice bright color of your image. I chose #6bdce3
Put your mouse cursor between the little pictures on te left side of your image and type the letter " l " (the 12th character in the alphabet, not the capital). Apply.
Move the letter against the left edge of the image, exactly between the black lines, like below. (Zoom in!)



39. When you have put the letter exactly into his place, Selections > Select none (Ctrl D).

40. Effects > Plugins > Eye Candy 3.1 > Motion Trail. Length 250, Opacity 100, Direction 0, the button Just Smear Edges has to be green.



We have now this:



41. If you want the same color on the right side, you can do this (if not, skip this step and go to step 42):
Layers > Duplicate.
Image > Mirror (Ctrl M). If necessary, move this strip exactly into its place against the right edge of the image, between the black lines as shown in step 42 below.

42. If you did step 41, you can skip this step and move on to step 45.
Layers > New Raster Layer.
Activate your Text Tool (T). Same settings as in step 38.
Type the letter " l " again. Now change your background color to another bright color from your image. I chose for #cde71d Move the letter exactly against the right edge, between the black lines, as shown below.



43. Selections > Select none (Ctrl D).

44. Effects > Plugins > Eye Candy 3.1 > Motion Trail. Same settings as in step 40, only change the Direction to 180.



We have now this:



45. Layer > New Raster Layer.
Activate your Text Tool (T). Settings: Floating, Font: Verdana, Size 18, Stroke Width 0, B(old) NOT ACTIVATED and Anti Alias SHARP. (Or anti alias checked if you are working with psp 8.) Background color WHITE.



Set your mouse cursor on the strip on the left side and type: r e a d y   f o r  Between every character a space and between the words 'ready' and 'for' 3 spaces. (Or type your own text.) Apply. Leave the selection in tact. Move the text to the middle of the colored strip, like below:



If you are satisfied, Selections > Select none (Ctrl D).

46. Layers > New Raster Layer.
Activate your Text Tool (T) with the same settings.
Put your mouse cursor on the colored strip on the right side. Type the text (or a text of your own):
s u m m e r   f u n   Between every character again a space and between the words 'summer' and 'fun' 3 spaces. Apply. Leave the selection in tact. Move the text to the middle of the colored strip, like below:



If you are satisfied, Selections > Select none (Ctrl D).

47. Layers > Merge > Merge Down.
Effects > 3D Effects > Drop Shadow. Vertical and Horizontal 1, Opacity 25, Blur 4, Color Black.



48. Sign your work and your top border is ready!

If you want, continue with a simple background.



The background:

49. Open new image, 200 x 200 px, transparent.

50. Floodfill Tool (F), floodfill your image with a not too light color from your topborder. I chose for #a0b4d6

51. Layers > New Raster Layer.
Set your foreground color to white and click the "texture" dot, the one in the middle, right below the foreground color box.

52. Find the texture Hatch Fine. Angle 0, Scale 100.
This texture comes with psp 9. If you are working with psp 8, you'll have to download it from my site and put it in your Textures folder.



53. Flood fill your image with the texture. Click once or twice. If the texture is too heavy, you can lower the opacity of this layer a little.

54. You don't have to make the background seamless, it already is.
The background is ready now, save as a jpg and it can be used as a background in an e-mail.

Now you can put the top border and the background in the supplied script from Annem@rie!

I hope you enjoyed this tutorial!

Alian.

An example with another picture:




Home Guestbook Contact