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.

Similar Messages

  • 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 to turn logo background transparent?

    I need to change the logo background transparent so this logo integrates seamlessly on my website instead of looking like a big black box with a logo in it.
    Is it possible to remove the black background from every where except behind the lettering?
    Here is another similar variation:
    I dont mind the white letters, but I would want the green glow to be more apparent like the 1st one.
    Ideas?

    Is this the look you're going for?
    A sample layered psd file with your logo (as pixels; I didn't take the time to redraw it) and Outer Glow layer style, along with several test backgrounds, and the logo itself saved as a .png with transparency can be found here:
    http://Noel.ProDigitalSoftware.com/temp/SampleFile.zip
    Here's how the transparent .png looks over a web page background:
    http://noel.prodigitalsoftware.com/temp/ATMP_Transparency_Test/TransparencyTest.html
    -Noel

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

  • 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 can I keep logo background transparent when flattening for web?

    Hi, I have a logo designed in Illustrator which I'm bringing into Photoshop to save it for the web. It comes into Photoshop with a transparent background, but when I save it for the web or flatten it, it gets a white background. Can you tell me how to keep the background transparent?

    File > save for web (& devices). That will give you the best and smallest web-ready graphics. With save as you're embedding all kinds of info that doesn't need to be in the image. File size can bloat ten-fold quickly. Use save for web.

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

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

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

  • What are the best practices for generating an EPS logo from InDesign?

    Our costomer is running into technical issues with the logo we sent them, which was exported from Indesign. Images were not embedded and fonts missing. I was able to embed the images and fonts. However, we DO NOT want them to be able to make any text changes. So after exporting an eps, I opened the file in Adobe Illustrator and made all the text outlines. I hope this works. But I just wanted to post the question on what are the best practices for doing this?
    The client needs the logo with transparent background, images emebdded and type in outlines. Also, they need some space around the text. When I exported the eps, the file is right up on the edge of the type.

    It sounds like you are pretty far from "best practice" with regard to logo design and delivery.
    These days, the very use of the EPS format should be considered bad practice, and some other terms in your post, (i.e., 'images,' 'missing fonts'), make it sound like there is not a seasoned logo designer involved.
    That said, you probably already got the advice you need to get out of the immediate jam. However, without proper logo design, you and the client will soon be facing other problems. You should be delivering a 100% vector graphic in single-color (black) and corporate-color(s) versions, with no live font data, that has been test-scaled to very small and very large sizes; ensuring it will work at postage-stamp size and on the side of a truck or building, with specific spot color(s) and proportions that will enable it to be offset printed, embroidered and screen-printed on apparel, and cut into signage materials and decals.

  • Need help knocking out a section of logo background

    Using PS7, I've designed a logo for our Irish/Celtic band consisting of the name, Kinvara, with a Celtic knot behind the name. I wanted a slight separation between the edges of the name and the knot so the knot doesn't appear to be coming in contact with the name. In order to easily do this, I applied a stroke of the same background color as the background (white) to the name, then moved the knot into position where it looked best.
    However, I now want to make the background transparent for use on flyers, advertising, etc, but the white stroke around the name is there. Is there any way to use the name with the stroke around it to "punch out" that area of the background knot, then get rid of the white stroke from around the name?
    I've included a screen capture of the knot itself (top), the look of the logo I'm trying to accomplish (middle), as well one of it with transparent background/white stroke (bottom).
    Thanks for any help/suggestions. I've tried simply using the eraser on the knot layer to do it but can't get it to look the same. DC

    Actually, after thinking about it some more, I was able to accomplish it by using a standard procedure I use quite often for other jobs....flattening the image, pasting into a new transparent space and using the magic wand to select all the white and delete it. I began with the wand at a tolerance of 100% and the edges of the knot lines were just a bit jagged so lowered it to 75% and looks good. Problem solved and the ends of the line cuts follow the countour of the letters as I wanted. And it's easy to change the color by selecting "Lock transparent pixels" and use the gradient tool to drag across the logo. I can even give it a gradient fill this way.
    MKoelbl77, thanks for your suggestions and taking the time to reply. This has always been a very helpful forum.
    Denny
    Here's an example complete with a touch of drop shadow.

  • How do I cut out imported objects and make background transparent?

    Illustrator CS3.
    I have embedded a jpeg picture which I need to cut out and make the background transparent. How do I do this? An opacity mask? How do I create a mask the same shape as the object I need to cut out? The object needs central pieces cut out too. Please help!

    Opacity mask of clipping path are the two ways to do this in Illustrator. Photoshop is the ideal program for this task.

  • How to create the custom method and make it available to clients:

    Hello, Can any one help me with this problem ASAP??
    I am trying to work on an example of "Customizing the Query and Creating an Associated Custom Method"
    from http://helponline.oracle.com/jdeveloper/help/topics/jdeveloper/developing_mvc_applications/adf_pviewcustommethod.html?tp=true#method. To do that, the first task is to create the custom method and make it available to clients.
    Following instructions in the helponline documentation, I completed the three steps: (1) "Specify a custom query for the View Object definition for EmployeesView", (2) "Add the custom method to the application module Java class", and (3) "Make the method available to clients".
    The following is the error message I got to test the application module. Can anyone tell me what the message really means and what I should do. I am wondering if there is any mistakes in the document.
    (oracle.jbo.SQLStmtException) JBO-27122: SQL error during statement preparation. Statement: SELECT Employees.EMPLOYEE_ID, Employees.FIRST_NAME, Employees.LAST_NAME, Employees.EMAIL, Employees.PHONE_NUMBER, Employees.HIRE_DATE, Employees.JOB_ID, Employees.SALARY, Employees.COMMISSION_PCT, Employees.MANAGER_ID, Employees.DEPARTMENT_ID FROM EMPLOYEES Employees WHERE Employees.SALARY > :1 and Employees.DEPARTMENT_ID = :2
    ----- LEVEL 1: DETAIL 0 -----
    (java.sql.SQLException) ORA-01008: not all variables bound

    You need to set values for the parameters in your query before you try to execute the query in the view object.
    So you need to call the setBindVars method before the query.

  • How can I get rid of the logo background

    I'm trying to get rid of the logo background on the BC template for the following trial site:
    http://saddleriver.businesscatalyst.com/
    Here's the HTML part that I've been tryng to work with
    <div id="logo">
            <div class="logobox-bl">
            <div class="logobox-br">
            <a href="/"><img alt="SRRC" src="/images/Logo-1.jpg" /></a>
            </div>
            </div>
            </div>
            <!-- close #logo -->
    And here's the underlying CSS:
    #logo {
      text-align: center;
      position: relative;
      top: -10px;
      left: -4px;
      float: left; }
    .logobox-br {
      background: url(../images/roundbox_br.png) no-repeat bottom right;
      margin: 0 0 0 30px;
      padding: 16px 30px 16px 0px; }
    .logobox-bl {
      background: url(../images/roundbox_bl.png) no-repeat bottom left;
      position: absolute; }
    I tried to get rid of the background images altogether, by deleting the two "div class" from the above code but it shifted the layout.. When I try to delete the background images - nothin happened. Could these images be embedded in the template PHP - if so, where do I look for it?
    Could sombody suggest a solution?
    Thank you,
    Anna

    Hi Anna,
    This system is not PHP so there is no PHP and you do not have access to any server side coding.
    Do not delete the actual html, in your CSS just remove the background from the css of the element.
    .logobox-br {
      margin: 0 0 0 30px;
      padding: 16px 30px 16px 0px; }
    .logobox-bl {
      position: absolute; }

