How to make ultra-sharp video capture of app prototype in Windows for website?
My goal: to achieve this quality as close as possible:
http://uimotionkit.io/videos/header/01-Slider-2x.mp4 (this is probably AE)
https://static.framer.com/x/frontpage/drawing-video.mp4 (I know this was captured with Retina Screen and Screenflow because I emailed the guys from Framer).
My problem: I use Adobe XD to create a live prototype of my mobile apps. I do not want to import into AE and make everything manually (it would take forever), so my fastest workflow would be doing a super sharp video capture while the tool has auto-play and a way to setup triggers between screens easily.
My setup: I have two machines.
1-Work- https://www.amazon.com/MSI-GT73VR-TITAN-4K-480-i7-7820HK/dp/B01N5JUX3N with Windows 10 and supports 4k. I have the native screen of the laptop which is 17.3 inches and two monitors, Dell UltraSharp U2414H 23" with no 4k, and a Seiki SE50UY04 50" that supports 4k HD https://www.newegg.com/Product/Product.aspx?Item=N82E16889522022. 2-Home I have a desktop with MacOS (Hackintosh) on the same monitor and a desktop power-horse with Dell UltraSharp U2414H.
Software: windows recording gaming tool or Snagit in windows. Can download Screenflow on my Hackintosh as a trial but might be glitchy.
How should I plan to make this video as sharp as possible? I will put in my portfolio website. Note: I might need to make some edits in Premiere, but not necessary.
resolution video-editing screen-capture 4k-resolution video-capture
asked Dec 12 '18 at 17:00
Daniel Vianna
1064
add a comment |
My goal: to achieve this quality as close as possible:
http://uimotionkit.io/videos/header/01-Slider-2x.mp4 (this is probably AE)
https://static.framer.com/x/frontpage/drawing-video.mp4 (I know this was captured with Retina Screen and Screenflow because I emailed the guys from Framer).
My problem: I use Adobe XD to create a live prototype of my mobile apps. I do not want to import into AE and make everything manually (it would take forever), so my fastest workflow would be doing a super sharp video capture while the tool has auto-play and a way to setup triggers between screens easily.
My setup: I have two machines.
1-Work- https://www.amazon.com/MSI-GT73VR-TITAN-4K-480-i7-7820HK/dp/B01N5JUX3N with Windows 10 and supports 4k. I have the native screen of the laptop which is 17.3 inches and two monitors, Dell UltraSharp U2414H 23" with no 4k, and a Seiki SE50UY04 50" that supports 4k HD https://www.newegg.com/Product/Product.aspx?Item=N82E16889522022. 2-Home I have a desktop with MacOS (Hackintosh) on the same monitor and a desktop power-horse with Dell UltraSharp U2414H.
Software: windows recording gaming tool or Snagit in windows. Can download Screenflow on my Hackintosh as a trial but might be glitchy.
How should I plan to make this video as sharp as possible? I will put in my portfolio website. Note: I might need to make some edits in Premiere, but not necessary.
resolution video-editing screen-capture 4k-resolution video-capture
asked Dec 12 '18 at 17:00
Daniel Vianna
1064
The two links in your first paragraph go to permanent loading icons, the first with a message"waiting for uimotionkit.io..." The second with "waiting for static.framer.com..."
– fixer1234
Dec 13 '18 at 2:49
hi Fixer, they both work for me. I tested the links. but anyways this is one of the pages: uimotionkit.io (top header) or framer.com (go down to "Your new favorite design tool" and check the video with purple icons within the interface". The first one with the mobile is definitely not a capture. But Framer it is.
– Daniel Vianna
Dec 13 '18 at 3:28
Now they're working. :-) Have you tried what you want to do and gotten less-sharp results? Can you share the results? If you create and display it at the native resolution, that should give you the sharpest result.
– fixer1234
Dec 13 '18 at 3:58
add a comment |
My goal: to achieve this quality as close as possible:
http://uimotionkit.io/videos/header/01-Slider-2x.mp4 (this is probably AE)
https://static.framer.com/x/frontpage/drawing-video.mp4 (I know this was captured with Retina Screen and Screenflow because I emailed the guys from Framer).
My problem: I use Adobe XD to create a live prototype of my mobile apps. I do not want to import into AE and make everything manually (it would take forever), so my fastest workflow would be doing a super sharp video capture while the tool has auto-play and a way to setup triggers between screens easily.
My setup: I have two machines.
1-Work- https://www.amazon.com/MSI-GT73VR-TITAN-4K-480-i7-7820HK/dp/B01N5JUX3N with Windows 10 and supports 4k. I have the native screen of the laptop which is 17.3 inches and two monitors, Dell UltraSharp U2414H 23" with no 4k, and a Seiki SE50UY04 50" that supports 4k HD https://www.newegg.com/Product/Product.aspx?Item=N82E16889522022. 2-Home I have a desktop with MacOS (Hackintosh) on the same monitor and a desktop power-horse with Dell UltraSharp U2414H.
Software: windows recording gaming tool or Snagit in windows. Can download Screenflow on my Hackintosh as a trial but might be glitchy.
How should I plan to make this video as sharp as possible? I will put in my portfolio website. Note: I might need to make some edits in Premiere, but not necessary.
resolution video-editing screen-capture 4k-resolution video-capture
asked Dec 12 '18 at 17:00
Daniel Vianna
1064
My goal: to achieve this quality as close as possible:
http://uimotionkit.io/videos/header/01-Slider-2x.mp4 (this is probably AE)
https://static.framer.com/x/frontpage/drawing-video.mp4 (I know this was captured with Retina Screen and Screenflow because I emailed the guys from Framer).
My problem: I use Adobe XD to create a live prototype of my mobile apps. I do not want to import into AE and make everything manually (it would take forever), so my fastest workflow would be doing a super sharp video capture while the tool has auto-play and a way to setup triggers between screens easily.
My setup: I have two machines.
1-Work- https://www.amazon.com/MSI-GT73VR-TITAN-4K-480-i7-7820HK/dp/B01N5JUX3N with Windows 10 and supports 4k. I have the native screen of the laptop which is 17.3 inches and two monitors, Dell UltraSharp U2414H 23" with no 4k, and a Seiki SE50UY04 50" that supports 4k HD https://www.newegg.com/Product/Product.aspx?Item=N82E16889522022. 2-Home I have a desktop with MacOS (Hackintosh) on the same monitor and a desktop power-horse with Dell UltraSharp U2414H.
Software: windows recording gaming tool or Snagit in windows. Can download Screenflow on my Hackintosh as a trial but might be glitchy.
How should I plan to make this video as sharp as possible? I will put in my portfolio website. Note: I might need to make some edits in Premiere, but not necessary.
resolution video-editing screen-capture 4k-resolution video-capture
resolution video-editing screen-capture 4k-resolution video-capture
asked Dec 12 '18 at 17:00
Daniel Vianna
1064
asked Dec 12 '18 at 17:00
Daniel Vianna
1064
asked Dec 12 '18 at 17:00
Daniel Vianna
1064
asked Dec 12 '18 at 17:00
Daniel Vianna
1064
asked Dec 12 '18 at 17:00
Daniel Vianna
1064
1064
The two links in your first paragraph go to permanent loading icons, the first with a message"waiting for uimotionkit.io..." The second with "waiting for static.framer.com..."
– fixer1234
Dec 13 '18 at 2:49
hi Fixer, they both work for me. I tested the links. but anyways this is one of the pages: uimotionkit.io (top header) or framer.com (go down to "Your new favorite design tool" and check the video with purple icons within the interface". The first one with the mobile is definitely not a capture. But Framer it is.
– Daniel Vianna
Dec 13 '18 at 3:28
Now they're working. :-) Have you tried what you want to do and gotten less-sharp results? Can you share the results? If you create and display it at the native resolution, that should give you the sharpest result.
– fixer1234
Dec 13 '18 at 3:58
add a comment |
The two links in your first paragraph go to permanent loading icons, the first with a message"waiting for uimotionkit.io..." The second with "waiting for static.framer.com..."
– fixer1234
Dec 13 '18 at 2:49
hi Fixer, they both work for me. I tested the links. but anyways this is one of the pages: uimotionkit.io (top header) or framer.com (go down to "Your new favorite design tool" and check the video with purple icons within the interface". The first one with the mobile is definitely not a capture. But Framer it is.
– Daniel Vianna
Dec 13 '18 at 3:28
Now they're working. :-) Have you tried what you want to do and gotten less-sharp results? Can you share the results? If you create and display it at the native resolution, that should give you the sharpest result.
– fixer1234
Dec 13 '18 at 3:58
The two links in your first paragraph go to permanent loading icons, the first with a message"waiting for uimotionkit.io..." The second with "waiting for static.framer.com..."
– fixer1234
Dec 13 '18 at 2:49
The two links in your first paragraph go to permanent loading icons, the first with a message"waiting for uimotionkit.io..." The second with "waiting for static.framer.com..."
– fixer1234
Dec 13 '18 at 2:49
hi Fixer, they both work for me. I tested the links. but anyways this is one of the pages: uimotionkit.io (top header) or framer.com (go down to "Your new favorite design tool" and check the video with purple icons within the interface". The first one with the mobile is definitely not a capture. But Framer it is.
– Daniel Vianna
Dec 13 '18 at 3:28
hi Fixer, they both work for me. I tested the links. but anyways this is one of the pages: uimotionkit.io (top header) or framer.com (go down to "Your new favorite design tool" and check the video with purple icons within the interface". The first one with the mobile is definitely not a capture. But Framer it is.
– Daniel Vianna
Dec 13 '18 at 3:28
Now they're working. :-) Have you tried what you want to do and gotten less-sharp results? Can you share the results? If you create and display it at the native resolution, that should give you the sharpest result.
– fixer1234
Dec 13 '18 at 3:58
Now they're working. :-) Have you tried what you want to do and gotten less-sharp results? Can you share the results? If you create and display it at the native resolution, that should give you the sharpest result.
– fixer1234
Dec 13 '18 at 3:58
add a comment |
active
oldest
votes
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "3"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsuperuser.com%2fquestions%2f1383044%2fhow-to-make-ultra-sharp-video-capture-of-app-prototype-in-windows-for-website%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Super User!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsuperuser.com%2fquestions%2f1383044%2fhow-to-make-ultra-sharp-video-capture-of-app-prototype-in-windows-for-website%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
The two links in your first paragraph go to permanent loading icons, the first with a message"waiting for uimotionkit.io..." The second with "waiting for static.framer.com..."
– fixer1234
Dec 13 '18 at 2:49
hi Fixer, they both work for me. I tested the links. but anyways this is one of the pages: uimotionkit.io (top header) or framer.com (go down to "Your new favorite design tool" and check the video with purple icons within the interface". The first one with the mobile is definitely not a capture. But Framer it is.
– Daniel Vianna
Dec 13 '18 at 3:28
Now they're working. :-) Have you tried what you want to do and gotten less-sharp results? Can you share the results? If you create and display it at the native resolution, that should give you the sharpest result.
– fixer1234
Dec 13 '18 at 3:58