Skip navigation
Currently Being Moderated

Concave photos

Aug 30, 2009 2:27 PM

I would like to arrange photos in a concave rectangle, similar to Safari's home page look ... or the attached.  Any how-to guidance will be appreciated.

  • Currently Being Moderated
    Aug 31, 2009 12:59 AM   in reply to cpk3

    Do you have Photoshop? If so, just do it there. AI is far from ideal for warping and distorting pixel images.



    Mark as:
  • Currently Being Moderated
    Aug 31, 2009 2:11 AM   in reply to cpk3



    Presuming the image itself is undistorted as shown, you may:


    1) Create a rectangle with the corners at the desired warped corners over the locked image;

    2) Create the warped shape, possibly using narrow rectangles cut out from other rectangles with the Subtract from Shape Area/Minus Front, or rectangles made with the Grid Tool and Pathfinder>Divide (negative offset to separate resulting small rectangles), followed by an Effect>Warp>Bulge with negative horizontal value and Object>Expand Appearance, or other way;

    3) Object>Clipping Mask>Make.

    Mark as:
  • Currently Being Moderated
    Aug 31, 2009 7:40 AM   in reply to Jacob Bugge

    Jacob is correct this might be easier to make in Illustrtor than Photshop.


    To make the grid of rectangles


    1 Draw the rectangle


    2 Object>Path>Split into Grid


    3 Then make you Clipping Mask


    This had to be edited. I took another look at your example and the grid has to be make with no space between the rows and columns,


    Then the clipping maks


    then you have to expand


    then you have draw a larger rectangle with no fill and stroke  to the width and height of the final art and then distribute the rectangles.


    This is because in your example the image was exploded.


    Then you can apply the warp.


    You copy that art BTW to make the reflection and apply the arc warp and eliminate two rows give it some transparency.


    Either make and opacity mask filled with  a gradient or


    fill the group with a gradient.


    One more thig this is probably actually better done with the envelope distort make with mesh than the bulge. unless you want the rectangles curved


    you also have to grout the rectangles after the split to grid.

    Mark as:
  • Currently Being Moderated
    Aug 31, 2009 7:56 AM   in reply to Wade_Zimmerman

    Well I am going to offer a better way


    after making the grid and clipping mask


    use the free distort tool to make the perspective effect on the two sections on either end and then resize the center to accordingly.


    like such takes about fifteen seconds.


    If you need a video I will do one. Don't make the same mistake I made and turn off scale stroke and effects.


    Screen shot 2009-08-31 at 10.54.38 AM.png

    Mark as:
  • Currently Being Moderated
    Aug 31, 2009 9:14 AM   in reply to cpk3

    For my part you are welcome, cpk3. It would be nice to see the outcome.

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points