Webkinz Insider - Not affiliated with Ganz or Webkinz.

Welcome to WI!


Free Webkinz Codes

Ads  Remove Ads

Become an Insider Insider Subscriber and make these ads go away!
Go Back   Webkinz Insider Forum > WebkinzInsider.Com > Somebody Help! > Guides & How-tos

Welcome to the Webkinz Insider Forum forums.

You are currently viewing our boards as a guest which gives limits your access to many of our other features. By joining our FREE community you will have access to post topics, communicate privately with other members (PM), removal of some (including the "in-text") ads, respond to polls, upload content and access many other special features, such as trading, and entering contests! Registration is fast, simple and absolutely free so please, join our community today!

If you have any problems with the registration process or your account login, please contact us.
Closed
 
LinkBack Thread Tools Display Modes
Old 08-21-2009, 04:59 PM   #1
Gift Guru
 
asterravos's Avatar
asterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clown

Donation Award 
Default How To ★ Photoshop Edition ★ Updated: Aug 24

★ HOW TO: PHOTOSHOP EDITION ★



Do you have Adobe Photoshop and don't know how to take full advantage of it? Well, you've clicked on the right thread! These tutorials are likely transferable to other programs; however, I use Adobe Photoshop CS3 and won't be able to help you with Gimp or Jasc Paint Shop Pro.


List of Tutorials:
True Transparency (with text)
True Transparency (with pictures)
True Transparency (with webkinz)
Color to Black and White (includes a mini-tut on selective coloring)


Upcoming tutorials:
Black and White to Color


Have a questions about a certain tutorial? ASK! Don't be shy, I don't bite.


Want to learn how to do something that I haven't written a tutorial for yet? Just comment on this thread and I will add it to my upcoming tutorial list

Last edited by asterravos; 08-24-2009 at 01:55 PM..
asterravos is offline Female
Sponsored Links
Old 08-21-2009, 05:00 PM   #2
Gift Guru
 
asterravos's Avatar
asterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clown

Donation Award 
Default Re: How To ★ Photoshop Edition

True Transparency!

First things first, star a new project. File > New... I recommend using the settings you see in the image bellow. Width and height are completely up to you; however, Background Contents is mandatory.

Click the image to open in full size.

Now put what you want onto the transparent background. I chose to write my WI ID for this quick tutorial. Not only can you do all solid colors, like the image on the left, but you can also do translucent colors, like the glow to the image on the right.

Click the image to open in full size. / Click the image to open in full size.

All you have left to do is save! File > Save As... And select .png under the Format choice.

Click the image to open in full size.
asterravos is offline Female
Old 08-21-2009, 05:03 PM   #3
Gift Guru
 
asterravos's Avatar
asterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clown

Donation Award 
Default Re: How To ★ Photoshop Edition

True Transparency with Pictures!

In this tutorial you will learn how to make parts of a picture transparent. Let's start with a cute picture. Remember, when putting the photo into photoshop to make the Background Contents transparent!

Click the image to open in full size.

Next, select the Polygonal Lasso Tool. Use the setting I list below as well. You can play around with them, but this is what I recommend.

Click the image to open in full size. / Click the image to open in full size.

Now start outlining what you want to delete. You may need to do only parts at time. OR, you can outline what you'd like to keep and then go to Select > Inverse. Here is what I have:

Click the image to open in full size. / Click the image to open in full size.

Now just press the Delete button on your keyboard. Ta da! Just save as a .png file and you're all done.


Click the image to open in full size.
asterravos is offline Female
Old 08-21-2009, 05:06 PM   #4
Gift Guru
 
asterravos's Avatar
asterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clown

Donation Award 
Default Re: How To ★ Photoshop Edition

Webkinz Transparency!

As you can see in my siggie, webkinz look pretty cute with a transparent background! The first set is to place your webkinz in a solid color room. Any color is fine, it just has to be one color. To take a screenshot of your webkinz, press the Print Screen button on your keyboard.

Click the image to open in full size.

Now select the Magic Wand tool.

Click the image to open in full size.

Change the wand's settings to what is shown below. The Tolerance is important. If it is set any higher than zero, instead of just the background being deleted, part of your webkinz will likely go too.

Click the image to open in full size.

Now just select the solid color floor with your wand and press the Delete key on your keyboard. Save as a .png!


Click the image to open in full size.

Last edited by asterravos; 08-22-2009 at 10:44 AM..
asterravos is offline Female
Old 08-22-2009, 06:53 AM   #5
ebaday
Guest

Default Re: How To ★ Photoshop Edition

Woah! Nice job on this thread!
Old 08-22-2009, 10:39 AM   #6
Gifted
 
