It is currently Tue Apr 16, 2024 2:15 am


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 44 posts ]  Go to page 1, 2, 3  Next
Author Message
 Post subject: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 12:32 am  (#1) 
Offline
GimpChat Member

Joined: Dec 29, 2013
Posts: 159
GIMP Version: 2.8.4
Operating System: Mac OS
OS Version: Mavericks 10.9.1
GIMP Experience: Beginner Level



Hey guys,

So i've been wrecking my head all day trying to figure out how & where to modify my ''Underlying layers'' for an image I am working on.

The overall project/design is for a t-shirt mock-up template. The whole idea is to make it as realistic looking as possible (photorealistic)

I found a great tutorial (which unfortunately was made for photoshop... :gaah ) I was to follow it and pretty much apply the instruction to Gimp. However, there is part where the ''Underlying layers'' are being tweeked.

I'm stuck at this point and hoping someone can point me in the right direction from here.

Because i'm a new user I can't post URLS, but here's the video for the tutorial.

I am able to follow everything up to (4:32)

http://layersmagazine.com/designing-a-l ... oshop.html

By the way,this is my first post, so if it's not in the correct area of the forum mods please correct me and thanks in advance.

Happy Holidays!


Last edited by otherwhirl on Mon Dec 30, 2013 1:09 am, edited 2 times in total.

Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: 'Underlayers'
PostPosted: Mon Dec 30, 2013 12:58 am  (#2) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13003
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
As was seen in the video, make a selection of the graphic being used and the cut the selection from the desaturated t-shirt, place it over/on top of your graphic's and try out different layer modes.
Maybe trying overlay, with some opacity lowering. Or maybe even multiply.
You might also try a bump map of the desaturated t-shirt on to the graphic you're using.
This might get you the desired results. If not, then I did my best.

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Top
 Post subject: Re: 'Underlayers'
PostPosted: Mon Dec 30, 2013 1:09 am  (#3) 
Offline
GimpChat Member

Joined: Dec 29, 2013
Posts: 159
Hey thanks for the response.

Maybe i'll try that. Honestly though I'm just looking for a way to access the 'Underlying layers'

Wallace wrote:
As was seen in the video, make a selection of the graphic being used and the cut the selection from the desaturated t-shirt, place it over/on top of your graphic's and try out different layer modes.
Maybe trying overlay, with some opacity lowering. Or maybe even multiply.
You might also try a bump map of the desaturated t-shirt on to the graphic you're using.
This might get you the desired results. If not, then I did my best.


Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 1:12 am  (#4) 
Offline
GimpChat Founder
User avatar

Joined: May 22, 2008
Posts: 5242
Location: Gimpville
Hi otherwhirl,

Just wanted to let you know that you can't post links until you get 5 posts, but you can attach images and files. You might want attach a screenshot to better clarify the question and the problem you are having.

I've updated the link in your first post.

_________________
“If you reach for the stars, you just might land on a decently sized hill.” - Stuart Hill


Top
 Post subject: Re: 'Underlayers'
PostPosted: Mon Dec 30, 2013 1:25 am  (#5) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13003
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
otherwhirl wrote:
Hey thanks for the response.

Maybe i'll try that. Honestly though I'm just looking for a way to access the 'Underlying layers'

Image

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 1:39 am  (#6) 
Offline
GimpChat Member

Joined: Dec 29, 2013
Posts: 159
Sorry about that guys

That sucks because the quality of the video is not good at all, thus the screenshot will be terrible :(

Hopefully someone who's familiar with this will have a solid solution


GnuTux wrote:
Hi otherwhirl,

Just wanted to let you know that you can't post links until you get 5 posts, but you can attach images and files. You might want attach a screenshot to better clarify the question and the problem you are having.

I've updated the link in your first post.


Attachments:
Screen Shot.png
Screen Shot.png [ 532.79 KiB | Viewed 2753 times ]
Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 2:47 am  (#7) 
Offline
GimpChat Member

Joined: Dec 29, 2013
Posts: 159
Anybody?


Top
 Post subject: Re: 'Underlayers'
PostPosted: Mon Dec 30, 2013 3:07 am  (#8) 
Offline
Global Moderator
User avatar

Joined: Nov 16, 2011
Posts: 5128
Location: Metro Vancouver, BC
otherwhirl wrote:
Hey thanks for the response.

Maybe i'll try that. Honestly though I'm just looking for a way to access the 'Underlying layers'

Wallace wrote:
As was seen in the video, make a selection of the graphic being used and the cut the selection from the desaturated t-shirt, place it over/on top of your graphic's and try out different layer modes.
Maybe trying overlay, with some opacity lowering. Or maybe even multiply.
You might also try a bump map of the desaturated t-shirt on to the graphic you're using.
This might get you the desired results. If not, then I did my best.
At 4.32 in the video he starts manipulating the top layer. As Wallace suggested (select the top layer) play with layer modes and opacity.

_________________
Image
Gimp 2.8.18, Linux, median user
Gimp Chat Tutorials Index
Spirit Bear (Kermode)


Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 3:23 am  (#9) 
Offline
GimpChat Member
User avatar

Joined: Nov 15, 2012
Posts: 949
Location: Mesa, AZ
While a PS tutorial can be a decent guide for ideas, gimp tends to throw you for a loop anytime you try to follow one of those step by step. What I saw him do in the video can be reproduced in gimp with layer modes, bump maps and displacement. There's really no way to give you solid numbers as to what to use and how much, etc, you kind of have to get a feel for it.

_________________
Image

I now have a Tumblr, check it out!


Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 5:21 am  (#10) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13003
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
otherwhirl wrote:
Anybody?

Gimp doesn't use "layer styles". Instead we use layer modes, bump-mapping and layer displacements.
What's being done in the video with the layer styles dialog is a combination of something akin to bump-mapping and layer modes.
Layer displacement as well as bump mapping can produce the same kind of results as what is being applied to the image using the layer style dialog and PS.

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 6:09 am  (#11) 
Offline
Script Coder
User avatar

Joined: Apr 23, 2010
Posts: 1553
Location: not from Guildford after all
otherwhirl wrote:
I am able to follow everything up to (4:32)

At that point, you should have an image similar to the attached .xcf file, comprising a background layer ("t-shirt.jpg"), a hidden displacement map layer ("disp map"), and the distorted graphic layer ("wilber"). It should appear like this:
Image

GIMP does not have a direct equivalent to Photoshop's "layer styles", so you will need to first create a desaturated version of the t-shirt to correspond to selecting "gray" for the Photoshop Blend If option.

  • Duplicate the background layer.
  • Desaturate the duplicate layer (using luminosity).
  • Activate the "wilber" layer and perform "Layer->Transparency->Alpha to Selection".
  • Create a layermask on the duplicate layer, choosing "Layer's alpha channel" for the Initialize Layer Mask To option.

You next need to create a layermask on the "wilber" layer and place inside of it a copy of the "t-shirt.jpg" layer.

  • Create a layermask on the duplicate layer, choosing "Selection" for the Initialize Layer Mask To option.
  • Activate the background layer and perform an "Edit->Copy"
  • Activate the "wilber" layermask and perform an "Edit->Paste Into".
  • Perform a "Layer->Anchor Layer".
At this point your layer stack should look like this:
Image
(You can download the XCF file for this from here.)

You can now use the "Colors->Levels" tool to adjust the tone and contrast of the shadows -- moving the triangles in the Levels tool roughly corresponds to the "underlying layers" controls of Photoshop's Layer Styles dialog.

Attachment:
wilber-t-shirt.jpg
wilber-t-shirt.jpg [ 148.9 KiB | Viewed 1337 times ]


Attachments:
File comment: XCF of "everything up to (4:32)"
wilber-t-shirt2.xcf [1.22 MiB]
Downloaded 68 times

_________________
Any sufficiently primitive technology is indistinguishable from a rock.
Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 6:33 am  (#12) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13003
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
I followed the same tutorial and this is what I came up with using "bump-mapping" and and overlay of the desaturated bump copy. I also used the bump copy for the displacement map.
The original skull layer mode was set to burn, and a copy of that layer with the mode set to normal, lowering the opacity a little.
The bump/displacement copy was put on top and set to overlay mode and also lowering its opacity some.
Image

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Last edited by Wallace on Mon Dec 30, 2013 6:43 am, edited 1 time in total.

Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 6:37 am  (#13) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
Very cool Wallace, nice job, so you didn't use displacement?

_________________
Image


Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 6:47 am  (#14) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13003
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
molly wrote:
Very cool Wallace, nice job, so you didn't use displacement?

Yes I use displacement, just forgot to mention that. I did edit my post adding displacement. Sorry...

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 6:49 am  (#15) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
I wondered how you got all those nice wrinkles on the shirt someone forgot to iron.

_________________
Image


Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 6:52 am  (#16) 
Offline
Global Moderator
User avatar

Joined: Apr 07, 2010
Posts: 14182
saulgoode wrote:
otherwhirl wrote:
I am able to follow everything up to (4:32)

At that point, you should have an image similar to the attached .xcf file, comprising a background layer ("t-shirt.jpg"), a hidden displacement map layer ("disp map"), and the distorted graphic layer ("wilber"). It should appear like this:
[ Image ]

GIMP does not have a direct equivalent to Photoshop's "layer styles", so you will need to first create a desaturated version of the t-shirt to correspond to selecting "gray" for the Photoshop Blend If option.

  • Duplicate the background layer.
  • Desaturate the duplicate layer (using luminosity).
  • Activate the "wilber" layer and perform "Layer->Transparency->Alpha to Selection".
  • Create a layermask on the duplicate layer, choosing "Layer's alpha channel" for the Initialize Layer Mask To option.

You next need to create a layermask on the "wilber" layer and place inside of it a copy of the "t-shirt.jpg" layer.

  • Create a layermask on the duplicate layer, choosing "Selection" for the Initialize Layer Mask To option.
  • Activate the background layer and perform an "Edit->Copy"
  • Activate the "wilber" layermask and perform an "Edit->Paste Into".
  • Perform a "Layer->Anchor Layer".
At this point your layer stack should look like this:
[ Image ]
(You can download the XCF file for this from here.)

You can now use the "Colors->Levels" tool to adjust the tone and contrast of the shadows -- moving the triangles in the Levels tool roughly corresponds to the "underlying layers" controls of Photoshop's Layer Styles dialog.

Attachment:
wilber-t-shirt.jpg

very good explanation and images Saul.

_________________
Image


Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 6:55 am  (#17) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13003
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
molly wrote:
I wondered how you got all those nice wrinkles on the shirt someone forgot to iron.

:rofl The t-shirt was used as I found it, all wrinkly and stuff. Wrinkles are in anyway. :hehe

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 7:05 am  (#18) 
Offline
GimpChat Member
User avatar

Joined: Nov 15, 2012
Posts: 949
Location: Mesa, AZ
Yeah all that is pretty much what I was trying to say only I was being lazy. My apologies. I would have done it exactly like Wallace did it if I had the oompf to do anything worthwhile these days.

_________________
Image

I now have a Tumblr, check it out!


Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 7:12 am  (#19) 
Offline
Administrator
User avatar

Joined: Aug 10, 2012
Posts: 13003
Location: Native to NYC living in Arizona, Gimp 2.8 & 2.10, Win 11 PC.
ek22 wrote:
Yeah all that is pretty much what I was trying to say only I was being lazy. My apologies. I would have done it exactly like Wallace did it if I had the oompf to do anything worthwhile these days.

:hehe
It only took me about 5 minutes to do. It took me longer to find the t-shirt I used for the image.

_________________
Image
"A wise man learns more from a foolish question than a fool can learn from a wise answer"
Image


Top
 Post subject: Re: 'Underlying layers'
PostPosted: Mon Dec 30, 2013 7:27 am  (#20) 
Offline
GimpChat Member
User avatar

Joined: Nov 15, 2012
Posts: 949
Location: Mesa, AZ
You clearly underestimate my ability to remain absolutely useless and motionless for the duration of winter.

_________________
Image

I now have a Tumblr, check it out!


Top
Post new topic Reply to topic  [ 44 posts ]  Go to page 1, 2, 3  Next

All times are UTC - 5 hours [ DST ]


   Similar Topics   Replies 
No new posts Layers

2

No new posts Help with masks and layers please!

3

No new posts Attachment(s) Wrap all layers

4

No new posts Attachment(s) Export as layers not working

5

No new posts Apply filter to all layers

6



* Login  



Powered by phpBB3 © phpBB Group