|
All graphics on this site are copyright � 1998 by Dr. Jo Ann/Visual
Sonnets. Please, see the Terms of Usage
on the Sets page for use of graphics.
|
|
First Tutorial on Creating Interesting Textures
|
|
![welcome.jpg (6585 bytes)](welcome.jpg)
|
|
It is often handy to have a few textures up your sleeve, or to
be able to create them quickly and easily. You will only need Paint Shop Pro 5 for
this tutorial. A demo copy can be obtained from the Jasc
site.
|
|
Step 1 |
![drip.jpg (543 bytes)](drip.jpg)
|
Open a new image with a white background. I used 100 x 100, but you
may wish to go larger if you intend to resize. |
Step 2 |
![drip.jpg (543 bytes)](drip.jpg)
|
Add random noise to this background. Make it uniform and 100%. |
Step 3 |
![drip.jpg (543 bytes)](drip.jpg)
|
Convert this to greyscale, and then increase the color depth back
to 16 Million. |
Step 4 |
![drip.jpg (543 bytes)](drip.jpg)
|
Go to Image Effects/Other and use Mosaic with the pixel size set to 4 x 4. |
Step 5 |
![drip.jpg (543 bytes)](drip.jpg)
|
Now apply the Dilate filter and then the Emboss. |
Step 6 |
![drip.jpg (543 bytes)](drip.jpg)
|
Add a new layer and call it Color. Flood fill this layer with some
fairly deep solid color. To make this set I chose a rich brown. |
Step 7 |
![drip.jpg (543 bytes)](drip.jpg)
|
Adjust the slider on the Color layer until you can see the patterned layer
below, and you have the color you want. |
Step 8 |
![drip.jpg (543 bytes)](drip.jpg)
|
Now go back to the background layer and play around with its brightness
and contrast. |
Step 9 |
![drip.jpg (543 bytes)](drip.jpg)
|
Iterate on Steps 7 and 8 until you obtain the effect you want. |
Alt A |
![drip.jpg (543 bytes)](drip.jpg)
|
Another option is to emboss without doing the dilate, this gives a
slightly different effect. |
Alt B |
![drip.jpg (543 bytes)](drip.jpg)
|
Yet another option is to Gaussian blur rather than dilate. |
Alt C |
![drip.jpg (543 bytes)](drip.jpg)
|
Try using the motion blur, as another alternative. |
|
![steam-coffee-sm.jpg (953 bytes)](steam-coffee-sm.jpg) |
Below, are examples with different settings.
They are all based on the same layer of random noise. |
|
|
![coffee-bar.jpg (2093 bytes)](coffee-bar.jpg)
|
|
|
![swatch-1.jpg (702 bytes)](swatch-1.jpg)
|
- Mosaic - 4 x 4
- Dilate
- Emboss
- Color - 128, 45, 0 (RGB) with Opacity 50%
- Pattern - Brightness: +20%, Contrast: +20%
|
![swatch-2.jpg (771 bytes)](swatch-2.jpg)
|
- Mosaic - 4 x 4
- Emboss (no dilate)
- Color as above with Opacity 50%
- Pattern - Brightness: +20%, Contrast: +30
|
![swatch-3.jpg (686 bytes)](swatch-3.jpg)
|
- Mosaic - 2 x 8
- Dilate
- Emboss
- Color as above with Opacity 50%
- Pattern - Brightness: +20%, Contrast: +30%
|
![swatch-4.jpg (682 bytes)](swatch-4.jpg)
|
- Mosaic - 8 x 2
- Dilate
- Emboss
- Color as above with Opacity 50%
- Pattern - Brightness: +20%, Contrast: +30%
|
![swatch-5.jpg (727 bytes)](swatch-5.jpg)
|
- Mosaic - 4 x 4
- Gaussian blur with a radius of 0.50
- Emboss
- Color as above with Opacity 50%
- Pattern - Brightness: +20%, Contrast: +30%
|
![swatch-6.jpg (618 bytes)](swatch-6.jpg)
|
- Mosaic - 4 x 4
- Gaussian blur with a radius of 1.00
- Emboss
- Color as above with Opacity 50%
- Pattern - Brightness: +20%, Contrast: +30%
|
![swatch-7.jpg (632 bytes)](swatch-7.jpg)
|
- Mosaic - 4 x 4
- Motion blur with angle of 0 and 4 pixels
- Emboss
- Color as above with Opacity 50%
- Pattern - Brightness: +20%, Contrast: +30%
|
![swatch-8.jpg (536 bytes)](swatch-8.jpg)
|
- Mosaic - 4 x 4
- Motion blur with angle of 0 and 8 pixels
- Emboss
- Color as above with Opacity 50%
- Pattern - Brightness: +20%, Contrast: +30%
|
|
|
![coffee-bar.jpg (2093 bytes)](coffee-bar.jpg)
|
|
I know that the differences between the above samples is pretty subtle,
but they are there, and can be tweaked to get just the effect you desire. |
|
![coffee-bar.jpg (2093 bytes)](coffee-bar.jpg)
|
|
Okay, so just how did I make the border for this page? I
used the texture which I generated in the first example. I used the FOOD! dingbat
for the coffee cup. I then used a modified version of Mardi's cutout effect from the
Webgraphics on a Budget site.I used the
eyedropper to grab a color from the texture. I deepened that a bit and used it to
fill in the cutout. I then lightened the color quite a bit and used that for the
drop shadow. I added another layer. With the cup still selected, I spray
painted the steam, Gaussian blurred it, and then lowered the opacity. The rest is
typical border stuff with drop shadows, etc. |
|
![coffee-bar.jpg (2093 bytes)](coffee-bar.jpg)
|
|
Any comments or questions are welcome.
Contact me via e-mail. |
|
|
|
![coffee-bar.jpg (2093 bytes)](coffee-bar.jpg)
|
|
This page was last modified on 08/28/98 04:01 PM CDT.
|