RSS/Atom feed Twitter
Site is read-only, email is disabled

How to do this using GIMP

This discussion is connected to the gimp-user-list.gnome.org mailing list which is provided by the GIMP developers and not related to gimpusers.com.

This is a read-only list on gimpusers.com so this discussion thread is read-only, too.

7 of 7 messages available
Toggle history

Please log in to manage your subscriptions.

How to do this using GIMP ashuvashu 04 Jul 22:15
  How to do this using GIMP John Meyer 04 Jul 22:46
   How to do this using GIMP ashuvashu 04 Jul 23:06
    How to do this using GIMP Jozef Legény 04 Jul 23:50
     How to do this using GIMP John Culleton 07 Jul 21:52
    How to do this using GIMP saulgoode@flashingtwelve.brickfilms.com 04 Jul 23:59
     How to do this using GIMP Joao S. O. Bueno 07 Jul 23:44
2009-07-04 22:15:36 UTC (over 15 years ago)
postings
2

How to do this using GIMP

I am new to GIMP can anybody tell me how to this in GIMP check the pic at http://4.bp.blogspot.com/_7ZYqYi4xigk/SkuOtxD_GVI/AAAAAAAAD-s/m4JhUHCC_Bw/s1600-h/left_nav_compare.png

John Meyer
2009-07-04 22:46:04 UTC (over 15 years ago)

How to do this using GIMP

Ashutosh S. wrote:

I am new to GIMP can anybody tell me how to this in GIMP check the pic at http://4.bp.blogspot.com/_7ZYqYi4xigk/SkuOtxD_GVI/AAAAAAAAD-s/m4JhUHCC_Bw/s1600-h/left_nav_compare.png

Looks like they did two screen shots, (print screen), focused in on the items, cut them and pasted them to a new picture.

2009-07-04 23:06:55 UTC (over 15 years ago)
postings
2

How to do this using GIMP

Ashutosh S. wrote:

I am new to GIMP can anybody tell me how to this in GIMP check the pic at

http://4.bp.blogspot.com/_7ZYqYi4xigk/SkuOtxD_GVI/AAAAAAAAD-s/m4JhUHCC_Bw/s1600-h/left_nav_compare.png

Looks like they did two screen shots, (print screen), focused in on the items, cut them and pasted them to a new picture.

But how they produced the shadow that too in 3d box effect, actually I searched a lot on the net to check what this process can be called but no clue, can anybody suggest

Jozef Legény
2009-07-04 23:50:11 UTC (over 15 years ago)

How to do this using GIMP

On Saturday 04 July 2009 23:06:55 Ashutosh S. wrote:

Ashutosh S. wrote:

I am new to GIMP can anybody tell me how to this in GIMP check the pic at

http://4.bp.blogspot.com/_7ZYqYi4xigk/SkuOtxD_GVI/AAAAAAAAD-s/m4JhUHCC_Bw/s 1600-h/left_nav_compare.png

Looks like they did two screen shots, (print screen), focused in on the items, cut them and pasted them to a new picture.

But how they produced the shadow that too in 3d box effect, actually I searched a lot on the net to check what this process can be called but no clue, can anybody suggest

You could use the path tool to create the boxes' edges. Then convert that path to selection and apply a gradient to that selection (all of this on a separate layer), the gradient would be from black to transparent.

saulgoode@flashingtwelve.brickfilms.com
2009-07-04 23:59:01 UTC (over 15 years ago)

How to do this using GIMP

Quoting "Ashutosh S." :

But how they produced the shadow that too in 3d box effect, actually I searched a lot on the net to check what this process can be called but no clue, can anybody suggest

I would probably call it an "exploded view".

First, you need to select and copy the area you want to "explode". Second, paste that to new layer.
Third, use the Scale and Move tools to increase the size of and reposition the exploded layer.
Fourth, use the Paths tool to draw a path around the outside corners of both the original region and the exploded layer (see the path I created in the XCF file below).
Fifth, create a new transparent layer and place it between the two existing layers.
Sixth, perform a "Select->From path" Seventh, use the Blend tool to draw a "FG to transparent" gradient on the transparent layer.
Eighth, optionally reduce the Opacity of the gradient layer.

If you load the following file into GIMP, you will see an example which contains all of the elements described above (original selection, path, and layers).

http://flashingtwelve.brickfilms.com/Temp/ExplodedView.xcf.gz

John Culleton
2009-07-07 21:52:57 UTC (over 15 years ago)

How to do this using GIMP

On Saturday 04 July 2009 05:50:11 pm Jozef Legény wrote:

On Saturday 04 July 2009 23:06:55 Ashutosh S. wrote:

Ashutosh S. wrote:

I am new to GIMP can anybody tell me how to this in GIMP check the pic at

http://4.bp.blogspot.com/_7ZYqYi4xigk/SkuOtxD_GVI/AAAAAAAAD-s/m 4JhUHCC_Bw/s 1600-h/left_nav_compare.png

Looks like they did two screen shots, (print screen), focused in on the items, cut them and pasted them to a new picture.

But how they produced the shadow that too in 3d box effect, actually I searched a lot on the net to check what this process can be called but no clue, can anybody suggest

You could use the path tool to create the boxes' edges. Then convert that path to selection and apply a gradient to that selection (all of this on a separate layer), the gradient would be from black to transparent.
_______________________________________________ Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user

The shadow with the gradient could be created on a layer as a rectangle, then shaped to the two images using rotation and the perspective tool.
I would apply the gradient as the last step. This layer would need to be between the normal label layer and the exploded label layer.

Joao S. O. Bueno
2009-07-07 23:44:06 UTC (over 15 years ago)

How to do this using GIMP

On Saturday 04 July 2009, saulgoode@flashingtwelve.brickfilms.com wrote:

Quoting "Ashutosh S." :

But how they produced the shadow that too in 3d box effect, actually I searched a lot on the net to check what this process can be called but no clue, can anybody suggest

I would probably call it an "exploded view".

(...)

http://flashingtwelve.brickfilms.com/Temp/ExplodedView.xcf.gz

And Ashutosh -- finally :
the steps given in the answers you got are correct, and as you cna ssee it is all but one step.
If you will need to perform this for a series of images instead of just 2 or 3 times, it is worth creating a plug-in for doing it authomatically. A plug-in is nice because the effect remains available to other users once you publish it.

Of course creating a plug-in requires some steps, but I might be available to help you through that if it interests you.

js ->