Sent: 2009-07-04 22:15:36 UTC (over 2 years ago)

From: ashuvashu

How to do this using GIMP

permalink

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. (via www.gimpusers.com)
_______________________________________________
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user

Sent: 2009-07-04 22:46:04 UTC (over 2 years ago)

From: John Meyer

How to do this using GIMP

permalink

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.

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

From: ashuvashu

How to do this using GIMP

permalink

>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

--
Ashutosh S. (via www.gimpusers.com)
_______________________________________________
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user

Sent: 2009-07-04 23:50:11 UTC (over 2 years ago)

From: Jozef Legény

How to do this using GIMP

permalink

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.

_______________________________________________
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user

Sent: 2009-07-04 23:59:01 UTC (over 2 years ago)

From: saulgoode@flashingtwelve.brickfilms.com

How to do this using GIMP

permalink

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

_______________________________________________
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user

Sent: 2009-07-07 21:52:57 UTC (over 2 years ago)

From: John Culleton

How to do this using GIMP

permalink

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.

--
John Culleton
Create Book Covers with Scribus/e-book $5.95
http://www.booklocker.com/books/4055.html
_______________________________________________
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user

Sent: 2009-07-07 23:44:06 UTC (over 2 years ago)

From: Joao S. O. Bueno

How to do this using GIMP

permalink

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
-><-

_______________________________________________
Gimp-user mailing list
Gimp-user@lists.XCF.Berkeley.EDU
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user