Cracked glass image with transparency (alpha) for overlay?

Any know of a nice cracked glass image PNG file that has transparency (alpha) I could use?
The idea is that it could be overlaid on top of other images so you could still see the photographs behind, but it would be like they are behind cracked glass.
Alternatively, if there are no direct images that match this requirement, then how would I transform easily a photo of cracked glass to one with alpha/transparency?

1. Desaturate Glass layer.
2. Make two copies of the desaturated glass layer. Turn off all three of the visibility eyes for these layers in the layers palette.
3. Turn on the first glass desaturated layer by clicking the eye in the layers palette. First glass desaturated layer (one directly above image) place in Screen blend mode; 100% opacity. If the glass has a hole, use a layer mask or erase to punch a hole in the desaturated layer. Use the levels command to set the glass so to taste...use black slider to push grays to black and use the middle gray slider in the dialog to control transition between black and white. You can also adjust the white slider if desired. Note: If you added a layer mask, click on the desaturated glass image to insure you are using the levels command on the image not the mask. (Tip: shortcut on PC for levels is Ctrl + L on Mac it is Cmd + L.)
Note: If you need to punch a hole in the image, it's easiest done in Normal blend mode; 100% opacity. Use the quick select tool if you have a version of elements that includes this tool. If you have an older version of Elements before this tool was introduced, the magic wand should also do the trick.
Note: If you punched a hole in the glass save this selection so you can reuse it. Select<Save Selection. You can load this selection again if needed using select<Load selection.
You only need to go to step #4 if you punched a hole in your glass.
4.Go to the first desaturated glass copy (one directly over the one you did in step #3...you should have one above it.) and turn on it's eye visibility in the layers palette. As before, set this layer to Screen blend mode: 100% opacity. Mask or erase so this layer effect will be limited to the edge of the hole and some of the glass around the edge. Use the levels command to adjust the contrast around the hole. You should concentrate on the white slider and the middle gray to make the hole edges look correct.
Note: To make this easy on myself, I used Select<Load Selection then Select<Inverse before painting back the edge of my glass hole.
5. Optional: Go to the last desaturated glass copy (this one should be on top of your layers palette stack.) and turn on this layer's eye. Change the blend mode of this layer to Soft Light blend mode and adjust the opacity to taste.
Above shows my layers using Photoshop. In Elements, the layers will be the same although your user interface will differ. If you have PSE 9, you can use layer masks as I have...see PSE9 layer mask video link I have linked below.
http://www.photoshopelementsuser.com/featured/elements-9-easy-layer-masks/
If you do not have PSE 9, you can either use the eraser tool to erase what you do not need or use a clipping mask or clipping group. (Same thing different name. PSE 8 and PSE 9 call this a clipping mask while all older versions of Elements call this a clipping group.
See tutorial below if you need a tutorial on clipping mask/clipping group.
http://www.photokaboom.com/photography/learn/Photoshop_Elements/layers/layer_groups_clippi ng_masks/1_layer_groups_clipping_masks.htm
Alternate method:
You can also use Photoshop brushes and some white paint. Look for brushes that are high resolution...large pixel size...as the smaller brush sizes will be blurry if you have to size them up. These brushes can usually be found using shattered, shatter, broken, smashed, or cracked in the search term. These two sets are nice high resolution sets:
http://archaii.deviantart.com/art/Shatter-Glass-brushes-82308115
and
http://archaii.deviantart.com/art/Shatter-v2-New-101049266
Many more sets are out there on the net at this site and others. This set caught my eye as the brushes look nice and are big brushes. (Keep in mind brushes can be no more than 2500 px in height or width if you think about making brushes from your own images. Brushes that are small sized get blurry when brush tip size is increased so try to make them as large. This is why I suggest looking for large high resolution brushes to begin with.

Similar Messages

Saving image with transparent background for web/Dreamweaver

How do I save a little image, so that the background stays transparent. I already have the image set up in Photoshop with a transparent background and have saved it as gif and png. When I import it into Dreamweaver the background stays white instead of transparent. What am I not doing right, since I read several posts saying that png and gif are the right formats to save in, if you want a transparent background?
Thanks for any help with this,
Anne

Well now that you have told me to save with some sort of an alpha channel, it works perfectly.
In CS5:
Select layer,"Composition,Make movie". Then navigate to "Output module" and choose an option that has "alpha channel" in the title.Choose a name for your project "Output to". I now use "lossless alpha".I don't know if that is the best one, but it seems to be working fine.
There is no "Quicktime" option in CS5 as in older versions of AE.
I was trying to save as a video in general or for photoshop and that just wasn't working out well.
I don't know what the "Frames to Layers import assistant" is that you mentioned though. I still tend to drag and drop, rather then import.
Thanks for your help.

Images with Transparency

I am wondering if anyone can tell me the best way to supply a designer with an image for Final Cut that will hold its transparent background when imported? The designer claims that the psd, tiff and jpg with alpha channels that I sent over will only import with a white background. How can we prevent the white background from happening?

Welcome to the family.
JPG doesn't support alpha so, umm, don't use that one.
Test it before it leaves your shop. This simple operation saves lots of hassles with uptight Photoshop folks who have absolutely no clue what video is all about. Wait till she asks you for more dpi.
There's no secret to exporting a still image with an alpha channel but there must be actual transparency and there must be no underlying layer in your sequence. What filter are you using to generate the key or matte? Is it rendered?
From the information you have provided in your post, there's no way for us to know if your sequence is set up properly or that the element you are trying to export even has an alpha channel.
bogiesan

Changing an image with an alpha to a layer

OK this is going to be tricky to explain. I have an image...it's a house I rendered in Cinema 4D. It has an alpha channel which of course is the outline of the house. I'd like to edit the house...for example, make the roof wider. Of course I can do this, but I can't have it edit the alpha, too. Is there any way to do this? I know you can create layers and delete the edges of an object and do it that way...but my image is flat with an alpha channel. Is there a way to convert my house to a layer and have the black erased?
Ultimately, I'd like to take my image and then add a layer and copy the house to a layer, and not have the black background come with it. I would assume there's a way to convert an image with an alpha channel to a new layer, but I'm not sure how

Another way...(Assuming I read what you want correctly. lol.)
On the layers panel drag the little lock, side of the layer to the trash can, this will convert the background layer to a normal layer.
In the menu goto select>Load selection - For the channel select your alpha channel. (This uses your alpha channel for a selection)
Make sure your layer is still selection if you have more than one layer
Select the third from the left icon at bottom of layer panel (looks like a square with a circle in the middle) This will create a mask using the selection.
Now what was white in the alpha chanel is visible and what was black is now transparent.
Now your image has a mask and since there is a link between the two you can scale the image and the mask at the same time.

Framing image with transparent background png frame

hi,
i'm trying to find a way to frame images with transparent background png frames...
what i'm doing now is
1-drawing my image on a panel
2-creating a 2nd image using the frame's filename, stretching this 'frame-image' to a size slighlty larger than that of my main image and drawing the 'frame-image'
the problems with this method are:
1-depending on the width of the frame, the frame sometimes hides parts of the image (thick frame), and sometimes there is a gap between the frame and the image (thin frame).
2-if the image file containing the frame is larger than the frame (Ex: The image is 300x300, the frame is centered in this image and is 200x200; as opposed to the image is 200x200 and the frame takes up all the space), when i position the 'frame-image' near the top left corner of the image i want to frame, the frame appears at the wrong place (shifted down and to the right). This is due to the fact that i'm placing the top corner of the created 'frame-image' and not the frame, who is not in the top corner of my 'frame-image'.
Is there a way to do what i'm trying to do???
My ideas (which i don't know how to achieve are)
1-To 'analyse' my transparent background png file and
     1-only keep the frame,
     2-calculate the frame's thickness
OR
2-Let java do the analyzing for me and tell it to frame my image with the frame in the png file
please feel free to ask for more explanations if my description/question is confusing,
thanks.

Have you looked into the Border interface? If what you really want to do
is put a custom border on a component, you may be able to do it this way.
Anyway, here is some code that stacks and centres 2 images. It's not hard to do.
import java.awt.*;
import java.awt.image.*;
import java.io.*;
import java.net.*;
import javax.imageio.*;
import javax.swing.*;
public class Example extends JComponent {
    private BufferedImage backgroundImage;
    private BufferedImage foregroundImage;
    public Example(BufferedImage backgroundImage, BufferedImage foregroundImage) {
        this.backgroundImage = backgroundImage;
        this.foregroundImage = foregroundImage;
    public Dimension getPreferredSize() {
        int w = backgroundImage.getWidth();
        int h = backgroundImage.getHeight();
        return new Dimension(w, h); //assuming this is bigger
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        int w = getWidth();
        int h = getHeight();
        //paint both, centred
        int x0 = (w-backgroundImage.getWidth())/2, y0 = (h-backgroundImage.getHeight())/2;
        g.drawImage(backgroundImage, x0, y0, null);
        int x1 = (w-foregroundImage.getWidth())/2, y1 = (h-foregroundImage.getHeight())/2;
        g.drawImage(foregroundImage, x1, y1, null);
    public static void main(String[] args) throws IOException {
        URL url1 = new URL("http://weblogs.java.net/jag/Image54-large.jpeg");
        URL url2 = new URL("http://weblogs.java.net/jag/DukeSaltimbanqueSmall.jpeg");
        JComponent comp = new Example(ImageIO.read(url1), ImageIO.read(url2));
        final JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(comp);
        f.pack();
        SwingUtilities.invokeLater(new Runnable(){
            public void run() {
                f.setLocationRelativeTo(null);
                f.setVisible(true);
}

Images with Transparency Cause Rendering Bug in Acrobat

Try this at home: Export a file containing an image with transparency to PDF and open it in Acrobat (any platform, any recent version): the page containing the image will have all text rendered in what looks like bold or faux bold, depending on the font. The document looks fine in Preview and printed (even from Acrobat).
Can anyone else reproduce this? I get this behavior consistently.

Hi bdepaepe, I've had a look and I believe I have experienced the error you mean and solved it.
The reason this occurs some of the time, but not always is because the source code is not the same each time, as the adverts change every refresh. The error only happens when two of the < div> tags of class 'banneritem' which are on top of each other have a height of 84px each as opposed to 80px (although even if this is the case the rendering issue doesn't always happen).
The reason that some of the 'banneritem' < div> tags have a height of 84px is because inside them there is an <a> tag which contains an < img> tag, and the <a> tag has not been set to 'display: block;'. <a> tags are inline elements by default, so shouldn't be used to hold block level elements such as images unless the styles for the <a> tag include 'display: block;'.

Export a PDF to an image with transparency

Hello,
I'm trying to export a PDF (which contains a logo with 4 paths) as an image with transparency. In my case I use the PNG because it supports the transparency. As my logo is defined with paths it should be possible to create an image with transparency.
Maybe this is a limitation and Acrobat cannot create image wich supports transparency.
Anyone have an idea?
Thanks in advance,
Joe

@Joe:
That's a really pity.
Have you found any other software which can do this job.
I searched yesterday but didn't find anything.
@Doc Maik
b)
I have a (lot) PDF containing a single image which has a transparent background.
You can check that in Acrobat by menu: Edit - Preferences - Page Display - Show transparency grid
I need to have a PNG or TIFF (these two formats allow transparency) of that image.
That's all but as it seems to much for Acrobat to handle.
"Save as ..." doesn't work in case of transparency!
Thanks anyway.
Best regards
Norbert

Using images with Transparency in Photobooks

I'm to a point where I would like to use images that utilize transparency in Aperture photo books. Is this possible? So far, PSD files that I've cropped with PS's lasso tools to have transparent areas surrounding their subject tend to change this area to white when dropped into a book.
Does anyone know of a way or format to use to retain this transparency? I love the speed of Aperture's photobook tools, along with export and printing options, and would like to be able to layer images that bleed together, or have a cut-out subject on top of others, but I haven't noticed a way as of yet.
Is this ability even available in Aperture yet?
If not, is there a third party plugin that gives it to the user when making photo books?
Please let me know soon, else i'm going to have to adjust my workflow back to photoshop only for page set layouts and the created PSD files on blank book pages- not fun.

i have been trying different ways to make it work fine, and find several things to consider:
Note: for the next ways i tried with images with transparency.
1 searching images in the iPad with safari and saving it into Photo app
then copying it with the popup and pasting it with the popup inside Pages or Keynote:
work fine.
2 using the saved images that worked fine in the first way but
then inside Pages in my opened document, using the menu to import the image from the
Photo app, to insert the same downloaded image used in the first case:
does not work, the image appears with a white background.
3 trying the first way (manually copying and pasting) but with the images i imported from
my MacBook Pro using the normal way via iTunes(10.1.1 (4))
does not work, some images appears with a black background, other images
appears with a white background.
4 trying with the images of the third way, but changing the method using the photo app
menu from Pages
does not work as in the third way
i dont have problem using transparency images in the first complex way.
my problem is when i try to use images with transparency in the other three normal ways.

Image with transparent background als foreground of a button

I'd like to build an app with buttons using the phone's accent Color as Background and an Image with transparent Background as foreground of the button. It should look like the tiles on the start screen of WP8.1.
The following code doesn't work (no foreground appears)
<Button x:Name="myButton" Background="{ThemeResource PhoneAccentBrush}">
<Button.Foreground>
<ImageBrush ImageSource="/Assets/myImage.png"/>
<Button.Foreground>
</Button>
Are there any ideas?
Thanks
Martin

Hi mfv_technet,
The Foreground property is used to get or set a brush that describes the foreground color. So we can not bind the Foreground to a image,
if I do not misunderstand you, in my mind if we want to set the button look like the tiles on the start screen of WP8.1, maybe you can try to refer to the following xaml:
<Button x:Name="myButton" Foreground="Red" Background="{ThemeResource PhoneAccentBrush}" Margin="116,136,0,363" Width="195" Height="141">
<Button.Content>
<StackPanel Orientation="Vertical">
<Image Source="/Assets/myImage.png" Width="80" Height="80"></Image>
<TextBlock Text="Button"></TextBlock>
</StackPanel>
</Button.Content>
</Button>
The result:
If I have misunderstood you, please feel free to let me know.
Best Regards,
Amy Peng
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Photoshop image with transparent bg not transparent in FCP

My psd images with transparent backgrounds (done correctly) are showing up with white backgrounds when I import them into FCP. How can this be remedied? please let me know!

i have a .psd and a .tif file..how do i switch it to 8-bit? i think its grayscale mode right now and the option for 8bit is grayed out and not clickable

AI CS6, ScriptUI, and images with transparency

ESTK for AI CS6 is already known to create problems (e.g. http://forums.adobe.com/message/4711851).
It’s possible that, in dialogs created with ScriptUI, AI CS6 also fails to display images with transparency properly. On my (Mac) system at least, such images appear with an aliased edge.
If this is true it’s doubly unfortunate, since with CS6 Adobe chose to make AI’s background interface colour adjustable—which makes interface images with transparency something of a requirement.
One workaround, which sadly negates the whole business of variable interface background colour, is to create dialog images with a background colour instead of transparency, and then force the dialog to display with the same background colour. For this technique we’re indebted again to Peter Kahrel’s invaluable ScriptUI for Dummies (www.kahrel.plus.com/indesign/scriptui.html). Page 69 of that publication shows how to do this—for example:
win.graphics.backgroundColor = win.graphics.newBrush(win.graphics.BrushType.SOLID_COLOR,[0.5,0.5,0.75]);
The process is, to say the least, quirky: and, as Peter mentions, poorly documented by Adobe. But I hope it may be helpful to others trying to use ScriptUI.
The more I see of AI CS6 the more I like CS4! Can anyone tell me if I’m likely to miss any features or run into problems if I develop scripts for CS6 using ESTK for CS4?

Yes this is where things can quickly become very complex too… I for the most part script for a particular version… Im almost certain scriptUI arrived with CS3 so you will need to make checks for this… There are a couple of differences between how they look from one OS to another… Oh yes a test my script cloud… just floated past the window or was it a flying pig hard to tell… I have long thought purchasing a version of an app should qualify you access to previous versions but thats never going to happen… You may get this on some expensive developer program but not for part time scripters…
BTW if you have an old G5 knocking about… Then you can now get CS2 FOC great thats the one I've got…

Want to create an oval vignette in photoshop elements 10 with transparent background for printing w

I am fairly new to PSE and I want to create an oval vignette in Photoshop Elements 10 with transparent background for printing on white paper using MS Publisher. Using the white background on inverse selection makes a slight line impression and either it should have a defined "frame" or nothing.
Appreciate any guidance.

Try with the Elliptical marquee tool:
On the tool's option bar set feather 25-40 px (experiment)
Drag out the Ellipse to embrace the object
Go to Layer>new>layer via copy, or CTRL+J
Your selection should fade out as a vignette and be surrounded by transparency
Save this layer via File>save for web, select PNG-24, and tick "Transparency"

Printing Images with Transparent Background

Sorry if this question has already been asked, but I couldn't find anything similar to it in a search through the archives.
I have a couple of images with transparent backgrounds in a document, much like the shells and the blue flowers in the "Classic Brochure" template in Pages 2.0.1. These images show up perfect on the screen, and when printed as .pdf files, but when I print to either an hp color laserjet 4600 or an hp laserjet 1320, the images show up with a clear box around them; the colors under the box (where it should be transparent) are faded and slightly blurred. This happens both with my document, and the unaltered "Classic Brochure" template. I've tried moving various objects backwards and forwards, but it doen't seem to have any effect. It even happens with one of the text boxes I have in the document.
Another odd thing is that the printed "box" isn't the same size as the box that appears when you click on the object in the document. It's a bit bigger. I've seen other posts about problems with hp printers, but I'm not sure it's related. Any insight would be appreciated.
MAF
iMac Intel Core Duo Mac OS X (10.4.7)

http://indesignsecrets.com/eliminating-ydb-yucky-discolored-box-syndrome.php
Bob

Can't delete images with adobe bridge for days , don't know how to fix this , can you please help ?

Can't delete images with adobe bridge for days , don't know how to fix this ? Can you help please ?

Thank you so much for sharing

What is the best format for a image with transparency?

If I create an image in PhotoShop with Transparency, what is the best format and size to save it in for it to work in FCE?

Did that link help you?
Thanks Tom.
The link helped.
FCE kept crashing when I put the image on the time line and I figured out that it probably had to do with the size of the image that I was using. It was 4656x3400 and CMYK.
Once I reduced it and changed to RGB it worked.
Love your new book!

Cracked glass image with transparency (alpha) for overlay?

Similar Messages

Maybe you are looking for