How To Animate for Unreal Engine using Rotoscoping (even if you cannot art)

Video Version of this Tutorial

What is Rotoscope Animation?

Why use Rotoscope Animation?

Rotoscope Animation Examples that I’ve made in Unreal Engine

Step 1: Plan Your Animation

Step 2: Figure out your Camera Angle

Example of screenshot for an angled rotoscope animation (I needed the person to look as though they were sitting on this chair)

Step 3: Film your animations

Example of my video shot, using the last image as reference for the angle

Step 4: Draw Over Your Videos in Photoshop

Draw on top of the video in a New Layer
Playing your Rotoscope Animation

Step 5: Export as a Sprite Sheet

Step 6: Import Sprite Sheet into Unreal Engine

  • Lossy Compression Amount: Lowest (Best image quality, largest file)
  • sRGB: Unticked (To make your sprite is transparent once we turn it into a Material)
Texture details for reference

Step 7: Create the Animation within a Material

  • Material Domain: Surface (for use on a 3D Material, if you want to use for UI you can also change this to User Interface)
  • Blend Mode: Masked (So the material will be transparent)
  • Two Sided: Ticked (To ensure that the material can be viewed by both sides if this is needed)
Material Details
  • Speed (Time gets multiplied by this constant Parameter to set the animaiton speed)
  • RowNumber (The amount of Horizontal Rows that the Sprite Texture has) Number of Rows
  • ColumnNumber (The amount of Vertical Columns that the Sprite Texture has) Number of columns
  • Speed: The speed the flipbook will run through the sprite sheet
  • RowNumber: The amount of Rows the Sprite Sheet has
  • ColumnNumber: The amount of Columns the Sprite Sheet has
  • Texture: The Sprite sheet to use
  • Colour: The adjustable colour of the sprite
Material Instance Example

Step 8: Getting Animation into your 3D Scene

Voila! Behold the animated ‘masterpiece’!
Example for setting up a Blueprint that looks at the Player Camera on tick

--

--

--

Driven by Creativity, Inspired by Technology. YouTuber, Game Lover, Maker of silly creations with Code and Film! https://www.youtube.com/user/yagmanx

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

MyListing v1.7 Update!

Dream Weavers of UX Design

Typography and UX

Talking about Bruce Lee’s Iconic Tracksuit with Shannon Lee

Live Designing, the new way of freelancing

5 UX Laws To Increase The User Engagement Of Your Mobile App

Basecamp’s Attempt to Revolutionize the E-mail

How To Create An App Design That Works

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Yasmin Curren

Yasmin Curren

Driven by Creativity, Inspired by Technology. YouTuber, Game Lover, Maker of silly creations with Code and Film! https://www.youtube.com/user/yagmanx

More from Medium

How to design a puzzle game

On Beginnings and stumbling on game design creep…

Tools We Use to Make Games: No Moss Studios

Un4gettable Story Series: Outside the Box