Webkinz Insider Forum

Webkinz Insider Forum (http://www.webkinzinsider.com/forum/)
-   Guides & How-tos (http://www.webkinzinsider.com/forum/guides-how-tos-137/)
-   -   --[GIMP Tutorials*]--[new stock signature tutorial] (http://www.webkinzinsider.com/forum/guides-how-tos-137/%5Bgimp-tutorials%2A%5D-%5Bnew-stock-signature-tutorial%5D-669517/)

♥Taylor♥12-12-2010 08:05 PM

--[GIMP Tutorials*]--[new stock signature tutorial]
 
Here are a few tutorials on how to do simple things on GIMP.

Uploading Fonts

Spoiler: show
1. Close GIMP. Go to Dafont.com.
2. Find a font you like and click Download. When the pop-up opens, click save.
3. Then go to where it saved. It is probably either on your desktop or in My Documents - Downloads. If you can't find it, go to Start Menu - Search and look up the font name.
4. Right click on the font and select Extract All. The folder should extract.
5. Click on the folder. Now, there will be a TTF file (True Type Font). It's icon is blue with a big T on it. Copy that.
6. Go to My Computer - Control Panel - Fonts and paste it into there. Now you can have it anywhere
7. Copy the file again.
8. Now go to My Computer - Local Disk (C: ) - Your Computer Screen Name - Documents and Settings - gimp 2.6 - fonts and paste it in there. When you open GIMP you should have the font.


Uploading Brushes
Spoiler: show
1. (Make sure GIMP IS CLOSED) Start by finding some brushes. I usually use DeviantArt, and you can just search up some GIMP brushes there. Also, if you have some of the newer versions of GIMP, you can even load Photoshop brushes onto it! http://www.deviant.art.com/#catpath=resources/applications&order=9 <-- Link to deviantart brush location. Where it says search, just type in what brush you want, or just browse through the ones already there.
2. Now find where it's downloaded to (it downloads to different places per computer). The two likely places are your Desktop or My Documents -- Downloads. I suggest going to start -- search -- and type in the name of the brush. Once you've found that, DO NOT click in the folder. Right click it and press Extract All...

3. The Extraction Wizard should open up. Click next, then click Browse.

4. Click the plus by My Computer when it asks you where to save. Go to Local Disk (C:]: -- Documents and Settings -- Your ScreenName -- gimp-2.6 -- brushes.
5. Click next, finish. Now open up gimp, and your new brushes should be there! TADA!


Cropping and Scaling
Spoiler: show
Step 1: Go to Google images and get a picture. I will be using this one: http://www.desktopexchange.com/gallery/albums/Christmas-wallpaper/Winter_Wonderland_1_1024x768.jpg [I suggest don't open this if you have a slow computer, it's a big image] Copy this image.
Step 2: Open Gimp. Paste the image (Ctrl V on your keyboard). Don't open a file, don't make a new file. Make sure there is no images open on Gimp and paste it.
Step 3: In toolbox, there will be an icon that looks like this: http://i49.tinypic.com/29m1u6r.png. Click it.
Step 4: Click the box next to where it says Aspect Ratio. In the box under Aspect Ratio, put 1:1 .
http://i49.tinypic.com/i5298l.jpg
(This was done on my tablet, tell me if you can't read my handwriting.)
Step 5: Click and drag on the area you want to crop. When you've got the area selected like this: http://i49.tinypic.com/23uogp3.jpg
Click on the selected area and it will crop it.
Step 6: Now click on the scaling tool. It looks like this: http://i49.tinypic.com/eefcj.png
Step 7: Click on your image. A pop-up should appear. Click on this: http://i45.tinypic.com/2rrqxr7.png
Then enter 125 in the width box. If you've linked the chain, the height should automatically change. Click Scale.
Step 8: Now you'll probably have this huge amount of space and just a little picture, right? Go back to the crop tool, but this time click the drop arrow beside aspect ratio. Select size.
http://i48.tinypic.com/20hrncy.png
Put 120x120 (or 100x100) in the box. Click on the photo and drag it to where your smaller image is. Click when you've got it there.
Step 9: Add brush strokes if wanted. Just no text for the time being, whether you know how to or not, just not now.
Step 10: Go to File - Save As - yourfilenamehere.PNG. You must save it as .PNG if you want it to save correctly. Then click export (if needed), save.


Neon Banners
Spoiler: show
File -- Create -- Logo -- Neon

http://i32.tinypic.com/ev116f.png
Make sure you click CREATE SHADOW && The background is BLACK -- Ok --

http://i26.tinypic.com/29o3cyv.png

Ctrl L -- CLICK ON THE BACKGROUND LAYER. It should be at the bottom.
-- Click the Trash Can, aka Delete LAYER. http://i28.tinypic.com/5191ly.png
Then your image should look like this:
http://i26.tinypic.com/2n04f9c.png

Then save, and you should get:
http://i28.tinypic.com/16hw65i.png


Rainbow Glow Text
Spoiler: show
File - New - 420x300.

http://i34.tinypic.com/64qpkx.jpg

http://i38.tinypic.com/25yumno.jpg

http://i38.tinypic.com/24bnosx.jpg

http://i35.tinypic.com/644bw0.jpg

http://i36.tinypic.com/142djdx.jpg

Select the second text layer (‘your text here’ #1). Use the bucket and fill the text with white. Click the third text layer (‘your text here’ #2) and fill the text with black. Go to Select > None. Click on the first text layer (‘your text here’).

http://i37.tinypic.com/34t9utg.jpg

http://i35.tinypic.com/rit9xl.jpg

http://i35.tinypic.com/2rgezoz.jpg

Cropping or deleting the background layer is also optional. Cropping is probably a good idea, though.
Save as .png. Export, Save.

My finished product -- http://i38.tinypic.com/2ic1p1d.jpg


Gaussian Blur

Spoiler: show
Step 1: Make a 570x315 file. Delete the background layer and add a transparent layer in it's place.
Step 2: Change your FG color to black.
Step 3: Select the text tool and apply the text you want. Put a space before and after your text.
Step 4: Hold Ctrl L on your keyboard. The layers dialogue should appear.
Step 5: Click on the duplicate layer. It is the beside the down tool, and looks like a double screen.
Step 6: Find a color you like and apply it to the first text layer (bottom text layer)
Step 7: Click on the second text layer (top). Right click it and hit Alpha To Selection. Click delete on your keyboard. Go to the gradient button. Select a gradient that goes with the color you selected in step 6.
Step 8: Drag the gradient across the text.
Step 9: Go to Select - None
Step 10: Click on the first (bottom) text layer. Go to Filters - Blur - Gaussian Blur. Set the diameter to whatever you think looks best
Step 11: Repeat these steps using whatever text you wish. This is optional.
Step 12: Save as .png

Here's what your final product may look like:
http://i54.tinypic.com/1zpr220.jpg

♥Taylor♥12-12-2010 08:06 PM

Re: Simple GIMP Tutorials :)
 
Blending

Spoiler: show
Save three images with alike backgrounds. (The best way to find these are "celebrity name" Gallery, then go to photo shoots. Here are a few examples;
http://www.katyfan.com/pictures/disp..._display_media
http://www.katyfan.com/pictures/disp..._display_media
http://www.katyfan.com/pictures/disp..._display_media
Now, in GIMP
, go to File - Open as Layers then find your threw images. To select more than one image, hold Ctrl while selecting the images.

Now, to make it where you can see all your images, Go to Image - Canvas Size

http://i55.tinypic.com/4fvk84.jpg

Take the width and multiply it by however many images you have. Make sure the chain is unlinked.

http://i53.tinypic.com/31644g0.jpg

Now your image will look something like this:
http://i52.tinypic.com/x3tqtc.jpg

The checkerboard means transparency. To move your images and fill the canvas, click on the Move [http://i55.tinypic.com/1214e48.jpg]tool.
If you haven't already, open up the Layers Dialogue by hitting Ctrl + L on your keyboard.

http://i54.tinypic.com/2qmhruv.jpg

Move each image by clicking and dragging with the move tool. Make sure your layers are spread evenly apart, and virtually all transparency is covered:

http://i52.tinypic.com/k4eb2s.jpg

Here is where the tutorial splits off into two different Blending Options.

Eraser Blending
Spoiler: show
Now we're going to make the images transparent. This is sorta hard, but I think you're up for the challenge.(;

Select one of your images by clicking on it in the Layers Dialogue. Now, use the Flip tool [http://i51.tinypic.com/68dd2f.jpg] and click on the picture to flip the image. Now flip it back. It doesn't look like it did anything...but it did something.. I promise. Repeat this step for all three of the images.

Next, use that lovely Move tool again and put your middle layer so it is overlapping your left layer --

http://i53.tinypic.com/2w6xjxy.jpg

Now click on the Eraser tool [http://i54.tinypic.com/icijye.jpg] and make it pretty large. [[Mine is Circle (11), scaled to 6.]]

Make sure your middle layer is selected in the Layers Dialogue. Erase around the celebrity's body. It may come out looking something like this:

http://i55.tinypic.com/i57kli.jpg

Move your middle image to where none of the transparency is showing. Repeat the above steps for the third image. Your image should look something like this when finished:

http://i52.tinypic.com/2rqdehd.jpg


Lasso Blending
Spoiler: show
Click on the Lasso Tool [http://i54.tinypic.com/iy05t0.jpg] and make sure the middle layer is selected in the layers dialogue.

Select any "extra space" to one side of the image. It'll look a little like this:

http://i54.tinypic.com/2aqlb8.jpg

Hit Delete on your keyboard. Go to Select - None on the top tool bar. Move the image on the right so no transparency is showing.

http://i54.tinypic.com/1z70yf8.jpg

Repeat this for the other side. If need be, go in with a small eraser and erase any extra space. [Perhaps the border, in our case.]


We're done with the actual blending part.. Yay!

Crop your image [http://i53.tinypic.com/2u6pqv4.jpg] and select the areas of your image you want to crop.

http://i55.tinypic.com/dpjzvo.jpg
Right click on any layer in the Layers Dialogue, and click on Merge Visible Layers.

http://i51.tinypic.com/2jaaf5h.jpg

Click Merge.

After you've cropped it, you can Scale [http://i55.tinypic.com/qna1dd.jpg] it down to whatever meets your needs. The WI signature limit is 450x150, or 29.3 KB. Make sure the chain is connected.

http://i53.tinypic.com/2qsxaw0.jpg

Crop your image to rid all transparency. Go to File - Save as... - and enter the name you want .png. Click Export - Save, and you're finished!



♥Taylor♥12-12-2010 08:06 PM

HARDER TUTORIALS.
 
I WOULD LIKE YOU TO NOTE: These tutorials are for people who are slightly more familiar with GIMP.

Textures
Spoiler: show
This is a tutorial on how to add textures to GIMP.

IF YOU DO NOT KNOW HOW TO CROP/SCALE IMAGES, PLEASE DO THAT TUTORIAL BEFORE TRYING THIS ONE.

Step 1: Find an image for a signature/background/banner.
I will be using this image: oh__mylovely on we heart it / visual bookmark #6627543

Step 2: Find some textures that you like. Here is an album of free textures, provided by me.
I will be using these 3: http://i1137.photobucket.com/albums/...xtures/148.jpg
http://i1137.photobucket.com/albums/.../tulle3386.png
http://i1137.photobucket.com/albums/...DarkYarrow.png

Step 3: Open up GIMP. Open your original image (or Copy - Paste it) in GIMP.

Step 4: Copy and paste each of your textures into a new image (a different image per texture). This can be done by copying the image, then holding down Shift + Ctrl + V.

Step 5: Find the dimensions of your image by looking in the upper left hand corner of GIMP:

http://i56.tinypic.com/23p3b7.jpg

Step 6: Go to your Crop tool and put in the dimensions of the image as a ratio. (If you're using the same image as me, you will put 500x333 in it.) Check the box beside the drop menu:

http://i52.tinypic.com/ic1e09.jpg

Step 7: Go to one of your textures and drag your crop box across until you've got all the part of the texture you want. Then crop it. Now scale it down to the actual size of your image (500x333).

Step 8: Use the Rectangle Select Tool to select the entire image. Now cut it (Ctrl + X) and paste it (Ctrl + V) into your original image. If there are "marching ants" around the image, make a new layer (Shift + Ctrl + N).

Step 9: Repeat steps 6-8 for your other textures. If you haven't already, open up the Layers Dialogue (Ctrl + L).

Your layers dialogue should look like this once all the textures are pasted into it.
http://i53.tinypic.com/r1wp45.jpg

Step 10: Make the top textures invisible by clicking on the eye.

http://i54.tinypic.com/aw0lx.jpg

Step 11: See that little drop-drown list at the top of the layers dialogue? Mess around with the different blending options and Opacity. For this first one, I will be using Screen with 25% Opacity.

http://i55.tinypic.com/2d937mw.jpg

Step 12: Keep messing with Blending Options and Opacity with your other two textures. (Make them visible again by clicking on the eye) Your final product may look something like this -

http://i54.tinypic.com/2vmy6ia.jpg

Have fun experimenting textures!

[For good textures, look on deviantart, or other sites such as the ones listed below.
Textures pictures by Losing_myself_ - Photobucket
SHIZOO ... your daily websource drug.
I N N O C E N S E .org (resources, graphics, tutorials and more)


Stock Signatures
Spoiler: show
Here's the stock you will be needing -
STOCK 1 ; STOCK 2 ; STOCK 3 ; STOCK 4 ; STOCK 5
; GIRL
http://i55.tinypic.com/350t7yq.jpg


Priceless12-12-2010 08:06 PM

Re: Simple GIMP Tutorials :)
 
thanks Taylor! adding it now :) 5 stars ^.^

Quack Quack12-12-2010 08:08 PM

Re: Simple GIMP Tutorials :)
 
Woah that stuff is so cool :D Great guide!

CutiePie_Kelsey12-12-2010 08:11 PM

Re: Simple GIMP Tutorials :)
 
Awesome guide, Taylor :)

♥Taylor♥12-12-2010 08:20 PM

Re: Simple GIMP Tutorials :)
 
Thanks guys :D

klcao1212-12-2010 09:21 PM

Re: Simple GIMP Tutorials :)
 
WOW. Awesome guide Taylor! Rep! :D

Needs2Dance12-12-2010 09:31 PM

Re: Simple GIMP Tutorials :)
 
Thanks Taylor! The blending will really help me!

daughtry12312-13-2010 11:04 AM

Re: Simple GIMP Tutorials :)
 
good tutorials! i was wondering where do you go to go to the celeb galleries???


All times are GMT -5. The time now is 01:46 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
SEO by vBSEO ©2011, Crawlability, Inc.
Copyright © 2007-2013 Kopi Enterprises, LLC