Search
Username:
Password:
Register or Reset Password
Remove the ads!
How to make a solid radar
Difficulty: Intermediate
Category: CS > Sprites & GUIsAuthor(s): -bastard-

In this Tutorial I will attempt to learn you how to make a solid radar with transparent areas. It's not really hard when you understand what we're doing.

Now, First I'm going to tell you about the solid radar.
The solid radar will not make your colors green or transparent like the transparent radar. It allows you to make colorful radars with up to 255 colors (one of the colors will be the transparent one). This is why I make mostly solid radars.

  • The Solid radar contains a total of 256 unique colors. The last color in the palette will be the one that appears as transparent.
  • The solid radar's transparecy type is called: Alphatest

  • Tools You need

    First up you need a tool to "draw" your radar in. We shall use mspaint for in this tutorial. But I belive other tools like Photoshop and Gimp can be used too.

    You also need a tool to convert the image to a 256-bit .bmp and to edit the palette. A nice tool for this is Irfan view.

    The last tool we need is Sprite Wizard, We will use this tool to convert the image to a sprite (.spr file).


    Time to get started!

    First part of the tutorial! Your are in this part going to create your radar. Read on!

    1 -- Open ms paint (or photoshop or gimp or whatever tool you use) and make an image sized 128 x 128 pixel.
    Once you have done that you can just go ahed and make your radar, but keep in mind that only one color will be transparent, so the edge of the radar must be sharp, no blur. (screenshot B)

    2 -- When you have drawn your radar you must recolor all the areas you want to be transparent to a color which is not used in the radar itself.

    3 -- Save the radar as a 24bit .bmp

    Your now done with the first part. You should have a finished radar, and the areas that are going to be transparent is colored in 1 unique color.

    Here comes the part that's a bit tricky, but fear not. It's not as complicated as soon as you understand it. After all, I found out all this on my own.
    Now, here your are going to convert the image to 256-colors and fix the palette.



    4 -- Open your radar in Irfan view.

    5 -- On the top menu click Image > Decrease color depth.

    6 -- A box will appear. Select "256 colors (8 BPP)" and click OK
    Now your radar is converted to a 16 bit. (screenshot C)

    You can now access its palette with 256 colors, we shall do that in the next step.

    7 -- Now, once again, on the top menu click Image > Palette > Edit palette...
    In this box you can see all the 256 colors, And the one in the bottom right corner is the color which will be transparent in-game. It is the last color in the palette.

    (screenshot D)

    8 -- Click on it! click on the last color in the palette!!!
    You must now change it to a color which is not anywhere else in the palette.
    This will be your transparent color. Write down the color values! (three nubers). You will need the values later in the tutorial.

    9 -- Now, your transparent color is 'fixed'. All we need to do now is to apply them to your radar. Save the image as a .bmp to your desktop (or any other location)

    Time for the third part! We are now going to apply the 'transparent' color to the radar.

    10 -- open the .bmp in ms paint.

    11 -- If your a color in your radar has changed to another one, just take a color that looks like the one that was there before and paint over the 'wrong' areas. If your radar looks normal the just continue to the next step.

    12 -- On the top menu click on Colors > Edit colors
    You will now see something simlar to what you saw in step 8

    13 -- Click on the "Difine colors" button and The box will expand.

    14 -- Write in The color values you wrote down at step 8
    You can now see the color you set to the last color in the palette.

    15 -- Now simply click the 'OK' button.

    16 -- The 'transparent color' is now applied to your tools. Take out your flood fill tool (or the pencil) and recolor all the areas you want to be transparent to the 'transparent color' and save the image as a 256color .bmp


    Your radar is almost done. All that remains to do is to convert it to a sprite. And that is abviously what we shall do in this step.

    17 -- Open Sprite Wizard and press "next"

    18 -- Click on the "Browse" button and locate your radar (the 256 color .bmp you saved at step 16)

    19 -- Click next and once again, next.

    20 -- Select "Alphatest - 255 colors; last color is transparency"

    21 -- click "next" and "Finish"

    22 -- Save the sprite to you cstrike > sprites folder and name it radaropaque640.spr, (And replase the original file if you are asked to do so)

    Your radar is finished! Now all you have to to is to play!

    23 -- to make it appear in-game you must change your radartype to solid. this can be done by entering "cl_radartype 1" in your console or you can change it in your options.

    Now, if there's anything you'd like to know, or if you're having any problems related to GUIs/Sprites (radars) you can just ask me. If there's anything you don't understand just contact me, and I'll do my best to help you out.

    If this tutorial somehow helped you, or if you just liked it for some reason, feel free to add it to your favorites. Also, when you add it to your favs you can access the tutorial from your favorites page (which can be accessed from your profile). So if you need to look at the tut again it won't be hard to find.
    Added: 1 year agoTags: solid, radar, making, cs, sprites
    Feedback (3)
    berserk .
    Y2M
    Posted 9 months ago
    Hi. I've got a problem:
    I make a radar, but it always square. How can i make a round radar?
    -
    Celt .
    1LtY2M
    Posted 1 year ago
    Very nice tut
    .
    The fruitiest.Y2M
    Posted 1 year ago
    It's a bit confusing to be honest. I assume this would make more sense to people familiar with these programs though. How about puting thumbs of the screenshots in the tutorial?
    Add Feedback
    Provide constructive feedback. What is "constructive"?
    You cannot post yet!
    Get involved on FPSB by posting your thoughts. Give authors your feedback to help them develop.

    To post in this submission register or login.
    Assessment
    The community's verdict.
    User Rating [+]
    10/10
    bScore
    10.0/10
    You cannot assess yet!
    Moderating FPSB is in your hands - when you assess a submission your vote determines its success or failure.

    To vote on this submission register or login.
    Stamps
    This Tutorial in a nutshell...
    No stamps recorded
    You cannot stamp yet!
    Stamps let you apply characteristics to submissions to help others understand them.

    To stamp this submission register or login.




    Added by...
    .
    Opera 9.6 user (damn, it's fast))

    [+] Donate
    Related Tutorials