How to make a transparent background on a item.

I have a MacBook Pro Lion 10.7.2
iWeb version 3.0.4
I have been trying to make the background on an item trasparent on my web page.
I tried to select the fill pop-up menu in the Inspector but it is not active, greyed.
Is there another way to do this? please respond. Thank you.
Message was edited by: JSN Grafix design

Use a shape and the Opacity slider in the Graphic imspector...

Similar Messages

Spherical Photo Gallery how to make a transparent background

http://www.flashandmath.com/flashcs4/spheregallery/index.html
http://www.flashandmath.com/flashcs4/spheregallery/spherical_gallery.zip
I am pretty new to the world of flash, a flash newbie.
Please check link above my question is related to making this sphere gallery.
I am trying to make the background transparent, and i can , when i make it transparent
the navigation for the sphere doesnt let me navigate throught the pictures.
If you look at the code i made it transparent by removing the drawboard function or the fills in the function.
As i said when i do this the navigation seems non functional.
if download link does not work try the other at the top.

Hi,
Since you had written event handlers on 'board' and board is transparent (without drawBoard function), there will be no events triggered and navigation is not possible. Workaround is to create board with fill = minimum alpha value (0.01).
board.graphics.beginFill(0x0, 0.01);
Let me know if you need more information.
Regards,
Karthikeyan R.

How to make a transparent background in a PNG file

I would like to make a PNG image with a transparent background instead of the white background. See this link for the image:
http://www.drifterandthegypsy.com/wp-content/uploads/2012/11/lookatthebrightside_11.jpg
I have a very old Photoshop program Photoshop 7.
I tried clicking on Save for Web and selecting PNG-24 and checking the transparent box but it didnt work.

Hi,
Try something like the following:
(click on the screenshots below for larger views)
1. Select the Magic Wand and set the same settings in the tool options bar as shown below.
Click on the white area outside the yellow circle with the magic wand tool.
2. Go to Select>Modify>Expand and enter 1
3. Go to Edit>Cut
4. Go to Image>Trim and check Transparent Pixels
5. Go to File>Save For Web and choose PNG-24 with Transparency checked

How to make a transparent background for logo

I've tried creating a transparent backgound for a logo in Photoshop CS4 in numerous ways such as saving the file as a png and using the magic wand (text resolution was very poor) but neither worked. My logo has text and an image.
Any ideas?
Thanks.

I saved the file as a png and the background was not transparent--that is, it retained the white background. Please see the attached image for the pgn settings. In additon to a low resolution web version, I need to save a high resolution version for print.

How to make a transparent background

I have a design and i need the background to be transparent, as it is going onto a website asap.
I use Photoshop CS5 (64 bit).
thank you

Keep in mind that PNG-24 format is the only web-compatible format that offers partial transparency, which means that edges of things can be made to look smooth, not jaggy as with GIF in the general case, and you can do special effects like drop shadows.
Here's an example: http://Noel.ProDigitalSoftware.com/temp/TransparencyTest/TransparencyTest.html
-Noel

How do i make a transparent background in Photoshop Elements 13

how do i make a transparent background in Photoshop Elements 13

Open the picture file
Use one of the selection tools to select the foreground
Place the selection on its own layer (Layer>New>Layer via copy or CTRL+J) - this will be Layer 1
Delete the background layer
If you want to save it, use a file format which supports transparency, e.g.PNG

PS 6.1, how to make a white background transparant?

how to make a white background transparent?

Select the white background with Magic Wand tool. Hit Delete. Transparent background is denoted by the checkerboard pattern on your document.
Nancy O.

How to make a trasnparent background in Motion

I am just making a Lower Third and I want to be able to bring it into FCP and place it on top of my existing timeline. I dont want to export FCP to Motion because I already chroma keyed my "stuff" in FCP. How do I make a transparent background for Motion? Hm!! Any other suggestions would be nice too !

