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 12-22-2011, 03:39 PM   #1
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

Arrow The No GIMP Guide < IN THE MIDDLE OF REVAMPING >

< welcome! >
Over here my motto is, "No program? No problem!" This guide may be helpful for you if:
-you cannot download GIMP
-you don't want to pay for Photoshop
-you're just getting started with graphic making and you want to start out simple
-you're interested in learning how to use websites to make graphics
There's a lot in here, so be prepared to have fun!

<
getting started >
This might be the hardest part. If you have no idea what you're doing, don't worry. You won't hurt anyone by experimenting. Let me introduce you to the websites we'll use:
-Weheartit- This is a great website for images.
-Lunapic- A wonderful photo-editing site that is easy to use.
-PicMonkey- Another great photo-editing site. Especially helpful when it comes to resizing and effects. Very similar to Picnik.
-Dafont- A website for finding amazing- and free- fonts!
Here are a couple generators that come in handy:
-Wigflip (Minifesto)- Makes scrolling text for avatars.
-Wigflip (Screedbot)- Makes scrolling text for signatures.
And lastly, the only program in this guide:
-Microsoft Paint- Good for Blawks. If you don't have it, that's alright. That just means you can't make Blawks the way I make them. There may be other ways that others use; try searching around for them.

< about this guide >
Click the image to open in full size. means the tutorial is something I've recently put up
[text like this] means that there's a button to click on
SPOILERS mean there's a picture to look at

< my tips for you >
1- Join the Graphics Designer Club here on WI. Post your graphics there, and people can give you pointers and help you if you have an issue.
2- Make a folder or an album of stock photos on your computer. If you see a picture you like, save it to the album and you can use it again later.
3- On your computer's notepad, keep a list of info you use often. Here's something to get you started:
-Avatar size I like to use: 100x100
-The max WI avatar size: 125x125 and/or 48.8 KB
-Signature sizes I like to use: 450x150, 400x132, 250x50
-The max WI signature size: 450x150 and/or 29.3 KB
-WI's avatar background color: #CDE0F0
-WI's signature background color: #DBE7F8
< other things you should know>
If you have any questions, feel free to ask. I'll try to update this guide as often as I can. Don't be frustrated if something goes wrong, just try again. I hope I can help you! Good luck, and happy graphic making!

< table of contents >
Post 1 (you are here): Getting started, tips
Post 2: Stock avatar, minifesto, saving a font to your computer, installing a font to your computer, blend, blend banner
Post 3: Text signature, Blawk, collage
Post 4: Project: Animations, Project: Custom Icons
Post 5: Reserved
Post 6: Reserved
Post 7: Reserved


Last edited by guingal36; 02-24-2013 at 03:23 PM..
guingal36 is offline Female
Sponsored Links
Old 12-22-2011, 03:58 PM   #2
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: No GIMP Guide- A guide for aspiring graphics makers who don't have GIMP, Photoshop, or any other fancy photo-editing program! Learn how to do blends, make Blawks, and much more! *UNDER CONSTRUCTION, NO POSTING YET PLEASE!*

Click the image to open in full size.
< stock avatar
> Click the image to open in full size.

website(s) you'll use: Weheartit, PicMonkey
picture(s) I'm using: butterflies in a jar

one: Find a nice picture on Weheartit or whichever image site you use and save it to your computer.


two: Open it up on PicMonkey by clicking [Edit a photo].


three: Crop your picture into a square by

1) Clicking the [Crop] button on the left side of the screen.
2) Depending on the size of your picture, crop it to a certain size square (such as 200x200, 400x400, 350x350, etc...).
3) Drag the square to where you want it on your original picture.
4) Click [Apply].

four: Once you've cropped it, click on [Resize] on the left side of the screen.


five: Resize it to 100x100 by entering '100' into one of the text boxes. The other side should change to '100' as well. If it doesn't, just enter '100' into that side as well. Click [Apply].


six: Click [Save] at the bottom left of your screen. Then click the drop down menu and select .png:

Spoiler: show
Click the image to open in full size.

Save it.

