Asked to achieve this effect in GIMP?

On the left side of the attached Shutterstock image is what I would call an outline effect. I’ve been asked if I can get the same look on a photo we’ve been provided at work. I have the latest GIMP/G’MIC. Any tips?

Shutterstock example

Hi @okieman

Is that good enough (see upper and lower right corner)?

If so, I’ll explain how I did it.

3 Likes

Yes, I am very interested!

Okay. First I duplicated the layer, opened G’MIC and from menu Contours chose the Gradient norm filter. I played a bit with sliders to get the optimal result:

Screenshot%202018-09-19%2009%3A02%3A07

When the filter was applied, in GIMP I called this layer “outline mask”.

I then deactivated this layer, activated the (original) lower layer, chosen the color picker tool and selected blue color from the left corner of the image. That blue is foreground color now:

PE7945

Than I created a new layer and used foreground color as fill (right click on the activated layer and from menu choose “new layer”. in “Create new layer” window under “Fill:” choose “Foreground color” from drop down menu):

Screenshot_20180919_094244

To this new blue layer I have added a layer mask.
No matter which one, in the next step I’ll replace it with “Outline mask” layer (right click on the layer and choose “Add layer mask”):

Screenshot%202018-09-19%2009%3A59%3A39

I activated “outline mask”, copied it with ctrl+c to the clipboard, then activated the layer mask of “blue layer” and pressed ctrl+v.
Floating selection showed up. I activated this selection, opened the menu with a right mouse click and selected “anchor layer”. The layer mask was then replaced by “outline mask” layer:

Screenshot%202018-09-19%2010%3A10%3A56

Then I inverted the layer mask (activated layer mask than from “Colours” menu chosen “Invert”):

Screenshot%202018-09-19%2010%3A19%3A11

Outline areas of this layer are now transparent. If we want them to turn white, we need to create a new white layer underneath it. So, I reactivated the bottom layer and - as described above - created a new layer, this time with background color as filling:

Screenshot%202018-09-19%2010%3A27%3A57

The mask of the blue layer is too strong. We can adjust it a little bit with curves (activate mask than from “Colours” menu choose “Curves” ):

Screenshot_20180919_103445

I have applied it and merged both layers, blue and white (activate blue layer, right mouse click, choose “Merge down”):

Screenshot%202018-09-19%2010%3A41%3A12

“Outline mask” layer is no longer needed, and can be deleted. We rename “White layer” to “Outline”.

Now we have to combine both layers so that on a certain area the “Outline” layer shines through the original image.

I copied the bottom layer and dragged the copy over the outline layer:

Screenshot%202018-09-19%2010%3A52%3A34

I then added a white mask to this copy (activate copy, right click and from menu choose “Add layer mask” and than “White”):

Screenshot%202018-09-19%2010%3A56%3A22

Now we have to make sure that we have black as the foreground color again.
(On the foreground-background selector click on small square):

Screenshot%202018-09-19%2010%3A58%3A34

Now I have painted the areas that should shine through with the black paint over the white mask (activate mask, choose “Brush” tool and paint over):

Screenshot_20180919_110855

That’s it. I hope this will be helpful for you.

8 Likes

Boris, that is excellent. Thank you for posting this information!

1 Like

@s7habo thanks so much for this neat tutorial!

1 Like