• Our software update is now concluded. You will need to reset your password to log in. In order to do this, you will have to click "Log in" in the top right corner and then "Forgot your password?".
  • Forum moderator applications are now open! Click here for details.
  • Welcome to PokéCommunity! Register now and join one of the best fan communities on the 'net to talk Pokémon and more! We are not affiliated with The Pokémon Company or Nintendo.

Dark's Userbar Tutorial ( Photoshop )

Dark Shadow 6

Friends Till The End
483
Posts
10
Years
Dark's Userbar Tutorial ( Only Photoshop )


Introduction
When i joined PC i was often stunned by the beautiful UseerBars that some people made for their Hacks/signature. then i have learned photoshop and decided to make my own Userbars with custom Backgrounds and stuff and they turend out pretty well. ( i'll examples later due to my slow internet ).


Required Programs
1. Adobe Photoshop ( Any version ).
2. Pokemon Sprites that you wan't to be on userbar.



Step 1: Creating Blank File & Gradient Colours
Open adobephotoshop
Create new blank file of 450x30 pixels ( i know standard size is 350x30 pixels ) but 450x30 looks better.
BEWNGPH.png

Zx1cONp.png


Select colours that you wan't on your userbar.
tQ4svEb.png


Now click on Paint Bucket Tool and select Gradient Tool
5w5FczC.png


Fill the blank file with gradient colours.
8K2Hu5S.png


Now it will look like this.
Ihd37Jo.png




Step 2: Adding Border Colour
Go to select and click on all.
qcJBSoM.png

Oh34kLK.png


Go to edit and click on stroke.
8RV38fS.png


Popup will come out select border width and colour and click on ok. ( it will look like this after adding border )
LLBMdgw.png




Step 3: Creating Pattern And Adding Into Userbar
Create new blank file of 4x4.
MmZ8MVy.png


Zoom it by zoom tool
XgVHnWM.png


Click on Brush Tool and select Pencil Tool
vrua9WL.png


Create pattern like this and minimize it
n8Od7LU.png


Click on edit and click on Fill
6W2xaQL.png


Popup will come out select pattern that you created and click ok.
35O6SR7.png


Goto select and click on deselect. ( it will look like this after deselect )
E9papdI.png




Step 4: Adding Sprites And Text
Create new blank file of same width as your userbar and 100 height.
6JTuywK.png

rGKCbxB.png


Select Move Tool
o5hTSZh.png


Move this:
E9papdI.png


To This:

rGKCbxB.png


It will look like this after moving:
cZgeASo.png


Now open sprite by going to file-open. resize it if it's bigger then 80x80. And Move it to this:
SOLttjq.png


after moving minimize the sprite and we have done adding sprites on userbar.

Select text tool and add text to userbar like this:
IX2jjCH.png




Step 5: Saving
As you can see we have created 5 layers.
46PnFj0.png


Merge all of the layers by pressing Ctrl + E
SS943t7.png


then go to file, click on save as and save it as .png.
vbfR3vG.png




The End
2ebx1fq.png

This is my first Tutorial i hope it will help all of you creating unique userbars for your hacks/signatures.


 
Back
Top