Tutorial: How to Create Custom Cover Images with Google Chrome

This tutorial is meant for those without knowledge or owning dedicated photo-manipulation software.

Guide length: ≈5 minutes

Requirements
*Cover image of your game
*Google Chrome (or similar)

Part 1. Import and adjust your image

1. Open your browser and head over to Photopea.

2. Import your cover image. File > Open… and select your image.

3. For convenience, we will duplicate out imported layer by pressing CTRL+J on windows, or CMD+J on Mac.

Always duplicate your imported image when planning to make adjustments. This way you always have a backup in case something goes wrong.

Optional: Step 4 is a step to make slight adjustments to the brightness and contrast of our image. If you like the way your image looks, skip to Step 5.

Because the imported image used in the example is too dark, we will make small adjustments to increase the visibility.

4. With our layer selected, go to Image > Adjustments > Brightness/Contrasts

A new panel opens up that allows us to change the brightness and contrast of the cover image. In the example image, the values are changed to Brightness +15 and Contrast -20. These values may differ on different images.


To use different image adjustments, go back to Image > Adjustments and try different option such as Levels, Curves and Exposure.

Part 2. Adding text to your image

5. Select the Type Tool from the left toolbar or press T.
6

6. With the type tool selected, drag over your image to create a text field and write the name of your level.

Use the toolbar on top to change the markup of your text.

7. Change the font type by opening up the Font Library or import your own fonts. In this example, we loaded a custom font which you can find here.

Done! Your cover image is almost complete! To further change the look of the text, right-click on your text layer and select Blending Options

A new window will pop-up named Layer-styles will show up. Play around with the settings until you are satisfied with the way your text looks.

8. To export your image go to File > Export as > JPG

Important! Before pressing save, make sure your image is below 1MB.
If the quality exceeds 1MB, decrease the quality, by moving the slider to the left.

The expected file size will change accordingly to the quality (see bottom left)

The exported image should be in your browsers save or downloads folder.

2 Likes