Buttons with transparent background ?

HEllo everyone:
I have a background with a degrade color effect where I need
to insert buttons with transparent back so dregrade can be
viewed... welll I tried to create those buttons in FW and it is
impossible in JPG, the I tried GIF but it does not show the white
letters.. then I finally achieved it creating buttons in PNG and
calling them as they are: PNG files... it works OK. but when I
visited other computers, in som of them, I do not know why, the
browser automatically adds a white or black back tpo the buttons,
so it takes off the effect because it covers the degrade.... Does
anyone please know how to deal with it ? I was wondering if this is
much better to create all the buttons and headers as flash movies
an insert them, but my customer requirements ar not flash at all in
oreder to be seen in aall handhelds also.... thanks in
advance...

.oO(Sw Jiten)
>Thanks Micha. It works great now. Just one curiosity: Why
"definetly not" about
>Flash ? Flash is working on most of the PC's now... isn't
it time to be more
>open to this friendly technology ?
It's not a friendly technology, that's the problem. It
creates many
usability and accessibility problems and may even affect the
system's
performance (like any plugin does) and security. Additionally
search
engines are usually not able to read a Flash's content and to
follow any
links in it.
Like JavaScript Flash is highly overrated and used too often
(IMHO). It
can be an advantage and add something useful to a site, but
it should be
used rarely and properly.
> Another question: I am trying to find a pop-up calendary
which lets you to
>choose a date, and as soon as you do it, it changes the
text field that you
>have to your left (You have both text field and
Calendary)
>
> I have looked for it and found many solutions in
JavaScript on google, however
>none of them change the text field values... any help ?
thanks in advance...
Can't help you with that at the moment.
Micha

Similar Messages

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.

Combining 100 pngs with transparent background, vertically into one image PSE9

As the question suggests,
In PSE9 is it possible to combine 100+ PNG files (with identical dimensions & transparent background) into a single PNG file where the images are stacked vertically? and without trimming/cropping the transparent part of the image! I want to retain the exact original image dimensions so that they all stack neatly and precisely.
So far what I've tried is opening up the 100 PNG files in PSE9, create a new document with transparent background using the same width as the individual files and the height set to the individual file height multiplied by 100. (i.e. original image is 36 x 120 so the new file will be 36 x 12000) Then I get stuck! Whenever I drag a single file into the newly created document, it seems to be cropped to the image edges and no longer retains it's original height and width. Not to mention that hand dragging 100 files seems like a long-winded way of doing things... My automate button seems to be greyed out (so no contact sheet?) and I can't find any other automated process.
Any help would be greatly appreciated,
Thanks
N.
PSE 9 on Win 7

Please compare the resoultion of the two documents too. And a better way of arranging the layers would be to use distribute option in the move tool. You can find more about the move tool at http://helpx.adobe.com/photoshop-elements/using/moving-copying-selections.html#main-pars_h eading_0
Thus your workflow would be:
Create a new document with the required dimension.
Use File>Place to place all your png files on the created document as layers
Use distribute option in move tool
A still better workflow would be to use put all the files in a folder and write an ExtendScript to read the files and place them as layers on the document of said dimension

How to use/create icons with transparent background ?

