gimp tutorialsPeople wanted us to make GIMP tutorials, so here they are! GIMP is FREE, and it works very similar to Photoshop.
Since this tutorial is only about outlining text, not making banners, I started off with one of Foomanshu's premade blank banners.
Type in your text with the text tool. Choose a decent font with a nice color that matches.
Then, right click the text layer. Select, Alpha to Selection.
After that, your text should have a moving, dashed line around it. Go to Select at the top menu, and select grow. Put in the width in pixels you want your border to be. I chose 3px because the font I chose it very fat. Press "okay".
Now your text should have an "invisible" text border, outlined by the moving dashed lines. Duplicate the text layer, and go to Edit, then Fill with BG Color. Make sure the color is the color you want the text border to be. Now, your text and text border will seem like it's the color you chose for the border, but not to fear! Just put the text layer that's below that layer on top of the layer with the border. Tada!
Okay, so the text doesn't look that great. You need some more editing! Check out the other tutorials!
Start of with text, and perhaps an outline (Looks better). I took the finished product from the previous tutorial.
To add drop shadow, right click the text border, and select Alpha to Selection. That should outline it with moving dashed lines.
Then, got to Select from the top menu, and click on Grow. Decided how big you want your drop shadow, in pixels. I chose 2px, because I don't want it to be too small, or too big.
Now, you should have a different dashed outline. Duplicate that layer, and put that duplicated layer below the original layer.
Go to Edit in the top menu, and select Fill With BG Color. Make sure your BG Color is black, or whatever color you want the shadow to be. Now you should have an extra border! So that's basically how you make a border. But to make a shadow, simply go to Filters, Blur, Gaussian Blur. Make sure your border is not selected. For Horizontal and Vertical, I put 5.0. Press okay. Now you should have a blurry thing, which is your shadow!
Woohoo! Doesn't it so much better with a shadow? You can move it around, fade it out, and even make it white! Just do the same things, but at the end, it will look like a glow instead of a shadow.
If you had trouble with this tutorial because there weren't enough images to help you, you can look at the previous tutorial, Outlining Text. Many of the steps here are similar to the steps here.
Once you've chosen them, paste them both on the new canvas. Make sure that the 2 images are on separate layers. Otherwise, it will not work. Also make sure that they are overlapping, not right next to each other.
Once you've done that, click on the first tool in the toolbox, which is the Rectangle Select Tool. Make sure that you are on the layer with the image that is on top. Also, below the tool box, there will be options for the Rectangle Select Tool. Make sure the box that is next to Feather Edges is checked. The radius should be around 80. 100 is good as well. Select the part that you want to blend:
On your keyboard, press the Delete key, and it should be blended! You may have to press delete more than once to have it blended in completely. Here is how mine looked like after pressing delete twice:
Tada! You can do the same thing with the lasso tool if you'd like. I tend to use the lasso tool more actually, cause I don't have to only blend what's in the box.
shrinking images without making it look pixelly
Simply open up a new canvas, and paste your image on.
Then, press CTRL+W together on your keyboard, and a window should pop up:
Estimate how much you want to shrink your image. If you leave it as 100%, nothing will change, if you change the percentages to 50%, it will be half the size. Make sure the percentage you chose is in both the "Horizontal" and "Vertical" options.
Press okay, and it should look pretty nice!
Okay, so I've gotta admit it doesn't look the best. To make it better, go a little percentage at a time. I go about 90% at a time. I would keep doing it again and again until it's the right size. ^^
Then, go to your layers box and click on the F tool (). It might be different on some other versions of Photoshop, so click on anything that looks like that.
A drop down menu should show up. Select drop shadow:
Next, just adjust the numbers. The titles for each adjustment "scales" are pretty self explanatory. Just test some numbers out! Here's out final product:
First, choose 2 or more images. For this tutorial, I chose 2 neo-related images that match:
Next, you open up a new canvass (File, New). Paste your images on the blank canvass like so:
Now it's time to blend! Use your tool to blend. Before you start, make sure at the top, your feather is set to any number between 10 and 30. We usually use 20. When you got everything set up, draw a circle around the part that you want to blend:
Then, on your keyboard, press backspace or delete, and then it will erase the part you don't want to make a blend! ^^ You might have to press backspace or delete more than once, or select different parts of the image to make the image really blend. Here's our blend:
Voila! There you have it, your very own blend! Blends are perfect for banners, so we decorated ours to make it 'sparkle'. xD Here's our final product (Tutorials on making a banner will come later!):
Paste the image onto your canvass. You should zoom up close so you can select the purple part easier. Select the part that you want transparent with your wand () tool (The dashed lines should be moving, right?):
On your keyboard, press backspace or delete. That purple area should be gone, and a checkered background would be there instead!
Once you've done that, you are ready to start! Oh yeah, they are all free programs by the way. ^^
First, make your frames. The frames are like the slides of a slideshow. Each frame has a movement. This tutorial is going to teach you the simplest animation: Blink. The end result is like this:
Below are the frames that made that all happen:
To make those frame,s just change the color of your text! You can even make them in Paint. In fact, sometimes it can be easier. xD Different animations require different numbers of frames. The button above only took 2 frames. However, if I wanted to animate each letter once by one, I would have to make 9 frames because there are 9 letters in Foomanshu. Also, make sure your frames are saved as PNG! One suggestion for naming each of your frames is to name them by letter. For example, I just name the first frame A, the second frame AA, third frame AAA, and so on.
Once you made your frames, you have to convert them all from PNG to GIF. To do that you need a program like Irfanview! You can use any other program that saves GIF without making it look grungy and ugly like what Paint does. In Irfanview, just open every single frame one at a time and same them each as GIF. To make it the highest quality GIF, once you press the save button at the top bar and select GIF in the drop down menu, there will be a scale to the side that can allow you to make your GIF the highest quality it can be. Drag the bar on the scale all the way across to the right.
Now, onto the animating! Open up GIF Animator. Open up your last frame. Way? The problem with GIF Animator is that you have to add all your frames backgrounds, which can be very annoying. So you always have to start with the last frame, and work your way backwards. In my animation, it doesn't matter the order because it's only two frames.
Once you opened all your frames, go to the Animation tab. Then, check all the boxes:
Once you've done that, go to the Image tab (Farthest right). This is where the hard part come for most people. The selected frame is the frame you are setting up. This part is where you decide how long each animation stays. The number for Duration is how many milliseconds. 100 would mean a full second. Once you've done one frame, you have to go to the next and set it up the same way. If you want to make your button transparent (For borders other than solid), you can check the Transparency box. Before you do that, though, make sure the part you want transparent isn't the same color as any other color in your button because when you choose your transparency color, you have to select a color that. If the color that is going to be transparent also in your button, that part in your button will be transparent, and will not look good.
Take a look at the difference between the two buttons. The first one is the final product (The good one), and the second is the one with zero duration:
As you can see, you don't want your button to go too fast!
Choose a font category, and choose a font you like. To the right, click the grey link that says download. Then, a new window will pop up, titled Opening ___________.zip. Check save file:
Next, another window should pop up! For our computer with Firefox, a download window should pop up, and for IE, a computer window should pop up. If you only have the download window pop up, double click on the font you just downloaded. A new window should pop up.
Click on the font folder () and somehwere, click a button that says extract all files (Button is in a different location for different computers). Then, extract it to any place you can get your font (I suggest desktop). Press OK.
After that, go to wherever you extracted your file to (Mine is desktop). Right click it, and select cut. Then, go to Control Panel, then Appearance and Personalization (Or wherever your font folder is). Next, go to your font folder, and right-click, and press paste. If a window pops up, read it, and just press Continue.
Your font should be in your computer! The font will work for all programs, even MS Paint. Test it out! ^^ Also, if you want to use it on a program that is already opened, you have to first exit it, then restart again.