Dark's Userbar Tutorial ( Photoshop )

Dark Shadow 6

Friends Till The End
  • 482
    Posts
    11
    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.
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )

    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Select colours that you wan't on your userbar.
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Now click on Paint Bucket Tool and select Gradient Tool
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Fill the blank file with gradient colours.
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Now it will look like this.
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )




    Step 2: Adding Border Colour
    Go to select and click on all.
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )

    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Go to edit and click on stroke.
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Popup will come out select border width and colour and click on ok. ( it will look like this after adding border )
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )




    Step 3: Creating Pattern And Adding Into Userbar
    Create new blank file of 4x4.
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Zoom it by zoom tool
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Click on Brush Tool and select Pencil Tool
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Create pattern like this and minimize it
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Click on edit and click on Fill
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Popup will come out select pattern that you created and click ok.
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Goto select and click on deselect. ( it will look like this after deselect )
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )




    Step 4: Adding Sprites And Text
    Create new blank file of same width as your userbar and 100 height.
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )

    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Select Move Tool
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Move this:
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    To This:

    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    It will look like this after moving:
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Now open sprite by going to file-open. resize it if it's bigger then 80x80. And Move it to this:
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


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

    Select text tool and add text to userbar like this:
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )




    Step 5: Saving
    As you can see we have created 5 layers.
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    Merge all of the layers by pressing Ctrl + E
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )


    then go to file, click on save as and save it as .png.
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )




    The End
    [PokeCommunity.com] Dark's Userbar Tutorial ( Photoshop )

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


     
    Back
    Top