Outline around text or graphic

A place to talk about anything else with other Pixelmator users.
User avatar

2018-09-14 13:22:19

I want to know how to put an outline around either text or a graphic like the one shown in the graphic (its the red outline am interested in knowing how to do). Any ideas? Image
User avatar

2018-09-14 18:05:48

Hi Ali.

The outline can be done by applying a stroke to an object that has a transparent background. For example the image below is four simple layers, from top to bottom:
text with white fill (no stroke)
text with 35px black stroke
text with 50px red stroke
black background.

You don't say whether you're using Pixelmator or Pixelmator Pro so:
In Pixelmator, Stroke is in the Styles Palette (⌘7 to show/hide)
In Pixelmator Pro, Stroke is part of the Style tool.

Hope this helps. If you get stuck, just post what you have and I'll help if I can.

- Stef.
User avatar

2018-09-14 18:49:45

Thank you Stef. I will have a go and will let you know how I get on.
User avatar

2018-09-14 19:30:50

Stef, I have had a go and came up with the first pic - which is great. Image

I would now like to take this further and add in some graphics as shown in the pic on my first post. So instead of it reading "West Coast Customs" I would like it to read "North West Turbos". I can add in the graphics but no idea how to use the outline to go around the whole thing as it does in the first pic. Any guidance would be greatly appreciated.
User avatar

2018-09-14 19:33:04

PS I am using Pixelmator 3.7.4
User avatar

2018-09-14 20:09:37


Ive been playing around and I have managed to do this.

Thank you so much for your guidance - Your a star!! Image

Im so pleased - Its just what I wanted!!
User avatar

2018-09-14 20:15:47

Looking good. Nicely done.