Link graphic frames to show different parts of one image

Hi all,
I want to make a sort of broken-up canvas effect with a photo, and thought I could do this with frames?
I want to create a grid of rectangles (alternating so you only see the white space separating them), and the triangles all have a part of the overall picture in it. When you see the whole grid, you see the whole picture. Can I do this in InDesign?
Thanks!

1. Make the grid of rectangles, select all
2. Press Cmd+8 (you get a compound path)
3. Select the compound path and place the image into it
You can direct select the image in the compound path, for any positioning.

Similar Messages

  • How to display two different parts of one image in two windows?

    hi everyone:) i need to display two different parts of one image in two windows. i have problem with displaying :/ because after creating windows there aren't any images :( i supose my initialization code of creating windows is incomplete, maybe i miss something or maybe there is some inconistency. graphics in java is not my strong position. complete code is below. can anybody help me?
    import java.awt.*;
    import java.awt.event.*;
    import java.awt.image.*;
    import java.io.*;
    import javax.imageio.*;
    import javax.swing.*;
    import java.util.*;
    class ImgFrame extends JFrame
           private BufferedImage img;
           ImgFrame(BufferedImage B_Img, int x, int y, int w, int h)
                   super("d");
                   img=new BufferedImage(w,h,BufferedImage.TYPE_INT_RGB);
                   img=B_Img.getSubimage(x, y, w, h);
           }//end ImgFrame construction
           public void paint(Graphics g)
                   Graphics2D g2D = (Graphics2D)g;
                   g.drawImage(img, 8, 8, null);
           }//end paint method
           public Dimension getPrefferedSize()
                   if(img==null)
                           return(new Dimension(100,100));
                   else
                           return(new Dimension(img.getWidth(null),img.getHeight(null)));
           }//end of GetPrefferedSize method
    }//end ImgFrame class
    public class TestGraph2D_03 extends Component
           static BufferedImage IMG;
           public static void Load()
                   try
                           IMG=ImageIO.read(new File("c:/test.bmp"));
                   catch(IOException ioe)
                           System.out.println("an exception: "+ioe);
                   }//end try catch
           }//end TestGraph2D_03 construction
           public static void main(String[] args)
                   Load();
                   ImgFrame F1 = new ImgFrame(IMG, 0, 0, 8, 8);
                   ImgFrame F2 = new ImgFrame(IMG, 8, 8, 8, 8);
                   F1.addWindowListener(new WindowAdapter()
                           public void windowClosing(WindowEvent e)
                                   System.exit(0);
                   F1.pack();
                   F1.setVisible(true);
                   F2.addWindowListener(new WindowAdapter()
                           public void windowClosing(WindowEvent e)
                                   System.exit(0);
                   F2.pack();
                   F2.setVisible(true);
           }//end of main method in TestGraph2D_01 class
    }//end of TestGraph2D_03 class

    Never override the paint(...) method of a Swing component.
    If you have a sub image then add the image to a JLabel and add the label to the GUI. No need for custom painting.

  • I have a macbookpro with a second monitor connected using an Apple connector.  The two screens show different parts of the desktop.  My cat walked across the keyboard, and now the two monitors are showing the same thing.  How do I undo what the cat did?

    I have a macbookpro with a second monitor connected using an Apple connector.  The two screens show different parts of the desktop.  My cat walked across the keyboard touching various keys, and now the two monitors are showing the same thing.  How do I undo what the cat did?

    Have you tried HELP in FINDER?  If you open HELP and enter 'displays' in the field in the upper right hand corner you will get a list of topics on setting up monitors.  Specifically read 'Setting up multiple displays to show the same image' and 'Setting up multiple displays as an extended desktop'.
    Ciao.

  • How to display different parts of an image

    hi,
    I need to display different parts of an image at specific situations.
    for example, a dice. there is only one image which includes different sides of the dice. and I wanna add
    to my panel one side if one comes, two side if two comes... I mean if one comes then we will display
    from 10 px to 80 px width and from 10 px to 80 px height of the dice image.
    is there any way to obtain this in java?
    thanks...

    import java.awt.*;
    import java.awt.font.*;
    import java.awt.geom.*;
    import java.awt.image.BufferedImage;
    import java.util.Random;
    import javax.swing.*;
    public class ImageClipping extends JPanel {
        BufferedImage image;
        Rectangle clip;
        final int ROWS = 3;
        final int COLS = 3;
        public ImageClipping() {
            // Make an image we can clip.
            Dimension d = getPreferredSize();
            int type = BufferedImage.TYPE_INT_RGB;
            image = new BufferedImage(d.width, d.height, type);
            Graphics2D g2 = image.createGraphics();
            g2.setBackground(getBackground());
            g2.clearRect(0, 0, d.width, d.height);
            Font font = g2.getFont().deriveFont(36f);
            g2.setFont(font);
            FontRenderContext frc = g2.getFontRenderContext();
            LineMetrics lm = font.getLineMetrics("0", frc);
            float sh = lm.getAscent() + lm.getDescent();
            int xInc = d.width/COLS;
            int yInc = d.height/ROWS;
            for(int j = 0; j < ROWS; j++) {
                for(int k = 0; k < COLS; k++) {
                    String s = String.valueOf(j*COLS + k+1);
                    float sw = (float)font.getStringBounds(s, frc).getWidth();
                    float sx = k*xInc + (xInc - sw)/2;
                    float sy = j*yInc + (yInc + sh)/2 - lm.getDescent();
                    g2.setPaint(Color.red);
                    g2.drawString(s, sx, sy);
                    g2.setPaint(Color.blue);
                    g2.drawRect(k*xInc, j*yInc, xInc-1, yInc-1);
            g2.dispose();
            clip = new Rectangle(xInc, yInc);
            // Inspect image.
            ImageIcon icon = new ImageIcon(image);
            JOptionPane.showMessageDialog(null, icon, "", -1);
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            Graphics2D g2 = (Graphics2D)g;
            g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                                RenderingHints.VALUE_ANTIALIAS_ON);
            Shape origClip = g2.getClip();
            //g2.setPaint(Color.red);
            //g2.draw(clip);
            // Draw clipped image at:
            int x = 100;
            int y = 100;
            // Mark location.
            g2.setPaint(Color.red);
            g2.fill(new Ellipse2D.Double(x-2,y-2,4,4));
            // Position the image.
            g2.translate(x-clip.x, y-clip.y);
            // Clip it and draw.
            g2.setClip(clip);
            g2.drawImage(image,0,0,this);
            // Reverse the changes to the graphics context.
            g2.setClip(origClip);
            g2.translate(clip.x-x, clip.y-y);
        public Dimension getPreferredSize() {
            return new Dimension(400,400);
        public static void main(String[] args) {
            ImageClipping test = new ImageClipping();
            JFrame f = new JFrame();
            f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            f.add(test);
            f.pack();
            f.setLocation(50,50);
            f.setVisible(true);
            test.start();
        private void start() {
            Thread thread = new Thread(runner);
            thread.setPriority(Thread.NORM_PRIORITY);
            thread.start();
        private Runnable runner = new Runnable() {
            Random seed = new Random();
            Dimension d = getPreferredSize();
            int xInc = d.width/COLS;
            int yInc = d.height/ROWS;
            public void run() {
                do {
                    try {
                        Thread.sleep(3000);
                    } catch(InterruptedException e) {
                        break;
                    int row = seed.nextInt(ROWS);
                    int col = seed.nextInt(COLS);
                    int x = col*xInc;
                    int y = row*yInc;
                    int n = row*COLS + col+1;
                    System.out.printf("row = %d  col = %d  n = %d%n",
                                       row, col, n);
                    clip.setLocation(x,y);
                    repaint();
                } while(isVisible());
    }

  • How to Show Different set of  Blob images in every page

    Hi i am using Crystal Report Server XI RAS Embedded Edition to built Dynamic Reports.
    Now i  have two datasets
    1. Main query with imageid field
    2. list of image blobs.
    this two datasets are linked with imageid  field and binded to ReportClientDocument.
    i have to show different image fields in every page of the report.  this images are differ in width and heights.
    i am able to show a single constant image field object from blob database field.
    but i could not able to find the solution to show different set of multiple images in different pages of the report.
    is there any formulas can be written or kindy give me a solution to achieve this.
    Regards,
    Padmanaban V
    Edited by: Padmanaban Viswanathan on Mar 15, 2010 11:59 AM

    See RAS samples [here|https://wiki.sdn.sap.com/wiki/display/BOBJ/NETRASSDK+Samples]. Look for "NET-CS2003_RAS-Managed_BE115_Add_Image" or "NET-VB2003_RAS-Managed_BE115_Add_Image-From-File".
    Ludek

  • I am using adobe photoshop cs6. I am facing a problem. When i save any image as "save for web". After saving image it show cropped. An image show many parts of the image after saving the image. Please help me. Thanks in advance.

    I am using adobe photoshop cs6. I am facing a problem. When i save any image as "save for web". After saving image it show cropped. An image show many parts of the image after saving the image. Please help me. Thanks in advance.

    Just go back in photoshop and use the Slice Select tool, then just click and select the slice and hit delete - if you're not sure which one is the active slice just right click and find the one that has the Delete Slice option.
    It's possible you either added the slices by accident or if you received it from someone they just had the slices hidden. For the future, you can go to View > Show > Slices to display (or hide) slices.

  • How to show different templates in one column

    Hello friends,
    I've a data like this one:
    var aData = [
         {name: "Dente", company: "http://www.sap.com"},
         {name: "Friese",  company: "Google"},
         {name: "Mann", company: "http://www.sap.com"},
         {name: "Schutt", company: "SAP"}
    and want to be showed in the table :
         if the 'company' begin with "http" , it should be a link,
         else, shows as a text
    How to do this ?
    Could you help me ?
    Thank you
    Here is a short demo can run in https://openui5.hana.ondemand.com/#test-resources/sap/ui/table/demokit/Table.html 
    but is not completed.
    Demo for test:
    var aData = [ 
         {name: "Dente", company: "http://www.sap.com"},
         {name: "Friese",  company: "Google"},
         {name: "Mann", company: "http://www.sap.com"},
         {name: "Schutt", company: "SAP"}
    //Create an instance of the table control
    var oTable2 = new sap.ui.table.Table({
         title: "Table with fixed columns Example",
         visibleRowCount: 7,
         firstVisibleRow: 3,
         selectionMode: sap.ui.table.SelectionMode.Single,
         navigationMode: sap.ui.table.NavigationMode.Paginator,
         fixedColumnCount: 2
    //Define the columns and the control templates to be used
    oTable2.addColumn(new sap.ui.table.Column({
         label: new sap.ui.commons.Label({text: "Name"}),
         template: new sap.ui.commons.TextField().bindProperty("value", "name"),
         sortProperty: "name",
         filterProperty: "name",
         width: "200px"
    oTable2.addColumn(new sap.ui.table.Column({
         label: new sap.ui.commons.Label({text: "Company"}),
         template: new sap.ui.commons.Link().bindProperty("text", "company").bindProperty("href", "company"),
         sortProperty: "linkText",
         filterProperty: "linkText",
         width: "400px"
    //Create a model and bind the table rows to this model
    var oModel2 = new sap.ui.model.json.JSONModel();
    oModel2.setData({modelData: aData});
    oTable2.setModel(oModel2);
    oTable2.bindRows("/modelData");
    //Initially sort the table
    oTable2.sort(oTable2.getColumns()[0]);
    //Bring the table onto the UI
    oTable2.placeAt("sample2");

    HI Sihao
    will this work?
    Example
    Thanks
    -D

  • How do i display different tooltip for different parts of an image

    I have a .jpg image that i would like to display different tooltips for depending in where the mouse pointer is in the image.
    Any help is appreciated.

    I edited the button template in the app.xaml so all my buttons have transparent properties for all the trigger properties and the setter properties since in this instance i have no other use for the button.
    <Application x:Class="Application"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    StartupUri="MainWindow.xaml">
    <Application.Resources>
    <Style TargetType="{x:Type Button}">
    <Setter Property="FocusVisualStyle">
    <Setter.Value>
    <Style>
    <Setter Property="Control.Template">
    <Setter.Value>
    <ControlTemplate>
    <Rectangle Margin="2" SnapsToDevicePixels="True" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/>
    </ControlTemplate>
    </Setter.Value>
    </Setter>
    </Style>
    </Setter.Value>
    </Setter>
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="BorderBrush" Value="Transparent"/>
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="HorizontalContentAlignment" Value="Center"/>
    <Setter Property="VerticalContentAlignment" Value="Center"/>
    <Setter Property="Padding" Value="1"/>
    <Setter Property="Template">
    <Setter.Value>
    <ControlTemplate TargetType="{x:Type Button}">
    <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
    <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
    </Border>
    <ControlTemplate.Triggers>
    <Trigger Property="IsDefaulted" Value="True">
    <Setter Property="BorderBrush" TargetName="border" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
    </Trigger>
    <Trigger Property="IsMouseOver" Value="True">
    <Setter Property="Background" TargetName="border" Value="Transparent"/>
    <Setter Property="BorderBrush" TargetName="border" Value="Transparent"/>
    </Trigger>
    <Trigger Property="IsPressed" Value="True">
    <Setter Property="Background" TargetName="border" Value="Transparent"/>
    <Setter Property="BorderBrush" TargetName="border" Value="Transparent"/>
    </Trigger>
    <Trigger Property="ToggleButton.IsChecked" Value="True">
    <Setter Property="Background" TargetName="border" Value="Transparent"/>
    <Setter Property="BorderBrush" TargetName="border" Value="Transparent"/>
    </Trigger>
    <Trigger Property="IsEnabled" Value="False">
    <Setter Property="Background" TargetName="border" Value="Transparent"/>
    <Setter Property="BorderBrush" TargetName="border" Value="Transparent"/>
    <Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="#FF838383"/>
    </Trigger>
    </ControlTemplate.Triggers>
    </ControlTemplate>
    </Setter.Value>
    </Setter>
    </Style>
    </Application.Resources>
    </Application>

  • Color Correcting Different Parts of an Image Differently

    Newbie question, I know. If possible, just point me to the proper term for this and I'll figure it out from there.
    Talking head interview. Guy's sitting in a chair slightly left of frame center; further left is a dark brown wall; to the right is a large window with white semi-opaque curtains. Cameraman is asleep or brain-dead. The image is completely washed out on the right, where the window is; the right side of his face is acceptably lit by the light from the window; the left side of his face is in near total shadow. Imagine my displeasure.
    If I adjust the black level to about zero and the white level to about 90%, I get a nice green check mark in my excess luma indicator. The white window looks fine. But dude is even darker than he was before. What I need is a way to keep the right side of the image (the window) looking good and ALSO lighten up the left and center (the left side of his face and his dark suit (what color I can't even tell, it's so dark).
    Is there a way to do this? Not so concerned about colors per se; more about dark and light. The limit effect doesn't seem to be what I want.
    Thanks.
    Giraut

    Thanks, Randy. That's ingenious, but it doesn't seem to work very well, since the finished image looks like Frankenstein's monster, with half the guy's face looking one way and the other half another way. But ingenious.
    I don't mind using the limit effect if that is the best way to deal with my little problem. Just trying to get a consensus on what to do, after I put a contract out on this shooter.
    Thanks.
    Giraut

  • LR3 shows different Version of exported Image

    Hi all,
    The Image looks inside Lightroom i like. But after export to Disk the Image is more darker. see Screenshot: (for Screenshot I used Webbrowser and MS Fotogallery)
    Left side on Screenshot the wrong Verion, left that what i'd like to see :-D
    Try to fix the Problem:
    Create a new ICC-Profile
    Reset LR to default settings
    Create a new Catalog
    Camera and LR export working with sRGB.
    I didn't now what I can do next.
    Did anyone have an Idea
    System:
    Windows 7 Pro
    Intel Core i7
    8GB RAM
    Lightroom: 3.5 [775451]
    Thanks for Help, Andi

    ISE Version:
    Powershell Console Version:

  • How can I 'cut and paste' a part of one image to another?

    I have this program the creates great syfi looking planets and some other cool stuff. I creates them
    on a solid black background. I'm hoping there is a way to cut out just that planet and paste it onto
    the sky of another picture. I don't want the black background just the planet. I can go in and make
    the edges look nice after it's done. But I don't know how to do it :-(
    Thank You.

    1. use the selection tool(s) of your choice to select the planet. It helps to give the selection a one or two pixel feather to avoid a cutout look (Select>Feather).
    2. Copy it (ctrl+C in windows, command+C on a mac)
    3. Paste it (ctrl+v in windows, command+v on a mac)
    You will get better results if both images have the same ppi before you start (image>resize>image size. If you need to make a change for one image, make sure Resample Image is OFF.) You can use the Move tool to arrange/resize the object once it's in the destination photo.

  • How do I insert part of one image into another in Elements 8?

    I am testing Elements 8 and would like to, for example, take an eagle from one image and insert it into another.  I've done this with other editing programs, but can't see how to do it here.  If one is to use layers, then I have another problem.  How does one open layers from more than one image in the palettes?

    MS993 wrote:
    I am testing Elements 8 and would like to, for example, take an eagle from one image and insert it into another.  I've done this with other editing programs, but can't see how to do it here.  If one is to use layers, then I have another problem.  How does one open layers from more than one image in the palettes?
    You can only view the layers of one image at a time. I believe E8's default setting is a maximized setting which allows for only one image in the workspace. If you change the setting in the menu to Cascade, you can have several images open in your workspace. I believe, that's under Window<Arrange.  The layer's palette will display whichever image is currently selected.
    There are several ways to do it. Here are a couple...
    Copy/Paste...
    One way is to select the eagle with a selection tool...magnetic lasso whatever...then copy the eagle into your clipboard. Edit<copy. (Shortcut = Ctrl + C on PC; Cmd + C on Mac).
    Open the second image then paste. (Shortcut = on PC Ctrl + V; on Mac Cmd + V). This will add the eagle to the current image. Use the move tool to position the eagle.
    Drag/Drop...
    Alternately, change window<Arrange in the menu bar to Cascade. This will allow you to have more than one image in your workspace.
    Open both images. Select eagle with a selection tool. Once selected, switch to the move tool. Drag eagle into second image.
    Alternately, you could also lift the eagle to it's own layer then drag it over using the move tool. Release the mouse button when you are over the second image to drop the eagle. (Shortcut to lift selected eagle from the background to it's own layer = on PC Ctrl + J; on Mac = Cmd + J.)
    Note: Both images should be the same or close to same resolution. The image that is dragged will adjust (resize) to match the background image resolution. (Low resolution images dragged into high resolution images are tiny whereas high resolution images dragged into low resolution images would be huge).

  • Making a password show what parts of the document you see

    I have a random request from a client that I am not sure is even possible.
    They want their document to be used by two people, one of them will only be able to see say 4 pages of it while the other will be able to see it all including what the person before had entered.
    I think you can get around the text part quite easily but to have it show different parts of the form via a password is very hard for me to do (even if it is possible at all)
    Can anyone lend me a hand in this?
    If you need me information feel free to ask.

    It sure is possible. I have been doing it for quite some time now and this would be a perfect situation for the Action Builder if coding in FormCalc is not your thing, but I can give you both.. I will use a sample form for the demo so if the lingo doesn't match up to your form, let me know or if you need an example. If anyone has anything simpler or I missed something, let me know. PM me if you want a sample form.
    Create a new PDF and add in a second blank page and set that page to hidden in the Object field. Place a text field on page 1. Go to the Action Builder (in Windows go to the toolbar at the top, then "Tools" then select "Action Builder". The Action Builder is a great tool to add some extra functions into your PDFs with the preset actions. From the Action Tool box select the "Add New Item" from the top left of the box, right next to the trash can icon. This will create a new Action. There are 2 things for the Action: a condition and then a result. In the Condition section click the "object" link and then select the text field you put on page 1. Once you select the text field, the Condition box will change to "when text field TextField1...." and there will be 2 drop down boxes. With the condition set as "Is" put your password in the blank field. Then in the Result section select the drop down box and go to "Show/Hide an Object"and then select Page 2. What this will do is when TextField1 is equal to your password, page 2 will be visible. You can do this with not only a page, but specific elements within the PDF. So additional Textfields, pages, static text or other elements. One thing to keep in mind is what I like to call "foward/backwards logic" in that a user can enter the password to show the data, then remove it to hide whatever. Just go back through the Action Builder in reverse order that you did, where when TextField1 IS NOT the password, set the elements to hidden.
    If you can do this via Formcalc, the setup would be similar, but instead of using the Action Builder you could do something like, create a numericField that has a number based password. On that field, go to your Script Editor, select "Change: from the show section, change the Language to FormCalc and then enter:
    if ($.rawValue==1)then
    xfa.resolveNode("Page1).presence = "visible"
    else xfa.resolveNode("Page1").presence = "hidden"
    endif
    The bolded 1 is the password. The second and third lines cover what you want hidden or visible. So change whatever you want the password to, change the hidden and visible sections and then give it a try. You could even set this on a docReady show option as well to check that field when the form is opened if perhaps the first person saved the PDF with the hidden sections open. That way they do not need to enter the password every single time. Of course before they send it they should remove the password. Just be ready that whenever the user opens the form, even if they do not change anything, they will be prompted to save.

  • Moving the part of an image that shows through a clipping mask?

    In CS5, after making a clipping mask using text to mask an image, is there a way to move the image to a new location so a different part of the image shows through the text?
    Thanks.

    web.boards,
    You may select the image with the Direct Selection Tool, or through the Layers palette/panel, and move it (with the Arrow keys, by ClickDragging, with Object>Tramsform>Move, or whatever); or just ClickDrag it from the beginning.

  • How to see simultaneously two parts of one document

    Hello,
    In word I used to use the simultaneously views of two different parts of one document. How can I do this under Pages 5.0.1 ?
    Thank you for your response

    PeterBreis0807 wrote:
    Did a quick search:
    Bean [free]
    Scrivener
    Nisus Writer Pro has screen duplication ie side by side.
    NeatWorks
    MarinerWrite
    added
    OpenOffice 4.2
    MsWord
    Peter
    Need to correct this.
    Screen duplication has been removed in Nisus Writer Pro. You used to be able to split the screen in Nisus Writer Classic.
    Peter

Maybe you are looking for