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!

hi please help me to put image to rectangle


IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Looks as though he has used a clipping mask. Are you familiar with clipping masks?
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Here's one example....

Lets say we have this computer and I want to change the image that appears on the computers screen.
Screen Shot 2016-07-30 at 11.19.41 PM.png

I create a new layer above the Computer layer.
On this new layer I create a rectangle that's the same size of the computer screen.
The color of the rectangle does not matter. Here I used black.
Screen Shot 2016-07-30 at 11.20.01 PM.png

Here is the black rectangle as it appears on it's own layer with the computer layer turned off.
Screen Shot 2016-07-30 at 11.20.13 PM.png

Next I open the new image that I want to appear within the black rectangle.
I place the new image layer above the black rectangle layer.

Now I want to clip the new layer image to the black rectangle layer using a clipping mask.
Right click the new image layer and select create clipping mask or hover your cursor between the two layers while holding down the alt/option key, you will see the cursor turn into a box with a black angled arrow pointing down, then click.

You will see that there is a white angled arrow pointing downward located to the left of the new image layer. This arrow is indicating that the layer is clipped to the layer below it.
Screen Shot 2016-07-30 at 11.21.26 PM.png

Here's how the new image will appear after it has been clipped to the black rectangle.
Screen Shot 2016-07-30 at 11.20.24 PM.png
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Ok, let's say these three rectangles represent a column on a webpage layout.

Screen Shot 2016-07-30 at 11.44.59 PM.png

And I want each rectangle to contain a separate image.
Follow the clipping instructions that I showed you above and clip a different image to each rectangle.
Screen Shot 2016-07-30 at 11.48.18 PM.png

Screen Shot 2016-07-30 at 11.48.28 PM.png
 

IamSam

Administrator
Staff member
Administrator
Messages
22,721
Likes
13,258
Hello............are you getting this?

Here is the video where he adds the clipping mask at 20:34. He does it very fast.
Screen Shot 2016-07-30 at 11.52.15 PM.png
 

Top