July 27, 2019

How to Put An Image Inside Text in Paint.NET

This text effect tutorial will take you through the process of how to put an image inside text using Paint.NET.

I will use the Text Tool to create the text on canvas, the Move Selected Pixels tool that comes with Paint.NET to move and resize the text, and the Magic Wand Tool to create a selection. 

Let's get started!
Put An Image Inside Text in Paint.NET
Final result.



Video: How to Put An Image Inside Text in Paint.NET.

If you liked my tutorials, please subscribe to my YouTube channel - JTSGraph.

1. Open Image in Paint.NET
Go to File>Open... (or Ctrl+O).
File>Open.
File>Open.

In the Open dialog, navigate to the file and click on its name, then click Open.
The Open dialog.
The Open dialog.


For this Paint.NET tutorial, I'll use this image, 1836415, downloaded from Pixabay.
The opened image displayed in the Editing Window.
The opened image displayed in the Editing Window.

2. Create a New Layer For Background
Create a new layer for background by going to Layers> Add New Layer (or Ctrl+Shift+N).
Layers> Add New Layer.
Layers> Add New Layer.

In the Layers Window, a new, transparent layer with the default name of Layer 2 appears above the Background (image) layer.
A new, transparent layer with the default name of Layer 2 appears above the Background (image) layer.
A new, transparent layer with the default name of Layer 2 appears above the Background (image) layer.

3. Fill the new layer with color
Choose a color for background by setting the Primary colors in the Colors window. Select Primary from the drop-down list in the Colors Window then choose a color you like by clicking on the Colors Wheels.
Select Primary from the drop-down list in the Colors Window and choose a color you like by clicking on the Colors Wheels.
Select Primary from the drop-down list in the Colors Window and choose a color you like by clicking on the Colors Wheels.

Select the Paint Bucket tool in the Tools Window. In the Options bar, select Global Flood Mode and Fill with Solid Color. Click your mouse on the Editing Window to fill the entire Layer 2 with your chosen color.
The Paint Bucket tool.
The Paint Bucket tool.

Click your mouse on the Editing Window to fill the entire Layer 2 with your chosen color.
Click your mouse on the Editing Window to fill the entire Layer 2 with your chosen color.

4. Create a New Layer For Text
Create a new layer for the text by going to Layers> Add New Layer (or Ctrl+Shift+N).
Layers> Add New Layer.
Layers> Add New Layer.

A new, transparent layer, immediately added to the layer stack on the Layers window, just above the active layer. Now we have three layers, the Background (image) layer, Layer 2 for background, and Layer 3 for the text.
A new, transparent layer, added to the layer stack on the Layers window, just above the active layer.
A new, transparent layer, added to the layer stack on the Layers window, just above the active layer.

5. Select the Text Tool
To places text into an image we need to use the Text tool. Select the Text Tool from the Tool Window by clicking the tool icon or else just press T.
The Text Tool.
The Text Tool.

In the Text Tool Options, you can choose the font type and size.
Choose Font type and size.
Choose Font type and size. 

In the Colors Window, choose black for the Primary color.
Choose black for the Primary color.
Choose black for the Primary color.

6. Type the Text On the Editing Window
Make sure the text layer is selected by clicking on it in the Layers Window.
Make sure the text layer is selected by clicking on it in the Layers Window.
Make sure the text layer is selected by clicking on it in the Layers Window.

Click on any portion in the Editing Window, where you would like to create the text, then type the text.
Click on any portion in the Editing Window, where you would like to create the text.
Click on any portion in the Editing Window, where you would like to create the text.

Press Esc key or click Finish in the Tool Bar when finished.
Type the text on the Editing Window. Press Esc key or click Finish in the Tool Bar when finished.
Type the text on the Editing Window. Press Esc key or click Finish in the Tool Bar when finished.

7. Adjust Text On Canvas
Select the Move Selected Pixels tool from the Tools window by clicking the tool icon or else just press M once.
The Move Selected Pixels tool.
The Move Selected Pixels tool.

Click and drag to move the text to another location.
Just click and drag to move the text to another location.
Just click and drag to move the text to another location.

8. Resize The Text
Now we'll use the Move Selected Pixels tool to adjust the size of the text. When the Move Selected Pixels tool is active, you'll see several handles appear on the edges and corners of the selection. These handles called Control Nubs.

Click and drag the handle on the edges to resize the text. You can use the keyboard shortcut Ctrl++ to zoom out image and Ctrl+- to zoom in.
Click and drag the handle on the edges to resize the text.
Click and drag the handle on the edges to resize the text.

9. Make Selection In Text
The next step is to make a selection around the text. Select the Magic Wand Tool in the Tools Window or just press S four times.
The Magic Wand Tool.
The Magic Wand Tool.

In the Tool Options, choose Global Flood Mode.
In the Tool Options, choose Global Flood Mode.
In the Tool Options, choose Global Flood Mode.

Click on your text to create a selection. You'll see marching ants around your text. Paint.NET loads selection outlines that correspond to the shape of your text. Now you have the selection on the text.
Click on your text to create a selection.
Click on your text to create a selection.

Untick the visibility checkbox beside the layer in the Layers Window.
Untick the visibility checkbox beside the layer in the Layers Window.
Untick the visibility checkbox beside the layer in the Layers Window.

10. Activate The Background Layer (Layer 2) and press the Delete key
Select the background layer (Layer 2) in the Layers window to make it active then press Delete.
Select the background layer (Layer 2) in the Layers Window.
Select the background layer (Layer 2) in the Layers Window.

You will see the letters forming the word PARIS is now filled with the image of Paris below it.
Press the Delete key. You will see the letters forming the word PARIS is now filled with the image of Paris below it.
Press the Delete key. You will see the letters forming the word PARIS is now filled with the image of Paris below it.

11. Save Your Document
At last, use File>Save (or Ctrl+S) to save your project file.

In the Save As window, navigate to the folder where you want to store your project file.

Type a name in the File name text box and leave the default Paint.NET (*.pdn) format.

Pdn is Paint.NET's native format and is useful because it stores everything about your image and will allow you to later edit your image in Paint.NET, in case you notice a problem.

Click Save to store the project file.

Once you have finished, you will probably also want to export the image in a more widely used format, such as JPEG, PNG, TIFF, etc.

Here is the result:
How to use Paint.NET to put an image inside a text.
How to use Paint.NET to put an image inside a text.

More on Paint.NET Tutorials:

2 comments: