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 11-26-2011, 12:18 PM   #1
chin up, beautiful
Banned
PeaceLoveGaGa knows the way
PeaceLoveGaGa knows the way

Default ♥ Skylar's Gimp Tutorials ♥ [Last Added : Celebrity Blend]

Click the image to open in full size.
Hi guys! Yes, I made another Gimp guide, & I hope you find use in my guide, have fun!
In this thread you'll find tutorials ranging from very easy to hard. If you have any questions, please feel free to VM/PM me. I'd love to see what you've made with my guide
^_^.

--------------------------------------------------------------------

Image File Names

There's JPEG, PNG, XCF & GIF

GIF- is best for graphics with different frames or graphics with animation
PNG- is the best for all graphics except for GIF graphics
JPEG- is for simple graphics
XCF- you use XCF if something is still a work in progress. If you save it like this you can access it again later and it'll have all the layers and everything so you can just continue it (;

To use any of these when you're in Gimp save the image as name.png
If you want to go back to that project later though and you want to close Gimp, save it as name.xcf

--------------------------------------------------------------------

Resources

Images: Weheartit.com
Fonts: Dafont - Scrapbook Fonts
Textures: DeviantArt - Photobucket - Shizoo
Brushes - DeviantArt

--------------------------------------------------------------------

Easy Tutorials:

Downloading fonts
Spoiler: show
1. Close Gimp
2. Go to Dafont.com
3. Find the font you want, click download & when a little pop up opens click "Okay"
4. Go to your computer's downloads file
5. Find your font's folder, right click, extract all
6. A pop up will open, click browse, click your username, click Gimp 2.6, click fonts
7. Click Ok & then extract
8. Open Gimp Tada!

Downloading brushes
Spoiler: show
1. Close Gimp
2. Find some fonts! Usually I use DeviantArt, but you can also google "Gimp brushes" and websites will come up showing you different brushes. Also linking you to where you can download them
3. Once you've found the brushes you want click download, when the popup comes up click OK
4. Do exactly what you did when you downloaded the fonts -- go find them in your downloads folder, right click, extract all, browse, your username, gimp2.6, brushes. OK, extract
5. Open Gimp and there are your brushes ^_^ tada!

Opening New Projects
Spoiler: show
1. Open Gimp
2. Click file - new - select the size you want - ok
3. Tada, now you can get started ^_^

Opening New Transparent Projects
Spoiler: show
1. Open Gimp
2. Click file - new - select the size you want
3. Click advanced options - Next to the text that says "fill with" there's a button that says background color, click it - now click the button that says transparency.
4. Make your settings like mine:
Click the image to open in full size.

