[Tutorial] Userbar Tutorial

Sat Feb 08, 2014 2:06 pm

Hello everyone! N-Chan here with my second *boring* tutorial~ /hehe

Please bear with my grammar if i had some errors and hope you guys can understand it.
I tried to explain every detail, posted some screenshots too for better understanding.

I'll be showing how i make my userbars.

STEP ONE:
Open a new canvass. Indicate your size.
Avoid too large userbars, it won't look good.
The size i used is 450px in width and 25px in height.

[Tutorial] Userbar Tutorial MvP4WkV

STEP TWO:
Place an image inside. It can be just a stock or an image.
Remember the rule of thirds where the subject covers the three-fourths
of the whole canvass.

[Tutorial] Userbar Tutorial GS9jFFy

STEP THREE:
Time to add the texts! In this userbar, i used the font Visitor TT1 and
set it to Size 10, set to Sharp. (This is the best size for this font.)
Avoid overcrowding of texts inside. Give spaces.

[Tutorial] Userbar Tutorial BRdY5C4

STEP FOUR:
Time to make the patterns~
OPEN A NEW CANVASS. Set the size to 3x3 Pixels.
It would appear very small right? Now, use the magnifying tool
and click "Fit Screen"

[Tutorial] Userbar Tutorial MzwCUi2

After you clicked it, the canvass should look bigger now like this.

[Tutorial] Userbar Tutorial VxyJCde

STEP FIVE:
Use the pencil tool with settings of 1 Pixel. Create a diagonal line with it like this.

[Tutorial] Userbar Tutorial DKwOGfl

STEP SIX:
TIME TO SAVE IT AS A PATTERN. Go to the Menu>Edit>Define Pattern

[Tutorial] Userbar Tutorial GfEtaVU

STEP SEVEN:
After it is saved, create another layer. Then go again to Menu>Edit>Fill

[Tutorial] Userbar Tutorial UWE4Thv

Choose the Pattern Option and use the Pattern we made. It would appear a bit rough, so set the Opacity to 10-15% depending on how dark the image is.

[Tutorial] Userbar Tutorial 10z5Bl9

STEP EIGHT:
Create another layer again, then use Elliptical Marquee Tool.

[Tutorial] Userbar Tutorial VlEKRyQ

STEP NINE:
Create an oval, but only the lower part should be seen in the canvass. Right Click at the oval you made and click Fill.

[Tutorial] Userbar Tutorial 9lbHmEf

The content should be in Color Option. We need the color white, so it would look like it had a glassy effect. Don't forget to set the opacity to 30%!

[Tutorial] Userbar Tutorial LtnpZWX

STEP TEN:
Last touches!

Create another layer and then go to Menu>Image>Apply Image
It should be a layer that looks like a merged layer of all the things we've done.
Now go to blending options and give it a borderline!

Size: 1
Position: Inside
Fill Type: Color
Blend Mode: Normal
Opacity: 100%
Color: Black

[Tutorial] Userbar Tutorial QmwWi6v