I would like to use icons with transparent background on JButtons, but I can't find how to do it. Until now, I've been using the ImageIcon class to create icons from GIF images. These images were created with MSPaint (sorry, I don't know what I could have used instead of that). Here is how I create my buttons :
bPencil = new JButton(new ImageIcon("Pencil.GIF"));What could I do to make the background transparent and/or what software could I use instead of M$Paint ?
P.S. : sorry if my question seems silly, but I'm a newbie in Java coding...

Transparent images are GIF (256 colours) and PNG (true-colour, half transparency).
You can store the image with your code, *.class files. You then even can deliver all inside a clickable, executable .jar file.
This kind of usage is called "resource," and hence use getResource like this:
    java.net.URL imgURL = getClass().getResource("pencil.gif");
    ImageIcon icon = null;
    if (imgURL != null) {
        icon = new ImageIcon(imgURL, description);
    }You can use paths.
There exist versions of MSPaint that easily loose their transparent colour on saving.
For GIFs try internet palettes, or try to save as PNG (recent version).
Start with a transparent image from elsewhere.

How to create image slice with transparent background without white halo around?

Hi, I want to make slice image with transparent background. I set the slice option background color to my background color. But when the image is on my html page set against the same background color, it has white halo around:
How can I get rid of the white halo?
I need the slice image to have transparent background and not have a color background because it's going on a rollover button with the background change. I don't want it to look like this on rollover:

>it looks to me like you built it with that "halo" to start with.
No, I didn't put in the halo myself. The shape is a character from the Webdings font. It's set to some darker fill color and set on a transparent background. Photoshop put the white halo there after "Save For Web".
> Make your graphic on a transparent background and Save for Web
I did exactly that, see:
I set the slice background to my color. I try the Matte option and come out the same with white halo.
It seems I'm not making Photoshop antialias to my background color, instead Photoshop just antialias to white.
What else do I need to do?

Animated gif with transparent background

When I import in Keynote an animated gif with transparent background. The background becomes white. I did the following tests:
If I extract a single image from the animated gif and import it in keynote the background is actually transparent but it becomes white when I import the whole gif.
I also checked with other applications (NeoOffice) and the animated gif does come out with a transparent background.
Do I do something wrong in Keynote ?

This has been an ongoing issue for me since I switched from Powerpoint to Keynote. Most of the animated gifs with transparent backgrounds that I used with Powerpoint are no longer transparent in Keynote. You may want to search for those earlier threads on this topic...
To summarize: I've had to open up my animated gifs in After Effects and use the Color Key effect to restore transparency, with mixed success.
Good luck!

Creating animations with transparent backgrounds?

I'm running into some problems when using After Effects to create animations with transparent backgrounds for Keynote...
I use animated gifs and short quicktime movies with uniform backgrounds as source files, use color keying to take out the backgrounds, preview them to see if they look OK, render the results as RGB+alpha, and... they don't show up as transparent in Keynote. They work in Powerpoint, however. I've tried outputting as .mov, as .gif, as premultiplied vs straight alpha... no joy. Can someone explain (or point me to an explanation) of how Keynote differs from other programs in its handling of transparency? What am I missing?

Using a TYPE_INT_ARGB BufferedImage worked beautifully. I had played around with Image for hours, but it never occurred to me that BufferedImage would be needed. :)
many, many thanks,
Steven

How do I transfer a .psd file to illustrator that can then be placed in Muse as a .svg with transparent background?

I just wrote all this up in another thread. I did not realize at the time that the last post was in 2014, so I'm giving it a go here.
I am currently trying to create an .svg using Photoshop .psd file (with layers in tact). I'm new to these products so it may be obvious to others that the above intention was to eventually place the .svg in some sort of website creation software such as Muse. Which is precisely what I am attempting. However, I am getting a white background once I place or copy and paste into Muse. My starting .psd has a transparent background without any hidden layers causing this problem. To test this I placed the .psd file into Muse and it still has a transparent background. However when opening or placing this file into illustrator, it picks up a white background. If I do exactly as described above, I still get the same result. So far I have tried:
1) Simple copy and paste from Photoshop .svg to illustrator to Muse. Result - white background.
2) Placing the .psd in illustrator, then placing the .svg file in muse. Result - white background.
4) I have also tried the every combination of 1 and 2. - Result - white background.
3) I have now created a path in Photoshop from the text layer to yet again attempt the above methods. Result - white background.
I'm including an image of the object I am trying to place with transparent background, but I have both a flattened rasterized version, a version complete with layers and a third (.svg) with the corresponding objects. I am completely new to Illustrator as of today so any help would be greatly appreciated. Thanks.
Link to .psd file "Welcome text"

I was having some difficulties getting the correct dimensions of one of my objects, I eventually solved this problem without using svg. It was pretty simple when I stopped trying to over complicate things. I just linked the object to a near by object in photoshop, merged and placed it all as one. It looks great now. Thanks for your reply. You are correct, SVG was not the answer.

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"

I place a psd file with transparent background on another layer in my InDesign document. The layer b

