Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your Free Trial Start your Free Trial Maybe Later
Collage Effect in Photoshop
  • By Design Bundles
  • 4 Mins
  • Photoshop Tutorials

Collage Effect in Photoshop

1 – In Photoshop open the image you wish to apply this effect to. Double click on it in the Layers palette to unlock it.

2 – Go to Image > Canvas Size and add one centimeter to the “With” and “Height” of your image making sure that the “Anchor” is centered.

3 – Click Command/Control + New Layer Icon to create a new layer behind the image and fill it with white.

4 – Click the “Sow Transform Controls” button in the top left corner, then click and drag down a Guide, make it snap to the little squared handles that mark the center of the image. Repeat this clicking and dragging from the left side rulers to create a vertical Guide and snap it to the center. Now you can un-click the Transform Controls button if you want. (If your document rulers are not visible, click Command/Control + R to bring them out).

5 – Select the “Rectangular Marquee Tool” (M) and make a selection of the top left portion of your image. Then click Command/Control + J to make a new layer with your selection. Repeat this operation with the remaining portions of your image. Make sure your image layer is selected every time you do this. Now you can delete or hide the original image.

6 – Remove your guides and select one of your layers and double click on it in the Layers Palette to bring out the “Blending Options” dialog and give it the following values:

Drop Shadow: Blend Mode is Multiply, Opacity of 70%, a 120 degrees’ angle, Distance of 20 px, 35 % Spread and a Size of 50 px. And Stroke: Size of 10 px, Position outside, Blend Mode normal, 100% Opacity, Fill Type set to Color and the color should be white.

7 – Right – Click on the layer you applied the effect and select “Copy Layer Style” then select and right-click on top of another layer and “Paste Layer Style”. Repeat this with the rest of your layers.

8 – Once this is done select your layers and rotate the in different angles to create an overlapping puzzle effect. You can do this by turning on the “Show Transform Controls” button in your top left and rotating the images a bit. (Click Enter after you perform the transformations to release the image).

9 -The result should look like this.


6 Related Photoshop Tutorials

For this Tutorial, we are going to an image of “Grass” for the “Background, and a light-colored “Brick” Pattern.1 - In Photoshop, open the file you chose as “Background”.2 - Open the “Brick” Pattern image too. Open the “Image Size” Window (Command/Control + Alt/Option + I) and make it 1000 x 1000 ...

For this tutorial, you will a Black and White image to apply the “Halftone” effect to.1 - In Photoshop, open the image you chose to work with.2 - Go to Image > Adjustments > Gradient Map and choose the “Foreground to Background Gradient” (Black to White) from the options and ...

For this tutorial, we are using “Bukhari Script” from Fontbundles.net (https://fontbundles.net/mikrojihad/33277-bukhari-script), some cake textures (there are some web pages that have free images that you can useas textures) and a plate and table background images.We are going to divide this tutorial in two sections. ...

For this tutorial we are using a canvas or paper background and Titin Script from Font Bundles.1 – Create a new “Gradient Layer” under your “Texture” layer. Use a “Transparent to Fill Color” gradient with #d3d1d1 and #918f8f as colors, the Style as Radial and a 250% Scale. Hit ...

For this tutorial, we will use a Background image containing an electronic device and the font “Vintage Jack”.1 - In Photoshop, open the image you chose as “Background”.2 - Create a “New Document”, make it 1 x 10 Pixels @ 300 dpi, RGB “Color Mode” and choose “Transparent” as “Background Contents”. Switch “Foreground” and “...

For this tutorial we will be using a canvas or paper background and Titin Script from Font Bundles.1 – In Photoshop create a new document or open the one with the background you wish to use.2 – Click the “Create a new fill or adjustment layer” button at bottom of the “Layers ...

You may also like

Help Center
ol image