--- title: "Tutorial – Blog" description: "Blog posts about Tutorial from the IMG.LY team." url: "https://img.ly/blog/tag/tutorial/" type: "index" --- > This is the markdown version of [Tutorial – Blog](https://img.ly/blog/tag/tutorial/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt). --- Every IMG.LY blog post tagged **Tutorial**, newest first. - [A Modern Video Editor SDK for your Flutter App](https://img.ly/blog/a-modern-video-editor-sdk-for-your-flutter-app.md): Learn how to integrate IMG.LY's video editor into your Flutter app on iOS and Android, from the pubspec entry to a working editor. - [How to Build a TikTok Clone for iOS with Swift & CreativeEditor SDK](https://img.ly/blog/how-to-build-a-tiktok-clone-for-ios.md): Learn how to build a TikTok clone for iOS with Swift and CreativeEditor SDK with this step-by-step in-depth tutorial. - [How to Add Stickers and Overlays to a Video in Flutter](https://img.ly/blog/how-to-add-stickers-and-overlays-to-a-video-in-flutter.md): Learn how to apply stickers and overlays to a video in Flutter and make your app's video content more personalizable and user-oriented. - [How To Build a Video Editor With Wasm in React](https://img.ly/blog/how-to-build-a-video-editor-with-wasm-in-react.md): Use the ffmpeg.wasm library to build a React video editor that performs video processing directly in the browser. - [FFmpeg - The Ultimate Guide](https://img.ly/blog/ultimate-guide-to-ffmpeg.md): This guide covers the ins and outs of FFmpeg starting with fundamental concepts and moving to media transcoding and video and audio processing providing practical examples along the way. - [How to Apply Filters and Effects to an Image in Flutter](https://img.ly/blog/how-to-add-stickers-and-overlays-to-a-video-in-flutter-test.md): Learn how to manipulate images in Flutter with filters and effects. - [How to Draw on Images in React Native](https://img.ly/blog/how-to-draw-on-images-in-react-native.md): Learn how to draw on images in your React Native app – a great tool for annotations or fun image editing! - [How To Build a Video Player in JavaScript](https://img.ly/blog/how-to-build-video-player-in-javascript.md): Create your own JavaScript video player using simple methods for neat results! - [How To Resize Images in Flutter](https://img.ly/blog/how-to-resize-images-in-flutter.md): Keep it light: resize your application images in Flutter. - [How to Crop and Trim Videos in Flutter](https://img.ly/blog/how-to-crop-and-trim-videos-in-flutter.md): Create your own video app in Flutter with the free-to-use and open source solution FFmpeg. - [How To Crop and Trim Videos In Kotlin for Android](https://img.ly/blog/how-to-crop-and-trim-videos-in-kotlin-for-android.md): In this beginner-friendly tutorial you will learn how to crop and trim videos in Android with FFmpeg. - [Build a Simple Real-Time Video Editor with Metal for iOS](https://img.ly/blog/build-a-simple-real-time-video-editor-with-metal-for-ios.md): Learn to extract frames from live camera streams, regular movie files and streamed movie files and display them on a MetalKit View. - [How to Stream Videos Using Javascript and HTML5](https://img.ly/blog/how-to-stream-videos-using-javascript-and-html5.md): Learn how to stream videos right in your browser using only JavaScript and HTML5 APIs. - [How To Build a Canva Clone with CE.SDK](https://img.ly/blog/how-to-build-a-canva-clone-with-ce-sdk.md): Build a Canva-style design editor in React with CE.SDK: templates, locked layers, custom assets, and export, in a few hundred lines. - [How to Remove Backgrounds Using Core ML](https://img.ly/blog/how-to-remove-backgrounds-using-coreml.md): Bring background removal and replacement to your iOS application. - [How to Apply Filter Effects to Video using VidEffects library on Android](https://img.ly/blog/how-to-apply-filter-effects-to-video-using-videffects-on-android.md): Learn about the benefits and limitations of VidEffects for video editing on Android. - [Working with Large Video and Image Files on iOS with Swift](https://img.ly/blog/working-with-large-video-and-image-files-on-ios-with-swift.md): Find your best strategy for compressing and resizing images, videos, and other files with Swift. - [How to Make an Animated GIF Using Swift](https://img.ly/blog/how-to-make-an-animated-gif-using-swift.md): Learn how to create animated GIF files with Swift, and also extract still images from a video! - [How To Apply Image Filters in WebGL](https://img.ly/blog/how-to-add-image-filters-in-webgl.md): Learn everything you need to get started with kernel-based image filters in WebGL. - [How To Add Overlays to a Video in React Native](https://img.ly/blog/how-to-add-overlays-to-a-video-in-react-native.md): Learn how to place text or images over your videos in React Native. - [How To Resize and Compress an Image in JavaScript for Upload](https://img.ly/blog/how-to-compress-an-image-before-uploading-it-in-javascript.md): Learn how to downscale an image in JavaScript by reducing its size and quality before uploading it to your server. - [How To Add a Sticker to a Texture With Three.js](https://img.ly/blog/how-to-add-a-sticker-to-a-texture-with-three-js.md): Learn how to add an overlay image to your textures in WebGL and JavaScript with Three.js. - [How to Make Videos from Still Images with AVFoundation and Swift](https://img.ly/blog/how-to-make-videos-from-still-images-with-avfoundation-and-swift.md): Convert still images into video files with two strategies. - [How To Scale, Crop, Flip, and Filter an Image in CSS](https://img.ly/blog/how-to-scale-crop-flip-and-filter-an-image-in-css.md): Learn how to use CSS to perform the most common image processing manipulations. - [How To Manipulate an Image With Jimp in React](https://img.ly/blog/how-to-manipulate-an-image-with-jimp-in-react.md): Let's get started with Jimp in React. Easily alter images with a few lines of code. - [How to Merge Videos in iOS with Swift](https://img.ly/blog/combine-video-clips-into-a-new-file-in-ios-with-swift.md): Learn how to combine videos in iOS with Swift and jump into advanced creations. - [How to Add a Watermark to an Image in JavaScript](https://img.ly/blog/how-to-add-watermark-javascript.md): Create watermarks in Vanilla JavaScript and with watermarkjs! - [How to Add a Filter to a Video Stream in iOS](https://img.ly/blog/how-to-add-a-filter-to-a-video-stream-in-ios.md): Applying stunning filters to videos requires different methods than applying them to files in iOS. Find out how! - [How To Add Text to Video in Swift](https://img.ly/blog/add-text-to-video-in-swift.md): Use Swift and AVMutableVideoComposition to add a text overlay to a video clip! - [How To Pixelate an Image in JavaScript](https://img.ly/blog/how-to-pixelate-an-image-in-javascript.md): Pixelate an image in Vanilla JavaScript without any libraries – with the element! - [How To Record Screen Video Using ReplayKit for iOS](https://img.ly/blog/record-screen-with-swift-replaykit.md): Use Swift and ReplayKit to add screen recording to your application. Also use the new rolling clips feature introduced in iOS 15! - [How to Apply Custom Image Filters Using HTML5 Canvas in JavaScript](https://img.ly/blog/how-to-apply-filters-in-javascript.md): Apply custom filters in JavaScript without external libraries – with the element! - [How to Trim and Crop Video in Swift](https://img.ly/blog/trim-and-crop-video-in-swift.md): Learn how to use Swift and AVKit to crop a video clip and trim a video timeline. - [How to Create Image Filters for iOS](https://img.ly/blog/how-to-create-image-filters-in-ios.md): Write a custom `CIFilter` in Metal and Swift, usable in any CoreImage pipeline. - [How to Draw on an Image With JavaScript](https://img.ly/blog/how-to-draw-on-an-image-with-javascript.md): Easily implement a brush to draw on an image in JavaScript, without using any external library! - [How To Resize an Image in React](https://img.ly/blog/how-to-resize-an-image-in-react.md): Quickly resize an image with the `react-image-file-resizer` React library. - [How To Resize an Image With JavaScript](https://img.ly/blog/how-to-resize-an-image-with-javascript.md): Today, you will learn how to resize an image in JavaScript, without using any external library. Thanks to the HTML element, this is reasonably easy. Let's go! - [How To Crop an Image in React](https://img.ly/blog/how-to-crop-an-image-in-react-with-react-image-crop.md): In this article, you will learn to crop an image in JavaScript. Specifically, you will see how to achieve this goal with the react-image-crop React library. - [Inpainting: Removing Distracting Objects in High-Resolution Images](https://img.ly/blog/image-inpainting.md): We teamed up with the Bochumer Institute of Technology to present improved results with deep learning approaches. Here are our experiences from a mission to make editing easier. - [A Photo and Video Editor for React Native Apps](https://img.ly/blog/a-photo-and-video-editor-for-your-react-native-apps.md): Learn how to quickly integrate a Photo & Video Editor into your React Native App with our step-by-step tutorial. - [How to integrate a Photo Editor into your iOS App](https://img.ly/blog/how-to-integrate-a-photo-editor-into-your-ios-app-ced008a7088b.md): 7-minute Video Tutorial - [How to integrate a Photo Editor into your Website](https://img.ly/blog/how-to-integrate-a-photo-editor-into-your-website-4578cc6ef6f3.md): 4-minute Video Tutorial - [How to integrate a Photo Editor into your Android app](https://img.ly/blog/how-to-integrate-a-photo-editor-into-your-android-app-ee4148816e25.md): 6-minute Video Tutorial - [How to build Instagram’s Story Editor in a Day](https://img.ly/blog/how-to-build-instagrams-story-editor-in-a-day-23be9adff9b.md): A common question we get asked from our customers, is whether they’ll be able to create an entirely different user interface using our… --- ## More Resources - **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design - **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation - **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.