Help with cutting a whole in an image/clipping mask

Hello.
I am needing to cut out circles in an image so that the background shows through. Sort of like an inverse clipping mask..but I don't know if those exist..  And once I cut holes in the image I am needing to put a clipping mask on the whole thing so that only part of the image is still showing with parts of the cut-outs.
Or i guess if I could figure out how to create an odd shape clipping mask that would work as well.
The image below is something like what I'm trying to accomplish just different image and different sizes and locations of the cut-outs along the edge.

I am not certain about the previous postings but here is how to do it.
1 place your circle on top of the image select the image and make sure the image is filed with white no stroke.
2 Go to the transparency panel and from the flyout select opacity mask make
3. make sure invert is select and clip is deselected as in the screen shot.
Works with linked or embedded images.

Similar Messages

  • Help with reducing the size of an image but keeping the quality

    Hello,
    I am wondering how do I resize an image but keep the quality. I am creating a folder design for work and I want to include 6 images on the back each of 156px x 118px.
    The images I have are slightly different in size but for example sake one of the images that I have is 225px x 158px. The quality is very poor when I reduce the size.
    I have tried changing the ppi to 72 and to 300, I have also tried resizing all in one go and in a number of goes and I have tried the bicubic sharpener but I have just had no luck with it.
    I am wondering if anyone can help with this,
    Thanks
    Tracy

    Hi Tracy,
    A couple of questions:
    I am creating a folder design for work...
    So this is printed? How large? Pixels are not a unit-of-measure for print.
    If for print, you are looking at ppi of 300 or higher AT PRINT SIZE.
    So, say you want a 3in x 4in picture. That would mean your original would have to be at least 900px X 1200px. (ie 300ppi x width, 300 ppi x height)
    If your original files are not at least that resolution.. . it is hard to add quality after the fact. Unless your are working with vector art.
    I have tried changing the ppi to 72 and to 300, I have also tried resizing all in one go
    Be sure to do that on copies of original. Keep in mind the PPI number by itself is completely meaningless. It only has use in describing a to be printed image when combined with the print size.

  • Need help with a basic script to resize image then resize the canvas

    I am new to photoshop scripting, and have come across a need to force an image to be 8"x10" at 300dpi (whether it is vertical or horizontal)
    I need to maintain the correct orientation in the file, so an Action will not work, I believe I have to implement a script to accomplish this.
    I have the below script so far, but I am not certain of how to input the variables / paramters
    doc = app.activeDocument;
    if (doc.height > doc.width) doc.resizeImage("2400 pixels","3600 pixels", "300", "BICUBIC");
    if (doc.height > doc.width) doc.resizeCanvas("2400 pixels","3000 pixels", "MIDDLECENTER");
    if (doc.height < doc.width) doc.resizeImage("3600 pixels","2400 pixels",300,"BICUBIC");
    if (doc.height < doc.width) doc.resizeCanvas(3000,2400,"MIDDLECENTER");
    When I run this script, I get the following error:
    Error 1245: Illegal argument - argument 4
    - Enumerated value expected
    Line: 5
    if (doc.height < doc.width) doc.resizeImage("3600 pixels","2400 pixels",300,"BICUBIC");
    The fact that its failing on lien 5 lets nme know that I have the "If" portions of my script correct, I just dont know how to accomplish the functions correctly.
    Any help would be appreciated!
    Thanks,
    Brian

    I know I'm late here but it seems to me your trying to automate a 8"x10 or 10"x8 300DPI  print.
    To do that you must first crop your image to a 4:5 aspect ratio to prevent distortion unless your shooting with a 4" by 5" camera.   I wrote a Plugin script a couple years ago that could help you do a centered crop.  You could do the whole process by recording a simple Photoshop action that uses two  Plugin Scripts only four steps would be needed.
    Step 1 Menu File>Automate>AspectRatioSelection  (My script based of Adobe Fit Image Plugin script) Set 4:5 Aspect ratio, center,  Rectangle, Replace, no feather. Llike Fit Image this script woks on both Landscape and Portrait images. The Selection will be correct for the images orientation.
    Step 2 Menu Image>Crop
    Step 3 Menu File>Automate>Fit Image set 3000 PX height and 3000 PX width the Image will be Resample so its longest side will be 3000 pixels.  Adobe Fit Image Plugin Script always uses BICUBIC resampling.  I have a modified version of Fit Image  that uses Bicubic Sharper whebndownsizing and BicubicSmoother when up sizing.
    Step 4 Menu Image>Size un check resample set resolution to 300 DPI.
    When you play the actions the Script Dialogs will not be displayed and the setting use when you recorded the action will ne used.
    The Plugin Script are included in my crafting actions package:
    http://www.mouseprints.net/old/dpr/JJMacksCraftingActions.zip
    Contains:
    Action Actions Palette Tips.txt
    Action Creation Guidelines.txt
    Action Dealing with Image Size.txt
    Action Enhanced via Scripted Photoshop Functions.txt
    CraftedActions.atn Sample Action set includes an example Watermarking action
    Sample Actions.txt Photoshop CraftedActions set saved as a text file. This file has some additional comments I inserted describing how the actions work.
    12 Scripts for actions
    My other free Photoshop downloads cam be found here: http://www.mouseprints.net/Photoshop.html

  • Can anyone help me cut a word into an image?

    I believe it is called merge?? I am new to illustrator and am working on learning new tricks,  I have come to a road block here.  
    Here is a set up:
    I have font image with a tail connected to the font,  Inside the tail i have another font that i want to weld, merge or whatever you call it so that when i remove the letters it is for say burnt into the tail so when i print it there will be no color.  ( I am screen printing t shirts)    see image for more details    basicly I want to screen print the image below in black, and keep the cafe hollow so it will take on the color of the shirt. 
    Thank you in advanced

    In the past people using Illustrator for screen printing have indicated that leaving it white did not work for them.
    Really? Where? When? Show an example of this.
    How may times has this very issue [white set to overprint] showed up on this form? 100? 200? 300?
    Oh, puh-leeze.
    So what? How many times has a question revealed that the one asking doesn't understand the even more basic principle (that white doesn't print), as evident in this thread, and which Steve correctly explained? That's  the primary misconception at issue here.
    You, on the other hand, serve to reinforce the misconception that the white text must actually be a hole in the black by guiding bsward774 through a bunch of completely unnecessary steps.
    This thread has nothing whatsoever to do with accidently setting white to overprint. You simply trotted that out in a transparent attempt to defend your own reply, thereby obfuscating the whole subject-- and then lit into Steve with your typical personal insults. Who do you really think you're fooling here, Wade?
    And I write it again they may need to use the cut out version as they call it for other application in the future they might as well not have to think about it again.
    Then by your own convoluted "logic" you yourself have committed just as egreggious a travesty by failing to explain to the "poor beginner" the risks inherent in unnecessary use of transparency masks (what you call the "simplest way"): accidental rasterization.
    It is a better way when screen printing.
    Okay. How so? Explain yourself.
    The "simplest way" as you put it, is to simply leave the white text alone, as Steve correctly and appropriately explained.
    JET

  • Help with cut and paste

    Hello. Need a little help please. I have a 21 page pdf file. I would like to cut the text and paste into MS Word. By doing "select all" I am able to do this but only 1 page at a time. Is theire a way to extend the selection so that I get all 21 pages of text?
    Thanks for your suggestions.
    Hopken

    A PDF that contains a scanned image of a textual document will result in a 0 KB text file when Save as Text is used while viewing the PDF.
    If OCR is applied to the PDF (with Acrobat as Reader does not provide this functionality) then Save as Text exports the OCR output to the text file.
    When using Reader's select tool to select and copy the page content (the image) it is the image that is pasted into the Word file.
    A PDF that has no renderable content has nothing to export to a text file via Save as Text.
    So, it would appear that the copy image - paste image, 1 page at time, is what will have to be used.
    A quick addendum -
    If your working with an image of text and have Office 2007 you may be able to use Microsoft Office Document Imaging tool (not sure if tool is available in all Office versions) once the images are in a Word file.
    Be well...
    Message was edited by: CtDave

  • I need help with cutting and changing an already made song in garage band on the IPad.

    For a school pep rally I'm looking to write some music on drums that our drumline will perform in the pep rally. In the song although I'm looking on taking a few measures out of the song "Some Nights" by Fun. and putting it during a long rest we'll have for a really good effect on the song. To do this I saw that garage band had a sampler where I could cut music and play those cuts instantly with a touch of a button, and I was hoping that it would be possible that I could buy the song and some how import it to garage band so that I could play around with it a little bit.
    I've still yet to find any way of doing this although and I'm looking for any suggestions you guys might have! The pep rally isn't for a good 3 or four weeks so I've got a good amount of time, But the sooner anyone can help the better!
                                                           Thanks for your time!
                                                                          Matt

    This is a poor way of doing this but the only way I found to do this is to record your music into the sampler using the microphone then record the sample. I don't like doing this because of clarity and lack of manipulating the track once created. It would be nice if GB added this feature. Also it would be cool if you could mix down the tracks into one so we could have more tracks to work with.

  • PLEASE Help with HTML code for email background image...

    Hi there!
    i have a background image that I want to pop into an html email widget for the email's background...  here is the web link I created in Photoshop: file:///C:/Users/Rachel/Desktop/iMuse%20Clients/LeadMachine360/Email%20Signatures/tileabl e-metal-textures-2.html
    If anyone could please help me out that would be AWESOME!  I've attached pics of the background & I'm using Infusionsoft email builder which allows for HTML widgets.  I have a code that I use for my landing pages & webforms which works, tried that but no dice!
    Any help would be much appreciated - I'm an html newbie!
    Here is the code that I use for landing pages & works great, tried it for the email & it was a fail:
    <style>
      #mainContent .background, {
          background: url('file:///C:/Users/Rachel/Desktop/iMuse%20Clients/LeadMachine360/Email%20Signatures/ti leable-metal-textures-2.html') no-repeat center center fixed;
        background-size: cover;
    </style>
    <script src="file:///C:/Users/Rachel/Desktop/iMuse%20Clients/LeadMachine360/Email%20Signatures/ti leable-metal-textures-2.html">
    </script>
    <script>
      jQuery(document).ready(
          function(){
          jQuery(' table.bodyContainer').removeAttr('bgcolor');
    </script>
    thanks in advance!
    Muse

    Not sure what you expect. Your URL is absolute and pointing to a local file resource. It's not a proper relative HTML link. Beyond that it's toatlly unclear how you actually plan to load your image and where they are hosted, so nobody can tell you anything. Either way, there is an obviously painful lack of understanding of even the most basic web techniques, so the best advise anyone would give you is to spend some time with a web search and actualyl learn some of that stuff...
    Mylenium

  • Need Help With An Application That Produces Live Images Within Tilelists

    At the moment I have an application which is meant to produce live thumbnail images of websites. Currently how it does this is a html component (myhtml) loads websites via it's location property changing from website to website and upon fully loading of each site a "snapshot" is taken of the html component and saved as a bitmap and applied as the source of an image corresponding to that particular site (abcnewsimage and bbcnewsimage). However I now need to insert these snapshots within the 'icon' properties of 2 array collections (myTilelistAArrayCollection and myTilelistBArrayCollection) which act as dataproviders to populate 2 tilelists (mtTilelistA and myTilelistB).
    Basically I need the same images to appear automatically within the tilelists the way they do in the 2 images as the snapshots are taken by applying the same bitmaps into the currently empty 'icon' properties of the 2 tilelists i.e. the icon of the ABC News Item of both array collections must be the same as the abcnewsimage and appear as it appears and the same for the BBC News Item icon being the same as the bbcnewsimage picture as that appears.
    It should look like the images are appearing in the tilelist at the same time as they are appearing in the regular images. What will I need to put into the icon properties to do this?
    I hope this makes sense and if anyone can help me out it would be much appreciated. :-)
    <?xml version="1.0" encoding="utf-8"?>
    <mx:WindowedApplication
    xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalAlign="middle" backgroundColor="white" width="1024" height="768">
    <mx:Script>
    <![CDATA[
    import mx.graphics.ImageSnapshot;
    import mx.collections.*;
    private function takeSnapshot(event:Event) :void{
    var imageBitmapData:BitmapData = ImageSnapshot.captureBitmapData(myhtml) ;
    switch(myhtml.location){
    case "http://abcnews.go.com/":abcnewsimage.source =
    new Bitmap(imageBitmapData);myhtml.location =
    "http://news.bbc.co.uk/";
    break;
    case "http://news.bbc.co.uk/":bbcnewsimage.source =
    new Bitmap(imageBitmapData);
    break;}
    private var myTilelistAArrayCollection:ArrayCollection = new ArrayCollection([{id:
    "ABC New Item", label:"ABCNews", icon:""},{id:
    "BBC News Item", label:"BBC News", icon:""}]);
    private var myTilelistBArrayCollection:ArrayCollection = new ArrayCollection([{id:
    "ABC News Item", label:"ABCNews", icon:""},{id:
    "BBC News Item", label:"BBC News", icon:""}]);
    ]]>
    </mx:Script>
    <mx:HBox x="10" y="10">
    <mx:Image id="abcnewsimage" width="100" height="100" scaleContent="true"/>
    <mx:Image id="bbcnewsimage" width="100" height="100" scaleContent="true"/>
    </mx:HBox>
    <mx:HTML id="myhtml" location="http://abcnews.com/" complete="takeSnapshot(event)" width="250" height="250" horizontalScrollPolicy="off" verticalScrollPolicy="off" x="10" y="118"/>
    <mx:TileList x="268" y="118" width="294" height="250" id="myTilelistA" dataProvider="{myTilelistAArrayCollection}" rowHeight="100" columnWidth="100"/>
    <mx:TileList x="570" y="118" width="294" height="250" id="myTilelistB" dataProvider="{myTilelistBArrayCollection}" rowHeight="100" columnWidth="100"/>
    </mx:WindowedApplication>

    Cheers Flex harUI. From what I can see superimage is mainly used to keep images at better quality. What I'm concerned with is having the images set within the 'icon' properties of the 2 tilelists AS they are set within their specific images. I've tried databinding by doing this for example:-
    {id:
    "ABC New Item", label:"ABCNews", icon:"{abcnewsimage.source}"},
    I hoped that would cause the icon field of the array collection to be populated by the source of the abcnewsimage so that as the abcnewsimage is populated by the snapshot that is taken of the abcnews website the icon field of the abc news item in the array collection would be too so that furthermore the tilelists would then be populated by these images. Basically as each snapshot appears in it's specfic image it needs to be loaded into the icon property of the array collection too. In the end the icons should look as if they are appearing within both the tilelists the same way as they are appearing within the images if that makes sense. The images should be loading within the tilelist one at a time as they are in the regular image components.

  • Need Help With An Application Which Produces Live Images Within Tilelists

    At the moment I have an application which is meant to produce live thumbnail images of websites. Currently how it does this is a html component (myhtml) loads websites via it's location property changing from website to website and upon fully loading of each site a "snapshot" is taken of the html component and saved as a bitmap and applied as the source of an image corresponding to that particular site (abcnewsimage and bbcnewsimage). However I now need to insert these snapshots within the 'icon' properties of 2 array collections (myTilelistAArrayCollection and myTilelistBArrayCollection) which act as dataproviders to populate 2 tilelists (mtTilelistA and myTilelistB).
    Basically I need the same images to appear automatically within the tilelists the way they do in the 2 images as the snapshots are taken by applying the same bitmaps into the currently empty 'icon' properties of the 2 tilelists i.e. the icon of the ABC News Item of both array collections must be the same as the abcnewsimage and appear as it appears and the same for the BBC News Item icon being the same as the bbcnewsimage picture as that appears.
    It should look like the images are appearing in the tilelist at the same time as they are appearing in the regular images. What will I need to put into the icon properties to do this?
    I hope this makes sense and if anyone can help me out it would be much appreciated.
    <?xml version="1.0" encoding="utf-8"?>
    <mx:WindowedApplication
    xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalAlign="middle" backgroundColor="white" width="1024" height="768">
    <mx:Script>
    <![CDATA[
    import mx.graphics.ImageSnapshot;
    import mx.collections.*;
    private function takeSnapshot(event:Event) :void{
    var imageBitmapData:BitmapData = ImageSnapshot.captureBitmapData(myhtml) ;
    switch(myhtml.location){
    case "http://abcnews.go.com/":abcnewsimage.source =
    new Bitmap(imageBitmapData);myhtml.location =
    "http://news.bbc.co.uk/";
    break;
    case "http://news.bbc.co.uk/":bbcnewsimage.source =
    new Bitmap(imageBitmapData);
    break;}
    private var myTilelistAArrayCollection:ArrayCollection = new ArrayCollection([{id:
    "ABC New Item", label:"ABCNews", icon:""},{id:
    "BBC News Item", label:"BBC News", icon:""}]);
    private var myTilelistBArrayCollection:ArrayCollection = new ArrayCollection([{id:
    "ABC News Item", label:"ABCNews", icon:""},{id:
    "BBC News Item", label:"BBC News", icon:""}]);
    ]]>
    </mx:Script>
    <mx:HBox x="10" y="10">
    <mx:Image id="abcnewsimage" width="100" height="100" scaleContent="true"/>
    <mx:Image id="bbcnewsimage" width="100" height="100" scaleContent="true"/>
    </mx:HBox>
    <mx:HTML id="myhtml" location="http://abcnews.com/" complete="takeSnapshot(event)" width="250" height="250" horizontalScrollPolicy="off" verticalScrollPolicy="off" x="10" y="118"/>
    <mx:TileList x="268" y="118" width="294" height="250" id="myTilelistA" dataProvider="{myTilelistAArrayCollection}" rowHeight="100" columnWidth="100"/>
    <mx:TileList x="570" y="118" width="294" height="250" id="myTilelistB" dataProvider="{myTilelistBArrayCollection}" rowHeight="100" columnWidth="100"/>
    </mx:WindowedApplication>

    Cheers Flex harUI. From what I can see superimage is mainly used to keep images at better quality. What I'm concerned with is having the images set within the 'icon' properties of the 2 tilelists AS they are set within their specific images. I've tried databinding by doing this for example:-
    {id:
    "ABC New Item", label:"ABCNews", icon:"{abcnewsimage.source}"},
    I hoped that would cause the icon field of the array collection to be populated by the source of the abcnewsimage so that as the abcnewsimage is populated by the snapshot that is taken of the abcnews website the icon field of the abc news item in the array collection would be too so that furthermore the tilelists would then be populated by these images. Basically as each snapshot appears in it's specfic image it needs to be loaded into the icon property of the array collection too. In the end the icons should look as if they are appearing within both the tilelists the same way as they are appearing within the images if that makes sense. The images should be loading within the tilelist one at a time as they are in the regular image components.

  • I need help with the shape matching of this image

    I am currently using NI Vision Assisstant to help me with the logic for the VI code. So currently I have 3 diagonal rectangles and I cannot figure out how to find the shape of each of them. Attached is a screenshot of the image I have. I have it going through a Luminosity filter and then a frequency filter and then I converted it to a binary image... now I am at this point: If anyone could help me find the rectangles... that would be greatly appreciated. I am sorry for such a basic quesiton.
    Thank you,
    Yousuf M. Soliman
    Attachments:
    Test.png ‏19 KB

    Hello Yousuf,
    There are quite a few functions that you might find useful for locating rectangles in a binarized image.  Possibilities include Shape Matching, Pattern Matching, Geometric Matching, Shape Detection, and more.  The difficulty that you will run into is the fact that your retangles are not straight edged, but are also not curved edges.  Many of the shape matching tools look for straight edges and right angles, which are not present in your image.  As such, it may be easiest to first use edge detecting tools to locate your edges, then use measurement tools to calculate area or distance.
    I played around with your image briefly, and was able to localize the edges to within an approximation.  I used the Clamp (Rake) tool to achieve the edge localization seen in the attached screen shots.  As you can see in ClampRect.png, the edge lines drawn aren't terribly accurate, but the other images show the points used, and with some playing around you should be able to find a better approximation of the rectangle edge.  Hope this helps!
    Patrick
    CLA
    Attachments:
    ClampRect.PNG ‏47 KB
    ClampLongEdge.PNG ‏55 KB
    ClampShortEdge.PNG ‏47 KB

  • Help with installing Arch x64 to Silicon Image SiI 0680 raid card

    I am having one heck of a time trying to find information on installing Arch on a Silicon Image SiI 0680 raid card. I have searched both the wiki and the forums and I cannot find any information about this card. I am trying to install a raid 0 setup on Arch x64 Could someone point me in the right direction, any help is appreciated. Thank you.
    Information about the card: http://www.newegg.com/Product/Product.a … 6816132004

    My memory has slipped a bit:  the following is more to the point than my reference to md=0!
    Member
    Registered: 2009-09-02
    Posts: 17
    E-mail
    Re: [SOLVED] usb /boot, RAID5 /root, mkinitcpio.conf help request
    The array stabalized and I was able to reboot with the following entry in my menu.lst:
    # (0) Arch Linux
    title  Arch Linux
    root   (hd0,0)
    kernel /vmlinuz26 root=/dev/md0 ro
    initrd /kernel26.img
    $ cat /proc/mdstat
    Personalities : [raid6] [raid5] [raid4]
    md2 : active raid5 sdi1[0] sdg1[3] sdh1[2] sdk1[1]
          2197715712 blocks level 5, 64k chunk, algorithm 2 [4/4] [UUUU]
    md1 : active raid5 sda3[0] sdf3[5] sde3[4] sdc3[3] sdd3[2] sdb3[1]
          7252222400 blocks level 5, 64k chunk, algorithm 2 [6/6] [UUUUUU]
    md0 : active raid5 sda2[0] sde2[5] sdf2[4] sdd2[3] sdc2[2] sdb2[1]
          52451840 blocks level 5, 64k chunk, algorithm 2 [6/6] [UUUUUU]
    Thank you very much to everyone in this thread.  I really appreciate the help. 
    Offline

  • Help with adjusting spacing between thumbnails and image in slideshow

    How can I adjust the spacing on the slideshow page?
    Customer wants more space between the thumbnails at the top and the image(s). Can I move the image & navigation tool or adjust the image size relative to the thumbnails and navigation tool at the bottom?
    Although I'm familiar with html source code and working on simple stuff at that level, I have yet to locate it in iWeb and make any adjustments.
    If anyone has step-wise instructions, I'd appreciate it. Thanks much.

    Although I'm familiar with html source code and working on simple stuff at that level, I have yet to locate it in iWeb and make any adjustments.
    iweb photos page's elements: header controls, detail view and footer controls are generated by ajax widgets, so there is nothing to in page source for you to find.
    If anyone has step-wise instructions, I'd appreciate it. Thanks much.
    that would be the instruction on how ajax widgets build photos page... there is none.
    you can send feedback to apple and ask for details on iweb widgets and tools to build widgets.
    that said, it can be done... check out with safari: http://temp.cyclosaurus.com/DetailView_Rearranged/Photos.html
    code is linked to my example, i don't do tutorial.

  • HELP with reloading applet AFTER it displays image

    Hi people
    I got a webpage that loads an applet which constantly needs to be refreshed in order for the applet to display a newer version of an image file (not very efficient I know). The image file is being constantly updated and so I need a way of refreshing the applet only AFTER it has been completely been loaded and is displaying the image?
    I thought that
    for(;;)
      Thread.sleep(3000);
      getAppletContext().showDocument(url);
    }might do it but all it seems to do is refresh the page before anything is displayed
    Any ideas?

    If I put this problem in another way then it might help you KIND bunch to help me out.
    My remote desktop application has only 1 little problem left. It displays the 1st image using the method below:
    public void scrn()
      try
        fileSize = dis.readInt();
        fileInBuffer = new byte[fileSize];
        dis.readFully(fileInBuffer, 0, fileSize-1);
        //Create an image from the byte array
        img = Toolkit.getDefaultToolkit().createImage(fileInBuffer);
        //Create a Canvas object and add the canvas to the applet
        canvas = new IRDPCanvas(img, this);
        canvas.addMouseListener(this);
        canvas.addKeyListener(this);
        add(canvas);
      catch (Exception ioe)
    }where dis = dataInputStream
    IRDPCanvas has the following method
    public void paint(Graphics g)
      System.out.println("in paint");
      if(image != null)
        if(tracker.checkAll(true))
          if(tracker.isErrorAny())
            System.out.println("Can't load image");
          cont.validate();
      g.drawImage(image, 0, 0, this);
    }where Container = cont
    My problem is that applet displays the first image and then stops. If I rrefresh the page then the applet would display the next image and stop. This means that I have to constantly hit refresh in order for it to display the next image after the current one. Is there a better way of doing this?
    I really need help here. PLEASE HELP.

  • Help with implementing Swing GUI within jpg image

    Dear Java Experts,
    I have a question, is there a way to implement java swing objects (ie jbutton, jcombobox, etc) within an imageicon. Basically, i am trying to juggle between ways of getting JSwing GUI into a background jpg image. Please help me. I thank you all in advance.

    You've it back to front.
    Create an transparent extension of JPanel that paints an image on it's
    background before running it's super class paint method.
    You'll need to extend this example to stretch, center or tile the image
    but otheriwse it's complete.
    BTW - you have to pass an argument to this example that is the path of
    the image you want on the background of the panel, like:
    java -cp <whatever> MyJavaProject1 images/something.gif
    Enjoy.
    import java.awt.*;
    import javax.swing.*;
    import javax.swing.border.*;
    public class MyJavaProject1
         static class BackgroundPanel
              extends JPanel
              private ImageIcon mIcon;
              public BackgroundPanel(ImageIcon icon) {
                   mIcon= icon;
                   super.setOpaque(false);
              public void setOpaque(boolean flag) { }
              public void paint(Graphics g)
                   g.drawImage(mIcon.getImage(), 0, 0, null);
                   super.paint(g);
         public static void main(String[] argv)
              JFrame frame= new JFrame(argv[0]);
              BackgroundPanel panel= new BackgroundPanel(new ImageIcon(argv[0]));
              panel.setLayout(new GridLayout(0,2,4,4));
              panel.setBorder(new EmptyBorder(4,4,4,4));
              panel.add(new JLabel("Name"));
              panel.add(new JTextField());
              panel.add(new JLabel("Address"));
              panel.add(new JTextField());
              panel.add(new JLabel("Phone"));
              panel.add(new JTextField());
              frame.getContentPane().add(panel, BorderLayout.CENTER);
              frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
              frame.pack();
              frame.setResizable(false);
              frame.setVisible(true);
    }

  • Help with registering (aligning) two partially overlapping images

    I have been digging into the JAI / Java2D algorithms, and I am looking for an algorithm for analyzing two partially overlapping images and returning the coordinates at which to render the second image relative to the first image. The desired end result is to be able to create a mosaic from a series of overlapping tiles. Is there a simple function, transform or library that I've overlooked?
    Thanks.

    EWirch wrote:
    Thanks - it is an interesting problem, but it needn't really be intelligent. One could think of it like stitching a panorama from a series of individual images. I know the relationship between image A and image B (A is to the left of B). There is about 50 pixels of overlap (approximately the 50 right pixels in image A are on the left of image B). I just need a way to find the exact positioning / overlap of image B relative to image A, and thought that brute force is not the proper approach, given that this may be a problem others have seen or conquered.If it were only that simple, and your example is exactly the one I was thinking of. The problem that comes to my mind is one of perspective. You have to take into consideration a spherical projection of the images that are being matched, not to mention the dynamic elements of the scenes. There has to be some sort of heuristic that allows you to find a match that is good enough, that is within some level of tolerance, and this won't be easy to do. But again, I am no graphics expert. I hope someone smarter than I comes along with a decent solution.

Maybe you are looking for