1

I have an image and I want create another image for the app store, something like the picture below. So I have a screenshot of my application, now I need to add some text on top of it, along with a nice color.

Currently I am just sending all my pictures to my Windows, in which I am using Paint to do the job. I am a bit frustrated about how hard this is on macOS. I am searching for a FREE program who can do such an easy job, but I am having a hard time. I tried Darkroom, Photos, Paint S, but they all are complicated and I don't see a canvas in which I can drag and drop an image.

Any suggestions on how to do this on macOS?

enter image description here

Improve this question
5
  • There's dozens of free sites that do this like Screenshot.Pro and Appure. Do none of those work for you?
    – fsb
    Commented Jan 13, 2023 at 11:57
  • You may need to clarify whether you mean on top - i.sstatic.net/UcJ44.jpg - or above - i.sstatic.net/TsfrB.jpg The authors of each answer seem to have assumed opposing definitions.
    – Tetsujin
    Commented Jan 13, 2023 at 12:40
  • @fsb both paid websites or you need to add an attribute in your app.
    – NoKey
    Commented Jan 13, 2023 at 16:09
  • That's correct but using an attribute, like you probably already have for various code snippets being used, is a small concession for these images. Especially when considering the work-arounds to get a 3rd-party image app (or Windows) to make what you're looking for.
    – fsb
    Commented Jan 13, 2023 at 18:11
  • Maybe use the FreeForm built-in app?
    – Thinkr
    Commented May 5, 2023 at 16:13

3 Answers 3

Reset to default
2

Simple image editors tend not to be canvas-based at all, they are entirely image-based; so the canvas is always the same size as the image itself.

So, what appears at first glance to be a simple request is actually more complex than you'd think. More advanced editors such as Photoshop or Gimp can change the canvas size independently of the image size. Gimp is free, cross-platform.
Downloadable from https://www.gimp.org/downloads/ or there's a more Mac-like build maintained separately at https://www.partha.com [this is always slightly behind the official build versions as the author needs to wait for the official release first.]

You can then resize the canvas using Image menu → Canvas Size…

Full instructions at https://docs.gimp.org/2.10/en/gimp-image-resize.html

Improve this answer
1
  • 1
    Thanks, this does the job. It is also nice that I can save the project and share it with others. Funny name though, reminds me of pulp fiction.
    – NoKey
    Commented Jan 13, 2023 at 15:07
0

You could use the built-in Preview app, which has a few editing capabilities. While it doesn't have a canvas per se, you could just copy any image and select "New from Clipboard" (or Cmd+N) and then Tools > Adjust Size to stretch your canvas to a desired size. Then select all (or Cmd+A) and hit delete. Now you have kind of a canvas and can start pasting images, add text and simple objects, like squares and circles.

I've used your image, added a rectangle with both the same border and foreground to overlay the Dutch words and put the English words on top. It's probably not the right font.

Once you're done, you can select a rectangle around the final image, crop it (Cmd+K) and save it. Preview is quite versatile in this regard.

Preview

Improve this answer
8
  • I've asked the OP for clarification as to what they mean by 'on top'. This method, as far as I can see, would only work for 'directly on the existing image' as opposed to 'outside of it'. See images above.
    – Tetsujin
    Commented Jan 13, 2023 at 12:41
  • Thanks, yes, that wasn't clear. Both options, 'on top' or 'above', would work with Preview. I've only shown the 'on top' option. For the 'above' you'd take any image, stretch it to the desired width and height with Tools > Adjust Size and then would add the various parts to it.
    – Alex Ixeras
    Commented Jan 15, 2023 at 11:19
  • I can't figure any way to increase the canvas size in Preview independently of the image size.
    – Tetsujin
    Commented Jan 15, 2023 at 11:21
  • Open any image with Preview, then in the Tools > Adjust Size dialog (i.sstatic.net/CVJIK.png) edit the size to the desired dimensions, then hit Cmd-A and delete. Now you have a canvas in the desired size and can start adding the other elements, eg. screenshots, text, shapes, to it. Admittedly it's a bit cumbersome, but also quick way to create an image without the need to attribute anyone.
    – Alex Ixeras
    Commented Jan 16, 2023 at 8:02
  • 1
    Here are 3 images in sequence: Opened image from OP and a screen cap from my desktop (i.sstatic.net/nvHpZ.png), changed size/dimensions of the original image, selected all, deleted all and put a white background on to show the new size. Then pasted the original image into it (i.sstatic.net/InNlw.png). Lastly, added the screen cap from my desktop to the new canvas and added some text and shape (i.sstatic.net/F0DwP.png). This way I can gradually assemble a new image just with Preview. #photoshopforthepoor
    – Alex Ixeras
    Commented Jan 16, 2023 at 11:59
0

Short and Simple Anwer:

Paint X

https://apps.apple.com/gb/app/paint-x-paint-draw-and-edit/id668502966?mt=12

Improve this answer
2
  • Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.
    – Community Bot
    Commented May 5, 2023 at 14:17
  • 1
    While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. - From Review
    – Allan
    Commented May 5, 2023 at 14:32

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .