Pages

Showing posts with label image. Show all posts
Showing posts with label image. Show all posts

Thursday, September 18, 2014

How to Design Speckled Image Borders in Photoshop


Some pictures look great with ornamental borders. If you want to manipulate speckled edges around your image in Photoshop, this tutorial is for you. There are many ways in creating spectacular borders for pictures, here you will learn one of them. Instructions for designing a speckled image borders in Photoshop >>

Instructions

Things Youll Need:

  • Adobe Photoshop 5.5 ~ CS4
  • Mouse/Touchpad
  • Keyboard
  • A basic knowledge of Photoshop tools functions
  1. Step 1

    Open an image in Photoshop that you want speckled borders around. The tutorial use this 425 x 425 pixels image for example.

  2. Step 2
    Border color
    Border color

    Create a new file; File > New. Make it the size slightly larger than your loaded image enough to make a border. Use any color you want for the background and foreground. Set the resolution to 72dpi. Click OK.

    Image here is 500 x 500 pixels.

  3. Step 3
    Pre-Speckles
    Pre-Speckles

    With the new file still selected, go to Filter > Artistic > Film Grain. On the Film Grain dialog window, apply these parameters to create rough outline for the speckles:

    (1)Grain: 8
    (2)Highlight Area: 3
    (3)Intensity: 3

    Click OK.

  4. Step 4
    Soften speckles
    Soften speckles

    To smooth the speckles, go to Image > Adjustment > Brightness/Contrast. Apply 54 to the Brightness, and 48 to the Contrast.

    Select again the Image, then go to Adjustment > Color Balance. Set Cyan to 100%, Green to 32%, Blue to 100%.

  5. Step 5
    Photoshop speckled borders
    Photoshop speckled borders

    Combine the speckled background image with your open image in Step 1. To do this, left-click Step 1 image and drag while holding the key; placing it on top the speckled image.

    Merge all the layers, Layer > Merge Layers to decrease file size. Save and we are done.

Read More..

Wednesday, July 16, 2014

How to Make a Transparent Image See Through for a Website with Paint Shop Pro PSP

Make a transparent see through image.





You are frustrated because you want to make a transparent image for a website and a Google search has many suggestion, all escoteric about special html and java. All the while Paint Shop Pro is quite capable of producing a picture that you can see through quite easilly. Make a PNG image.


Save this jpeg picture "dolphins.jpg" to your "Pictures" folder.



Open Paint Shop Pro.
Open "dolphins.jpg" in PSP.



Click "Layers", "New Mask Layer", "Show all".
A window will appear. Choose "OK".
You will see a "Mask" layer and a "Raster" layer appear on the right in the "Layer" window.
"Mask - Raster 1" will be highlighted. Leave it.
Click "Layers", then "Properties".
A window appears with a "Overlay color" on the left and the "Opacity" rate in percent on the right.
Changing the color on the left will not make any difference.
Changing the opacity will, but leave it at 50%.
Click "OK".


Choose the "Flood Fill Tool" in the Toolbox on the left.
Place the curser over the picture and click the left mouse button three times.
You will see the picture become more transparent with each click.


Sometimes for some unkown reason this multi-click function will not work. There is a way around this. Click "Layers", "Properties" and "General" tab, as above. Then Choose the transparency (Opacity) you want - say 50%. Click "OK". Go ahead and use the "Fill" tool to make the image transparent.
Go to the top and click "PNG". "Transparency" tab, then "Alpha channel transparency".
Click the "Download Times" tab and you will see a download time of 14 seconds for a dial-up 56k connection. This is quite high, but with PSP you cannot make it any smaller with the transparent properties.
Click "OK" and save it as "dolphins2.png"



Open your website writing software program and insert the PNG image into a webpage.

Preview it.


You will see that the image is transparent.


AN EASY WAY
Now lets do it the easy way.
Load the dolphin.jpg image.
Double left-click the top color.
Select a shade of gray, say R.192, G.192, B.192.
Go to "Layers, "New Mask Layer" and click "Show all".
Left click the image with the "Fill" tool.
Save it as a PNG image with "Alpha channel transparency" ticked.
There you are!

Why doesnt PSP tell users that the program will create transparent images?
It would certainly help sales if they did.

And by the way. Get yourself and older Jasc Paint Shop Pro 8 version. The only bug when running it on Vista and Windows 7 is you have to begin cropping an image from the bottom right to top left. Resize any picture you are working on in this way.

The new PSP software by Corel is rubbish.

I use WYSIWYG Webbuilder. It is an excellent program for building websites and has image transparency built in so you can do it on the fly without having to directly modify the image. Another program that creates see through transparencies is Snagit, but this is complicated to use.

P.S. To make the multi-click function work:

Download the Filters which are a set of 9 bmp images.

Put the images in the "Texture" folder of PSP8.

Before you select "Layers", "New Mask Layer", "Show all" do the following:

Choose a main color like "blue".

Double left click the top color in the "Materials" window.

Tick "textures".

Choose Filter 40.

Then do "Layers", "New Mask Layer", "Show all" and continue.


Read More..