• 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?".
  • 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