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

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.

>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

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.

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.

Quoting "Ashutosh S." <forums@gimpusers.com>:

> 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

On Saturday 04 July 2009, saulgoode@flashingtwelve.brickfilms.com wrote:
> Quoting "Ashutosh S." <forums@gimpusers.com>:
> > 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
-><-