Yaoilover & friends Photoshop Tutorials! NEW TUTORIALS!!

yaoilover · Joined: 26 Sep 2005 Posts: 403 Location: USA

I promised another tutorial, and here it is! HOWEVER, be warned that if you do NOT use PaintShop, this tutorial is next to worthless for you! ^_^ This tutorial is how to make a sticker like my other tutorial shows, except, instead of using Photoshop, we will be using Paint Shop. Moving on....

First, open the desired image. Today, I will be using an image of me and my good friend, Zobima.

http://i38.photobucket.com/albums/e131/julesprincipessa/paintshop%20sticker%20tutorial/step_one.png

Once you have opened the image, go to the LAYERS menu and scroll down to "duplicate." This will allow you to create effects on your image without affecting the original image....

http://i38.photobucket.com/albums/e131/julesprincipessa/paintshop%20sticker%20tutorial/step_two.png

Notice that nothing looks different on your image. That is okay. All you did was duplicate the layer, so nothing changed. Once you have done that, go to ADJUST and scroll down to BLUR. In the BLUR section, select GAUSSIAN BLUR.

http://i38.photobucket.com/albums/e131/julesprincipessa/paintshop%20sticker%20tutorial/step_three.png

It should open a window that shows you what your Gaussian blur selection will look like. It is defaulted at 1.00px, however, we are going to change it to 5.00px. I ALWAYS use 5px b/c it creates a nice surreal glow around the image, giving it a nice color when done. Change the 1px to 5px and hit okay.

http://i38.photobucket.com/albums/e131/julesprincipessa/paintshop%20sticker%20tutorial/step_four.png

Your image should now have a look somewhat similar to mine....

http://i38.photobucket.com/albums/e131/julesprincipessa/paintshop%20sticker%20tutorial/step_five.png

Next, I want you to look at your layer area, located to the right in the middle. There, you will see your two layers. One says layer1, the other is labeled COPY OF RASTER 1. On THAT layer, RIGHT click and scroll down to properties.

http://i38.photobucket.com/albums/e131/julesprincipessa/paintshop%20sticker%20tutorial/step_six.png

In this section, everything stays the same EXCEPT the blend mode. Feel free to experiment with different types, however, my favorite is OVERLAY. In this image, you will see how overlay has made my image look....Once you have selected a blend mode, hit "okay."

http://i38.photobucket.com/albums/e131/julesprincipessa/paintshop%20sticker%20tutorial/step_seven.png

Now that you see your image, give yourself a pat on the back. YOU'RE OVER HALFWAY FINISHED!! Now, on to dodge and burn. As I worked with Paint Shop, I learned it has MANY neat features to use aside from those two. You can find these tools located to your left...

http://i38.photobucket.com/albums/e131/julesprincipessa/paintshop%20sticker%20tutorial/step_eight.png

First, I will take a moment to explain what each one does...

Dodge: make selected area lighter. gives certain areas a glowing effect.

Burn: gives selected areas a DARKER effect. when used with dodge, can create GREAT shadowing effects.

Smudge: moves selected areas of image around, giving it a windy or abstract effect. good tool to help blend colors.

Push: takes the selected part and copies it (pushes it) around the image, wherever it is dragged to. Since this probably makes no sense, I used it and took a screenshot. Here's what push does...

http://i38.photobucket.com/albums/e131/julesprincipessa/paintshop%20sticker%20tutorial/example.png

Soften: I love this one! It helps give your images a softer (duh!) look. Helps your avi not look so pixelated.

Sharpen: Just like soften, this option is pretty self-explanatory. it sharpens the selected area of the image, giving it a clearer look.

Emboss: Gives your image an embossed look. Not particularly a fan of this one, but...if used in conjunction with the other tools....this could create one fantastic sticker....

Now that I've explained what each tool does, let me show what I adjusted for dodge....

http://i38.photobucket.com/albums/e131/julesprincipessa/paintshop%20sticker%20tutorial/step_nine.png

