Userbar Tutorial [Photoshop] 05-19-2012, 06:51 AM
#1
Create a new document 350×19 pixels, fill the background with a gradient of your choice
![[Image: step1.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step1.gif)
Now we need to make a scanline pattern, to do this goto file new and create a new document 3×3 pixels, zoom in 1600%
![[Image: step1b.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step1b.gif)
Now select the “pencil tool” with a “1 pixel brush” and draw a diagnal line like so
![[Image: step1c.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step1c.gif)
Then goto “edit > define pattern”, click ok when the box pops up
![[Image: step1d.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step1d.gif)
Back to your userbar, create a new layer then click your paint bucket tool. At the top of the screen in the paint bucket tool bar, change forground to pattern
![[Image: step2.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step2.gif)
Then click the little arrow and select your pattern that we created in step 1
![[Image: step2b.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step2b.gif)
Fill your new layer with your pattern and set opacity to 25%
![[Image: step2c.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step2c.gif)
Search yahoo for a font called “vistor tt1 BRK”. Once you have your font type out your text (size 10), ive chosen to make a photoshop userbar. Ive also added some styles to my text which consists of a 1 pixel white stroke and a drop shadow
![[Image: step3.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step3.gif)
Next add your logo
![[Image: step3b.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step3b.gif)
Now select the “elliptical marquee tool” and make a selection like so
![[Image: step3c.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step3c.gif)
Create a new layer and fill with the color white also set opacity to 25%. This is the final image
![[Image: finished.gif]](http://www.hv-designs.co.uk/tutorials/userbar/finished.gif)
Credits to Richard [HVDesigns]
![[Image: step1.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step1.gif)
Now we need to make a scanline pattern, to do this goto file new and create a new document 3×3 pixels, zoom in 1600%
![[Image: step1b.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step1b.gif)
Now select the “pencil tool” with a “1 pixel brush” and draw a diagnal line like so
![[Image: step1c.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step1c.gif)
Then goto “edit > define pattern”, click ok when the box pops up
![[Image: step1d.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step1d.gif)
Back to your userbar, create a new layer then click your paint bucket tool. At the top of the screen in the paint bucket tool bar, change forground to pattern
![[Image: step2.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step2.gif)
Then click the little arrow and select your pattern that we created in step 1
![[Image: step2b.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step2b.gif)
Fill your new layer with your pattern and set opacity to 25%
![[Image: step2c.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step2c.gif)
Search yahoo for a font called “vistor tt1 BRK”. Once you have your font type out your text (size 10), ive chosen to make a photoshop userbar. Ive also added some styles to my text which consists of a 1 pixel white stroke and a drop shadow
![[Image: step3.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step3.gif)
Next add your logo
![[Image: step3b.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step3b.gif)
Now select the “elliptical marquee tool” and make a selection like so
![[Image: step3c.gif]](http://www.hv-designs.co.uk/tutorials/userbar/step3c.gif)
Create a new layer and fill with the color white also set opacity to 25%. This is the final image
![[Image: finished.gif]](http://www.hv-designs.co.uk/tutorials/userbar/finished.gif)
Credits to Richard [HVDesigns]




![[+]](https://sinister.li/images/modern/collapse_collapsed.png)