seven: Upload your picture to your favorite uploading site, and you're done!


--

Click the image to open in full size.
<
minifesto >

website(s) you'll use: Wigflip (Minifesto)
picture(s) I'm using: none

one:
Go to the minifesto website. (Link on front page).


two: Type what you want to say into the white box as shown:

Spoiler: show
Click the image to open in full size.


three: To get certain colors, you need to type a certain kind of number into the bg (background) and fg (foreground) boxes. You do that by typing in a number on a chart that looks like this:
Spoiler: show
Click the image to open in full size.

Basically, if I want a blue background, I'll type '#0033FF' (last row, fourth one) into the 'bg' box. Make sure you put the number sign (#) before your color and make sure all your letters are capitalized. Once you've chosen your colors, type them in the boxes.

four: Click [submit], then save it. You're done!


--

< saving a font to your computer
>

website(s) you'll use: Dafont
picture(s) I'm using: none


one:
Go to dafont.com.


two: Search for your font.


three: Click the [Download] button next to your font.


four:
Go to [Downloads] on your computer, and find the font you downloaded. It should be in a zipped file.


five: Double click your file to open it.


six: Click [Extract all files].


seven: Delete your zipped file.


eight: You're done! Now this font is ready to be used for other things!

--

< installing a font to your computer (PC) >

Continued from < saving a font to your computer >

one: Right click the font folder.

two: Click [Open].

three: Right click on the TTF.

four: Open with > [Windows Font Viewer].

five:
Click [Install].

six: You're done! Now your font can be used on MS Paint, Word, and PowerPoint.

View Post Originally Posted by jenniferpro
Hi guin(: For installing fonts to macs, all you have to do is download the file, open it, and hit the install button<3 I didn't know either until I started using my school computer for graphics also<3
--

Click the image to open in full size.
< blend
>

website(s) you'll use:
Weheartit, Lunapic
picture(s) I'm using: path, galaxy

one: Find and save two images to blend, from Weheartit or wherever. You can use more, but I'm just doing a simple one now.

two: Go to Lunapic and upload your first picture (the path picture for me) by clicking [Browse], finding your picture, and clicking [Upload Now!].

three: Hover over the word 'Edit' and click [Paste Image from Clipboard], as shown:

Spoiler: show
Click the image to open in full size.


four: Upload your second image (the galaxy image for me) in the same way you uploaded your image to Lunapic.


five: Drag the second image around on top of the first image to center it. (If the second image is a little bigger than the first image, it doesn't matter if the edges overlap a bit.)

six: Drag the 'Transparency' bar to whatever looks best. I did 57, as shown:
Spoiler: show
Click the image to open in full size.


seven
: Click [Apply Pasted Image]. Then go to 'Save To:' and click [Your Computer]. Save it. When you look for your blend, it will be under 'Downloads' on your computer.

eight: Enjoy! Read on if you'd like to make this blend into a banner.

--

Click the image to open in full size.
< blend banner
>

Continued from < blend >

website(s) you'll use: Lunapic, Dafont
picture(s) I'm using: blend

one: Open your blend on Lunapic.

two: Hover over the word 'Draw' on the top of the screen, and click [Text Tool].


three: Click [Upload] (next to more, second row) and then click [Browse].


four: If you downloaded a font from Dafont (I used Unfolding Tragedy), click [Downloads] on your computer, click the font file you want to use, and click the words next to a little symbol that should say 'TTF' or have a little 'A' on it. That should open up your font on Lunapic. Click [Upload Font].

five: A sample of your font and some words should appear next. Click [Text Tool] (next to the words 'If that looks correct, you may proceed to the').


six: Type the words you want into the first text box. Click anywhere on the screen, and a preview of your text should appear. Fiddle with the size (third text box) and either click [Pick] in the color section to pick a color, or type the name of a color (e.g. 'lime green' or '#000000'). Keep clicking somewhere on the screen to refresh your preview. Here's what I had:

Spoiler: show
Click the image to open in full size.


seven: Click [Apply Text]. If you want more than one text line, repeat step six. Here's my next text line:

Spoiler: show
Click the image to open in full size.


eight: When you're done, click [Your Computer], as shown:

Spoiler: show
Click the image to open in full size.


nine: When you save it, it should show up under 'Downloads' on your computer. You're done!



Last edited by guingal36; 02-24-2013 at 03:16 PM..
guingal36 is offline Female
Old 12-22-2011, 03:59 PM   #3
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: No GIMP Guide- A guide for aspiring graphics makers who don't have GIMP, Photoshop, or any other fancy photo-editing program! Learn how to do blends, make Blawks, and much more! *UNDER CONSTRUCTION, NO POSTING YET PLEASE!*

Click the image to open in full size.
< text signature >

website(s) you'll use: Lunapic, Dafont
picture(s) I'm using: template

one: Open the template onto Lunapic.

two: Click [Add Text], as shown:
Spoiler: show
Click the image to open in full size.

three: Click [Upload] as shown:
Spoiler: show
Click the image to open in full size.

four: Upload the TTF file for your font. (If you downloaded it from Dafont like I showed above, it should be in the 'Downloads' section of your computer.) The TTF file looked like this for me:
Spoiler: show
Click the image to open in full size.

I used the fonts Jellyka Cutty Cupcakes and Jellyka Western Princess.
five: Continue to upload your font.

six: Type in your text, and click [Apply Text], as shown:
Spoiler: show
Click the image to open in full size.


seven: To keep adding more lines of text, repeat step 6. To upload a new font, repeat steps 3-6.

eight: When you like the way your text works, go to Edit > [Crop Image], as shown:
Spoiler: show
Click the image to open in full size.


nine: Crop your image as small as you possibly can without cutting out text. Click [Crop] when you're ready and [Clear] to clear the box you drew:
Spoiler: show
Click the image to open in full size.


ten: Click Save to: [Your Computer]. Your image should be under 'Downloads'.

eleven: Upload your image to your favorite uploading site or use it for your signature!

--

Click the image to open in full size.
< blawk >

website(s) you'll use:
MS Paint (it's really a program), Lunapic
picture(s) I'm using:
template

one: Open the template onto Paint by going to [Paste] > [Paste From] as shown:
Spoiler: show
Click the image to open in full size.


two: Move the template around to about the middle of your project.
Note* Once you're done moving it, you can't move it anymore, so make sure you put it in a good spot.


three: These are your tools:

Spoiler: show
Click the image to open in full size.

Choose the Pencil tool.

four: Zoom in to 800% (bottom right corner of your screen):
Spoiler: show
Click the image to open in full size.


five: Make your Pencil size the smallest possible and choose your color:

Spoiler: show
Click the image to open in full size.


six: Use the Bucket tool to fill in your template's background.
Then, pixel by pixel, start drawing on your Blawk template. Try to make all your pixels symmetrical. I know it's hard, but it makes your Blawk look better.

seven: Outlining what you drew on your Blawk with a darker shade of that color makes your Blawk look even better Go to [Edit Colors] and move down the bar on the right:
Spoiler: show
Click the image to open in full size.


eight: Once you're satisfied with the overall look of your Blawk, zoom out to 100%, click [Select], and select a rectangle as close to your Blawk as possible. Once you've done that, click [Crop].


nine: Save your Blawk.

ten: You're almost done, but your Blawk probably has a white background. To get rid of that, open your Blawk onto Lunapic.

eleven: Go to Draw > [Paint Bucket Tool] as shown:
Spoiler: show
Click the image to open in full size.


twelve: Enter #CDE0F0 (#DBE7F8 if you want your Blawk in a signature) into the 'Solid Color' box:

Spoiler: show
Click the image to open in full size.


thirteen: Click the white background of the Blawk to fill it in.

fourteen: Click [Save to: Your Computer] to save it. Upload it to your favorite image hosting site, and you're done!

--

Click the image to open in full size.
< collage >Click the image to open in full size.

website(s) you'll use: MS Paint (which is actually a program)
picture(s) I'm using: n/a

one: You'll need some stock avatars for this. (Find out how to make them by scrolling up a bit.) Four, nine, and sixteen avatars combined make nice even squares.

two: Open up Paint, and click [Paste] and them [Paste From]:
Spoiler: show
Click the image to open in full size.


three: Pick your first picture, and it will come up on Paint.


four: Drag the corners of the picture so that more white space comes up. You'll want to make it pretty big:

Spoiler: show
Click the image to open in full size.


five: Paste in your next picture, and move it (carefully!) so that it lines up right next to your first picture. If you make a mistake, you can move it again, but once you click elsewhere you'll have to start over.

six: Repeat step five until you have all your pictures. If you run out of white space to paste them in, just drag out the corners more.

seven: Once you have all your pictures, drag the corners (once again, carefully!) so that they line up with your pictures and there are no white spots showing. You may want to zoom in a little.

eight: Save your picture.

nine: Upload it to your favorite image hosting site, and you're done!


Last edited by guingal36; 02-24-2013 at 03:22 PM..
guingal36 is offline Female
Old 12-22-2011, 03:59 PM   #4
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: No GIMP Guide- A guide for aspiring graphics makers who don't have GIMP, Photoshop, or any other fancy photo-editing program! Learn how to do blends, make Blawks, and much more! *UNDER CONSTRUCTION, NO POSTING YET PLEASE!*

PROJECT: Animations
You're going to need both Paint and Lunapic for this heart animation.
Spoiler: show
Step one: Open the picture you want the animation to be on in Paint by clicking the little blue button in the top left corner and clicking 'Open'.
Step two: Zoom in 800% and select the Pencil tool. Make the Pencil the smallest size possible. (Look at the Blawk guide if you want to look at screenshots for this.)
Step three: Find the spot you want the animation on, and draw one dot. This will be the bottom tip of your heart. Make sure you have enough room!
Click the image to open in full size.
Step four: Save that picture by going to the blue button and clicking 'Save As'. (Note: You may want to save them as 'animation1, animation2, animation 3', and so on.)
Step five: Draw two more pixels and save that picture.
Click the image to open in full size.
Step six: Continue the drawing and saving process. REMEMBER: Save the picture after you've drawn the next pixels!!!! Here's the pattern to follow:
Click the image to open in full size.
Click the image to open in full size.
Click the image to open in full size.
Click the image to open in full size.
Click the image to open in full size.
Click the image to open in full size.
Step seven: Once you've saved all your pictures (you should have eight), open them all on Lunapic by
1. Going to lunapic.com
2. Clicking '+Add more images for Animations or Collages' (right under 'Browse').
3. Uploading all your pictures in order.
Step eight: Click 'Upload All Images'.
Step nine: Click 'Animation'. (Should be right above your picture.)
Step ten: Click 'Edit Animation Settings', as shown:
Click the image to open in full size.
Step eleven: Click the drop-down menu and select 'Super Fast (10ms)' as shown:
Click the image to open in full size.
Step twelve: Click 'Save to: Your Computer'.
Step thirteen: Enjoy your animation! If you don't want it to end and restart so quickly, upload the final picture (the one with the full heart) more than once on Lunapic.
Click the image to open in full size.


Project: Custom IconsClick the image to open in full size.
You'll use Lunapic and Paint for this.
NOTE: Steps 9-13 are for adding a border.

Spoiler: show
Step one: Find a nice picture and turn it into a stock avatar (see the tutorial above). I'm starting out with this picture.
Step two: Open it up on Lunapic.
Step three: Go to 'Effects'>'Add Texture'. ('Add Texture is the last one listed.)
Step four: Select the Foggy texture and click 'Add Texture'.
Click the image to open in full size.
Step five: Go to 'Draw'>'Text Tool'.
Step six: Upload your font. I'm using Respective (Slanted).
Step seven: Choose the rest of your text effects and click 'Apply Text'. Here's what I have:
Click the image to open in full size.
Step eight: Save your picture.
Step nine: Open your picture onto Paint by clicking the blue button on the top left corner and clicking 'Open'.
Step ten: Choose the eyedrop tool, select the color from your text, and then choose the pencil tool.
Step eleven: Zoom in 800% and make your pencil tool the smallest it can be.
Step twelve: Carefully draw around the edge of your picture for the border. If you mess up, hit Ctrl>Z.
Step thirteen: When you're done, save your picture, upload it, and you're done!
Here's mine:
Click the image to open in full size.


Last edited by guingal36; 02-24-2013 at 03:24 PM..
guingal36 is offline Female
Old 12-22-2011, 03:59 PM   #5
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: No GIMP Guide- A guide for aspiring graphics makers who don't have GIMP, Photoshop, or any other fancy photo-editing program! Learn how to do blends, make Blawks, and much more! *UNDER CONSTRUCTION, NO POSTING YET PLEASE!*

Reserved......

Last edited by guingal36; 02-24-2013 at 03:25 PM..
guingal36 is offline Female
Old 12-22-2011, 03:59 PM   #6
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: No GIMP Guide- A guide for aspiring graphics makers who don't have GIMP, Photoshop, or any other fancy photo-editing program! Learn how to do blends, make Blawks, and much more! *UNDER CONSTRUCTION, NO POSTING YET PLEASE!*

Reserved for further use!
guingal36 is offline Female
Old 12-22-2011, 03:59 PM   #7
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: No GIMP Guide- A guide for aspiring graphics makers who don't have GIMP, Photoshop, or any other fancy photo-editing program! Learn how to do blends, make Blawks, and much more! *UNDER CONSTRUCTION, NO POSTING YET PLEASE!*

Reserved for further use!
guingal36 is offline Female
Old 12-25-2011, 02:25 AM   #8
oooow
Webkinz :)
 
Lanawas's Avatar
Lanawas is a saintly comradeLanawas is a saintly comradeLanawas is a saintly comradeLanawas is a saintly comrade
Lanawas is a saintly comradeLanawas is a saintly comradeLanawas is a saintly comrade

Default Re: No GIMP Guide- A guide for aspiring graphics makers who don't have GIMP, Photoshop, or any other fancy photo-editing program! Learn how to do blends, make Blawks, and much more! First added: The simple art of making stock avatars!

Thanks for the guide!!
It will definitely come in handy for other members!!
Lanawas is offline Female
Old 12-25-2011, 07:13 PM   #9
 
clawpaw8's Avatar
clawpaw8 knows no boundsclawpaw8 knows no bounds
clawpaw8 knows no boundsclawpaw8 knows no boundsclawpaw8 knows no boundsclawpaw8 knows no boundsclawpaw8 knows no boundsclawpaw8 knows no boundsclawpaw8 knows no bounds

Default Re: No GIMP Guide- A guide for aspiring graphics makers who don't have GIMP, Photoshop, or any other fancy photo-editing program! Learn how to do blends, make Blawks, and much more! First added: The simple art of making stock avatars!

This is pretty cool! Thanks so much for making it, it will definitely come in handy!
clawpaw8 is offline Female
Old 12-25-2011, 07:49 PM   #10
Webkinz :)
 
uniquecowgirl's Avatar
uniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the boss
uniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the bossuniquecowgirl is the boss

Default Re: No GIMP Guide- A guide for aspiring graphics makers who don't have GIMP, Photoshop, or any other fancy photo-editing program! Learn how to do blends, make Blawks, and much more! First added: The simple art of making stock avatars!

thank you for the Weheartit website!
uniquecowgirl is offline Female
Closed

Tags
- - -torn- - -, ayo whaddup kris, bunny x, ceci got a taggie!, dwahpah&lilyoasis, good guide, guingal was here!, happy happy happy day!, heey dog, i love my hamster, i ♥ princess bride!, inky stepped foot here :), mitfy was here!, queenvetlikesthis!, shrewfang♥, the random family, threadofnote, walkonthewater, whodoesnt♥dogs, worldpeace wowzers, ~~~jazzgal~~~, ☼ can't wait for summer!, ♥do you love me?♥, ♥tiffc♥, ♥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 06:14 AM.



Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, 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