How do I make a solid Background Transparent?

Hi All...
I'm trying to make an image I have which has a solid background (and a few other details inside it) transparent? so I can still see behind the graphics in the image yet the background at the same time...  I know I've seen it before where the image sort of floats above the background...  But I don't know how to accomplish this in photoshop.
Anyone?
Thanks!

Sorry.  That was my mistake.  I assumed that the text was on a perfect circle, but it is in fact on an elipse.
I worked through to make sure I had not made other eronious assumptions!
The first thing I did was add some canvas because the text was so close to the edge.  Easy enough to trim afterwards.
Then I used the Magic wand to select the blue.  I did not care about the text as I was going to replace it.
I inverted the selection so the fish was selected (Ctrl/Cmd Shift i)
Then refine Edge.  Get close, then use the Expand selection slider to get as much of the fish as you can, and make sure you click on Decontaminate Colors to remove any trace of blue.
Copy the fish to a new layer (Ctrl/Cmd j)
Add another layer above the fish.  Ctrl/Cmd click the fish layer to select it, and go Edit > Stroke with one pixel black inside.  (If the original is larger than the one you posted, you may need a thicker stroke.
OK you now have a nice crisp fish with a good solid black outline.
use the eliptical Marquee tool, and drag to get as close to the inside the text as you can.  You can use the space bar to move while dragging.  if all else fails, you can Transform Selection to improve the fit.
Go to the paths panel and choose 'Make work path from Selection.
Select the type tool (I used Bradley hand ITC at 5.2mm) and click at the top of the path and insert your text.
I left a couple of steps out for clarity.  I erased the old text, for instance, but while adding the new text, I inserted a layer between the type layer and original background layer and filled it with white so I could see the new text more clearly.  Then I deleted it when finished.
I didn't add the bubbles, but it is really easy to do so with brushes I linked to further up this thread.  I hope thatclears it all up.
BTW  The one on the right has a transparent background.  Other than the fish, the rest of the image on the left was created from scratch.

Similar Messages

  • How can I make a FlashAlbumExporter background transparent?

    I really like the very cool FAE (as suggested on this most excellent forum) but the gui offers no choice as for background opacity. A little search on the net reveals a few ideas but none of them seem to work. I am using the following iframe code in iWeb:
    <iframe src=
    "http://www.bostruyephotos.com/Paso_Robles/index.html"
    style="width:1000px; height:900px;
    border-width:0px;
    border-color:#990033;
    border-style:solid;"
    scrolling="auto" >
    </iframe>
    I don't know if the bg transparency is controlled in this iframe code, in the index.html file created by FAE or in the xml file created by FAE. So far I have tried:
    Remove the background-color: #181818; from the index.html didn't make any difference.
    Adding <bgcolor transparency="0"> in the xml made simpleviewer not display at all.
    Another web site was discussing using html in the HTML snippet widget instead of iframe and it seems to address the transparency issue. But it seems rather old and is setup to use a movie instead of a photo album so I'm not sure how to convert it. Here is that code:
    <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#v ersion=6,0,40,0"
    WIDTH="700" HEIGHT="700" id="MyMovieName">
    <PARAM NAME=movie VALUE="MyFlashMovie.swf">
    <param name="wmode" value="transparent">
    <PARAM NAME=quality VALUE=high>
    <PARAM NAME=base VALUE=".">
    <EMBED src="MyFlashMovie.swf" quality=high WIDTH="700" HEIGHT="700"
    NAME="MyMovieName" ALIGN="" TYPE="application/x-shockwave-flash" wmode="transparent" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" base=".">
    </EMBED>
    </OBJECT>
    Any idea how I can make this bg transparent so my bg will show behind the photos instead of the default dark grey?
    The current version is here in case that helps:
    http://www.bostruyephotos.com/Gallery/Cruising.html
    Thanks for any help.
    Bo

    If that's what you're doing, then just turn off the visibility of the layer that you made the selection on - most likely the BG layer by clicking on the eye icon in the layer's pallet.  You change the bg layer, as I mentioned above, and after you make your selection, click on the add layer mask icon in the layer's pallet,  This will add a layer mask with your selection.  If you hold alt/opt while doing this, it will create a inverse layer mask.

  • 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 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 do I turn a solid background into a transparent background on a jpg in Photoshop?

    Is there an easy click click click to make a colored background transparent to be used in a layering application in InDesign?
    Thanks!

    A jpg does not accommodate a transparent area. Open the file. Since the image is on the Background area, trash the lock. Then place a layer below it (Cmd click on new layer symbol at bottom of  Layers panel.). Return to the image layer: select and delete the chosen area. Select > Deselect the selection, trash the bottom layer and save as a Photoshop (psd file).

  • How do I remove the solid background behind the docker?

    On OSX Yosemite upgrade, it seems I am forced to have a non-transparant background on the dock in Yosemite.  How do I remove the solid background of the dock, so that only icons appear on the dock, and nothing else?  In short, looking for a transparency option for the docker background. Thanks.

    I am also a bit unhappy with some of the customizations lost... especially with appearance.
    I feel that people  should have a bit more control over fonts and colours, and I don't necessarily  appreciate some of the "dumbed down" applications,(like iPhoto, for instance).
    I will certainly not be tossing Aperture... was saddened that it's no longer going to be an upgradable application for much longer. Just updates to support new OS's. iPhoto is sadly inadequate, and I prefer Aperture and it's many plug-ins to Lightroom, far and away!
    I do understand that the GUI is really meant to make the experience of OS's as visually seamless across all devices as can be, partly in needing to cater to a device-rich-knowledge-poor population of users. But I also understand that the less sophisticated rendering of objects,(like icons, menu bars etc.), makes for a leaner, faster GUI/OS. I can state honestly that my iMac runs Yosemite faster than it ran Mavericks... and has done since installing Beta version 1. And there is a smaller footprint...= more room for my photography,(I'm an art photographer), and my audiophile grade lossless music files.
    Apple has always limited customization options; we've never been able to choose menu bar colours, particularly, or do too much with item text font choices. Not everybody is a "weak" user, and settings could be a bit more creatively available. Nice thing about Apple always has been that, if you screwed up, it has always been easy to fix things. And there's always Time Machine, if things went REALLY awry!
    Being able to hide the top menu bar, as we can hide the dock, would be lovely. Now that there is a duplicate bar on my second monitor, I find it even more annoying to be ever present.
    BTW.... I prefer the "dark" option to the light version, and use "graphite" instead of blue... the lollipop colours of the buttons in "blue" just grit my teeth for me.
    I keep sending feedback to Apple, asking for more customization.
    Here's hoping!
    Cheers!

  • How do I get an image background transparent in pages?

    I was wondering how to get the white solid background of an image transparent in pages, keynote has this feature but does pages? I can't seem to find it.
    Thanks for the help

    I think you are asking about:
    Menu > Format > Alpha > Instant Alpha > run your cursor over the background you want as transparent
    Which is exactly the same as in Keynote and even in the same place on the menus.
    If you just wanted the image to be transparent;
    Inspector > Graphic > Opacity > reduce
    Also exactly the same as in Keynote
    Peter

  • Make .SWF player background transparent???

    Hello,
    I have created a small animated logo in flash and when I put
    in my DW project it shows the default flash white background.
    I remember about 2 months ago I found a way to make that
    white background transparent by typing a parameter in DW...But I
    dont remember what I typed...
    It was something like WMODE and then for the value
    TRANSPARENT or something.
    Can anyone please remind me how to do this. Thanks
    alot.

    http://www.projectseven.com/support/answers.asp?id=127
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "texjgc" <[email protected]> wrote in
    message
    news:fpe022$j7e$[email protected]..
    > Hello,
    >
    > I have created a small animated logo in flash and when I
    put in my DW
    > project
    > it shows the default flash white background.
    >
    > I remember about 2 months ago I found a way to make that
    white background
    > transparent by typing a parameter in DW...But I dont
    remember what I
    > typed...
    >
    > It was something like WMODE and then for the value
    TRANSPARENT or
    > something.
    >
    > Can anyone please remind me how to do this. Thanks alot.
    >

  • How do I make a photo a transparent photo in photoshop

    How do I make a photo a transparent photo in photoshop

    Try this:
    - go to the 'Opacity' slider on the Layer panel and slide it to the left until the picture has the transparency level you wish to see.
    - SAVE AS your picture (change the 'Type' to a Portable Network Graphic .PNG).
       .PNG file types preserve the transparency level of your photos.
    Hope this helps!

  • 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.

  • Best Illustrator method to make a logo background "transparent..."

    I have seen that there are several posts regarding "transparent backgrounds," but but they're difficult to follow. I apologize if this is old territory. If there is a solution somewhere already, I'd appreciate your pointing me towards it.
    I'm using AI within CS5.5 but new to it. I am importing/converting a JPG file to vector format. The image is a logo with a large black circle boundry and a white opaque background. The background elements inside the boundry circle are also opaque white, and I wish to leave that as is. The edges of the circle touch the  boundries of the JPG file tangentially by about 100px or so on each side when the JPG is viewed at original size.
    My objective is to make everything outside the boundry circle a "transparent" background. What would be the best/easiest way to do this within AI? Is there, for example, a tool that will draw a circle that I can expand to get on the edge of the black boundry circle, and then make everything outside it transparent?
    Thanks very much.
    Regards,
    Arnold

    Jacob Bugge wrote:
    Arnold,
    I am importing/converting a JPG file to vector format. The image is a logo with a large black circle boundry and a white opaque background.
    The cleanest/best way to vectorize  the black circle, and most likely the other shapes, is to recreate, using the appropriate tools, thereby replacing the original raster parts.
    You may use the raster image as a locked template, maybe on its own lower layer.
    In that case there will be no outlying parts to get rid of.
    But f you just wish to get rid of the outlying part, you may create a circle (with the Ellipse Tool) following the outer rim of the black circle, select that and the image, and Object>Clipping mask>Make.
    OK, a quick progress report...
    I am now back at my main desk and in front of my instance of AI. I am attempting to implement the above suggestion of using the clipping mask. First, a bit more background.
    The object I'm trying to edit is a JPEG file with a logo design... a  black circle with a flat b/w design inside on an opaque white background. There is only one (1) layer, and AI reports the background as being "locked." When I open the JPEG file in AI, it appears as 100%, RGB raster (file is 2341x2344px original size). When I hover over the design with the "select" tool, I see a blue square outline (I assume this is the JPEG file boundry). The edges of the circle circumfrence touch each edge the blue square outline.
    I see how to invoke the elipse tool,  and how to make a clipping mask (I have to remember to select more than one object, or I'll get an error).  But what do I do from there? How do I save just the part that remains (after clipping) on a transparent background? Everything I've tried so far seems to save it on the white opaque background.
    I'm stuck at this point. All help appreciated.
    Regards,
    Arnold.

  • How do I make a page background have effects?

    trying to make my page background something like silver or
    mirror-like or something besides a simple color. Thanks!!

    You are trying to nail jelly to a tree. No matter how you
    size that image,
    someone will come to your page with either a smaller or a
    larger browser
    viewport.
    Make the background image no larger than the maximum weight
    budget that you
    can allow for your page's background, remembering that the
    target weight for
    an initial page load is about 60-100K (figured on the maximum
    download time
    for an impatient viewer). That weight would include the
    weight of the code
    on the page PLUS ALL DEPENDENT FILES.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "twilight design" <[email protected]> wrote
    in message
    news:fr623f$2ae$[email protected]..
    > should I just create my image larger?

  • How to make a .jpg background transparent?

    Windows XP; using Photoshop Elements 2.0 :  is it possible to edit a .jpg so that the background (white, in this instance) can be transparent so that when I copy the part of the graphic I want and paste it elsewhere (another layer in Photoshop or Illustrator) that the white background disappears and doesn't block out the layer underneath?  Thanks.

    You can also copy the picture,  including the white, to the destination picture. The new picture will be on a separate layer. On that layer delete the white portion which will be replaced by transparency. Depending on the particular case you can select the white and delete it; or select the subject, invert the selection and delete it.

  • With Firefox 4.0.1 the toolbar icons became "semi transparent"--how can I make them "solid" as these are MUCH easier to see

    Icons changed how they appeared--were solid colours, now semitransparent with little colour

    noondaywitch wrote:
    "It's Christmas card time again and the fact that Address Book is useless for this purpose is really frustrating."
    While I sympathise with the functionality of Address Book, I'm old-fashioned enough to write my cards and envelopes by hand (shock! horror!) and get quite p***-off to receive bulk-printed stuff.
    Just a thought, peeps.
    It'd be all too easy to follow that up with a cheapshot making reference to how many Christmas cards you have to send, but I'll rise above that and explain that some of us might want to use this for business contacts and have 300+ cards to address.
    It is a shame that the printing feature from Address Book is so close, yet so far from performing this simple task. It is a shame that Pages can run mail merge, but only for one record per page (which is useless for label printing). It is also a shame that MS Word for Mac does proper labels but doesn't recognise Address Book as a datasource.
    These things are all a shame because with Apple's software, you rather expect things to "just work", as per their advertising, and when very simple things don't "just work", it difficult not to feel cheated.

  • How can I make a top layer "transparent" to the end-user?

    Hi guys,
    Got a quick question.
    I'm working on a custom card builder and was wondering if there was any way I could keep an uploaded image editable to the end user. The end-user will be able to choose what template they'd like to frame the image with. The problem is, even with transparency that chosen frame acts as a layer, and once the uploaded image has been placed onto the staging area, the end-user loosing the ability to edit/scale/skew that image. I'd like them to be able to still do that even with the template above their image.
    Can anybody think of a solution to this? Any and all advice is greatly appreciated.

    You'd literally need to chop each frame up. To keep things reasonable to update you can use Photoshop to slice the graphics, saving them to external PNGs to import in. If a frame has 4 edges, you cut out the 4 sides, import into Flash and reassemble them inside a single Sprite or MovieClip. Any area inside that sprite that has no actual objects will be true transparency and won't invoke a click action.
    Keep in mind, hitboxes are rectangular. If you have an oval frame where the edges require you to create bitmaps with transparency on their edges, that will be clickable. If you don't immediately understand what I mean by that just draw a circle in flash, convert to clip. Now draw your cursor around what you consider the 'top' portion of that frame and notice how much of the inner fill you also capture at the same time. That will all be clickable. So the user may "see" their picture behind the frame but when they click they accidentally get the frame instead.
    Picture worth a thousand words (random net image):
    If you cut this oval frame into 4 pieces (this being the top obviously), the transparent area you see in the frame will need to be part of the hitarea for the frame. That can be just as confusing to customers in this situation. If most of your frames have little to no transparency (very squared up) then it won't be a problem. Although just like the problem you're having now, any bitmap transparency WILL be clickable even if you cut the sides up. The center where there is no bitmap can be clicked through to mess with the picture behind the frame.
    This sort of makes the transparency detection a bit more desirable.

Maybe you are looking for