Highlighted

Im struggling placing images into mockups .

New Here ,
Jun 10, 2019

Copy link to clipboard

Copied

Im struggling placing images into mockups . Im managed to get the image in to the mockup , however ,it then becomes  distorted and unclear.

Adobe Community Professional
Correct answer by hatstead | Adobe Community Professional

gald93905186  wrote

1 add frame

2 use the pen tool, to mark out the corners of the blank screen

3 next use the rectangle tool to draw a rectangle within the blank screen

This is the Photoshop Elements forum. If you are using Photoshop, there is a dedicated forum for this.

If you are using PSE, go to File>new>blank file. Enter the dimensions of your photo and the resolution of the photo. This will be your canvas.

Add the frame at this stage, if you wish, although it can be done later.

Go to File>place, point to the photo, and it should fit nicely on the canvas. You can adjust with minimal, if any, distortion.

Note: For printing it is desirable to have the resolution on the 240-300 px/in range. For web work 72px/in is ok.

If you are interested in making your own frames, this can be done in PSE.

Views

106

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Im struggling placing images into mockups .

New Here ,
Jun 10, 2019

Copy link to clipboard

Copied

Im struggling placing images into mockups . Im managed to get the image in to the mockup , however ,it then becomes  distorted and unclear.

Adobe Community Professional
Correct answer by hatstead | Adobe Community Professional

gald93905186  wrote

1 add frame

2 use the pen tool, to mark out the corners of the blank screen

3 next use the rectangle tool to draw a rectangle within the blank screen

This is the Photoshop Elements forum. If you are using Photoshop, there is a dedicated forum for this.

If you are using PSE, go to File>new>blank file. Enter the dimensions of your photo and the resolution of the photo. This will be your canvas.

Add the frame at this stage, if you wish, although it can be done later.

Go to File>place, point to the photo, and it should fit nicely on the canvas. You can adjust with minimal, if any, distortion.

Note: For printing it is desirable to have the resolution on the 240-300 px/in range. For web work 72px/in is ok.

If you are interested in making your own frames, this can be done in PSE.

Views

107

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 10, 2019 0
Adobe Community Professional ,
Jun 10, 2019

Copy link to clipboard

Copied

gald93905186  wrote

Im struggling placing images into mockups . Im managed to get the image in to the mockup , however ,it then becomes  distorted and unclear.

What is the nature of the mockup? Where did you get it from? What is the resolution?

What is the file format of the images? What is the resolution of the images?

Please advise how you are going about this, i.e. your work-flow.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 10, 2019 0
New Here ,
Jun 11, 2019

Copy link to clipboard

Copied

The nature of the mockup, is a tablet MacBook air frame and a mobile frame. Just adding images for a portfolio piece.

I randomly got the frames off of the net.

The process I followed:

1 add frame

2 use the pen tool, to mark out the corners of the blank screen

3 next use the rectangle tool to draw a rectangle within the blank screen

4 double-click on the layers panel, and converts the layer to a smart object

5 go to file, to scroll down to place embedded and select image

6 resize image to add to frame

7transform, distort or warp to cover frame

This is where it usually goes wrong and I am stumped, I have the most up-to-date photo shop but everybody I have viewed on YouTube is using a former version. Ironically I managed to do this once and it was perfect and I think I'm missing a step somewhere .

I am relatively new to photo shop, also these are just standard screenshots of the site I help create

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 11, 2019 0
Adobe Community Professional ,
Jun 11, 2019

Copy link to clipboard

Copied

gald93905186  wrote

1 add frame

2 use the pen tool, to mark out the corners of the blank screen

3 next use the rectangle tool to draw a rectangle within the blank screen

This is the Photoshop Elements forum. If you are using Photoshop, there is a dedicated forum for this.

If you are using PSE, go to File>new>blank file. Enter the dimensions of your photo and the resolution of the photo. This will be your canvas.

Add the frame at this stage, if you wish, although it can be done later.

Go to File>place, point to the photo, and it should fit nicely on the canvas. You can adjust with minimal, if any, distortion.

Note: For printing it is desirable to have the resolution on the 240-300 px/in range. For web work 72px/in is ok.

If you are interested in making your own frames, this can be done in PSE.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 11, 2019 0