Maybe you are looking for

  • Birthday calendar on iPhone

    Is there a way to synchronize the Birthday Calendar with the iPhone? My other calendars all synchronize, but as that one is part of the contacts it does not. Contacts are synchronized with birthday information, but it does not put it into the calenda

  • Flash Player no longer works in Internet Explorer on Win8.1 after system tune-up

    I recently had my laptop computer tuned up. After the service I have lost the use of Adobe Flash Player. I have already done the basics. I went to Manage Add-ons and ensured Shockwave Flash was enabled. I went to Safety and ensured ActiveX was not ch

  • Just upgraded, low quality warning on all photos?

    Hi All, Hoping someone can assist me here. Just upgraded to iPhoto 6 and was experimenting with the greeting card function. Apparently, all of my photos (unretouched & uncropped) which are 1704 x 2272 at 180 dpi are too low quality to print reliably.

  • FIBAN Issue

    Hi Gurus, For some of the vendors, business not able to make the payment due to bank country is differenct with IBAN details in vendor master data(eg: bank country-AU but IBAN starting with GB).  This IBAN is fetching from FIBAN transaction code. Now

  • Embeded Event Manager on cisco 3560 switch

    Can someone help me please? I have EEM configured on cisco 3560 switch. The configuration is below. I want that switch inform me through email when device with particilular IP address become unavailable. For some reason this configuration is not good