Unfortunately, Screenshot Maker Pro does not allow you to add overlays or text onto your screenshots. Within mere seconds, you can create images like these for Flappy Felipe and Ryan’s Weather App:ĭid you notice how showing the apps running on a device at an angle adds a bit of flare and makes them more interesting? The interface is as simple as choosing the image you want to show on a device and then choosing the options such as type of device, reflection, shadow, etc. You can choose from iOS, Android, Windows, Blackberry and even Mac OSX devices to display your screenshots. In addition, there are several options for devices on which you can choose to show your screenshots. The main benefit of Screenshot Maker Pro is that it’s user-friendly. You can save up to two screenshots per day, or you can purchase the unlimited saving option for $2.99. Screenshot Maker Pro is a free iOS app that lets you place screenshots into pictures of iOS devices. In this article, we’ll take a quick tour of the first three options, then we’ll have a step-by-step tutorial on how to recreate the beautiful screenshots shown above in Photoshop. Photoshop is the most flexible, but also the most time-consuming. The first three are pretty much drag-and-drop, but lack flexibility. Adobe Photoshop CC (OSX/PC – Free Trial/$9.99-$19.99 per month).Screenshot Maker Pro (iOS – Free to Try).Here are four tools that you can use to create nice screenshots and promotional images with minimal investment and difficulty: Today, you’ll learn how to create screenshots like these without having to pay a graphic designer and without having to go to art school yourself. This makes the game feel playful, and the Felipe bird acts as a mascot that represents what the app has to offer. What if you took a basic screenshot of Flappy Felipe:Īnd spiced it up with an artwork overlay? Now that looks like a truly impressive app! Just a few small additions transform a plain screen capture into something more grandiose. A screenshot like this could entice someone to download the app, but what if it was shown at an eye-catching angle with some descriptive text and background image? Pretty nice looking app, right? Clean design, very professional, useful, everything you could want in a nice weather app.

Let’s look at a screenshot from Ryan Nystrom’s Weather App: Thanks to a plethora of tools available, creating interesting app-sale-driving screenshots has never been easier or affordable. You may be thinking to yourself, “But I don’t want to pay a designer to create fancy screenshots.” or even worse, “I don’t have the graphics skills to make sexy screenshots like that.” It has the effect of making you want to download it, right now! Instead of just doing a screen capture of the simulator and calling it a day, the developers added graphics, showed the app running on a device. Notice that each has a particularly interesting app store screenshot to lure and entice customers. OriginalLogicalScreenSize: const Size(414, 896),ĭeviceFrameImage: Image.asset('assets/example_device_frame.What do apps like Cut the Rope 2, 7 Minute Workout Challenge, and Scribblenauts Remix all have in common?Ĭlick the above links to see for yourself. This is to ensure that the viewPadding settings are applied correctly. When using Simulated, please use runPkg instead of runApp. There is a very simple one in example/assets, but it's not recommended to be used in production. There are no device frame images included in this package, so you'll need to prepare them. The device frame image must have a transparent display area. This needs to be expressed in logical pixels. The resolution of the device is represented by the originalLogicalScreenSize. Position and size are specified by innerScreenOffset and innerScreenSize.Īreas such as 'notch' are represented by viewPadding. OutputFile: File('/Users/your_name/Desktop/simple.png'),įits your Flutter app into the device frame image you specify and compose it. Import 'package:screenshot_maker/screenshot_maker.dart' In order to easily adjust the layout, I recommend using a tablet device with a large display such as an iPad.Īt the moment, Android emulators and web browsers cannot output images on the development machine, so please use the iOS simulator. The simulator you use is independent of the output size. Passing this widget to runPkg and launching it as a Flutter app with a simulator will output the image. Renders the child according to the specified size and writes it to the specified file. This package provides two widgets: ScreenshotMaker and Simulated. You can use Flutter Inspector and Debug Paint to debug the layout. You can use it to create screenshots for the App Store and Play Store. This package allows you to use Flutter's amazing layout system to generate images. A package for generating images laid out using Flutter.

Fpo company screenshot maker