phone animation

I was thinking of asking some separate questions and then hopefully used as one whole but I’m just going to say what I want to do. I want to make a simple cinematic where the main character is sitting and his phone rings and he picks it up. The problem is that I don’t know how to make this effect on the phone like turning blue and having some button when he picks up a timer to see how many seconds the call is and things like this. Do I use premade animation of all this happening or do I make it in the engine?
If anyone knows how I’d greatly appreciate it. Thanks in advance.

You can do different things to achieve this:

  1. One way to do something like this is with one or multiple materials (Shader). Then you use blueprint to change the textures of the applied phone material. It can be a bit overwhelming at first but you should be able to pick it up quickly after a few tutorials.
  2. You can create a UMG Widget and apply the widget to the phone then use the animation tools to animate and trigger various effects for the widget.
  3. You can create a flip book animation where you have captured multiple images and are “flipping” through them. Think of the old Disney movies where they drew every frame one by one and when playing them back quickly it becomes an actual animation.

I would probably go for option two with the UMG widget if you are completely new. I do however think the proper method to use is the first one with shaders… However, it will all depend on the project scale and what it will be used for.

Well, I thought of just not showing what is on the phone and just changing the material from black to blue with much emissive color so it glows. Tho I will try your suggestions and I’ll give you an update

If that is the case, just create a material and make the vector 3 into a parameter (The screen color and another scalar parameter hooked up into the emissive.) You can then create a dynamic material and change both the emissive strength and color using blueprints.