Known Participant

Question

User frames

Forum|Forum|5 years ago
November 11, 2020
2 replies
539 views

Hi, I want to define a space within an image that would allow a user to upload their own image to that space and allow them to resize it as needed so that they can then download it. Is that possible in PS?

TIA

This topic has been closed for replies.

Bojan Živković11378569

Community Expert

Perhaps you can use Smart Object layer clipped to shape below?

Image placed inside Smrt Object layer will be visible only inside bounds of layer below to which SO is clipped. Peoplw can scale SO layer while watching on screen how change affects their scaling and repositions instantly.

Do you understand below screenshot and what's going on in the Layers panel?

stevemunroAuthor

Known Participant

Thanks Bojan, that might actually work if it can be done outside of Ps? So a user could drag and drop an image into the SO container and resize/move around as needed?

Bojan Živković11378569

Community Expert

Smart Object layer content can be replaced. There is Replace Contents command in Photoshop that allows user to change or replace image. Replacing can be done unlimited times. Content inside Smart Object can be scaled, moved, transformed and even you can apply filter to it without any penalty. Any scaling, transformation and filter can be reset to default.

JJMack

Community Expert

Images have aspect ratios and frames have aspect ratio. How will users resize their images that has a different aspect ration than your frame. In my scripts that populate images into collage and mockup templates I handle aspect ratio miss matches by a resizing the images to fill the frame either the width or height will be resized to the frame's width or height. Then the excess image in the other dimension I masked off, The Image will look like a centered aspect ratio crop. Image Aspect ratio and frame aspect ratio need to be nearly the same. You will not get an acceptable composition converting a portrait into a landscape or a landscape into a portrait.

Why would a user want your frams if they have to resize their images for your frame. What value does you frame provide?

JJMack

stevemunroAuthor

Known Participant

Thanks JJMack but I think you're over-complicating it.

Here's an example of one of my artworks within a frame defined by the original image (not seen) of the top 2/3 of the image.

What this means is that the artwork can be placed only within the pre-defined area.

Obviouosly the aspect ratio of my painting will not change and nor would I want it to. However, the size of the object within the frame can be user defined (i.e. make it larger or smaller but preferably within the context of the overall image so that it accurately represents the size of the artwork).

You seem to have got stuck on aspect ratios for some reason - I did not originally refer to neededing an aspect ratio adjustment; I referred to a size adjustment (and it is then inferred that the aspest ratio will remain the same).

To answer your query in your final sentence, they would want my frames because it is an image of a lifestyle scene such as a living room wall etc that they can then add an image of their artwork on to the lifestyle scene and then adjust where within the frame they would like to place it so that they can then download the finished image showing their artwork within the context of a lifestyle image so that their collectors can visualise what the artwork would look like in an assumed space.

This all needs to be done on/within a website/mobile app and not within Ps.

What I'm asking is, can a predefined area be created within Ps that a user can then drag an image of their artwork into outside of Ps?

Does that make sense?

Cheers

Steve

JJMack

Community Expert

I'm not stuck on aspect ratio at all. I'm just pointing out that are two aspect ratios and two sizes involved. These have to be dealt with to resize the users image.. This process can be automated but the process in more complicated then you realize for you now also need need to make you frame dynamic for the users image's aspect ratio after reading what you want to want to do. It not a hard process. Your template has a wall you want to hang the users image on, that fits within some wall area you have specified. That area has some width and some height and a center. So its is not hard to resize the users image to fit within that area Adobe provide a plug-in script to do that menu File>automate>Fit Image... . So it is easy to open the user's image in photoshop and use the plug-in the resize the user's image to fit within your walls ares. You can the duplicate the users flattened resized image layer into your translate an position it the center to your wall's image ares. You now have to create your frame frame it can have any aspect ration for Fit image does not change an image's aspect ratio. The easiest way the do that would be to use a layer style to frame the resized image..

A simple action could be used to work with your template opened in Photoshop. It would have interactive open the user would select their images file and the action would do the processing. Flatten image, fit image. select all, copy to clipboard and close the users image. Paste in the image as a new layer and align the new layer centered to your wall's selected image area and then add the frame layer style.

Once you realize what needs to be done the process is easy.

JJMack

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded