How to add, remove, change properties & style for text elements

Welcome back everyone, I'm Alex from PixTeller and today I will show something truly useful: how to add, remove or change the properties and styles for text elements. These features are crucial to master in order to be able to create your own graphics, videos, and GIFS using PixTeller Editor. Ready to get to it? Excellent!

First things first, let’s start by opening the Editor.

Now, we want to add a text element, so we’ll click the "Text" button located on the left menu section. Once the panel is opened, click "Add Text" and a simple container text element will be added in the top left corner of your design. So far so good.

Add text Default text position

Once we do that, we can move the text or update the container’s width to the desired size. You can also align the text element using the top bar buttons. This helps you position the text very easily on the canvas.

Resize and update the text container

Now, let's change the text. To do this, you can use the input box from the left menu, or you can double-click on the text and change it. For this tutorial, I will use one of my favorite quotes: "Creativity is madness".
Like with every text, properly aligning it on the page matters a lot. So to position it on the center of the container, you have this option in the properties panel from the left, right above the text box. Other options here include Left, Right and Justify, the same options similar to Microsoft Word.

Align text

Next, we want to select the right font. To change the font for my text, click the Font family option from the font menu. In the new panel that just opened, you can see that we have over 100 fonts for you to choose from, that are all filtered in Serif, SansSerif, Monospace, Handwriting, and Display. So take your time here to find the ideal font you need.

Change font

For this tutorial, I will use a Display font family. And as I scroll through the list, getting a preview of how the fonts looks like, I think I will go with "Built Titling". Yup, I like this one! As you can see here, the text is updated instantly. Nice, right?

Change font

So far, we’ve learned how to change a text, its alignment and font. Next, let's change the text’s size. In order to do this, you can use the slider as in my example, or just input a value in the size box. The ‘+’ and ‘-‘ buttons give you the ability to incrementally change the size for a better fit.

Change the text’s size

Remember, you can edit the text at any time by double-clicking on it.

Now let’s move to colors. To choose the right color for your text element, you must click on the color button located on the left panel. Did you find it? Great! Also, Solid and Linear options are available. For our example, let’s select the color red. Uu, it looks nice!

Change text color

If you need to quickly replicate the text, you can use the copy/paste keyboard shortcuts CTRL+C and CTRL+V. Just as I’m doing right now.
Now, let’s try the features we’ve discussed. I will change the second text by writing my name, updating the size, changing the color and the position of the container. How’s that? Not too shabby.

Use Copy/Paste

But let's have a closer look at the text filters options. As you see here, you can change the Border, Shadow, Skew and Scale values. You may also adjust the shape Brightness, Hue, Saturation, Lightness, and RGB. What is awesome is that you can add a Blur, Noise or Pixelate effect on your design text elements.
For my text, I will go with a horizontal skew effect of minus 25.

Text filters Skew effect

I’m not sure if you know this, but a very common option for text elements is "Line Height" and "Letter Spacing". I will add them both using the default value for line height, that is 100%, and I’ll also go with 15 pixels for the letter spacing.

Line height and Letter spacing

Yes! Now I like what I’m seeing. Don’t you guys agree?

Another great thing that works really well for single line text elements is that you can add effects like Circle, Concave, Convex, Warp, or Triangle Warp. So play a little with these options to get familiarized, and then select what you like. Your imagination is the limit here.

Text effects

Now that we’ve covered all these features, your design is ready!

After following this tutorial, it should be easier for you to figure out how to add, remove or change the properties and styles for text elements.
If you need to delete what you’ve created, just select the element, and hit Delete on your keyboard. You can also right click and select the Delete option or use the Delete button from the top menu bar.
Remember to rename and save your design once it is finished. And keep in mind that you can also change the privacy from the Editor before creating it.

Text effects

Now, my design is finished, and I can download it and share it on my social network.

So the final outcome should look something like this. Good job everyone!

Until next time, follow our blog for many tricks and tips that will make your designs the best out there. Join PixTeller.com and create your own Images, GIFs and Videos for your Websites, Banners, Social Media Posts, Mobile Apps, Business and more. It's free! Yey!!!

Have a great day, guys, and stay tuned for more!

0
No comments
Register to post comments

Easy-to-Use
Image & Animation Maker

Register - It's free
Have an account? Login