#PHOTO SHAPE COLLAGE HOW TO#

For example, you can use rounded rectangles for the placeholders. By scaling and positioning the images within the shapes you can create a photo collage similar to the one shown below.īy using different shapes and sizes for the image placeholders you can create entirely different collage styles. Using the same steps as before, set different image fills for each of the other placeholder shapes. Note: you can also crop images by dragging the crop handles while the Image Tool is active, however this isn't necessary for this tutorial. Scale and position the image to fit nicely within the shape. With the Image Tool active, you can scale the image using the scale slider and drag the image within the shape to position it. To scale and position an image within a shape you can double-click on that shape using the Move Tool. By default, the image will be scaled to fit inside the rectangle shape. Select the image you'd like to use for this placeholder. Step 7 - Choose the ImageĪ new window will appear allowing you to select the image to use as the fill for the shape. Click the Fill in the Effects pane to view its settings and choose Image from the Type menu. Using the Effects pane from the Appearance panel we can customize the placeholder shape's fill. Switch to the Move Tool (V) and select the top left placeholder shape. The layout should look like the screenshot below. Position: X: 510 px, Y: 12 px, Size: 276 px width, 576 px height.Position: X: 300 px, Y: 336 px, Size: 204 px width, 252 px height.Position: X: 12 px, Y: 336 px, Size: 282 px width, 252 px height.

Using the Rectangle Tool create the next three rectangles: Next, we'll create the other rectangles needed to complete the layout. This rectangle shape will designate the size and position of one of the images in our collage.

Select the Rectangle Tool (M) from the Toolbar and create a 492 x 318 px rectangle positioned at X: 12 px and Y: 12 px. Return to your Toolbar and replace the existing Fill color with R=128 G=128 B=128. To design the layout of the collage, we'll create placeholder shapes where we want the final images to appear. Create a 786 x 588 px shape positioned at X: 6 px and Y: 6 px, as shown in the following image. Select the Rounded Rectangle Tool (Shift + M) from the Toolbar and set the Corner Radius to 6 pt from the Tool Options bar. In this case we'll use a rounded rectangle, but we could also use a regular rectangle or other large shape, depending on the desired style for the collage. Next, we'll create a shape that will act as our background for the collage. Click the Fill color well and make sure that the color is set to white (R=255 G=255 B=255). Step 3 - Draw the Background Shapeįocus on the Toolbar, click the Stroke color well and drag the Alpha slider to 0%. Change the X & Y Spacing to 6, set the Subdivisions to 6 and don't forget to enable Snap to Grid-all these features will make your work easier. You can easily open or close the Properties panel using that ruler icon. Switch to the Grid pane in the Properties panel. Set the document dimensions to 798 pixels wide by 680 pixels high and then click Choose to create your document. Select the Grid document style and set the document units to pixels. Go to File > New (Command + N) to bring up the New Document panel. Step 1 - Create a New Documentįor this tutorial we'll create a new 798 x 600 pixel document. Graphic can import images and photos from different file types, including PNG, JPEG, TIFF, etc., and has tools for cropping, scaling, and masking images within shapes.

#PHOTO SHAPE COLLAGE HOW TO#

In this Graphic tutorial you will learn how to create a photo collage design with various layouts using imported images and photos.

Photo shape collage