Jump to content

Samness!

Members
  • Posts

    16
  • Joined

  • Last visited

Posts posted by Samness!

  1. Yt27, you should try bringing the text up a bit so it's vertically centered - and for the second one, maybe reducing the size a bit.

    On Step 6, before you merge the layers together, you can try using Sharpen to make your text look less blurry looking and a bit whiter. This has been added to the tutorial, just so everyone's userbars look that much prettier :).

  2. This tutorial is available as a PDF. Click here to view or download it

    This is a tutorial which will quickly enable you to create a userbar.

    Plugins Needed

    Borders and Shapes

    Outline Object

    Fonts Needed

    Visitor TT1 BRK - http://www.fontstock...or-TT1-BRK.html

    Step 1: Open up a new canvas, with the dimensions of 350 and 19 pixels.

    1

    Step 2: Paste in a background image for your userbar, or use the gradient tool - pdn35icons.GradientToolIcon.png - to make your own. I will be pasting one in.

    5

    Step 3: First we will want to add some text - pdn35icons.TextToolIcon.png - to the left hand side of your avatar – I'm going to using my username, Samness!

    6

    Step 4: Create a new layer. pdn35icons.MenuLayersAddNewLayerIcon.png

    Step 5: On this new layer, choose the font Visitor TT1 BRK – Colour White, Size 9. Now we're going to be typing the text that you will see on all userbars, and this will be on the right hand side of the userbar. If usually conveys interests, so I will be typing Paint.NET Enthusiast.

    7

    Step 6: Now to to Effects > Object > Outline Object. Set the Colour to Black and the Width to 1, and your text should now be outlined. You may also want to use Effects > Photo > Sharpen, just to make the text look a bit whiter and less blurry looking. You can now merge your layers together. :MergeDown:

    8

    Step 7: Create a new layer. pdn35icons.MenuLayersAddNewLayerIcon.png Call this layer Ellipse. Now we're going to be drawing a white ellipse that covers about a third of the image, like so. pdn35icons.EllipseToolIcon.png and pdn35icons.ShapeInteriorIcon.png

    10

    Step 8: Now reduce the opacity of that layer to anywhere in between 30 and 70, depending on what looks better.

    11

    Step 9: Now create a new layer. pdn35icons.MenuLayersAddNewLayerIcon.png Call this layer Lines. Click on the Paint Bucket Tool. :PaintBucketTool: Up the top there should be a drop-down list with the word Fill next to it. Choose Dark Upward Diagonal from that list.

    12

    Step 10: On the Colours Palette, click on 'More'. Make your Primary Colour Black and your Secondary Colour White – make sure the Transparency-Alpha for Black is set to 0.

    2

    Step 11: Fill in your image – you should have a whole set of white lines along your image. Set the opacity of the layer to around 20-40, depending on what looks better.

    3

    Step 12: Merge the Ellipse layer with your Background layer, and then merge your Lines layer with your Background layer. :MergeDown:

    Step 13: Now go to Effects > Render > Borders N' Shapes. Set the Shape to Rectangle, the Width to 1 and the Pattern to Solid. Your image should have a border around it.

    9

    Step 14: Congratulations, you are done! Here is an example of the finished product.

    4

    I hope you enjoyed this tutorial!

×
×
  • Create New...