I think you may be mis-interpreting what the blend mode does.
If you apply the screen blend mode to the fire clip in Motion without anything below it, and view transparent in the viewer, you'll notice that the blacks in the fire clip don't disappear. It's waiting to blend it's values with a clip below it. If no clip is below it, then nothing visual happens. If you place a colored solid below, then you'll see the effect of the blend mode.
FCP handles composite modes differently. If you do the same thing in FCP, the blacks WILL disappear from the fire clip even though there is nothing below it. Perhaps that is why they are called "composite" modes in FCP, and "blend" modes in Motion.
Finally, a Motion clip is like a QT clip. It can contain, video, audio, tc, and transparency info. A blend mode is not technically transparency information. Besides, in the example that you give me, the blend is between the fire and the text clip. Not between the motion project file and FCP clip in the timeline.
How ever the Motion project looks in Motion is how it'll look in FCP (with the exception of Motion Blur).

How to make a Transparence Background GIF Animated??

Hi,
How to make a Transparence Background GIF Animated??
Any Special Pro software do i need like Photoshop ?
Posible to use Keynote or something like that?
Thanks

See my response to your other topic in this forum.
OT

How to make a transparent Frame

How to make a transparent Frame , just like the .NET Frame ??

Maybe searching the forum using the keywords "+transparent +frame" or "+transparent +jframe" would be a good place to start.

How to make a BufferedImage background transparent?

