Adding Layers and Positioning

Okay, so, repeating the previous steps, let's add a couple of more useful images as layers

Step C: Adding more Layer elements

Again, click theLayer pull-down menu and select Open Image as Layer locate your logo from your computer, select it and click Open to add it to your project:


Step D: Moving the new layer

Again, click theMove tool (see above image) and then click and drag the new layer image (the logo in this example) and let's move it left to make room for text.

Step E: Adding Text or a Text Image

Okay, at this point you can add the "Text Image" from the free CoolText website I mentioned earlier OR you can add regular text from within Pixlr. Let's take a peek at both options.

Step E - Option 1 - Adding the Text Image from CoolText

Option 1 - Adding another layer - the "Text Image"

Just as in the previous steps, we simply click the Layer menu pull-down option and again select Open Image as Layer:

Then, webrowse our computer and locate the text image we downloaded from the CoolText website and click Open.:

(The above is a PNG image I created on CoolText and saved to my components folder)

Here's how it appears when added to our Pixlr project:

Now, it's looking good, right?

Okay, let's look at option 2 - Adding text directly from Pixlr:

Step E - Option 2 - Adding the Text from Pixlr

Option 2: Using PIxlr to add Text

Instead of Option 1. We can add text using the Text Tool directly from Pixlr.

So, look to the left - the Tools menu thingy. Click the Text Tool as shown below:

After clicking on the Text Tool to select it, you will receive a Text Dialog box to add the actual text you want to show up on the image:

Let's take a closer look at the text dialog box and what you can do with it:

Here's the Text dialog box after I have typed in the word "Recommended":

You'll also notice some other options within the Text dialog box. Just like within WordPress, you can click to Center, Left Justify or Right Justify the text - not really needed since you can move it after. Additionally, you can click on that wee color box to change the color of the font as such:

When you click on the Color option within the Text dialog, another screen pops open for you to select color ranges.

I know it can be daunting at first, but it's really easy. It's Click and Play..... Within the circle of colors you can move the smaller circles to change color ranges quite quickly as seen here:

So, here, I clicked on the right side of the box in the middle and the bottom of the color circle within the outer circle ring. They yielded the white color as seen above in the upper right.

Then, I simplyclick OK.

That will return you to the Text dialog.

Changing the Font in Pixlr

Additionally, you can click the down arrow shown in the text dialog as Style in order to change the font. PIxlr gives you a dynamic look at the font which is really nice!

Okay, so now we have chosen either a Text image OR text using the text function within Pixlr

Note: If you really want test out your creativity, use both! Text image above and Pixlr text below! Try it out!

Okay, let's move on to some final touches!



Join the Discussion
Write something…
Recent messages
krazykat Premium
Another keeper...and another to be used :-)
Thank you Peej!
Reply
PjGermain Premium
Thanks again, very much, Krazy!
Reply
kennick2015 Premium
One of the best PJ! Now it's time to take a break and enjoy the festive season. Have a good one my friend and I look forward to more stunning presentations in the New Year.
Reply
PjGermain Premium
Indeed brother! Happy Holidays!
Reply
Mike-Writes Premium
Thanks for the excellent tutorial, PJ.
Reply
PjGermain Premium
Much appreciated Mike!
Reply
Mailboxmoney Premium
PJ awesome work.
Reply
PjGermain Premium
Thanks very much Leon!
Reply
AlexEvans Premium Plus
Awesome, PJ keep em comming, the tutorials you produce are top of the range. Thank you.
Alexander
Reply
PjGermain Premium
Thanks so much Alexander! That one nearly wore me out! LOL! Whew!
Reply
AlexEvans Premium Plus
Have an enjoyable time over the festive season, you deserve it bro.
Reply
Top