Pages

Showing posts with label step-by-step. Show all posts
Showing posts with label step-by-step. Show all posts

Friday, May 30, 2014

GIMP Tutorial: Simple Gaussian Blur Behind Text Effect

GIMP TEXT TUTORIAL FOR BEGINNERS: SIMPLE BLUR BEHIND TEXT

     This is a simple effect you can do in GIMP to make your text pop out a little more from the background. There are plenty of ways to make your text stand out more, such as adding a drop shadow or a border. But this is a more subtle method using gaussian blur - and it's very easy, too. After learning this effect, you can experiment and try things like adding a glow to your text or creating motion.

 Step 1: Open GIMP and create an image whatever size you want. I made mine at 1000 x 1000 pixels, 200 ppi for this tutorial. Fill the background with black.

Step 2: Next, select a medium-blue foreground color (mine is 00008F code). Select the Blend Tool and set the gradient to "FG to Transparent," with a "radial" shape. Put your cursor directly in the middle of the canvas, hold down your mouse button and drag and release at the edge. You should now have a round blue shape like this:

Gaussian Blur Text Effect 1

Step 3: Now go to Layer -> New Layer and add a transparent layer. Make the foreground color white and use your text tool to add your words to the design. I used Arial Bold, size 70, centered. When you have your text the way you want it, select Layer -> Merge Down so it becomes part of the transparent layer:

Gaussian Blur Text Effect 2

Step 4: Right click on your text layer in the toolbox and click "Alpha to Selection." Now go to Layer -> New Layer and make a new transparent layer. Use the Bucket Fill tool to "Fill Whole Selection" with black (code 000000). Now go to Select -> None. It should look like you have black text now. Move this new layer below the white text layer (your text should look white again).

Step 5: With the black text layer selected, go to Filters -> Blur -> Gaussian Blur. Set the blur radius (horizontal and vertical) to about 40. You now have a slight black blur behind your white text, making it pop out a little more. NOTE: Depending on your image and text size and font, you'll have to experiment with how much blur you want.

Step 6: If you want to make it pop out even more, simply right-click on the blurred layer and select "Duplicate Layer." I duplicated it a couple times:

Gaussian Blur Text Effect 3

Step 7: Now you can merge your layers together for the final image. Doing this simple effect can really make your text pop out from the background, while also being subtle. Experiment with different color variations. Do a dark text with a white Gaussian blur behind it. Try lessening the opacity of the blur for an even more subtle effect and experiment with different amounts. See what happens when you change the layer mode.
The final image:

Gaussian Blur Text Effect 4

That's it! Here are a few more examples. Red text on a red background becomes visible without having a harsh outline. Adding a subtle white blur behind text on a lighter image makes the text more legible. The dark blur behind the text on the right makes it easier to read against the camouflage pattern. 

Gaussian Blur Text Effect 5

This is a very simple technique to learn, but it makes your designs look more polished.

Have fun using GIMP!

-MK
On Zazzle
On Amazon
All images copyright MK Hess

Tuesday, May 27, 2014

Create Your Own Custom T-Shirt on Zazzle + Coupon Codes

MAKE YOUR OWN ZAZZLE SHIRT IN 10 STEPS

You can make any kind of t-shirt you want on Zazzle. You can show off your own brand, make a clever design for your favorite hobby or design family reunion shirts for your entire family, complete with name and year. As long as you don't use trademarked items like Mickey Mouse (although, Disney does have a shop there if you're looking for Mickey), the possibilities are endless. But how do you design your own shirt on Zazzle?

Here's how:

1. Follow this link, where you will find a Zazzle shirt with a template already made for you. You'll find the lowest-priced white shirt with a red square on it that says "Replace This with Your Own Design!"

2. Make your design using Photoshop or a free program like GIMP. You can make your design square for the sake of simplicity (2000 x 2000 pixels or 3000 x 3000 pixels, at somewhere between 200 and 300 ppi works well), but the available design space is actually a little more rectangular. A 2000 x 1720 pixel or 3000 x 2580 would fill the whole space. You can make it horizontal or vertical. I'll tell you how to adjust it on the shirt in step 5.

Design tip: If you want help with a GIMP issue, you can usually find a tutorial online.

Here is another design tip: If you're not very good at drawing, you can get a little help from free clip art. Try clickr or openclipart. Just be careful with free images; make sure they are public domain before you use them.

3. Once you have your design done, save it as a .PNG file in an easy-to-find location. On the Zazzle T-shirt page, click "Change" under the sample image in "Personalize It." Upload your design. It will replace the sample.

4. Now, click "Customize It" - a button that appears under the shirt.

5. You'll now have a new set of controls on the right. Find the button that says "Design Area" and select either horizontal or vertical.

6. Next, you need to make sure your design fits the printed space because anything outside of it won't print. You'll see some buttons in the top left. Click on the second one down, the one that says "Show/Hide Art View" when you hover over it. Now you'll see a close-up view of the design space.

7. Use the - and + buttons on the right to adjust your image size (hold down "ctrl" at the same time to make minor adjustments). Use the tools under "Edit" and "Arrange" to center your design and make more changes. Add text or another image. Leave Design View to see how it all looks on the shirt.

8. Do the same on the back of the shirt if you want an image there. Click on the back view of the shirt to add images to it.

9. Now select your shirt style. On the right side, farther down, you'll find the "See all styles" button. After that, select the color and size. Make sure your shirt color looks good with your image (what you see on screen is what you get).

10. Now your shirt is done! You might also find a coupon code here to make the deal even sweeter.

Have fun designing!

-MK
See my designs on Zazzle