Post Reply 

How to add textures and transparency to layer greeking?

Nov 25, 2013, 03:16
Post: #1
How to add textures and transparency to layer greeking?
I'd like to achieve an effect similar to the one shown here:

http://www.aerialnoise.com/wp-content/up...-small.jpg

I have a vague idea of what I need to do...

1.) Take screenshots of various pages of code (did this)
2.) Use masks (or maybe not) to apply some sort of texture behind each screenshot
3.) Use a perspective effect to rotate each page of code to varying extents
4.) Use masks and transparency (or maybe not?) to paste the pages on top of each other in layers

But I could use some help with the exact techniques I should be looking up and combining to get there, and with other specifics. Any help would be appreciated!

Regarding (1), do I want to capture screenshots of black text on a white background? Or, the reverse? Regarding (2) and (4), are these right? If so, can anyone help me articulate these in terms of Gimp menu functionality so I can search out the right tutorials etc.?

Thanks,
M.
Find all posts by this user
Quote this message in a reply
Nov 25, 2013, 05:55 (This post was last modified: Nov 25, 2013 05:57 by iForStyle007.)
Post: #2
RE: How to add textures and transparency to layer greeking?
Hmm, to pull off the effect can be easy if you don't overthink it, BUT you're on to something with your theory, at least with #3

Using masks is good when you only need to edit parts of the photo, show/hide parts of the photo IMO.

Instead of Taking screenshots of the code, I would type up the code then use the perspective tool to add dimension to it. In the screenshot when you change the brightness/color values, it will change all the pixels captured, it can get messy fast lol.

Onto the layed effects, depends on how much depth you want in your image.
You COULD screenshot those grid lines if you can't find a way to draw them manually.
--To me the image would have 3 to 4 layers composed as:

1 Blurred jigsaw puzzle background (bottom of the layer stack)
2. Text, later having the opacity turned down or layer mode changed
3. Grid lines, full opacity (second to the top layer)
4. Top text(top of the layer stack)

So it might look something like this

[text/code]
[grid lines]
[faded, 50% opacity code/text or less]
[blue gaussian blurred puzzle/patchy background]

Then its just a matter of using the right layer mode on each layer & using the same perspective for each layer.

*I'll do a test to see if I can produce a good result with my theory, then I might post it up, but don't bank on it.

"In order to succeed, your desire for success should be greater than fear of failure." BC
[Image: 29uocaf.png]
iFS007 tut vids on YT ~ auto color B&W landscape tut
Visit this user's website Find all posts by this user
Quote this message in a reply
Nov 25, 2013, 07:32 (This post was last modified: Nov 25, 2013 07:37 by iForStyle007.)
Post: #3
RE: How to add textures and transparency to layer greeking?
K, making my image example a new post just incase you post when I post (it happens lol)

I was able to get a desirable result, but there is a special layer for that background, could be just an undercontrasted color.

*One important thing to note: to keep your perspective consistant on all layers, line up the horizontal line on the bottom and/or top of the image after you have it where you want it.
(see picture A)
Then after all layers are perspectived, crop the image to get rid of any space & flatten.

The background:
For the background, I needed to make the colors not so harsh so all the text shows up. Tune the contrast and pull it to the left to make the colors more washed out, unless you use an image that is light in color already.
"Colors > Birghtness - Contrast..."

A.
   

B.

   
(*Please click image for full detail!)
Image "B" is the final result cropped from the step in Image "A" with layer composition in an HQ PNG, 124kb
This should give you an idea how to pull off the effect.

----If you want the exact color of the text on the top, you can either change it in the font itself before you use the perspective tool, or colorize it/hue or rotate colors.
"Colors > Colorize..."
"Colors > Hue-Saturation"
"Colors > Map > "replace colors"
Visit this user's website Find all posts by this user
Quote this message in a reply
Nov 27, 2013, 03:59
Post: #4
RE: How to add textures and transparency to layer greeking?
Thanks for posting. Based on your reply, I see there is hope for me, but I think you over-esimate my Gimp-fu. Let me start with the jigsaw background, as I think that's the first part for me to learn about... Did you actually use the jigsaw effect and then use a fill tool with a couple shades of blue, followed up with a blur effect?
Find all posts by this user
Quote this message in a reply
Nov 27, 2013, 10:20 (This post was last modified: Nov 27, 2013 10:22 by iForStyle007.)
Post: #5
RE: How to add textures and transparency to layer greeking?
(Nov 27, 2013 03:59)strictlymike Wrote:  Thanks for posting. Based on your reply, I see there is hope for me, but I think you over-esimate my Gimp-fu.
Ah.... so you are training in the art of Kung Gimp-Fu huh?
To use/find those filters, just look at the menus at the top. The first word on the left is the menu, then the words after that are submenus. Similar to filename paths "C:\programs\etc..."

On the forums its quicker when instructing and more direct to use word maps to show the user where to go. The first word is the first menu, then the next are submenus/windows after.

For example:

"File" is the file menu "Edit" the edit menu, etc.
So to open an image
File > Open...
Relate that to the paths I mapped out in my tutorial to you in my last post & it should be smooth sailing Smile

Quote: Let me start with the jigsaw background, as I think that's the first part for me to learn about... Did you actually use the jigsaw effect and then use a fill tool with a couple shades of blue, followed up with a blur effect?

nope lol, I emulated the jigsaw effect (didn't know it had one, Gimp has so many filters)
I used the Rectselect rectangle select & bucket fill Bucketfill to make the random hue's/parts. You can customize it more that way, I'm curious to see how the jigsaw script-fu effect will look though
So if possible attach/link to your completed effect. Have fun & be patient with it, seeya later! Smile

"In order to succeed, your desire for success should be greater than fear of failure." BC
[Image: 29uocaf.png]
iFS007 tut vids on YT ~ auto color B&W landscape tut
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  When I add a border it only gets added to the left hand side jwolfe890 1 245 Feb 16, 2018 21:02
Last Post: paynekj
  New layer color... btraven 0 349 Oct 2, 2014 00:47
Last Post: btraven
  Dragged Layer Dropping Issues darkikuto18 3 469 Sep 29, 2014 07:56
Last Post: fluffybunny2
  Transparency sanvi 1 365 Sep 25, 2014 21:08
Last Post: iForStyle007
  Get rid of the "new layer dialogue"? 3dDave 2 498 Sep 20, 2014 20:34
Last Post: 3dDave

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS