Creating Better Logos: Difference between revisions

From Flashpoint Datahub
Jump to navigation Jump to search
mNo edit summary
 
Line 8: Line 8:
Image:Better-logo-1.png | Begone text.
Image:Better-logo-1.png | Begone text.
</gallery>
</gallery>
When a logo's artwork would look distorted by the above method, you can try ripping a suitable asset; most non-HTML5 games store images inside the game's binaries, and for Flash the [https://github.com/jindrapetrik/jpexs-decompiler/releases JPEXS Free Flash Decompiler] is an useful tool for retrieving them. In the below example, the menu image was found in JPEXS by looking into the "images" category of (in a rare occurrence) an internal SWF. Right click the image and export it to your computer; you would notice this image was stored in the JPG format, so a conversion to PNG should be done later.
Replacing png assets with a transparent image instead of removing them is another viable option that guarantees the game will not crash when looking for them.
 
When a logo's artwork would look distorted by the above methods, you can try ripping a suitable asset; most non-HTML5 games store images inside the game's binaries, and for Flash the [https://github.com/jindrapetrik/jpexs-decompiler/releases JPEXS Free Flash Decompiler] is an useful tool for retrieving them. In the below example, the menu image was found in JPEXS by looking into the "images" category of (in a rare occurrence) an internal SWF. Right click the image and export it to your computer; you would notice this image was stored in the JPG format, so a conversion to PNG should be done later.


<gallery mode="traditional">
<gallery mode="traditional">
Line 21: Line 23:
Image:Better-logo-5.png | Ingame view.
Image:Better-logo-5.png | Ingame view.
Image:Better-logo-6.png | Removing the frame's elements.
Image:Better-logo-6.png | Removing the frame's elements.
Image:Better-logo-7.png | Final result.
Image:Better-logo-7.png | Final result. Note the slightly lower quality when viewed inside JPEXS, though.
</gallery>
</gallery>



Latest revision as of 15:28, 14 February 2024

Format

Logos must be in PNG format. A good logo shows something that is representative of the game, like the game's main characters (from the title screen, for example) or other prominent art. Some game hosting websites display unique game logos made by the game's developers themselves, which can be used as-is if they meet these criteria. Such logos might accompany the game on it's webpage or might only be viewable when searching the game via the hosting website's built-in search tools, so be sure to check. Barring that, you can also use the entire title of the game as the logo, preferably including a visual element along with it. It can be found in the curation folder as logo.png. You can add a logo to a curation in Flashpoint's Curate tab by dragging it on to the left panel above Drop an image here to add it.

Recommended tools for grabbing logos include Snip & Sketch and Paint, both included in Windows 10/11 by default. You're free to use other tools, but remember, always save logos in PNG format. When possible, it is preferable to make logos more or less square-shaped.

Examples:


Removing unwanted elements from a screen

Often a button or other element pollutes the view or forces cropping more space from the image than you wanted to. You are not required to try these steps, but a better logo improves how the game will be presented in the launcher. The easiest solution when a image has a plain background is to simply cover the elements in an image editor; you can select an adjacent area of the background in Paint and stretch it to cover the element.

Replacing png assets with a transparent image instead of removing them is another viable option that guarantees the game will not crash when looking for them.

When a logo's artwork would look distorted by the above methods, you can try ripping a suitable asset; most non-HTML5 games store images inside the game's binaries, and for Flash the JPEXS Free Flash Decompiler is an useful tool for retrieving them. In the below example, the menu image was found in JPEXS by looking into the "images" category of (in a rare occurrence) an internal SWF. Right click the image and export it to your computer; you would notice this image was stored in the JPG format, so a conversion to PNG should be done later.

When a game uses multiple assets for a screen, another approach is to look at the "frames" section in JPEXS, select the frame of the screen you want to use if any and right click the unwanted elements in the left menu to remove them from the screen. Then, export the selection or take a snapshot of the frame and later close the file without saving. In this case, the character's body was separate from its face, the background and game's title, so this was an easier solution.