I try to draw an image from a BufferedImage to a JPanel, which the original image background is transparent, but when I draw on the JPanel, its background becomes black color. How can I make it transparent?
My code is something like this:
img = Toolkit.getDefaultToolkit().getImage("tiger.gif");
try {
MediaTracker tracker = new MediaTracker(this);
tracker.addImage(img, 0);
tracker.waitForID(0);
} catch (Exception e) {}
int width = img.getWidth(this);
int height = img.getHeight(this);
bImage = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
bImageG2D= bImage.createGraphics();
bImageG2D.drawImage(img, 0, 0, null);
public void paintComponent(Graphics g) {
Graphics2D g2 = (Graphics2D)g;
g2.drawImage(bImage, 0, 0, null);
Thanks for the help!

Nekot,
It would be a great help if you can share your code of 'transparent bufferedimage' with me. I have been trying to create a transparent gif since long. Now I think I can create a transparent bufferedimage and display it.
Thanks,
Riddhi.

How Do I Make a Transparent Background in CS6?

I was wondering if anyone could tell me how to make the backround of my flash animation transparent in Flash CS6. My animation is made up of text and I would like it to be on my website, which has an image as it's background and I would like the background to show through. Any suggestions would be appreciated. Thanks.

file>publish settings>html>window mode>transparent.

How to make a white background Transparent

I would like to to select the blocks and enclosed data to copy and paste in a poster, leaving out the white background. In other words make the white background transparent.
This is just a plain low res jpg.
This seems like it would be pretty easy but not for me. Is there a tutorial that could guide me through this?
Thank you for any guidance you can give me.

I'm probably not being clear about what I'm trying to do. Here's a typical poster. I use the magnetic lasso to select an image, copy and paste it resulting in this.
This time it's to be a team picture with small head shots of each player, action photos in the background, similar to this. I can do all that but I wanted the tournament chart to lay on top of the background with just the boxes and enclosed info showing. I know I can use the magnetic lasso or the poly lasso but I don't have enough patience for that.

How to make treetable transparent

hi,
Does anyone have idea how to make the treetable transparent so that the background image can be shown?
Pls provide sample code if possible,thanks!

I don't know if I can come up with some code example
for you since I don't know what treetable your are
using... but... Transparency is always going to relate
to the whether your components are opaque or not.
Opaque = Not Transparent, so setting opaque = false
will hopefully make your table transparent. You may
need to do this on your CellRenderer's as well.
Hope this helps,
Josh Castagno
http://www.jdc-software.com
hi,
i am using JTreeTable provided fron Sun swing connection article,by Scott Violet and Kathy Walrath.
The situation i am facng now is jtree able to be transparent, but jtable still using it default background.
Below are excerpt from sample, setOpaque(false) to jtable seem doesn't take effect.
As i an newbie to swing,kindly point out where part shd i modified on the code. Thz!
import java.awt.*;
import javax.swing.*;
import javax.swing.border.*;
import javax.swing.event.*;
import javax.swing.tree.*;
import javax.swing.table.*;
import java.awt.event.*;
import java.util.EventObject;
* This example shows how to create a simple JTreeTable component,
* by using a JTree as a renderer (and editor) for the cells in a
* particular column in the JTable.
* @version 1.2 10/27/98
* @author Philip Milne
* @author Scott Violet
public class JTreeTable extends JTable {
/** A subclass of JTree. */
protected TreeTableCellRenderer tree;
public JTreeTable(TreeTableModel treeTableModel) {
     super();
     // Creates the tree. It will be used as a renderer and editor.
     tree = new TreeTableCellRenderer(treeTableModel);
     // Installs a tableModel representing the visible rows in the tree.
     super.setModel(new TreeTableModelAdapter(treeTableModel, tree));
     // Forces the JTable and JTree to share their row selection models.
     ListToTreeSelectionModelWrapper selectionWrapper = new
     ListToTreeSelectionModelWrapper();
     tree.setSelectionModel(selectionWrapper);
     setSelectionModel(selectionWrapper.getListSelectionModel());
     // Installs the tree editor renderer and editor.
     setDefaultRenderer(TreeTableModel.class, tree);
     setDefaultEditor(TreeTableModel.class, new TreeTableCellEditor());
     // No grid.
     setShowGrid(false);
//added
setOpaque(false);
     // No intercell spacing
     setIntercellSpacing(new Dimension(0, 0));
     // And update the height of the trees row to match that of
     // the table.
     if (tree.getRowHeight() < 1) {
     // Metal looks better like this.
     setRowHeight(20);
* Overridden to message super and forward the method to the tree.
* Since the tree is not actually in the component hierarchy it will
* never receive this unless we forward it in this manner.
public void updateUI() {
     super.updateUI();
     if(tree != null) {
     tree.updateUI();
     // Do this so that the editor is referencing the current renderer
     // from the tree. The renderer can potentially change each time
     // laf changes.
     setDefaultEditor(TreeTableModel.class, new TreeTableCellEditor());
     // Use the tree's default foreground and background colors in the
     // table.
LookAndFeel.installColorsAndFont(this, "Tree.background",
"Tree.foreground", "Tree.font");
* Workaround for BasicTableUI anomaly. Make sure the UI never tries to
* resize the editor. The UI currently uses different techniques to
* paint the renderers and editors; overriding setBounds() below
* is not the right thing to do for an editor. Returning -1 for the
* editing row in this case, ensures the editor is never painted.
public int getEditingRow() {
return (getColumnClass(editingColumn) == TreeTableModel.class) ? -1 :
     editingRow;
* Returns the actual row that is editing as <code>getEditingRow</code>
* will always return -1.
private int realEditingRow() {
     return editingRow;
* This is overridden to invoke super's implementation, and then,
* if the receiver is editing a Tree column, the editor's bounds is
* reset. The reason we have to do this is because JTable doesn't
* think the table is being edited, as <code>getEditingRow</code> returns
* -1, and therefore doesn't automatically resize the editor for us.
public void sizeColumnsToFit(int resizingColumn) {
     super.sizeColumnsToFit(resizingColumn);
     if (getEditingColumn() != -1 && getColumnClass(editingColumn) ==
     TreeTableModel.class) {
     Rectangle cellRect = getCellRect(realEditingRow(),
                         getEditingColumn(), false);
Component component = getEditorComponent();
     component.setBounds(cellRect);
component.validate();
* Overridden to pass the new rowHeight to the tree.
public void setRowHeight(int rowHeight) {
super.setRowHeight(rowHeight);
     if (tree != null && tree.getRowHeight() != rowHeight) {
tree.setRowHeight(getRowHeight());
* Returns the tree that is being shared between the model.
public JTree getTree() {
     return tree;
* Overridden to invoke repaint for the particular location if
* the column contains the tree. This is done as the tree editor does
* not fill the bounds of the cell, we need the renderer to paint
* the tree in the background, and then draw the editor over it.
public boolean editCellAt(int row, int column, EventObject e){
     boolean retValue = super.editCellAt(row, column, e);
     if (retValue && getColumnClass(column) == TreeTableModel.class) {
     repaint(getCellRect(row, column, false));
     return retValue;
* A TreeCellRenderer that displays a JTree.
public class TreeTableCellRenderer extends JTree implements
     TableCellRenderer {
     /** Last table/tree row asked to renderer. */
     protected int visibleRow;
     /** Border to draw around the tree, if this is non-null, it will
     * be painted. */
     protected Border highlightBorder;
     public TreeTableCellRenderer(TreeModel model) {
     super(model);
     * updateUI is overridden to set the colors of the Tree's renderer
     * to match that of the table.
     public void updateUI() {
     super.updateUI();
     // Make the tree's cell renderer use the table's cell selection
     // colors.
     TreeCellRenderer tcr = getCellRenderer();
     if (tcr instanceof DefaultTreeCellRenderer) {
          DefaultTreeCellRenderer dtcr = ((DefaultTreeCellRenderer)tcr);
          // For 1.1 uncomment this, 1.2 has a bug that will cause an
          // exception to be thrown if the border selection color is
          // null.
          // dtcr.setBorderSelectionColor(null);
          dtcr.setTextSelectionColor(UIManager.getColor
                         ("Table.selectionForeground"));
          dtcr.setBackgroundSelectionColor(UIManager.getColor
                              ("Table.selectionBackground"));
     * Sets the row height of the tree, and forwards the row height to
     * the table.
     public void setRowHeight(int rowHeight) {
     if (rowHeight > 0) {
          super.setRowHeight(rowHeight);
          if (JTreeTable.this != null &&
          JTreeTable.this.getRowHeight() != rowHeight) {
          JTreeTable.this.setRowHeight(getRowHeight());
     * This is overridden to set the height to match that of the JTable.
     public void setBounds(int x, int y, int w, int h) {
     super.setBounds(x, 0, w, JTreeTable.this.getHeight());
     * Sublcassed to translate the graphics such that the last visible
     * row will be drawn at 0,0.
     public void paint(Graphics g) {
     g.translate(0, -visibleRow * getRowHeight());
     super.paint(g);
     // Draw the Table border if we have focus.
     if (highlightBorder != null) {
          highlightBorder.paintBorder(this, g, 0, visibleRow *
                         getRowHeight(), getWidth(),
                         getRowHeight());
     * TreeCellRenderer method. Overridden to update the visible row.
     public Component getTableCellRendererComponent(JTable table,
                              Object value,
                              boolean isSelected,
                              boolean hasFocus,
                              int row, int column) {
     Color background;
     Color foreground;
     if(isSelected) {
          background = table.getSelectionBackground();
          foreground = table.getSelectionForeground();
     else {
          background = table.getBackground();
          foreground = table.getForeground();
     highlightBorder = null;
     if (realEditingRow() == row && getEditingColumn() == column) {
          background = UIManager.getColor("Table.focusCellBackground");
          foreground = UIManager.getColor("Table.focusCellForeground");
     else if (hasFocus) {
          highlightBorder = UIManager.getBorder
          ("Table.focusCellHighlightBorder");
          if (isCellEditable(row, column)) {
          background = UIManager.getColor
               ("Table.focusCellBackground");
          foreground = UIManager.getColor
               ("Table.focusCellForeground");
     visibleRow = row;
     setBackground(background);
     TreeCellRenderer tcr = getCellRenderer();
     if (tcr instanceof DefaultTreeCellRenderer) {
          DefaultTreeCellRenderer dtcr = ((DefaultTreeCellRenderer)tcr);
          if (isSelected) {
          dtcr.setTextSelectionColor(foreground);
          dtcr.setBackgroundSelectionColor(background);
          else {
          dtcr.setTextNonSelectionColor(foreground);
          dtcr.setBackgroundNonSelectionColor(background);
     return this;
* An editor that can be used to edit the tree column. This extends
* DefaultCellEditor and uses a JTextField (actually, TreeTableTextField)
* to perform the actual editing.
* <p>To support editing of the tree column we can not make the tree
* editable. The reason this doesn't work is that you can not use
* the same component for editing and renderering. The table may have
* the need to paint cells, while a cell is being edited. If the same
* component were used for the rendering and editing the component would
* be moved around, and the contents would change. When editing, this
* is undesirable, the contents of the text field must stay the same,
* including the caret blinking, and selections persisting. For this
* reason the editing is done via a TableCellEditor.
* <p>Another interesting thing to be aware of is how tree positions
* its render and editor. The render/editor is responsible for drawing the
* icon indicating the type of node (leaf, branch...). The tree is
* responsible for drawing any other indicators, perhaps an additional
* +/- sign, or lines connecting the various nodes. So, the renderer
* is positioned based on depth. On the other hand, table always makes
* its editor fill the contents of the cell. To get the allusion
* that the table cell editor is part of the tree, we don't want the
* table cell editor to fill the cell bounds. We want it to be placed
* in the same manner as tree places it editor, and have table message
* the tree to paint any decorations the tree wants. Then, we would
* only have to worry about the editing part. The approach taken
* here is to determine where tree would place the editor, and to override
* the <code>reshape</code> method in the JTextField component to
* nudge the textfield to the location tree would place it. Since
* JTreeTable will paint the tree behind the editor everything should
* just work. So, that is what we are doing here. Determining of
* the icon position will only work if the TreeCellRenderer is
* an instance of DefaultTreeCellRenderer. If you need custom
* TreeCellRenderers, that don't descend from DefaultTreeCellRenderer,
* and you want to support editing in JTreeTable, you will have
* to do something similiar.
public class TreeTableCellEditor extends DefaultCellEditor {
     public TreeTableCellEditor() {
     super(new TreeTableTextField());
     * Overridden to determine an offset that tree would place the
     * editor at. The offset is determined from the
     * <code>getRowBounds</code> JTree method, and additionally
     * from the icon DefaultTreeCellRenderer will use.
     * <p>The offset is then set on the TreeTableTextField component
     * created in the constructor, and returned.
     public Component getTableCellEditorComponent(JTable table,
                              Object value,
                              boolean isSelected,
                              int r, int c) {
     Component component = super.getTableCellEditorComponent
          (table, value, isSelected, r, c);
     JTree t = getTree();
     boolean rv = t.isRootVisible();
     int offsetRow = rv ? r : r - 1;
     Rectangle bounds = t.getRowBounds(offsetRow);
     int offset = bounds.x;
     TreeCellRenderer tcr = t.getCellRenderer();
     if (tcr instanceof DefaultTreeCellRenderer) {
          Object node = t.getPathForRow(offsetRow).
          getLastPathComponent();
          Icon icon;
          if (t.getModel().isLeaf(node))
          icon = ((DefaultTreeCellRenderer)tcr).getLeafIcon();
          else if (tree.isExpanded(offsetRow))
          icon = ((DefaultTreeCellRenderer)tcr).getOpenIcon();
          else
          icon = ((DefaultTreeCellRenderer)tcr).getClosedIcon();
          if (icon != null) {
          offset += ((DefaultTreeCellRenderer)tcr).getIconTextGap() +
               icon.getIconWidth();
     ((TreeTableTextField)getComponent()).offset = offset;
     return component;
     * This is overridden to forward the event to the tree. This will
     * return true if the click count >= 3, or the event is null.
     public boolean isCellEditable(EventObject e) {
     if (e instanceof MouseEvent) {
          MouseEvent me = (MouseEvent)e;
          // If the modifiers are not 0 (or the left mouse button),
// tree may try and toggle the selection, and table
// will then try and toggle, resulting in the
// selection remaining the same. To avoid this, we
// only dispatch when the modifiers are 0 (or the left mouse
// button).
          if (me.getModifiers() == 0 ||
me.getModifiers() == InputEvent.BUTTON1_MASK) {
          for (int counter = getColumnCount() - 1; counter >= 0;
               counter--) {
               if (getColumnClass(counter) == TreeTableModel.class) {
               MouseEvent newME = new MouseEvent
               (JTreeTable.this.tree, me.getID(),
                    me.getWhen(), me.getModifiers(),
                    me.getX() - getCellRect(0, counter, true).x,
                    me.getY(), me.getClickCount(),
me.isPopupTrigger());
               JTreeTable.this.tree.dispatchEvent(newME);
               break;
          if (me.getClickCount() >= 3) {
          return true;
          return false;
     if (e == null) {
          return true;
     return false;
* Component used by TreeTableCellEditor. The only thing this does
* is to override the <code>reshape</code> method, and to ALWAYS
* make the x location be <code>offset</code>.
static class TreeTableTextField extends JTextField {
     public int offset;
     public void reshape(int x, int y, int w, int h) {
     int newX = Math.max(x, offset);
     super.reshape(newX, y, w - (newX - x), h);
* ListToTreeSelectionModelWrapper extends DefaultTreeSelectionModel
* to listen for changes in the ListSelectionModel it maintains. Once
* a change in the ListSelectionModel happens, the paths are updated
* in the DefaultTreeSelectionModel.
class ListToTreeSelectionModelWrapper extends DefaultTreeSelectionModel {
     /** Set to true when we are updating the ListSelectionModel. */
     protected boolean updatingListSelectionModel;
     public ListToTreeSelectionModelWrapper() {
     super();
     getListSelectionModel().addListSelectionListener
     (createListSelectionListener());
     * Returns the list selection model. ListToTreeSelectionModelWrapper
     * listens for changes to this model and updates the selected paths
     * accordingly.
     ListSelectionModel getListSelectionModel() {
     return listSelectionModel;
     * This is overridden to set <code>updatingListSelectionModel</code>
     * and message super. This is the only place DefaultTreeSelectionModel
     * alters the ListSelectionModel.
     public void resetRowSelection() {
     if(!updatingListSelectionModel) {
          updatingListSelectionModel = true;
          try {
          super.resetRowSelection();
          finally {
          updatingListSelectionModel = false;
     // Notice how we don't message super if
     // updatingListSelectionModel is true. If
     // updatingListSelectionModel is true, it implies the
     // ListSelectionModel has already been updated and the
     // paths are the only thing that needs to be updated.
     * Creates and returns an instance of ListSelectionHandler.
     protected ListSelectionListener createListSelectionListener() {
     return new ListSelectionHandler();
     * If <code>updatingListSelectionModel</code> is false, this will
     * reset the selected paths from the selected rows in the list
     * selection model.
     protected void updateSelectedPathsFromSelectedRows() {
     if(!updatingListSelectionModel) {
          updatingListSelectionModel = true;
          try {
          // This is way expensive, ListSelectionModel needs an
          // enumerator for iterating.
          int min = listSelectionModel.getMinSelectionIndex();
          int max = listSelectionModel.getMaxSelectionIndex();
          clearSelection();
          if(min != -1 && max != -1) {
               for(int counter = min; counter <= max; counter++) {
               if(listSelectionModel.isSelectedIndex(counter)) {
                    TreePath selPath = tree.getPathForRow
                    (counter);
                    if(selPath != null) {
                    addSelectionPath(selPath);
          finally {
          updatingListSelectionModel = false;
     * Class responsible for calling updateSelectedPathsFromSelectedRows
     * when the selection of the list changse.
     class ListSelectionHandler implements ListSelectionListener {
     public void valueChanged(ListSelectionEvent e) {
          updateSelectedPathsFromSelectedRows();

I can't make a transparent background...

I have a text logo on a white background and need to make the background transparent. However, the logo is movable on the white but is a part of the same layer. When I try to add a layer that is transparent, it comes in white. I don't know how to have the logo on a transparent background. How do I get rid of the white?
thanks.

(I can't see how to quote people so I'm using blue for the quotes.)
“Open your brush panel and see if anything is enabled that shouldn't be for the eraser.”
I looked but am not entirely sure what I’m looking for.
Find the magic wand in the left tool bar 4th one down.
Click and hold until a popup shows and select the other tool called the quick selection tool. With that tool enabled drag across the white (from 1 side of document to the other side) hit the delete key. What happens?
I had some success with this....in Photoshop it looks like I have a transparent background but when I insert the image in Word over a coloured background, the white is still there. I’ll paste these below. I cropped it a bit, too. (hard to tell but it's the grid behind the word now not white. I even remembered inside the 'o' for instance! :-)
oh, and I saved it as a jpeg. That should be fine, right?

How to make a transparent background on a item.

Similar Messages

Maybe you are looking for