I placed a psd file with transparent background on another layer in my InDesign document. The layer below has a color (RGB). When the psd file is placed it changes the color on the layer below. I've tried other psd files thinking something is wrong with my file, but get the same result. I have tried for days to figure this out. Can anyone help me?

Wow, thank you! That was fast. I googled that question to death and even bought (another) book on CS5 and never saw that answer. Thank you so much. You made a very good ending to my day! I'd buy you a beer if I could!!

Images with transparent backgrounds in MDM

I've got several images in MDM with transparent backgrounds, yet when i look at these in image manager (or thumbnails in data manager) they look terrible. The transparency is black for example, among other issues. These images are all okay in photoshop, they have been saved as .png and imported through the data manager.
Has this import ruined these image files on the way in? When my search engines etc extract the images, what of the transparencies?

Hi Adam,
MDM makes use of Internet Explorer quite frequently. I can imagine that this engine is also used to display images in MDM. However, Internet Explorer in version 6 does not support transparency in PNG images. That is why the black background occurs.
Since your images after upload are only saved in a binary object in the database, you should not encounter any data loss when using the same images. If you need to create variants, I would consider using Photoshop for the creation of those.
I hope that helps you further.
Best regards
Christian

Image with transparent background shows up with a white background in ID

Amateur needs help.
I have a copy of a logo with a transparent background. I made the (white) background transparent in PS by creating a layer from background and then selecting the white color in the background and deleting it. This has always worked in the past. But when I place this image into ID, it shows up with a white background. I have tried saving as a PSD, TIF, JPG, etc. I cannot get it to work.
I normally research these things until I find an answer, but I am on a tight deadline. Thanks!

I totally forgot to put that in my post. Yes, I am putting logos with transparent backgrounds in front of colored rectangles. That's how I noticed that this one logo is showing up with a white background. The weird thing is that the other two logos are fine. I did find a different version of this logo and this one works fine. The one that works fine is a JPG and the one that shows up with a white background is a JPG.

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

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);
}

QuickTime with Transparent Background

> This message is in MIME format. Since your mail reader
does not understand
this format, some or all of this message may not be legible.
--B_3234432307_151173
Content-type: text/plain;
charset="ISO-8859-1"
Content-transfer-encoding: 8bit
Hi
I am having problems in publishing a file done in Flash- a
logo spinning,
and I want the background to be transparent. Under Publish
Settings, I have
the following:
ALPHA: Alpha-transparent
Layer: Auto
And checked the Flatten (Make self-contained).
However when I import the file into another application-
Apple�s Motion, I
get a white background- which is what I have originally. Am I
doing
something wrong?
I even check the track in QT Pro and set the Movie Properties
but it is not
becoming transparent. I appreciate any tips on it.
Thank you.
Kelvin
--B_3234432307_151173
Content-type: text/html;
charset="ISO-8859-1"
Content-transfer-encoding: quoted-printable
<HTML>
<HEAD>
<TITLE>QuickTime with Transparent
Background</TITLE>
</HEAD>
<BODY>
<FONT FACE=3D"Arial"><SPAN
STYLE=3D'font-size:12.0px'>Hi<BR>
<BR>
I am having problems in publishing a file done in Flash- a
logo spinning, a=
nd I want the background to be transparent. Under Publish
Settings, I have t=
he following:<BR>
<BR>
ALPHA: Alpha-transparent<BR>
Layer: Auto<BR>
<BR>
And checked the Flatten (Make self-contained).<BR>
<BR>
However when I import the file into another application-
Apple’s Moti=
on, I get a white background- which is what I have
originally. Am I doing so=
mething wrong? <BR>
<BR>
I even check the track in QT Pro and set the Movie Properties
but it is not=
becoming transparent. I appreciate any tips on it.
<BR>
<BR>
Thank you.<BR>
<BR>
Kelvin </SPAN></FONT>
</BODY>
</HTML>
--B_3234432307_151173--

I've never gotten it to work either. I usually set the
background to something not used in the animation, like bright
green, and then composite the video. I've never used Motion, so I
don't know if this is possible.

Buttons with transparent background ?

Similar Messages

Maybe you are looking for