What's new
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

how to split/angle multiple pictures?


nyckid32

Member
Messages
10
Likes
0
nba-2015-mock-draft.jpg

This seems somewhat simple to make but i don't know how to split a photo up into fours or trios -- then angle the photos. It looks like the end of each picture at the angle has a blended colorless stroke? how do i complete that?

Thank you.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
This is a simple process, and, as always with Photoshop there are many ways to do this.

Here's one.

I use a simple image clipped to a rectangle layer with a background.

Background.
Screen Shot 2016-12-31 at 8.18.25 PM.png

White rectangle on a layer above the background layer.
Screen Shot 2016-12-31 at 8.18.39 PM.png

Then an image placed above the white rectangle layer with a clipping mask.
Highlight the image layer you want to clip to the rectangle layer below, then right click and select "create clipping mask".
Screen Shot 2016-12-31 at 8.24.40 PM.png

Layers panel.
Screen Shot 2016-12-31 at 8.20.30 PM.png

In the next post I will explain how to make and angle the white rectangles.
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
First I set up the background.
Then I added some guidelines to help make the rectangle.
Screen Shot 2016-12-31 at 7.58.50 PM.png

Then I used the Rectangular Marquis Tool to create a rectangle along the guidelines.
Screen Shot 2016-12-31 at 8.00.59 PM.png

Then I went to SELECT > TRANSFORM SELECTION
Screen Shot 2016-12-31 at 8.01.23 PM.png

I held down the shift key a dragged the upper right hand corner transform handle 15 degrees of rotation to the right.
Screen Shot 2016-12-31 at 8.01.51 PM.png

Hold the Option/Alt key and drag the upper center transform handle upwards so the rectangle is larger than the edges of the image.
Hit the checkmark or enter to accept the state change.
Screen Shot 2016-12-31 at 8.02.08 PM.png

Fill this new selection with white.
Screen Shot 2016-12-31 at 8.02.25 PM.png

Clear your guidelines.
Duplicate the slanted/angled rectangle 3 more times.

Use the Move Tool to position the rectangles evenly.
Screen Shot 2016-12-31 at 8.06.06 PM.png

Not how the BG can be seen as though there were transparent strokes.

All that's left to do is to add some images above each of the slanted rectangles and add the clipping masks.
Screen Shot 2016-12-31 at 8.37.45 PM.png

Screen Shot 2016-12-31 at 8.38.04 PM.png
 

fredfish

Guru
Messages
887
Likes
1,247
Not quite Labs - but your wish is our command! :cheesygrin:

Untitled-5.jpg
 

Cody Clark

Member
Messages
11
Likes
2
This is great, thanks!!! Having trouble filling them in with white...am I making them with that clipping mask process?
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
This is great, thanks!!! Having trouble filling them in with white...am I making them with that clipping mask process?
You can use the Paint Bucket Tool to fill it with the Foreground color..........which should be white.........hit D on you keyboard.
If the foreground color is white, you can also hit Option/Alt + Delete to fill with foreground color. Com/Cntrl + Delete will fill it with the background color. Hitting X on the keyboard will alternate the foreground and background colors.

Or you can use EDIT > FILL (shift + Delete) and choose white.
 

Top