Easy Ways to Create Play Store Images on a Mac

Hello. I am zm soft, registered as a developer last year (end of ’23) and started releasing apps. We are also planning to release an app for developers, if you would like to check it out.

Today, I will describe how to create images to submit to PlayStore when releasing an app.

First of all

This is about my development environment and experience. My development environment is Mac. Therefore, this article assumes a Mac environment. As for my experience, I have been using Windows at work and have only recently started to use Mac in earnest. Therefore, I think that many things that Mac users take for granted are written.

• Apps I used
• Preview

This is the only basic software that is initially installed in Mac. When I searched, I found various image editing applications, but there seemed to be many paid ones. It was unclear how far I could do only with basic software, but I was not troubled particularly.

Main flow

The following flow was used to create the images.

• Capture the developed app
• Adding a description of the app
• Cutting out the necessary area

The screen to be created is a commonly seen screen where the cell phone screen is in the lower half of the screen and the app description is above it.

Capturing the developed app

First, take a capture using AndroidStudio’s capture function. I used AVD instead of the actual device, so I started AVD and clicked on the [Camera] symbol to take a capture.

Adding a description of the application

Next, add a description of the app using Keynote. In my case, I wanted to make the size consistent, so I once framed the captured image to the size of the frame, then reduced the captured image from there and added margins for adding text. The background is a gradated image because it would be lonely if it were left as it is.

The black line is the size of the captured image pasted as it is. After the border is removed, the image is scaled down to fit the captured image at the bottom of the screen.

Cutting out the necessary area

Finally, use Preview to cut the image according to the size of the frame by selecting the necessary items in Keynote, launching Previe, and selecting “New from Clipboard. At this time, there are parts of the image that are out of the necessary area, such as the background image, which can be cut from the editing menu.

As shown in the image above, select the necessary area and click [Tools]-[Cut] to cut the excess area.

Create an image of the same size

Once you have created one image in Keynote with a frame size, you can use it as a base for creating other images.

All that remains is to register the resulting image in the PlayStore.

Aside: Image Image Generation Using AI

I felt that the above orthodox image alone was a little sad, so I tried to create some image images separately from the functional description of the application, and put the catch copy of the application on the result of the images. Even if you don’t have any artistic ability, it seems to be something like that.

How do you like it? This is my own way of doing things, so I’m sure there are more convenient ways to do things. If you have any recommendations, please comment.