Cropping Pictures
Spoiler: show
1. Open up Gimp
2. Paste an image into Gimp (I get my images from weheartit.com usually, but you can use an image from anywhere)
3. Select this tool from your Gimp toolbox: Click the image to open in full size.
4. Drag your mouse around the area you want to keep:
Click the image to open in full size.
Click enter -- Viola! It should be cropped to where you selected (:
Now just save it as name.png

Flipping images
Spoiler: show
1. Open Gimp
2. Drag your picture over
3. Select this tool : Click the image to open in full size.
4. Now just click your picture!
Before:
Click the image to open in full size.

After:
Click the image to open in full size.

Scaling Images
Spoiler: show
1. Open up Gimp
2. Paste the image you want to resize
3. Right click your picture layer in your layers dock:
Click the image to open in full size.
Click scale layer. Don't click anything just edit the numbers to a smaller size.
4. You'll now have a lot of space and a little picture so to fix this you'll crop it again (:
5. Just crop it so that you only have the little picture
6. Now just save it as name.png

Making Avatars
Spoiler: show
1. Open a 100x100 project
2. Find the picture you want and drag it to your project
3. Scale it so that the smaller size of the picture is 100 pixels
4. Move it around to where you want it & save it

Uploading Pictures to WI
Spoiler: show
1. Go to Imgur.com
2. Click Computer (under the Upload images header and next to the Web button)
3. Choose the photo you want to upload - click OK
4. Click Start Upload
5. Copy the code from this section:
Click the image to open in full size.
6. Paste it to where you want it on WI

Last edited by PeaceLoveGaGa; 04-09-2012 at 03:21 PM..
PeaceLoveGaGa is offline Female
Sponsored Links
Old 11-26-2011, 12:18 PM   #2
chin up, beautiful
Banned
PeaceLoveGaGa knows the way
PeaceLoveGaGa knows the way

Default Re: ♥ Skylar's Gimp Tutorials ♥

Text Tutorials
This is the text tool:
Click the image to open in full size.
With the text tool you can basically add text to your graphics.

--------------------------------------------------------------------

Text Signature
Spoiler: show
1. File- new- width: 450 height: 150
2. Now you have to make sure it's transparent, to do this you click advanced options - fill with: transparency
Make your settings like mine (for a text signature)
Click the image to open in full size.
3. Click your text tool
4. Pick the font and the font color. Type away! After you're done with that crop your image around your text, like I showed you & tada!
5. Make sure you save it as name.png as always (;
You'll have something like this:
Click the image to open in full size.

Gaussian Blur Text
Spoiler: show
1. Make another transparent project (Like you're making a text signature) (depending on what you're making you'll make it a different sizes ;])
2. Click the text tool, pick your font & font color & type whatever you want
3. When you're done typing what you want right click your text layer -- click alpha to selection -- Click select -- grow -- A popup will come up I suggest you do 1-3 for the grow selection
4. Make a new layer underneath your text layer make sure it's UNDER your text layer
Click the image to open in full size.
5. Click edit -- fill with background or foreground layer depending what color you want it
6. Click filters -- blur -- gaussian blur -- click OK
7. You should have something like this (:
Click the image to open in full size.

Bordered Text
Spoiler: show
1. Open Gimp - open a new transparent project
2. Click the text took and add text
3. right click your text layer - click alpha to selection
4. Click select - grow - 1-3 I suggest - OK(;
5. Make a new transparent layer underneath your text
6. Click edit - fill with background/foreground color
7. Tada!
It should look a little like this:
Click the image to open in full size.

Gradient Filled Text
Spoiler: show
1. Open up a new transparent project
2. Click the text tool, add some text
3. Right click the text layer - click alpha to selection
4. Go to your blend tool in your toolbox: Click the image to open in full size.
(It'll be in between the pencil tool and the bucket fill tool
5. Click the gradient button: Click the image to open in full size.
& pick a gradient
6. drag your gradient across the text, length wise
7. tada! Now you can add a gaussian blur or another text effect
It'll turn out something like this:
Click the image to open in full size.

Drop Shadow Text
Spoiler: show
1. Open Gimp -- start a new transparent project
2. Click the text tool and type what you the graphic to say
3. You can now add gradient, gaussian blur, etc.
4. When you're done doing what you want to the text, merge all the text layers together. DO NOT MERGE IT WITH THE BACKGROUND!
5. Click the now merged text layer
6. Click filters -- light and shadow -- drop shadow -- you can play with the options and then click OK
8. Now you can crop it if you wish
7. tada! You should have something like this:
Click the image to open in full size.

Picture in Text
Spoiler: show
1. This is really cool looking in my opinion (;
2. You start by making a transparent project (as usual)
3. Add your text in a bold font I use Baruta most of the time for this
4. After you make your text open up a picture. In a SEPERATE project. Do this by clicking file - open - choose your image -- OK
5. On your image project click edit - copy
6. Go back to your text project - right click your text layer - alpha to selection
7. In your text image click edit - paste into
8. Viola! Now you can move your image around in your text to where you want it. Right click the "floating layer" & anchor it
9. Now you can add borders, gaussian blur, drop shadow etc.
It should look like this:
Click the image to open in full size.

Bevel Text
Spoiler: show
1. Open a new transparent project
2. Add text
3. Add any text effects you want
4. Merge all the text layers together
5. Click filters - decor - add bevel - click OK
You should have something like this:
Click the image to open in full size.

Motion Blur Text
Spoiler: show
Note* People making this for sigs - the text can't be big!
1. Open Gimp, make a 300x150 project and fill it with dbe7f8

2. Type your first word (for example mine will say Winter wonderland - first I'll just put Winter you can have as many words as you want):
Click the image to open in full size.

3. Now put your second word right on top:
Click the image to open in full size.

4. Now if you have a third word you can put it in on top of the other words (:

5. After you've typed all your text, duplicate every layer except the background layer

6. After you've duplicated each text layer, select an original layer and click filters - blur - motion blur. Length 28, angle 0 Do this to every original layer!
Click the image to open in full size.

7. Now click your first original text layer. Click filters - animation - blend. I suggest about 1-2 - OK

8. Now click filters - animation - playback - play and you'll get to see what it'll look like (:

9. Now you can crop it (if you want) (:
Note* Save it a .gif
This is what mine looks like (:
Click the image to open in full size.


Last edited by PeaceLoveGaGa; 12-09-2011 at 01:16 PM..
PeaceLoveGaGa is offline Female
Old 11-26-2011, 12:19 PM   #3
chin up, beautiful
Banned
PeaceLoveGaGa knows the way
PeaceLoveGaGa knows the way

Default Re: ♥ Skylar's Gimp Tutorials ♥

Intermediate-Advanced Tutorials

Textured Deer Banner
Spoiler: show
It'd be great if you used your own images and textures
I'll be using this image: Deer Image
& I'll be using these textures: Texture 1, Texture 2, Texture 3

1. Open up a 500x333 project in Gimp

2. Put the deer picture onto the project:
Click the image to open in full size.

3. Now drag texture 1 over to your project it'll look something like this:
Click the image to open in full size.

4. Now because the texture is covering the deer picture you have to change the layer mode. To do this you go to your layers box and you click your texture layer. Above the layers there will be a button that says "normal" click that button and scroll down to "burn" click it:
Click the image to open in full size.
Now it'll look something like this:
Click the image to open in full size.

5. Now drag texture 2 over to your banner it'll look something like this & set that layer to overlay using the same method we used to set texture 1 to burn. It'll look something like this:
Click the image to open in full size.

6. Finally drag your last texture to your banner and set that layer to overlay as well it'll look like this:
Click the image to open in full size.

7. Now you can add text and more textures, whatever you'd like (:
Here was my final product:
Click the image to open in full size.
I added text "Find Beauty in Everything"
Font - Jellyka - Nathaniel a Mystery
Color - bc7630
Gaussian blur - outlined in black I set the blur radius to 3
Bevel - 3

Stock Signature Tutorial
Spoiler: show
The stocks I used are posted below but I'd love to see you guys using your own picture ^_^
Stock images: Stock 1, Stock 2, Stock 3, Stock 4

1. Open a 500x200 project in Gimp

2. Paste stock 1 onto Gimp, it'll fill the entire 500x200 so scale it to 346x250 move it to the right

3. Paste stock 2 onto Gimp, it'll again fill the entire space so scale it to 377x250 move it to the left & flip it using the flip tool:
Click the image to open in full size.

4. Now stock 2 will cover stock 1. Here's where it gets a little trickier. Select the eraser tool and select a big fuzzy brush. Go to your stock 2 layer and right click it and click add alpha channel if it's not already selected

5. Now erase where stock 2 covers stock 1. (to make this eraser make choose the biggest fuzzy brush and scale the brush size to a larger size) It should look like this

6. Paste stock 3 (the clock stock) onto the project, scale it to 500x375 set its layer mode to overlay it'll look like This
7. Add a new transparent layer and fill it with e7e7e7 with your bucket fill set the layer mode to soft light

8. paste stock 4 onto the project, scale it to 240x360, move it to the left a little and down a tad

9. Add an alpha channel to that layer

10. erase around the model so that you can't see the background at all, just her'

11. Add a new transparent layer and fill it with 897368, set it to hard light
By now it'll look something like this

12. Duplicate that transparent layer ^^ (duplicate by right clicking that layer and click duplicate layer)

13. Now all you have to do is add text this is what I got: It'd be cool if you used your own text (;
Click the image to open in full size.
Text: Time is precious
Waste it wisely
Font - Honey script
Color - ca483f
Gaussian blur - 3

Celebrity Blend
Spoiler: show
These are the images I used: Image 1, Image 2
I'd love it if you used your own pictures though *hint hint* (;

1. Open Gimp
2. Open a 600x300 px project
3. Paste image 1 and image 2 there.
4. Make sure image 1 is under image 2
5. Move them both to where you want them in the end
I have this so far:
Click the image to open in full size.

6. Click image 2 (or 1 depending on which on is on top) right click the on top picture - add alpha channel
7. Click the eraser tool click brush - circle fuzzy (19) - scale it to 10.00
8. make sure you've selected the on top picture that has an alpha channel
9. erase the left (or right) side of the picture so you can see the other picture (:
10. When you're done you should have something like this:
Click the image to open in full size.
Note* Now you can add text, textures, anything you want (:
(mine is darker because I added a new layer, filled it with a light grey - & set that layer to burn)

Last edited by PeaceLoveGaGa; 12-09-2011 at 01:07 PM..
PeaceLoveGaGa is offline Female
Old 11-26-2011, 12:19 PM   #4
chin up, beautiful
Banned
PeaceLoveGaGa knows the way
PeaceLoveGaGa knows the way

Default Re: ♥ Skylar's Gimp Tutorials ♥

Animation Tutorials
Animation is a fun little extra thing you can add to avatars and small signatures (:
Basically you can make any type of animation remember you have to do it pixel by pixel (;

Heart Animation
Spoiler: show
Probably the simplest animation to learn (;
Practice first on a blank document and then you can add it to graphics

1. Open up a new document (doesn't matter what size)

2. Zoom in at 800% (to zoom in at the bottom right of where your project is there's a button & it'll probably say 100% just click it and then click the 800%)
3. Select the pencil tool: Click the image to open in full size.

4. Make your first dot anywhere like this:
Click the image to open in full size.

5. Make a new layer & then make two more dots like this:
Click the image to open in full size.

6. Make another layer and make two more dots (one on each side):
Click the image to open in full size.

7. Make two more dots one a new layer on either side like this:
Click the image to open in full size.

8. Make two more dots on a new layer:
Click the image to open in full size.

9. Make two more dots on a new layer:
Click the image to open in full size.

10. make two more dots on a new layer:
Click the image to open in full size.

11. Last step! Make a dot just below those to dots on a new layer and tada there's your heart!:
Click the image to open in full size.

Now save it! Remember to save it as .gif

This is what I got(:
Click the image to open in full size.

Fill In Heart
Spoiler: show
1. Open Gimp up - make a new project (or add on to an image)

2. Make a regular heart animation (Tutorial above if you don't know how)

3. After you finish with that go the line where the last dot is (to make the heart complete) make a new layer and go to the inside of the heart on that line in fill it with a color. The entire line!

4. Follow step 3 for the next 3 lines. Remember to make a new layer for each line!
This is what I got:
Click the image to open in full size.
(I used red)

Rainbow Text
Spoiler: show

Note* You can do this with any color, doesn't have to be rainbow
1. Open Gimp
2. Make a new project (any size)
3. Fill it with dbe7f8 (the WI signature color)
4. Go to your text tool - click the font Borgine (it's pre installed)
5. Size it to 10
6. Type whatever you want your text to be (I did "love"):
Click the image to open in full size.
7. Zoom into 800%
8. Go to your foregound and backgrond tools button:
Click the image to open in full size.
(Your two colors will probably be black and white. Make one of them red like mine and one the WI signature color dbe7f8)
9. Merge your text layer and your background layer together (now there will only be one layer)
10. make a new transparent layer
11. Choose the pencil tool choose the circle(11) and scale it to 0.10
12. Make the first straight line red. (For me the first line of L would be made red) Like so:
Click the image to open in full size.
Note* to make this go faster click your first red dot up at the stop and click the "shift" button on your keyboard and then click where your red line should end at the bottom (;
13. make a new layer
14Next click your background and foreground buttons again and make the foreground color orange
15. Where your red line was make that line orange and make the next line red like so:
Click the image to open in full size.
16. Keep following these steps until you have all the colors of the rainbow: red, orange, yellow, green, blue & purple. Like so:
Click the image to open in full size.
17. Now you're done with your rainbow! From now on where the old colors were you just fill it with white to match the rest of the text like so:
Click the image to open in full size.
Or your can continue your current rainbow & you can start a new rainbow like so: Click the image to open in full size.

There you have it ^_^ This is what I got:
Click the image to open in full size.
(I continued my rainbow)

Last edited by PeaceLoveGaGa; 11-28-2011 at 12:23 PM..
PeaceLoveGaGa is offline Female
Old 11-26-2011, 01:32 PM   #5
chin up, beautiful
Banned
PeaceLoveGaGa knows the way
PeaceLoveGaGa knows the way

Default Re: ♥ Skylar's Gimp Tutorials ♥

Reserved
............

Last edited by PeaceLoveGaGa; 11-26-2011 at 01:34 PM..
PeaceLoveGaGa is offline Female
Old 11-26-2011, 01:32 PM   #6
chin up, beautiful
Banned
PeaceLoveGaGa knows the way
PeaceLoveGaGa knows the way

Default Re: ♥ Skylar's Gimp Tutorials ♥

Reserved
............
PeaceLoveGaGa is offline Female
Old 11-26-2011, 01:46 PM   #7
Livin' the life
Webkinz :)
 
yellowspikeball's Avatar
yellowspikeball has much to be proud ofyellowspikeball has much to be proud ofyellowspikeball has much to be proud ofyellowspikeball has much to be proud of

Default Re: ♥ Skylar's Gimp Tutorials ♥

Great tutorial, very helpful. Can't wait to see more!
yellowspikeball is offline Female
Old 11-26-2011, 02:20 PM   #8
Webkinz :)
 
agonn's Avatar
agonn knows the way
agonn knows the wayagonn knows the wayagonn knows the wayagonn knows the wayagonn knows the way

Default Re: ♥ Skylar's Gimp Tutorials ♥

Fabulous job, my dear. :3 Your guide will be VERY helpful to gimp users.
agonn is offline Female
Old 11-26-2011, 02:34 PM   #9
chin up, beautiful
Banned
PeaceLoveGaGa knows the way
PeaceLoveGaGa knows the way

Default Re: ♥ Skylar's Gimp Tutorials ♥

View Post Originally Posted by yellowspikeball
Great tutorial, very helpful. Can't wait to see more!
Thank you(:
I'm going to try and add more later c:

View Post Originally Posted by agonn
Fabulous job, my dear. :3 Your guide will be VERY helpful to gimp users.
Thank you, Alexa(:
I sure hope so ^_^
PeaceLoveGaGa is offline Female
Old 11-26-2011, 03:21 PM   #10
Webkinz :)
 
guingal36's Avatar
guingal36 knows no boundsguingal36 knows no bounds
guingal36 knows no boundsguingal36 knows no boundsguingal36 knows no boundsguingal36 knows no boundsguingal36 knows no bounds

Default Re: ♥ Skylar's Gimp Tutorials ♥

Very helpful!
guingal36 is offline Female
Closed

Tags
a blue-dog-frog was here, holly(:, i love my webbies! <3, ♥wenjun waz here♥

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 05:55 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