Hack Forums
user bar tutorial & service - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=156)
+---- Forum: Graphics (https://hackforums.net/forumdisplay.php?fid=6)
+---- Thread: user bar tutorial & service (/showthread.php?tid=2735923)



user bar tutorial & service - theunknowncoder - Aug 1, 2012

first of all this tutorial isn't mine!
this is the tut
First we made a new document with size 350x19.
[IMG]http://img216.imageshack.us/img216/8248/1fk0.png[/IMG]


Grab the Gradient tool and click on the top of your document and drag the mouse to the end of it.
[IMG]http://img220.imageshack.us/img220/3247/2ma9.png[/IMG]


We have this.
[IMG]http://img220.imageshack.us/img220/2410/3nb9.png[/IMG]


Now is time to build our pattern. Create a new document : 6x6 with transparent background.
[IMG]http://img222.imageshack.us/img222/5070/4di9.png[/IMG]


We made something like this with pencil tool.(with 1px diameter selected)
[IMG]http://img216.imageshack.us/img216/8413/5in6.png[/IMG]


Go to Edit=>Deffine patern and save it as a pattern.
Grab the Pattern stamp tool and choose our new pattern.
[IMG]http://img222.imageshack.us/img222/7497/6ad4.png[/IMG]


Open your picture and hit CTRL + A then CTRL + C. I use this
[IMG]http://img220.imageshack.us/img220/8184/7xp2.png[/IMG]


Go to our userbar and hit CTRL + V. We copy and paste our picture to the userbar. Now move it with the arrow keys.
[IMG]http://img220.imageshack.us/img220/9581/8nb5.png[/IMG]


Add some Blending options. I use Outer glow.
[IMG]http://img220.imageshack.us/img220/4809/9ij0.png[/IMG]


Add text. Visitor BRK font, size 10, anti-aliasing - none. Add stroke.
[IMG]http://img216.imageshack.us/img216/5716/10hx6.png[/IMG]


Create a new layer. With Elliptical marquee tool made something like this.
[IMG]http://img216.imageshack.us/img216/7553/11vg9.png[/IMG]





Move it to the top with the arrow keys.
[IMG]http://1.2.3.10/bmi/img204.imageshack.us/img204/8954/12lp4.png[/IMG]


Fill it in white. Go to Edit=>Fill
[IMG]http://1.2.3.12/bmi/img220.imageshack.us/img220/9702/13xm4.png[/IMG]


Create a new layer. Hit CTRL+A and go to Edit=>Stroke
[IMG]http://1.2.3.13/bmi/img216.imageshack.us/img216/8246/14av0.png[/IMG]

i would put it in a spoiler but i dont know how too someone teach me
2. this is the service post what user bar you want me to make or find and i will but be detailed have fun


* - Bad Meets Evil - Aug 1, 2012

Your last 3 images are broken for me.


* - Dah Guru - Aug 1, 2012

yea me 2 and i do not think this is yur tut as the last few u did people said u did not make em


* - -lSkillzl- - Aug 1, 2012

(Aug 1, 2012 04:12 PM)Dah Guru Wrote:  yea me 2 and i do not think this is yur tut as the last few u did people said u did not make em

As stated at the top, "This tutorial isn't mine". So yes, it isn't his tutorial.


* - theunknowncoder - Aug 2, 2012

(Aug 1, 2012 04:56 PM)-lSkillzl- Wrote:  As stated at the top, "This tutorial isn't mine". So yes, it isn't his tutorial.
Thanks for this 🤩🎉🤗


* - Falconw0w - Aug 2, 2012

Few images are broken. Fix them and btw good tut.