Gimp-Forum.net
Outline/echo around an image? - Printable Version

+- Gimp-Forum.net (https://www.gimp-forum.net)
+-- Forum: GIMP (https://www.gimp-forum.net/Forum-GIMP)
+--- Forum: General questions (https://www.gimp-forum.net/Forum-General-questions)
+--- Thread: Outline/echo around an image? (/Thread-Outline-echo-around-an-image)



Outline/echo around an image? - MADdukeDUDE - 02-17-2018

I don't even know what to call it but I'm trying to get the outer lines around the mtn dew logo and I can't seem to get it. The closest I've gotten is growing the selection but that rounds the edges of the selection. Any ideas?


RE: Outline/echo around an image? - Espermaschine - 02-17-2018

Sometimes this effect is a called a shadowmat, although probably not in the example you posted.

This kind if typography is mostly done in a vectorgraphics program with offset path, but you can do it with a trick in Gimp too:

To get sharp corners you stroke the path with white, while having the Quickmask active.

Im describing the technique here:
http://gimp-science-labs.blogspot.de/2014/07/the-stroke-tutorial-ii.html

I think it was RobA who came up with it in a thread on gimpchat, here:
http://gimpchat.com/viewtopic.php?f=8&t=6973

The Quickmask technique steps are:

01. Have your text ready on one layer and convert it into a path.
02. Activate the Quickmask (Shift + Q) and make sure white is your FG colour.
03. In the paths tab, stroke the textpath with a thick width.
04. Deactivate the Quickmask - a selection will appear.
05. Convert this Selection into a Path.
06. This might need some clean up with the Paths Tool.


RE: Outline/echo around an image? - rich2005 - 02-17-2018

Another way but not as convenient

Build up the logo from bottom to top using paths Path  for each outline to preserve the sharp corners. see: https://docs.gimp.org/en/gimp-using-paths.html

Something like this:
1. The base image, with the paths drawn round it, as outlines for each color. https://i.imgur.com/SpsoLxl.jpg

2. Keep each part on its own layer, using the outline for the orange colour which is the largest area, put the path to a selection Orange foreground colour (fg) and fill. https://i.imgur.com/iRBpKqU.jpg 

3. Another layer on top of that for the yellow, use the path-to-selection, yellow fg, and fill https://i.imgur.com/UDYPYa9.jpg

4. The yellow line is a little different, make the path active, yellow fg colour, stroke the path Edit -> Stroke Path https://i.imgur.com/hJnm1Yb.jpg

since I had to reproduce that for the screenshots, you might as well have the Gimp file .xcfgz compressed, just open it up in Gimp. It was a bit quick in the making, you should be able to improve it.


RE: Outline/echo around an image? - Espermaschine - 02-17-2018

(02-17-2018, 05:16 PM)rich2005 Wrote: Build up the logo from bottom to top using paths Path  for each outline to preserve the sharp corners. see: https://docs.gimp.org/en/gimp-using-paths.html

Something like this:
1. The base image, with the paths drawn round it, as outlines for each color. https://i.imgur.com/SpsoLxl.jpg

I totally do not understand what you are doing there.
How did you get the grown outlines ? Are you growing a selection and edit the path ??


RE: Outline/echo around an image? - rich2005 - 02-17-2018

(02-17-2018, 06:11 PM)Espermaschine Wrote: I totally do not understand what you are doing there.
How did you get the grown outlines ? Are you growing a selection and edit the path ??

Nope, Draw in by hand


RE: Outline/echo around an image? - Espermaschine - 02-17-2018

(02-17-2018, 06:17 PM)rich2005 Wrote: Nope, Draw in by hand

oh its just drawn by eye ?