How to do this using GIMP

View: New views
7 Messages — Rating Filter:   Alert me  

How to do this using GIMP

by Greg S. :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

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@...
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user

Re: How to do this using GIMP

by John Meyer-4 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

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

How to do this using GIMP

by Greg S. :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

>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@...
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user

Re: How to do this using GIMP

by Jozef Legény :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

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@...
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user

Re: How to do this using GIMP

by saulgoode :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

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

> 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@...
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user

Re: How to do this using GIMP

by John Culleton-3 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

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@...
> 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@...
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user

Re: How to do this using GIMP

by Joao S. O. Bueno Calligaris :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Some parts of this message have been removed. Learn more about Nabble's security policy.
On Saturday 04 July 2009, saulgoode@... wrote:
> Quoting "Ashutosh S." <forums@...>:
> > 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@...
https://lists.XCF.Berkeley.EDU/mailman/listinfo/gimp-user