Skip to content

[Tutorial]Userbar!

Featured Replies

 

 

First we made a new document with size 350x19.

1fk0.png

 

Grab the Gradient tool and click on the top of your document and drag the mouse to the end of it.

2ma9.png

 

We have this

3nb9.png

 

Now is time to build our pattern. Create a new document : 6x6 with transparent background.

4di9.png

 

We made something like this with pencil tool.(with 1px diameter selected)

5in6.png

 

 

 

Go to Edit=>Deffine patern and save it as a pattern.

Grab the Pattern stamp tool and choose our new pattern.

6ad4.png

 

Open your picture and hit CTRL + A then CTRL + C. I use this

7xp2.png

 

Go to our userbar and hit CTRL + V. We copy and paste our picture to the userbar. Now move it with the arrow keys.

8nb5.png

 

Add some Blending options. I use Outer glow.

9ij0.png

 

Add text. Visitor BRK font, size 10, anti-aliasing - none. Add stroke.

10hx6.png

 

Create a new layer. With Elliptical marquee tool made something like this.

11vg9.png

 

Move it to the top with the arrow keys.

12lp4.png

 

 

Fill it in white. Go to Edit=>Fill

13xm4.png

 

Create a new layer. Hit CTRL+A and go to Edit=>Stroke

14av0.png

 

Here is mine firstuserbaryn1.png

 

Credits: Dita

 

 

And you will have Alot of banners

  • 5 weeks later...

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.