Lost the plot in trying to export a png

[TopRobRoy]

Sorry Guys.

I just can't seem to fathom why I can't export this image that I'm placing inside a Mobile phone image.

I can't get a png export that will not show the square corners, as I just want the image I've got, showing as if it were inside the mobile phone.

Can anyone help me see where I'm going wrong.

Thanks

I end up with the background still as part of the image.

I have two images, one with the phone and the background and the other is the image I've placed inside the phone.

thanks

 

[TopRobRoy]

Sorry, these were the two actual images I have to do this.

I thought it may help.

[carl123]

9 minutes ago, TopRobRoy said:

I can't get a png export that will not show the square corners,

Do you mean you just want to export the image in your first screenshot but without the checkerboard background?

[NathanC]

Hi @TopRobRoy,

If you're trying to export your image to PNG without the checkerboard background as carl has mentioned, one way you can achieve this is by making a selection of your Phone image > Refine > New Layer with Mask and then resize your canvas (if required), uncheck the old layers and export to PNG. Attached is my afphoto file ready to export.

Phone Refined.afphoto

[v_kyr]

Not sure if you meant the whole this way or not (?).

penny_parker.afdesign

 

 

[TopRobRoy]

11 minutes ago, NathanC said:

Hi @TopRobRoy,

If you're trying to export your image to PNG without the checkerboard background as carl has mentioned, one way you can achieve this is by making a selection of your Phone image > Refine > New Layer with Mask and then resize your canvas (if required), uncheck the old layers and export to PNG. Attached is my afphoto file ready to export.

Phone Refined.afphoto 2.19 MB · 1 download

So yes, that's what I wanted thanks. No background, just the phone with the image.  So can I ask when I choose refine, what do I actually select, to get an exported png please. All of those sections in your Phone Refined file?

Thanks

[NathanC]

5 minutes ago, TopRobRoy said:

So yes, that's what I wanted thanks. No background, just the phone with the image.  So can I ask when I choose refine, what do I actually select, to get an exported png please. All of those sections in your Phone Refined file?

The selection has already been made in my originally attached file on the top layer which is ticked as visible, so you should be able to export to PNG with that file.

Alternatively, if you want to use your original file instead of mine, draw a selection around the phone > select 'Refine' on the context toolbar > Output at the bottom as 'New Layer' or 'New Layer With Mask' > Untick old layers visibility > File > Export to PNG.

[v_kyr]

Ah Ok I see now, the initial shown grid raster wasn't meant, just the checkerboard background. - Just follow NathanC's advice with/for APh.

Here's a ADe version instead ...

penny_parker.afdesign

[TopRobRoy]

Hi guys.  Thank you all so much for promptly getting me this reply.

I now know what "selection" means when exporting. Lol.  It's the layer and now better educated to how to create that as well.

Great community.

[TopRobRoy]

Hi Guys

Back again, as I noticed that the graphic isn't very clear, particularly down on the left side and the top.

I'm trying to fix and export this again, as I've a presentation tomorrow.  I'm still not getting (thought I had), how I can get this image much better than this.

Please bear with me. I have ADHD and Autism. I've some difficulty in remembering how to get this. Sorry.

[v_kyr]

23 minutes ago, TopRobRoy said:

as I noticed that the graphic isn't very clear, particularly down on the left side and the top

Do you mean the iPhone mockup, or the placed in/embedded Penny Parker image? - If you mean the iPhone mockup, take another one from the internet, there are a bunch of free versions of those. If for the Penny Parlker image, you can look if it'S due to the way of positioning inside, or try out to apply a little bit of sharpening of that image then, in order to see how things look then.

[TopRobRoy]

Thanks. I meant the Mockup. On it's own originally, it was perfect?

 

Mobile Phones Blank.afphoto

[v_kyr]

That mockup from you was a pixel/raster image based one, a vector based one would have been better here. - You better look after a vector one instead, where you don't have to remove/cut out a checkerboard background and the like first of all.

• https://www.designbolts.com/2014/09/11/free-vector-apple-iphone-6-mockup-in-ai-eps-format/
• https://www.designbolts.com/2017/09/14/free-vector-apple-iphone-8-mockup-ai-eps/
• ... etc.

So more something like this here (you can open, resize and reuse that ADe file in APh too) ...

• iphone6_transparent_bg.afdesign
• iPhone6_mockup.afdesign

 

 

[TopRobRoy]

Thanks. That's cool. I've decided though that I want to have a more modern design, and wanted an Andriod, but I don't think it makes any real difference.

I've just got this image now and would like to use that one as well.

It said it was an eps file, which defaulted to Publisher on my system. Then it seemed worse.

Can this be used?

Thanks

89354.eps

[v_kyr]

6 minutes ago, TopRobRoy said:

Can this be used?

Yes, just open it in APh or ADe via "File > Open ..." !

• 89354.afdesign

Other than that, the net is full of free phone vector mockups, just do a Google search after that topics. Other samples ...

More Free High Quality Vector Mock-ups:

1. Free Vector Samsung Galaxy Note 7 Mockup in Ai & EPS
2. Free Vector HTC 10 Smartphone Mockup in Ai & EPS Format
3. Free Vector Huawei P9 Plus Mockup in Ai & EPS Format
4. Free Vector Apple iPhone 6S Mockup In Ai & EPS Format
5. Free Vector Samsung Galaxy S6 & Edge Mockup in .ai Format
6. Free Vector Google Nexus 6 Mockup in Ai & EPS Format
7. Free Vector Apple iPhone 6 Mockup In Ai & EPS Format
8. Free Vector Samsung Galaxy S5 Mockup in .ai Format
9. Free Vector Google Nexus 5 Mockup in Ai & EPS Format
10. Free Vector Apple iPad Air Mockup in Ai & EPS Format
11. ... and so on ...

 

[TopRobRoy]

Thanks Again for all your help. Much appreciated.