Yaoilover & friends Photoshop Tutorials! NEW TUTORIALS!!
Goto page Previous  1, 2, 3, ... 55, 56, 57  Next
 
Post new topic   Reply to topic    IMVU Forum Index -> Sticker Developing
View previous topic :: View next topic  
Author Message
yaoilover

yaoilover's page


Joined: 26 Sep 2005
Posts: 403
Location: USA

PostPosted: Sun Jul 29, 2007 12:40 pm    Post subject: Reply with quote

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!
Back to top
View user's profile Send private message  
yaoilover

yaoilover's page


Joined: 26 Sep 2005
Posts: 403
Location: USA

PostPosted: Sun Jul 29, 2007 12:56 pm    Post subject: Reply with quote

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....

Code:
<style>
DIV #messages_panel_body { overflow: auto; width: 570px; height: 825px;
</style>


What overflow means is that once your messages box reaches those dimensions, it will OVERFLOW and create a scrollbox.

Making sure you are in EDIT mode on your homepage, go to "edit' on your messages panel and scroll down to "Edit HTML/CSS" There, you can paste the code and save.

VOILA!! You should have a working scrollbar for your messages now! Congratulations! If not, consult the tutorial again and see if you missed any steps. If you haven't and it's still not working, please feel free to consult me. ^_^

Ciao everyone!
Back to top
View user's profile Send private message  
FoxyChic22

FoxyChic22's page


Joined: 24 Feb 2006
Posts: 2
Location: USA

PostPosted: Mon Jul 30, 2007 4:45 pm    Post subject: Reply with quote

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
Back to top
View user's profile Send private message  
yaoilover

yaoilover's page


Joined: 26 Sep 2005
Posts: 403
Location: USA

PostPosted: Mon Jul 30, 2007 5:09 pm    Post subject: Reply with quote

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
Back to top
View user's profile Send private message  
yaoilover

yaoilover's page


Joined: 26 Sep 2005
Posts: 403
Location: USA

PostPosted: Mon Jul 30, 2007 5:10 pm    Post subject: Reply with quote

FoxyChic22 wrote:
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!!!


Sure hon. I'll get right on it! ^_^ Let me know if you have any other requests too. ^_^
Back to top
View user's profile Send private message  
yaoilover

yaoilover's page


Joined: 26 Sep 2005
Posts: 403
Location: USA

PostPosted: Mon Jul 30, 2007 10:45 pm    Post subject: Reply with quote

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!

Code:
<style>   
.messageStackReward { display: none !important; }   

#avatar_name { display: none !important; }
#headerbox { display: none !important; }
#top_links { display: none !important; } 
#footerbanner { display: none !important; }
#footer_style { display: none !important; }
#googlead { display: none !important; }
</style>


After you have used this code, your page should have nothing at the top....such as my page...

http://i38.photobucket.com/albums/e131/julesprincipessa/noheader.png
Back to top
View user's profile Send private message  
Boutoo 18+ Age Verified

Boutoo <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 02 Jul 2007
Posts: 7237
Location: United Kingdom

PostPosted: Tue Jul 31, 2007 2:00 pm    Post subject: Reply with quote

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
_________________
Back to top
View user's profile Send private message  
yaoilover

yaoilover's page


Joined: 26 Sep 2005
Posts: 403
Location: USA

PostPosted: Tue Jul 31, 2007 2:06 pm    Post subject: Reply with quote

Boutoo wrote:
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


i'm not quite sure what you mean animating stickers hon. ^_^
Back to top
View user's profile Send private message  
Boutoo 18+ Age Verified

Boutoo <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 02 Jul 2007
Posts: 7237
Location: United Kingdom

PostPosted: Tue Jul 31, 2007 3:20 pm    Post subject: Reply with quote

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!!!
_________________
Back to top
View user's profile Send private message  
yaoilover

yaoilover's page


Joined: 26 Sep 2005
Posts: 403
Location: USA

PostPosted: Tue Jul 31, 2007 6:06 pm    Post subject: Reply with quote

Boutoo wrote:
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!!!


oh okay! i see what you mean! Yeah, I can do that. ^_^ I'll get on it later tonight! Ciao bella!
Back to top
View user's profile Send private message  
CaribbeanNymph

CaribbeanNymph's page


Joined: 18 Jan 2006
Posts: 5498
Location: Dominican Republic

PostPosted: Wed Aug 01, 2007 7:11 am    Post subject: Reply with quote

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 Very Happy
_________________
Back to top
View user's profile Send private message  
yaoilover

yaoilover's page


Joined: 26 Sep 2005
Posts: 403
Location: USA

PostPosted: Thu Aug 02, 2007 11:09 am    Post subject: Reply with quote

CaribbeanNymph wrote:
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 Very Happy
hey sweetie. i actually give away my secret in the first tutorial. ^_^ if you follow all those steps, your images will have that glow too. *kiss*

To everybody, sorry about the delay on the tutorials. i'm working on several at a time, but have been very sick lately. Finding a doctor that accepts my insurance is proving to be a lot more hectic than I thought. Work is also killing me. *sigh* Crying or Very sad However, don't fret. I'll work on them tonight. I promise.

Until then, take care everyone and happy designing!

All my love,
Yaoilover
Back to top
View user's profile Send private message  
CaribbeanNymph

CaribbeanNymph's page


Joined: 18 Jan 2006
Posts: 5498
Location: Dominican Republic

PostPosted: Thu Aug 02, 2007 12:13 pm    Post subject: Reply with quote

yaoilover wrote:
CaribbeanNymph wrote:
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 Very Happy
hey sweetie. i actually give away my secret in the first tutorial. ^_^ if you follow all those steps, your images will have that glow too. *kiss*

To everybody, sorry about the delay on the tutorials. i'm working on several at a time, but have been very sick lately. Finding a doctor that accepts my insurance is proving to be a lot more hectic than I thought. Work is also killing me. *sigh* Crying or Very sad However, don't fret. I'll work on them tonight. I promise.

Until then, take care everyone and happy designing!

All my love,
Yaoilover


LOL, no hun, I meant the glow on the borders as in the outerline not just Ilumination on the avatar itself....WHAT DO YOU MEAN YOURE SICK!!!!!!!! *cries wif you and runs to your page*
_________________
Back to top
View user's profile Send private message  
KeokoOrigin

KeokoOrigin's page


Joined: 01 Dec 2006
Posts: 14
Location: USA

PostPosted: Sat Aug 04, 2007 12:44 pm    Post subject: Reply with quote

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
Back to top
View user's profile Send private message  
Boutoo 18+ Age Verified

Boutoo <a href='/age_verify/index/'><img src='/common/img/icons/age_verified_35x18.gif' width='35' height='18' alt='18+ Age Verified'/></a> 's page


Joined: 02 Jul 2007
Posts: 7237
Location: United Kingdom

PostPosted: Sat Aug 04, 2007 2:15 pm    Post subject: Reply with quote

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
_________________
Back to top
View user's profile Send private message  
Display posts from previous:   


Hide ads? Get VIP!
Post new topic   Reply to topic    IMVU Forum Index -> Sticker Developing All times are GMT - 8 Hours
Goto page Previous  1, 2, 3, ... 55, 56, 57  Next
Page 2 of 57

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


 FAQFAQ   UsergroupsUsergroups   RegisterRegister  ProfileProfile   Log in for private messagesLog in for private messages 

Search the forums:


Powered by phpBB