Wednesday, August 5, 2015

Tutorial: How To Create An Image-In-Text Using Paint.NET In 5 Easy Steps


In yesterday's post I concluded with the image-in-text you see above. Image-in-text is visually striking and can make an interesting banner for a project (or a blog post). It's incredibly simple to do and you don't need to buy any software. Let me show you how!

Before getting started, though, I wanted to give a little back story and rant a bit. A popular photography blogger made an image-in-text and proclaimed that you need Photoshop to create such things. I don't own Photoshop and I'm not a fan of the software because it's shockingly expensive, way too robust (most photographers use only 5-10% of the software's capabilities), and they don't seem to treat their customers very well. There are many great alternatives to Photoshop, some of which are free. My personal favorite is Paint.NET, and that's what we'll be using here.

Before getting started you'll want to download and install Paint.NET (click here) if you don't already have it. It's free and completely safe. If you own an Apple computer you're out of luck, but you could use GIMP instead and the process is similar.

The way Paint.NET (and GIMP) works is that you install a basic software that includes most of the tools you might need. People have created "plug-ins" that expand the capabilities of the software. You can download and install the plug-ins and do more. The great thing about this is that you can pick-and-choose what tools and effects you want, and disregard all of the things that you don't need. It keeps the software from becoming too bulky.

To create an image-in-text you won't need any plug-ins--the basic software is all that's required. However, you could get much fancier with this than I did here, and to do so it may require plug-ins. It's up to you and what you want to create.

Let's get started!

Step 1: Create A New Image

Open Paint.NET. Select "File" and then "New" or Ctrl+N. I prefer to make the width and height match the width and height of photograph that I plan to use, although that is not required. It should look like this:


Step 2: Make The Image Transparent Then Add Text

Select "Edit" and then "Select All" or Ctrl+A. Then click "Delete" or Ctrl+X. This makes the image transparent.

Select the "T" in the Tools window. Select the font you want--I chose "Impact" at 192 size and bold. Select where in the image you want the text to be and type whatever you want the text to say. It should look like this:


Step 3: Add Your Photograph

Copy a photograph and paste it into a new layer. Select "Edit" and "Paste into New Layer" or Ctrl+Shift+V. It should look like this:


Step 4: Use Magic

Select the Background Layer (using the Layers window). Select the Magic Wand in the Tools window and click in the checkered part of the image. If a letter has a separate checkered area (such as the letter A), you'll have to press Ctrl and click in that area simultaneously. I wanted that area of my A to show the photo so I didn't select it. It should look like this: 


 Step 5: Finishing

Select "Layer 2" in the Layers window and press Delete or Ctrl+X (it should look like the image below). If you want the background to be transparent, select "Image" and "Flatten" or Ctrl+Shift+F. If you want the background to be a solid color (for example, white like my image-in-text at the top), select "Paint Can" in the Tools window, select the color you want in the Colors window, and click in the checkered part of the image. Select "Image" and "Flatten" or Ctrl+Shift+F. If you want to crop the image you can do so by selecting "Rectangle" in the Tools window, selecting the area of the image you want to keep, then selecting "Image" and "Crop to Selection" or Ctrl+Shift+X. Select "File" and "Save" or Ctrl+S to save the image and you are done! It's quick and simple.


See Also: How To Make Vintage Color Photographs Using Paint.NET

No comments:

Post a Comment