Jagged edges on Photo after Import to Motion

Hello,


I purchased a pre-designed apple motion 5.3 template from "Video Hive". I opened it, imported my logo into the drop zone and now the photo has jagged edges and the resolution is not 100%. The file is a very large 6000 × 4000 RGB PNG file so not sure what to do. I'm a basic user of Motion for simple graphics and logo moves, so now I've searched google now for an hour and can't find an answer, so I hope maybe someone who knows Motion can share a suggestion.


Thank you for your help.

iMac, OS X El Capitan (10.11.6), 24gb ram

Posted on Oct 2, 2017 2:13 PM

Reply
Question marked as Top-ranking reply

Posted on Oct 4, 2017 3:24 PM

Set the Render menu quality to Best. (In general, I have Dynamic turned off as well*.) I think when the template is used in FCPX, Best mode is automatic. You have more control over "render options" in Motion and Normal or Draft helps speed up playback while working. Changing the setting to best, you should see the text edges smooth out (as well as the bird detail).


Now, you can leave the settings at Normal (if you have the confidence) and when you go to Share/Export, you will be presented with a dialog:

User uploaded file

You can set the Render Quality here if you like (notice how Use canvas setting is default on all of these options).


*I frequently change all these settings when I need to manipulate how Motion is rendering while I work, particularly in 3D Text because, when Dynamic is turned on, Motion frequently fails to immediately update ("real time") minor changes to Appearance parameters.. I'll frequently drop into draft mode if interaction is bogging down. Some "models" can get to be quite complex.


If you have problems running the template in Best Quality mode, consider reducing the original size down to 1620x1080 (you can even go a little smaller) in Preview. Open the image in Preview, go to the Tools menu, Adjust Size and there's a drop down menu labelled Fit Into — select 1920x1080 or 1280x720, then Export as a new PNG. The aspect ratio will not be distorted.


Not sure if this board will resize this upload, but I'll try (should be 1620x1080):

User uploaded file


[Edit: yep -- image was resized by ASC to fit...


ASC Staff!! >> limiting image size like this makes screen captures VERY DIFFICULT to see. Please consider allowing full sized images, at least within the maximum upload limit.

]

9 replies
Question marked as Top-ranking reply

Oct 4, 2017 3:24 PM in response to ohshowprods

Set the Render menu quality to Best. (In general, I have Dynamic turned off as well*.) I think when the template is used in FCPX, Best mode is automatic. You have more control over "render options" in Motion and Normal or Draft helps speed up playback while working. Changing the setting to best, you should see the text edges smooth out (as well as the bird detail).


Now, you can leave the settings at Normal (if you have the confidence) and when you go to Share/Export, you will be presented with a dialog:

User uploaded file

You can set the Render Quality here if you like (notice how Use canvas setting is default on all of these options).


*I frequently change all these settings when I need to manipulate how Motion is rendering while I work, particularly in 3D Text because, when Dynamic is turned on, Motion frequently fails to immediately update ("real time") minor changes to Appearance parameters.. I'll frequently drop into draft mode if interaction is bogging down. Some "models" can get to be quite complex.


If you have problems running the template in Best Quality mode, consider reducing the original size down to 1620x1080 (you can even go a little smaller) in Preview. Open the image in Preview, go to the Tools menu, Adjust Size and there's a drop down menu labelled Fit Into — select 1920x1080 or 1280x720, then Export as a new PNG. The aspect ratio will not be distorted.


Not sure if this board will resize this upload, but I'll try (should be 1620x1080):

User uploaded file


[Edit: yep -- image was resized by ASC to fit...


ASC Staff!! >> limiting image size like this makes screen captures VERY DIFFICULT to see. Please consider allowing full sized images, at least within the maximum upload limit.

]

Oct 3, 2017 8:16 PM in response to ohshowprods

Select your imported image and go to the Properties tab and tell me the Scale value. Then go into the Media tab, select your image and select the Media inspector and tell me the values of Fixed Width and Fixed Height. Then there's the settings for the Drop Zone (Scale in particular -- in the Image inspector).


If you're seeing jagged edges, something is increasing the size of your image as weird as that sounds.

OR

Check the Render menu at the top right corner of the Canvas and see if Draft Quality is set or Half or Quarter Resolution. Motion will open a project in the state in which it was saved. The original project creator might have saved the project with these settings on.

Oct 4, 2017 4:54 PM in response to ohshowprods

You can if you want (Filters > Sharpen > Sharpen or Unsharp Mask). You run the risk of hardening the "jaggie" edges again.


To get the best results from this, you should be using text and vectors. If your original artwork (before PNG) is in AI or EPS format, it can be opened in Preview and converted to PDF. Once converted to PDF, import it into Motion. You will need to go into the Media tab (top of layers column) and select the pdf file. In the Media tab of the inspector, you will need to uncheck Fixed Resolution. After that you will have "infinite" resolution at any size.

Oct 3, 2017 7:24 PM in response to fox_m

Simple Design Elements Logo Sting. When I opened up a brand new Motion project, (not the template) I imported the photo and it looks great! Not sure what's going on with the Template.


after import to motion: notice jagged lines:


User uploaded file

Motion before inserting image into the dropzone

User uploaded file


Motion template opened


User uploaded file


Design Motion template purchased from VideoHive:


User uploaded file


The Original logo: (no jagged lines)

User uploaded file

This thread has been closed by the system or the community team. You may vote for any posts you find helpful, or search the Community for additional answers.

Jagged edges on Photo after Import to Motion

Welcome to Apple Support Community
A forum where Apple customers help each other with their products. Get started with your Apple Account.