ICanHasWebkinz?'s Avatar
ICanHasWebkinz? is a WI addict!
ICanHasWebkinz? is a WI addict!ICanHasWebkinz? is a WI addict!ICanHasWebkinz? is a WI addict!ICanHasWebkinz? is a WI addict!ICanHasWebkinz? is a WI addict!ICanHasWebkinz? is a WI addict!ICanHasWebkinz? is a WI addict!ICanHasWebkinz? is a WI addict!

Default Re: How To ★ Photoshop Edition

Wow, cool! I will definitely try out the pet one. Thanks for this guide!
ICanHasWebkinz? is offline Female
Old 08-24-2009, 01:51 PM   #7
Gift Guru
 
asterravos's Avatar
asterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clown

Donation Award 
Default Re: How To ★ Photoshop Edition

Color Images to Black and White

Color can be great, but so are black and white photos. Photoshop allows for several different black and white methods that result in different outcomes. I'll go through a few of my favorites. It's up to you to decide which looks best for your image!


Black and White: Most Comprehensive

We'll start with this yummy cupcake. You can use any image though, even black and white photos for this tutorial!

Click the image to open in full size.

To start, go to Image > Adjustments > Black & White...

Click the image to open in full size.

Below is the popup that will come up. You can use any of the presets at the top; however, I prefer to make my own. Make sure preview is checked so that you can see what you are doing to your image. Just slide those arrows around until your image is the way you like it.

Click the image to open in full size.

This is what I ended up with using the above settings:

Click the image to open in full size.


Black and White: Shades of Black and White & Selective Coloring

We'll use the cupcake again since it's so cute. This time, go to Image > Adjustments > Hue & Saturation...

Click the image to open in full size.

Slide the Saturation arrow to the left to make the image black and white. You can decide the degree of black and white your image is with this method.

Click the image to open in full size.

Selective Coloring. This is one of my favorite things to do. At the top of the pop-up (Edit), select the color in the drop down you want to make black and white. You can even do this multiple times to make more than one color become black and white. I chose the yellow cupcake wrapper. I then moved the Saturation arrow to the left again. Some of the orange parts were still visible (yuck!), so I chose to open up that grey area between the two rainbow bars at the bottom of the pop-up.

Click the image to open in full size.


Black and White: Quick and Dirty

Don't have much time but need and black and white image? Great, this is the method you want. All you need to do is go to Image > Adjustments > Desaturate. You're done!

Click the image to open in full size.
asterravos is offline Female
Old 08-24-2009, 01:55 PM   #8
Gift Guru
 
asterravos's Avatar
asterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clown

Donation Award 
Default Re: How To ★ Photoshop Edition

View Post Originally Posted by ebaday
Woah! Nice job on this thread!
Thank you


View Post Originally Posted by ICanHasWebkinz?
Wow, cool! I will definitely try out the pet one. Thanks for this guide!
I'm glad you found something to try out!
asterravos is offline Female
Old 08-24-2009, 01:58 PM   #9
Webkinz :)
 
Smile's Avatar
Smile wows us all with wonderSmile wows us all with wonderSmile wows us all with wonderSmile wows us all with wonderSmile wows us all with wonderSmile wows us all with wonderSmile wows us all with wonderSmile wows us all with wonderSmile wows us all with wonderSmile wows us all with wonder

Default Re: How To ★ Photoshop Edition ★ Updated: Aug 24

How do you know if you have Adobe Photoshop? And do you have to pay for it?
Smile is offline Female
Old 08-24-2009, 02:05 PM   #10
Gift Guru
 
asterravos's Avatar
asterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clownasterravos is cool as a bunny clown

Donation Award 
Default Re: How To ★ Photoshop Edition ★ Updated: Aug 24

View Post Originally Posted by smile=]
How do you know if you have Adobe Photoshop? And do you have to pay for it?
A lot of computers these days come with this program. To get to it: Start Menu > All Programs > Adobe > Adobe Photoshop
If you don't already have it, it's fairly expensive. Usually in the $500 to $700 range. Students are sometimes able to get it a lot cheaper though.
asterravos is offline Female
Closed

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are On



All times are GMT -5. The time now is 07:30 AM.



Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2016, vBulletin Solutions, Inc.
SEO by vBSEO ©2011, Crawlability, Inc.
Copyright © 2007-2013 Kopi Enterprises, LLC
WebkinzInsider.Com is not an official site of, sponsored by, nor affiliated with Ganz, Inc, Webkinz, Lil'Kinz, or Kinzville Newz and all character names, logos, and images are trademarks owned by Ganz, Inc.
no new posts