How To Make A Youtube Banner Pixlr

If you lot want to add your company logo to your Create website, you lot will need to insert it into the logo area of your Design Studio. Still, yous may desire to create your logo into a banner and for this you will need to use some photograph editing software.

Pixlr.com is a free to utilise, browser-based photo editing programme. You will not need to download any software to use it, and so you create your banner here, ready to upload in to your Create account.

In this guide, we will exist covering how you can use Pixlr.com to turn your company logo into a imprint, add some text, colour and finishing touches for a more professional look on your Create website. Please note that this is a longer guide to ensure all the steps are clear!

Before you begin, please go to: http://www.pixlr.com/

Beginning you will need to prepare upward your canvas to work on:

1. To create a banner base of operations,  cull "Open Pixlr Editor (Advanced)" to go started.
2. A popular up with some options will announced. Click "Create a new prototype" to open up and kickoff a new project.
3. Begin by naming my website banner something relevant. (So its piece of cake for you to find later.)
4. So in the "Width" and "Tiptop" boxes, set the values to "chiliad" and "200". ??This is if you want to use this size banner with your Create website
   ??(don't forget you lot tin besides choose the other banner size option from your Create account which is "?780 Ten 120?" if you similar).
5. Check the "Transparent" box and Click "OK".

Setting upwardly your imprint.

Now, yous volition want to add together your logo. Kickoff, you will need to open up them:

1. The page that opens is your working area on Pixlr.com.?
   
2. To open your image click "File" from the Pixlr.com menu, then cull "Open Paradigm...".
3. You tin so browse for the image on your computer and so click "Open".
4. You volition now take two different windows. ??1 with your paradigm or logo on and the other with your banner canvas.??

TIP: Yous tin can hover over icons to show a "tool-tip' for more data nigh what that icon does.

?
Your banner and logo open up on pixlr - plus all of the tools labelled.

The next phase is to become your logo on to your banner sheet:

1. You volition demand to utilise the "Marquee Tool" from the left hand toolbar and elevate a box around your logo/paradigm to highlight information technology.
2. Y'all can then copy it by clicking "Edit" from the Pixlr.com carte and choosing "Copy".
3. Next, click on your banner canvas, to bring it to the front.
4. Click  "Edit" from the top bill of fare and "Paste" to paste your logo/image onto your imprint.

At this phase, yous might detect the height of your logo or image is a little too big for the height of your imprint, so yous may need to re-size it.

To re-size your logo, the easiest way is to "free transform":

1. Click "Edit" from the Pixlr.com menu, then cull "Free Transform" from the driblet downwardly menu..
2. This will bring up the usual white boxes in the corners of your prototype so yous can drag to resize.
3. Re-size your image and so that is fits in the shape of your banner.

Inserting and resizing your logo on to your banner.

TIP: don't forget to hold downward the Shift key as you drag to keep the original ratio of your image and ensure that it doesn't distort.

Once your image has been re-sized, you may desire to reposition it.

To move information technology, y'all will need to click the "Move tool" from the left hand toolbar just click and elevate to reposition.

Now you will have your logo on your banner canvas.

If you get out your logo with a clear background, the background will non evidence when you upload information technology to your website and will wait something like this:

Your logo on a transparent imprint. The checkered pattern will not evidence up on your website.

Notwithstanding, you may wish to add a background colour to fill any banner space.

To practise this, outset you should make a new layer:

1. Click the "New Layer" icon in the Layers window (it's the one that looks like an upturned folio adjacent to the bin icon).
2. Then double click the layer to rename it(it helps to keep clear almost what all of your layers are for).
3. Elevate your new layer to the bottom beneath the logo layer. This volition ensure that the logo is not hidden.
4. Make sure this layer is now selected. It will be highlighted to indicate this.

TIP: Using layers helps you to edit certain areas of your blueprint work at a time without disturbing other aspects.

Adding a new layer.

Now, you can choose your colour and fill in your background.

For an verbal match from your logo, you tin pick your color. To practise this:

1. Firstly, click on the "Paint bucket tool".
2. Then at the bottom of the left paw toolbar you can set the colour. Click on the "Set main color" box to cull a colour.
3. This volition open up a "Colour Selector".
4. Rather than guessing what colour looks like to your logo, you can employ a "Colour picker tool" to choice out a color from your logo.? This is automatically present when the "Colour Selector" is open. Simply hover over your logo and click on the colour you want whilst the "Colour selector" is open.
5. The colour will now be selected on the "Colour Selector", click "Ok" to ostend.

Picking your colour from your logo using the colour picker.

Now that your colour is called, to fill up your sail:

1. Click "Edit" from the Pilxlr.com menu and then cull "Select All". This will select your whole canvass
2. Then, click the "Paint saucepan tool" anywhere on my banner to fill it.

An example of a plainly background banner.

At this phase, yous could add a gradient colour effect on your background color if you like. A colour gradient is a colour merging into another colour smoothly. This is something professional designers use occasionally for a smarter stop.

To do this, you will need to utilise the the "Gradient tool":

1. Click on the "Gradient Tool" from the left-hand toolbar.
2. This opens up a colour gradient toolbar at the tiptop of your working area.
3. Hither, yous want to cull the ii colours to merge together.
4. Click on the coloured box next to the word "Gradient".
5. This brings up a variety of slope options you can use.
6. You will probably just want a two colour gradient. This is the default setting and so you tin can now just pick the ii colours that you want to merge.
7. So get-go, you can click the left-hand lilliputian box that is filled in white, then click on the box titled "colour".
8. This volition open up over again the "Color picker", you lot can cull a colour from your logo, or a new colour.
9. Then, y'all can choose your second color that you wish to merge with your first colour, by clicking on the little correct black box and following the same steps as higher up.

TIP - You can make a lighter version of your first colour, for a smooth transition. Commencement, pick your secondary colour to exist the same every bit your first color, only use the "Color selector" to adjust the tone.  Merely drag the little white circumvolve (that's in the diamond color zone) up very slightly, to get a lighter version of your commencement color.

Picking your colours for your gradient.

To utilise this issue to your banner, first make sure my groundwork layer is selected, then click and drag your mouse from the left to the correct of your canvas in a long straight line.

The line indicates in which management the slope will go and the length indicates the length of the color merge. Play effectually here, to see what looks squeamish for you.

Drawing a line for y'all gradient.

Sometimes, it tin can exist nice to have a clean and simple banner, just you might find you lot want to add some text to your banner.
You could add together your visitor number or contact details simply I am going to add together a company slogan.

To add together some text, please follow the steps below:

1. Click on the "Type Tool" to select.
2. Click on the canvas where yous desire to add your text. (You don't need to worry as well much - you can utilise the "move tool" after to reposition it).
3. This will open a box for y'all to enter some text. Hither you tin also choose a font.
5. You lot can also choose a colour for your text here, click on the "Color" box to open the "Colour selector".

TIP - Again, rather than trying to find a colour that works, pick a colour directly from your logo.?? Think, when the "Colour Selector" is open, you tin can just click on whatever colour already on you sail.

Writing a text on your imprint.

If y'all like, you can utilize some effects to the text to make it expect more than professional. Y'all utilise these equally effects to your layers.
When you write some text, a layer for it is automatically fabricated.

To employ some effects to your text:

i. First, click on the text layer so right click on it and cull "Layer Styles" from the pop upwards carte.
2. This volition open the "Layer Styles" window.
3. There are lots of overnice options here, you lot can play with them all to run into what looks overnice.
4. 2 noteworthy options are "Outer glow" and "Drib shadow".

To apply the Outer Glow:

one. Click on and bank check "Outer glow".
two. This will open the customisations for this effect.
3. Offset, you want to choose a colour for your glow, so click the colour box to open up the "Colour selector".
4. Here, you tin can besides reduce the slider for "Opacity" to make the glow have a softer upshot.

To apply the Drop shadow:

1. Click on and check "Drib shadow".
2. Pick your colour for your shadow - blackness or dark grey is fine for this.
3. Again, you tin can reduce the "Opacity" to get in less intense.

Choosing your text effects using layer styles.

TIP - as you alter these settings yous will meet the result live on your layer. Its not applied until you click "OK" so experiment until yous are happy.

TIP - Its a classic designer tip to mix complimenting fonts. Yous can play to see what looks dainty. But a skilful general dominion is to cull unlike font weights from the same family unit to compliment, or mix fonts from dissimilar families to dissimilarity.

A nicely finished banner.

When yous are happy with your banner, you can salve it to your computer.

To save y'all work:

1. Click "File" from the Pixlr bill of fare.
2. Click "Salvage" from the menu that drops downwardly.
3. This brings upward some salvage options.
four. Here, proper noun your banner something relevant, so ensure that "JPEG" is selected from the "Format" drop downwards bill of fare.

TIP - if you lot want your groundwork to appear clear on your Create website, save your file every bit a "PNG" in the "Format" instead.

Saving your banner.

Once yous imprint has been saved you tin follow the instructions to upload your banner to your Create website past clicking here.For more information on using Pixlr.com you tin can read their help pages here: http://support.pixlr.com/pixlr. If y'all need any aid or help uploading your new banner to your Create account, please feel free to contact your account manager who volition be more happy to help.

More Questions?

If yous have whatsoever further questions, please get in touch and we will be happy to assist.

Make it Touch

Source: https://www.create.net/support/creating-a-banner-for-your-website-using-pixlr-com

Posted by: mckinneywhences.blogspot.com

Share this post