What's new

Need Help Making a Product Shot into a Preview Image (for website)


Status
Not open for further replies.

daveefarr

Member
Messages
5
Likes
2
Good afternoon,

I need some help please. Either with some guidance on how to achieve the result I need or (if anyone wants a challenge or has free time on their hands!) could do this for me? If the latter I'd still appreciate some guidance on what you did?

Basically what I have is two Product Shots of an iPhone Case which can be Personalised with any image. I have the Products Shots in .psd format (although for some reason I haven't been able to Upload them, to this Forum, so I have a DropBox Link: https://www.dropbox.com/sh/6zbb9x325uvzyhw/AACTrilUDc9yXaG8oPsZYLhba?dl=0)

What I need to do with these two files is Edit them so they look like the .png file I have attached (which basically allows the User to add their own image to see what it would look like. I've no idea how to achieve this result and any help (whether doing the work for me or guiding me on how it's done!) would be immensely appreciated!

Many thanks!

Dave
 

Attachments

fogo00

Power User
Messages
279
Likes
361
eh2kP5i.jpg
I took this random dog as an example. basically, you have a white background, the "drag image here", the image, and then the phone/shadows/background overlay that limits the image the person puts in. feel free to merge layers to make it simpler :p
 

fogo00

Power User
Messages
279
Likes
361
also: i just noticed I made the edge's shadow a little too harsh. you could filter -> blur -> gaussian blur to make it softer c:
 

fogo00

Power User
Messages
279
Likes
361
if you want the "drag image here" to be transparent, delete the first two layers (or just make them invisible)
 

fogo00

Power User
Messages
279
Likes
361
I just send the .psd and .png with transparent backgrounds to your e-mail. check it out
 
Status
Not open for further replies.

Top