Notice the numbers in the selected area. I have adjusted several to give the dodge tool more glowing ability. Increasing the opacity is what REALLY needs to be done to get desired results. My ideal number for opacity is 75, however, feel free to explore and discover your own.

Once you have explored enough or even completed your sticker, make sure you save the file as a .png. This will ensure the image's transparency.

http://i38.photobucket.com/albums/e131/julesprincipessa/paintshop%20sticker%20tutorial/final.png

Well, hope this tutorial helped out those working with Paint Shop! Remember, any requests will be filled as soon as possible concerning tutorials! Feel free to PM me with any requests you may have! Until then, HAPPY DEVELOPING!

yaoilover · Joined: 26 Sep 2005 Posts: 403 Location: USA

Keep these requests pouring in guys! I love 'em! This next tutorial isn't on Photoshop NOR is it on PaintShop. Instead, it's on coding. In this tutorial, I will be explaining how to create a scrolling message box.

Since most people have their message sections on the LEFT side of their page, this code is showing the dimensions for that. If you have your messages section on the left side of your page, you can just copy and paste the code. However, if you have it on the right side (or centered, like me) you'll want to adjust the width.

Here's the code....

FoxyChic22 · Joined: 24 Feb 2006 Posts: 2 Location: USA

Hey!!! i was wondering if u can plz make a tutorial on how to make flowy hair on an avatar picture cuz i have seen so many ppl dat use brushes on photoshop & they make hair!!!
_________________
Foxy

yaoilover · Joined: 26 Sep 2005 Posts: 403 Location: USA

Instead of doing a PHOTO tutorial, I am doing TEXT tutorial! I mean, after all, there is text in almost all my stickers, and THAT has to have some style all its own, so....why not show all of you how to have stylin' text to go with your bangin' image?! ^_^

Let's begin....

The first text tutorial in my series will be diamond text. I like to use this text for gangsta images. As a matter of fact, I used this text in my most recent sticker...which can be found here.

To start off, let's open a new document. Make sure it is in RGB mode. You can make sure it is by clicking on IMAGE --> MODE. If there is a check next to RGB, then you are fine. If not, click RGB.

Begin with the text you would like to turn into diamonds. For mine, I used a thick font, that way, the diamonds stick out more. MAKE SURE YOUR COLORS ARE DEFAULT...BLACK FOR FOREGROUND AND WHITE FOR BACKGROUND. If they are not, click on each and change it to such.

Your screen should look like this....

http://i38.photobucket.com/albums/e131/julesprincipessa/bling%20text/bling_one.png

Once you have done so, look at your layer palette and right click on the layer. This will rasterize the layer, making it editable....not EDIBLE. :p *tee hee* This is what this step looks like....

http://i38.photobucket.com/albums/e131/julesprincipessa/bling%20text/bling_two.png

The next step will be to press the Ctrl/CMD button on your keyboard while SIMULTANEOUSLY clicking on the layer's THUMBNAIL. This will make a selection around the text, therefore, affecting only the text for the rest of the steps, and not anything else. This comes in handy for many image designs....not just text. Try messing around with it one day and show me what you can come up with! ^_^

Your screen should now look like this...if you see "ants" dancing around your text, you are doing VERY well so far! Keep going! If not, now would be a good time to go back and see what was missed! Don't worry...we'll wait. ^_^ ....

http://i38.photobucket.com/albums/e131/julesprincipessa/bling%20text/bling_three.png

If your colors haven't been reset to default already, please press "D" to do so. Once you have done that, go to FILTER ---> RENDER --> CLOUDS. This will give your text a "cloudy" appearance....

http://i38.photobucket.com/albums/e131/julesprincipessa/bling%20text/bling_four.png

We will now move on to create the diamond effect. Go to FILTER --> DISTORT --> GLASS. Keep the settings default if they are as mine are. If not, set them to these settings, for best results....

http://i38.photobucket.com/albums/e131/julesprincipessa/bling%20text/bling_five.png

I know it's hard to see at the moment, but once you get the gold around it, it will be MUCH easier to see and very impressive. Moving on...

Now, we will be creating the gold border to give our text that "bling bling" effect or however else you can call it. :p Go to LAYER --> LAYER STYLE --> STROKE.

http://i38.photobucket.com/albums/e131/julesprincipessa/bling%20text/bling_six.png

Take a moment to look at the settings I have chosen. It is VERY important for you to always CENTER the position, set the fill type as GRADIENT, and make the gradient color as COPPER, to give that golden appearance. If all has been done correctly, it should appear as such at this point....

http://i38.photobucket.com/albums/e131/julesprincipessa/bling%20text/bling_seven.png

Next, select BEVEL AND EMBOSS. Here, you will select Stroke Emboss for the style. This will emboss the stroke we just added to the image. Set it to a little thicker than the stroke itself. Some people set it to the same dimensions, however, I like using a little more. *tee hee* Does that make me an overachiever? ^_^ Take a look at the settings I have set for my bevel and emboss. I set the depth up to the 800's because it gives the image a 3D look. I suggest that becomes a common step. Here's what your screen should look like...

http://i38.photobucket.com/albums/e131/julesprincipessa/bling%20text/bling_eight.png

Feel free to mess with the gloss contour until you are satisified with how glossy and metallic the text looks.

Now, with the text still selected, right click on the icon in the layers palette that is half black-half white. Choose hue/saturation. Feel free to mess around with the numbers until your stroke appears to be golden.

This is my final product. It's not the best I've ever made, however, it's not BAD. haha. Feel free to add a new layer and put some sparkles on your text to add more sass to it. ^_^ Hope this tutorial helped guys! Can't wait to do more! Ciao!

http://i38.photobucket.com/albums/e131/julesprincipessa/bling%20text/bling_final.png

yaoilover · Joined: 26 Sep 2005 Posts: 403 Location: USA

yaoilover · Joined: 26 Sep 2005 Posts: 403 Location: USA

Another coding tutorial people! ^_^ This one, is to get rid of all the junk at the top of your page! Just copy and paste this into your about me section and you're good to go!

Boutoo · Joined: 02 Jul 2007 Posts: 7236 Location: United Kingdom

Sorry to bug you again, but any chance of a quick example of animating stickers please?

tyvm as always Smile

You wanted to what after eatin' mah cream buns©???? Shocked

I told ya not ta eat 'em all at once now, din't I? Laughing

_________________

yaoilover · Joined: 26 Sep 2005 Posts: 403 Location: USA

Boutoo · Joined: 02 Jul 2007 Posts: 7236 Location: United Kingdom

Well I've seen a really cool avi pic where the rain on it actually looks like real rain...falling etc & one where a fairy's wings flutter

Here's the rain example

http://www.imvu.com/catalog/modules.php?op=modload&name=phpbb2&file=viewtopic.php&t=144518&postdays=0&postorder=asc&start=60

That's the kind of thing I mean, make more sense now?

Don't worry if it's not your thing I'll have to trawl through the loooooong tut list lmao!!!
_________________

yaoilover · Joined: 26 Sep 2005 Posts: 403 Location: USA

CaribbeanNymph · Posted: Wed Aug 01, 2007 7:11 am Post subject:

OMG hunni. This tutorial is fantastic, I mean it babeh!!!!!!!!!. You make awesome images and stickers so means I get to learn from the bestest. I have a little request though. I use photoshop btw, and id like to know how you give images that glowy outerline.*Tis happeh with the tutorial* hops outta thread* Wink

_________________

yaoilover · Joined: 26 Sep 2005 Posts: 403 Location: USA

CaribbeanNymph · Posted: Thu Aug 02, 2007 12:13 pm Post subject:

KeokoOrigin · Joined: 01 Dec 2006 Posts: 14 Location: USA

I was wondering how you can turn the picture after your done making it into a usable JPG file.
Cause they end up as PSD files and it wont let me use them.
I would love to use these pictures so someone help me please! ^^
Thank you
_________________
From: KeokoOrigin

Boutoo · Joined: 02 Jul 2007 Posts: 7236 Location: United Kingdom

In Paint Shop you can either "save as" & change the file extension from the drop down list or "export file to" in the file menu
_________________