*fake* cracked lcd

[Sir SpemzR]

Can anyone help me find the wallpaper of a cracked lcd in
either png or psd format so i can add my own background behind it...

i tried searching the desktop threads because i remember it was
posted on here but i couldnt find it....

any help is appreciated,
thank you
mario

[johnmadden78]

I'm 99% positive I have this on my laptop at home. If you can wait about 6 hours, I'll post it if I do.

(assuming nobody else has done so in the meantime.)

[eleven2brett]

Something like this? 190833

[Sir SpemzR]

yea but in either .png or .psd format so the background is clear
and it doesnt have the mac wallpaper

thanks though eleven2brett

[codenamecueball]

i did a psd quickly.. i just added the wallpaper, it can be removed (just delete or unhide) have fun :)
http://rapidshare.com/files/272659923/cracked_screen.psd.html
(sorry about not attact, 1.4mb limmit)

[r.j.s]

This one?

[jessica.]

Higher res. :)

[atari1356]

"cracked screen" in Google images brings up a few

[johnmadden78]

r.j.s. posted the one I was going to...

[Sir SpemzR]

thanks everyone but none of them are it...
if any of u are active in the Desktops thread where people post
screen shots, u must have seen it there, not sure if it was last month
or the month before that but someone linked the psd/png to it

sorry to be a hassle

[Designer Dale]

I may be partly responsible for the image in post #3. Someone had a similar request to the OP and a few of us messed with it. One poster found a link to the original cracked glass file. It's a Win desktop. The post was in Design and Graphics, but that is all I remember.

Dale

[Bfat567]

http://forums.macrumors.com/showthread.php?t=726716

[jbuk]

The one in the above thread was my work, and if I can find a copy of my PSD, you should just be able to relace the images. I'll lock the alpha and stuff so you don't have to redo the cutting.

Uh.... except it's 48 MiB. Ill edit this post once I've compressed it a bit.

http://cid-bed9a1a6bc922467.skydrive.live.com/self.aspx/Public/Aurora|_Broken.psd.7z (apologies for the SkyDrive)

[Sir SpemzR]

http://forums.macrumors.com/showthread.php?t=726716

thank you. :D

drop into photoshop and put the layer mode to screen :cool:

thanks everyone for the help
MR ROCKS!

[fernandovalente]

The one in the above thread was my work, and if I can find a copy of my PSD, you should just be able to relace the images. I'll lock the alpha and stuff so you don't have to redo the cutting.

Uh.... except it's 48 MiB. Ill edit this post once I've compressed it a bit.

http://cid-bed9a1a6bc922467.skydrive.live.com/self.aspx/Public/Aurora|_Broken.psd.7z (apologies for the SkyDrive)


Hi, I'm developing a site and I need it to float over another image. I want it to be transparent. How do I do it?

I already know HTML code to do that, but I don't know the part that has to be done on Photoshop. Help please!!!

[Sir SpemzR]

Hi, I'm developing a site and I need it to float over another image. I want it to be transparent. How do I do it?

I already know HTML code to do that, but I don't know the part that has to be done on Photoshop. Help please!!!

set layer mode to screen :D

[fernandovalente]

set layer mode to screen :D


Thanks for replying, but I guess I was not clear when I said what I wanna do. There's a DIV tag with an image uploaded by the user, then I need another layout over it with the cracked glass effect image. The screen mode didn't work for me. :(

[nfable]

Ah, what you're looking for is a cracked glass like image created in photoshop preserving the alpha (transparency) to overlay on changing content viewed by the end user via a browser...

This might be more a web design forum based question... off the top of my head Flash may be the only solution to your particular goal. As far as I know (limited) is that in html you can set the transparency of an image, but not stack (layer) images on the fly from html code alone ...

You can create a new doc in PS, apply a cracked glass effect, layer, whatever... turn off all other layers so you just see the glass effect and the checkboard standard no background pattern and select save as... then choose .tif and check the box that sayz preserve transparency and that will port out the transparent space you're looking for in an image file, but as far as integrating that in web delivery like you want... dunno that trick. I would warn however, that even with Flash, you would not be able to click 'thru' the cracked glass layer to something underneath (the changing content). If it's just straight text or pics fine, but they're would be any interactivity with the lower layer... a work around would be to create invisible/transparent buttons that would be a layer above the cracked glass layer but would correspond to areas on the content of the lower layer.

But I ain't proposing myself to be web savvy.

nf

ps... try this
http://www.representativeslice.com/Media/Glass_test_Alpha.tif

[r.j.s]

As far as I know (limited) is that in html you can set the transparency of an image, but not stack (layer) images on the fly from html code alone ...
nf

You can stack images using CSS ...

Position them to overlay each other, then set the

z-index: 1;

on the image you want on top.

[fernandovalente]

You can stack images using CSS ...

Position them to overlay each other, then set the

z-index: 1;

on the image you want on top.

Yeah, that's what I'm doing. I just need it to be transparent enough to be realistic and to overlay another image, making it look like a cracked glass.

[jbuk]

As long as your viewers won't be using IE (which, up to version 6 doesn't support transparent images), you should be alright taking the glass layer out of the psd, setting the layer blend mode to 'screen', resizing as appropriate, and then exporting to .png, preserving transparency.

Then have a div in your html which, via css, has a z-index of -1 and and an absolute postioning of 0,0. (I think it's absolute which stops the image moving when the page is scrolled, css is not my strongest point). This will place it above all the other content, and will make it appear to be broken.

You might have problems with click-throughs, though.

[fernandovalente]

Thanks, but the result is not what I expect. Take a look:
http://chiarosoft.com/site/cra/Untitled-1.html

[mickhyperion]

Thanks, but the result is not what I expect. Take a look:
http://chiarosoft.com/site/cra/Untitled-1.html

I would suggest taking the black glass PNG from your last attempt back into photoshop, select and delete the black areas using the magic wand tool, then resave as a PNG. That should give you whitish lines with transparency all around.