My Personal Recommendations For AnyPortrait

Hello,

Oh then it's okay. It really is a unique feature, impressive! I'm also excited for the upcoming 1.2.7 update to see which features & fixes will come. My upcoming posts will continue on a new topic. Thanks again!

Hi!

We are happy that you make a satisfactory result for you! :)

It's not a bug and doesn't cause problems for the keys in the Auto-Loop Keyframe to appear out of range.

It looks like that keyframe is out of bounds, but in the animation, if this is an Auto-Loop Keyframe, the interpolation calculation is done perfectly!

Don't worry about that.

If you read the tutorial page for the Auto-Loop Keyframe that we attached before, there is a description of the out-of-range keyframes you mentioned.

Please read the 3rd and 4th pictures and explanations on that page.

https://rainyrizzle.github.io/en/AdvancedManual/AD_AutoLoopKeyframe.html

In other words, thanks to the dummy key outside the end frame, it is the true value of Auto-Loop Keyframe that a natural loop animation is completed without having to place keyframes in the Start and End frames, unlike other programs.

As a test, create a Loop animation using Auto-Loop Keyframe once!

You can easily understand the convenience this gives.

Thank you.

Hello,

This fixed the issue on this eye. Thank you!

Okay then, I'm going to open new topic next time but one thing left about my last question... "Auto-Loop Keyframe" feature is nice but as I said, if I drag the first key, the last key exceeds the maximum framerate. (And it's locked, I can't move it manually) Isn't this cause a lacking on the flawless on the animation?

(Maximum frame is 60. But the last auto key is on the 66. frame)

Hi.

1. Atlas Size is not automatically recognized unless you use the PSD file re-import function. But that's okay. :)

Except for a few features, Atlas Size is not used.

If you don't use the automatic mesh generation feature, it won't affect your work.

2.Oh, the animation is more natural than before! Looks good!

You asked about the movement of the inner vertices, yes, move the inner vertices in the center to make the eyes flat. That's exactly what we recommend. It wasn't wrong.

What you're concerned about is, if you move the inner vertices, the lower eyelashes deforms, but once I see it doesn't look weird.

If you want to prevent the lower lash image from being deformed, separate it into a separate layer. In fact, professional 2D facial animators especially divide the eye image into many layers.

(We refer to Live2D users' production process a lot.)

You can create more natural results by layering the whites of the eyes, shadows of the eyes, light, iris, background reflection image, upper and lower lashes, eyelids, etc.

Alternatively, you can add more vertices to the mesh to avoid unintended distortion. Try adding vertices to the edges like this:

Creating vertices as above significantly increases the total number of vertices, but has the advantage of allowing you to edit the shape more precisely.

And also, it is possible to add more vertices.

Of course, how many vertices you create should be decided appropriately by considering the characteristics of the project, execution performance, and quality.

Additional)

As mentioned before, the vertices of AnyPortrait correspond to vector tools in AE. This is an inevitable structural difference as AnyPortrait was developed to run with high performance in 3D engines and games.

Based on the opinions of users, we can bring some of AE's ideas, but there are limitations due to structural differences.

We would be very grateful if you understand that AE is strong in video production, while assets like AnyPortrait and Unity engine are strong in real-time play.

3. We will check the vertical scrolling using mouse drag and improve it if we can.

You can select multiple keyframes using the Shift and Ctrl keys, so try using it instead.

Thank you for a good suggestion.

4. The keyframe created during the loop is a function of AnyPortrait called "Auto-Loop Keyframe".

It's not a bug, it's an AnyPortrait's original feature! (We love this feature!)

It is a virtual keyframe that has been placed for a natural loop animation.

You can see detailed instructions on the tutorial page below.

https://rainyrizzle.github.io/en/AdvancedManual/AD_AutoLoopKeyframe.html

Thanks for any additional suggestions.

In fact, many of the contents of this post are recorded in our update plan and are awaiting development.

However, for other users, it is difficult to infer much of the content of this post from the title alone.

Conversely, we welcome you to write each new post on a different topic. It doesn't matter if there are a lot of posts!

It is more helpful to users of forums than having multiple contents in one post.

We would be very grateful if you consider this and use the forum.

As we mentioned, we will close this post once the issue related to "Blinking Eyes" is complete.

It just prevents new comments from being added, but this post is not deleted.

Do not worry about it.

Thanks.

3) Some advice in timeline.

We can select keyframes with this green selection which is nice. However, if I lower the mouse to select more keyframes, the green square gets stuck like that. Can you fix this in next release, maybe?

4) Here's my frame settings:

Loop (1) automatically adds frames to the beginning and end when it is turned on, really nice. But when I push the initial keyframe a little forward (2), the last keyframe exceeds the maximum frame (3).I can't move it manually because it's locked (4). How can I fix this?

Thank you.

Hello RainyRizzle,

1) I edited PNG atlas, it updated in AnyPortrait automatically. However, I set the Area Size manually, which takes time. Shouldn't it be automatically detect? Or is there any simplier way than manual? (It took some time to find the correct size as I gave the values my own guess) Marked as green.

And again... Thank you for your help with your detailed explanations.The pictorial representation in particular helps a lot.

2) Eye problem... I made the video again for your better understanding.

As you said, I kept the widths.It almost worked.

Here's the video link: https://vimeo.com/493015167

[0:00 - 0:19] This is how it should be. Notice the black line below the eye. There is no scale, just what I want. If we do not move the middle vertex, we can reach this result. However, unfortunately, that part of the eye is not hidden unless we lower the middle vertex.

[0:20 - 0:48] If I move down the middle vertex, notice the black eye line below, it becomes scale down.This causes a wrong view.

Here's another example in the AE. In fact, you can see how simple the correct eye animation with these two tools.My request is to please consider bringing these tools in future releases.

---

Yes I know, there have been a lot of comments on this subject and you have been very helpful to me.Your support is truly incredible and I am satisfied with it.I put "My Personal" in the title because there may be too many comments.Because opening a new topic for each thing would both crowd the site and perhaps disturb some users.But if you want me to continue with the new topic, just say it. If we are to do so, let's not delete this topic, because it contains a lot of information to help me.When I run into the same possible problem, I will probably come back here and apply what you just told. It contains a lot of information that will help other users as well.

Hi.

If you edit the currently applied PNG image file, the changed image is applied to AnyPortrait immediately.

You just need to open the Eye mesh, modify the position of the vertices, or add more vertices.

Since each vertex has an ID, the information in the modifier is maintained, and you can modify the mesh without deleting the existing mesh. Of course, the shape has changed, so you will have to modify the mesh's Morph a bit in the modifier.

If necessary you will have to modify the Pivot of the Mesh, but the Mesh Group will recognize the changed Pivot position and make the Mesh stay in its original position as possible.

Or, if necessary, you may have to re-import the PSD file.

In that case, read this tutorial.

https://rainyrizzle.github.io/en/AdvancedManual/AD_RePSD.html

(Re-importing the PSD file is a rather sensitive task, so we recommend duplicating the character separately to avoid any accidents.)

Apart from the question, we wondered why you think "blinking the eyes with Morph" is "awkward like changing the scale".

And we determined that it wasn't a problem with the mask, but rather the cause of the problem with the shape of the blinking eyes.

Please read our brief description below.

(The description below only describes Morph, not Mask.)

The image above is a simplified representation of the character's eye shape.

We watched your video and reproduced how you made it.

Anyway, it doesn't look so weird to make the eye closed like above.

However, it will look different in the sequence.

As you mentioned, the character's eye appears to be "smaller" rather than "closed".

The reason is that the "width" of the shape of the eye that becomes the mask has become smaller.

Let's fix this.

When expressing closing the eye, try not to reduce the width of both sides of the eye.

Then, as above, a shape that is longer left and right than before appears.

In the continuous sequence, the modified Morph looks different from the previous result.

This is more real than before!

We think that the awkwardness you felt would have gone away a lot in the image above.

At this stage, let's finish with a separate mesh, such as eyelashes and eyelids.

Actually, this method of finishing by covering with another mesh is a production method used by other programs like Live2D.

(Or you can change the Alpha or Visibility of the mask of the closed eye so that the mesh is completely invisible after it is closed. It's your choice.)

This is the finished result.

This is definitely the result of closing the eye of a character that seems to be far from "scale".

Now it seems like we have delivered everything we can tell you.

More than that, we hope you can try it yourself and get the know-how.

Alternatively, it's a good idea to look for tips from other experts.

We hope this ends and you solve this problem.

Thank you.

P.S.1. In the previous explanation, we have prepared a separate Mask mesh and not the Eye. This is to explain to you the concept of the Clipping Mask accurately.

However, if you have divided the "character's eyes" into multiple layers, you can apply this method more flexibly. In fact, our team used the "Eye white" as a Mask in all examples and applied the "Iris or Light of the eyes" as a Clipped Mesh. That's how it described in our video tutorial.

Make it the way that suits you.

P.S.2. Currently, this post has too many comments, different from the original title.

Posts in the forum are also viewed by other users, so from that point of view, this post may be inconvenient to other users.

We will close the comments on this post once this last issue is resolved.

For other issues, please write another post with a specific title.

Please understand it.

Thanks.

Oh, I think I got it. Conversely, the eye white has to be big and the eye shape has to be a mask. However, I have already added this scene to Unity. I will edit the PNG atlas and make changes. But how do I adjust in AnyPortrait as eye stuff will change? Mesh setting, position etc.

Hi.

Um... no, you made the opposite of what we told you.

Currently, in your work, "Rick Eye Mask" is clipped to "RickEyes", but vice versa, "RickEyes" must be clipped to "Rick Eye Mask".

The Mask layer should be "below". The order of the two layers is reversed.

Current)

↓Rick Eye Mask

RickEyes

To)

↓RickEyes

Rick Eye Mask

Also, "Mask" should have the shape of the eye, and "Eyes" should have the image of the eye.

Also, it is "Eyes", not "Mask", that you need to prepare a large enough image.

Please read our previous description again.

As an additional tip, when making a motion to close the eyes, if you make it with only a mask, you won't be satisfied with it.

Consider an "eyelid" that covers the eyes.

You will make a more quality result.

It is also helpful to see the demo scene included in the AnyPortrait package.

Open up the "AP Tutorial Scene 3 Portrait" scene and you can see how the character blinks eyes.

In addition, please understand that we are currently very busy with development, so we cannot afford to produce YouTube videos.

However, we think that the previous tutorial video that was attached and the answers in this post have provided enough answers.

Try again, and we hope you get the results you want.

Thanks.

Hi,

1) I added an orange object to be a mask on the eye.

2) But I see the orange mask, not the white eye & iris.

3) Control Parameter: (Half)

4) Control Parameter: (Almost Closed)

Yet, it still looks like scale down. It didn't work like you showed it.

5) Rick Eye Mask: Orange Object

RickEyes: White Eye

Since there is no normal mask tool, we are trying to do this with clipping mask, this both confused me and I could not do it properly. What am I doing wrong? Also, I think you should continue with YouTube tutorial videos. For example, if you show this, I think I will understand better.

Thanks in advance.

Hi!

We have checked the video you have attached to Vimeo.

In our opinion, this is a really good situation to use Clipping Mask.

We have prepared a sample similar to this situation, so please read the explanation below.

Prepare 2 images.

A is what becomes a mask, which is the shape of the eye.

B is the image of the inside of the eye. Like your work, I combined the whites and irises of the eyes into one image.

The important thing here is that B is sufficiently larger than A!

(1) Create a MeshGroup and add each mesh. The "Eye" mesh (image B) is placed on top of the "Mask" mesh (image A).

(2) Because the eye mesh is large enough, the mask mesh is covered.

(1) Select the "Eye" mesh,

(2) Click the Clipping button.

(3) Now you can see the eye is rendered to match the shape of the Mask mesh.

Now let's make an eye blink.

(1) Add Morph (Controller) modifier.

(2) Add a Control parameter and register it to the modifier.

(3) Register the "Mask" mesh, not the Eye mesh, to the Morph modifier.

(It is important that the Eye mesh is not registered.)

(1) Select the Mask mesh

(2) Let's make the eye closed.

You can make the character only close the eye while maintaining the image inside the eye, i.e. the iris and white.

This is probably what you needed.

This is the finished result.

Because it is the result of the eye being closed by the mask, it shows a different result than the simple scaling you were concerned about.

The point of the explanation above is not editing the "Eye image itself", but editing the "Mask layer" below.

If you can create a Clipped Layer (not a Mask) with a large enough image, you can make the same result as a Normal Mask.

And this method can be applied equally to many other cases.

Please apply the above explanation to your work.

Thank you.

Oh, I wasn't know you did not able to watch the video. So I uploaded it to Vimeo. Please watch it, I need feedback directly from you about how to fix this. (And yes, I already watched the tutorial video that you sent)

https://vimeo.com/492463058

Hi!

We checked the video from the previous post, and the video from this post was not downloaded and could not be checked.

So, we will explain based on the previous video.

If the composition of the layer is changed slightly, the blinking of the character's eyes can be implemented with a Clipping Mask, which can lead to better results in some cases.

In fact, the reason we decided to develop a Clipping Mask instead of a Normal Mask was to express "the blinking of a character's eyes".

Please check the video below. (Check from 16 minutes 54 seconds.)

You should separate the "eye iris" into a separate layer, but the result will be better. You can see that this configuration is better especially when combined with other control parameters (eg eye direction, face direction).

Thanks.

Thank you for considering my suggestions. Of course, each user has a different workflow, but I believe that if these are included, it will make everyone's workflow much easier. You don't know how happy you will make me if you keep adding them with subsequent updates. I know it's not easy, so I wish you luck 😊

By the way, I attached a video into my previous answer. I'm stuck at the eye animation. Grabbing vertex and bringing them closer works the same as scale up or scale down.This makes the eye blink look wrong.The mask tool I added in the previous answer automatically hides the mesh partially instead of moving vertex. That's why this tool is so important. Do you have any idea how it look more realistic in the current version AnyPortrait 1.2.6? (2020-12-17 14-27-02.mkv)

Hi!

Thanks for the comment.

Our team is sorry that AnyPortrait did not meet your expectations.

Since AnyPortrait is an asset of the Unity engine, we make a development plan assuming that AnyPortrait users will use not only AnyPortrait but also various features of Unity.

That's why AnyPortrait makes it compatible with Unity and other cool assets, rather than being an all-in-one tool.

(In other words, it is very difficult and inefficient for us to give up compatibility and implement them all as internal functions.)

So this development and support sometimes involve a bit of Scripting, and sometimes includes a description of Unity's features.

Instead of implementing all the requirements as internal features, we continually review Unity's upgraded features to meet the requirements, and we are ready to make AnyPortrait compatible with them, and we will quickly support users.

Of course, we will implement what is possible.

First, the automatic mesh generation function.

Fortunately, at the moment we are fully reimplementing the automatic mesh generation feature.

However, please wait a little longer for the Pin Tool.

The Pin Tool will come in handy, but we will start implementing it after considering the Pin Tool and its impact on performance when running in a game with many vertices.

In more detail, we have to consider how it will work when combined with Pin Tool and other modifiers or Vertex Morphs. (It's not that simple!)

As with our previous answer, there is a way to replace Normal Mask.

If there is an alternative method, we lower the priority of the work.

Currently, animation/effect presets are not considered.

Different users have so many different styles of work, and it is difficult to find a common pattern.

Please let us know if you have any effective preset ideas that will help many users.

We will collect opinions and reflect them in improvement.

(The "Wave effect" you mentioned is probably impossible. It doesn't fit AnyPortrait's system. Please check out our previous answer.)

As we've said before, there are a lot of inevitable differences as the core idea of AnyPortrait is somewhat far from AE.

Of course, we will do our best to develop and support as far as possible.

And actually, many of the other suggestions you have given before have been developed or are currently being developed for the next version.

Please look forward to it.

Thank you.

First of all, sorry for the late reply. Thank you for your help, but my coding is not top-notch so I don't think I can do these effects myself with the code. You as a RainyRizzle, the plugin developer, should present this to us users.

I say somethings over and over again because there are a lot of plugins that make our life easier but I can't see them in AP. And I don't know what to do.

The biggest shortcomings of this application:

- No automatic mesh vertex creation. He's just putting the four-pointed vertex. We need to check the vertex number and density of the users. (Creating all vertexes one by one every time we add a new portrait is a huge waste of time) (If there was a Pin Tool, this would not be necessary)

- No normal mask tool! There is no tool that is both favorite and the most important to use to hide things. Because of this, I have a lot of trouble with both invisible and some visible / partially invisible (variable) animations. I can't even.

Eye animation that would actually take a few seconds if there was a Mask Tool: https://youtu.be/7cEr1ya37WA?t=435

When done with Vertex, it takes both time and a wrong appearance:

- No preset effects. Like light, glow, wave effect.

I am used to using the interface (finally), but the animations I make without what I said above are always incomplete. Incomplete, incorrect looking animations.

Hi!

I'll give you one by one answer to your questions.

1) Check the following cases that the image has become Blurry.

- When Bake PSD with Atlas, Bake Scale is less than 100%.

: If the size of the image file you are importing is very large, or the images in each layer are large, the size of the image may become too small when Bake Atlas.

When bake, try increasing the value of Maximum Atlas and set the size of Atlas to 2048x2048.

Please check the following link for details.

https://rainyrizzle.github.io/en/GettingStarted/GS_2_1.html

- Mipmap is on or the image is compressed.

: When importing PSD files from AnyPortrait, this problem does not occur by default, but the above option is turned on in Unity's default asset settings.

Check the following page.

https://rainyrizzle.github.io/en/AdvancedManual/AD_HQImage.html

2.1) AE's Wave effect seems to be possible because the target is a Vector image.

However, Unity's image method including AnyPortrait is a Bitmap method, not a Vector.

So it is difficult to implement the same way as AE.

However, if you use UV animation you can create a similar effect.

Currently, AnyPortrait does not support UV animation, so you need to write Unity's Shader and Script separately.

Also, to create UV animation, you need a separate pattern texture, not Atlas from PSD.

To create a UV animation, you can control the texture offset of the material with a script and increase or decrease it according to the game time.

We searched, and the following video seems to be helpful to you.

https://www.youtube.com/watch?v=9RSmVJGOmxg

If you want to apply UV animation by importing pattern texture to AnyPortrait, write a similar script using AnyPortrait's API.

Using AnyPortrait's "SetMeshCustomTextureOffset" function you can apply UV effects to AnyPortrait's mesh as well. (Available only at runtime.)

https://rainyrizzle.github.io/en/Script/SC_Mesh.html

(Adding UV animation functionality to AnyPortrait is currently pending.)

2.2) It is possible to add light effects.

AnyPortrait supports blending methods such as Additive, Soft Additive, and Multiplicative other than Alpha Blending.

If you even apply Clipping, you can create a result similar to the video of the link you attached.

For more information, please refer to the following link.

https://rainyrizzle.github.io/en/AdvancedManual/AD_MeshShader.html

3) For the answer to the question related to Unity's UI Button, please read the explanation below.

Unity's UI Button is a function that works with Sprite Image.

However, AnyPortrait has a system that renders with Mesh Renderer rather than Sprite Renderer.

So you need to implement the click event differently than the UI Button.

You can create a button that is most similar to a UI button by using the following method.

Prior to work, if you want to move external objects according to the movement of the mesh or bone, you must use the Socket function. ( https://rainyrizzle.github.io/en/AdvancedManual/AD_Socket.html )

(1) Select the target mesh on the Mesh Group screen.

(2) Turn on the Socket option.

When you bake, you can see that a new Socket GameObject has been created.

Please use a Socket, not a mesh.

And, let's make it the same as the environment where the Button operates.

(1) Add a Canvas, and move the AnyPortrait character as a child of the Canvas.

(2) Add EventSystem.

This part is very important.

To put a character created with AnyPortrait on Canvas, you need to do a few steps.

Please refer to the link below to perform the process.

(Otherwise, the character will not render normally.)

https://rainyrizzle.github.io/en/AdvancedManual/AD_2DCanvas.html

Now let's write a really simple script.

After creating a new C# script, write as above.

(It is not necessary to have the same class name or Debug.Log())

(1) Create a new GameObject as a child of Socket. (I set this to the name "Button".)

(2) Add the Box Collider and the Script created above to the created GameObject.

(1) Set the size of the Box Collider.

(2) Make the area large enough to wrap the mesh.

(3) Connect the event listener and function you want to the UnityEvent property of the script.

Now run the game, click on the head and the event I set will be called.

In the above explanation, I set Socket to Mesh, but if Rigging is applied to your character, it is more appropriate to set Socket to Bone.

4) Breathing animation can be easily created using Vertex Morph.

There is a video tutorial on how to create a character's breathing motion, so please check the video below.

https://youtu.be/WXwT6dJTF3M?t=263

Since AnyPortrait is based on Unity, the features of AnyPortrait may differ in many parts from the method of AE.

We ask for your understanding of this.

Thank you.

Hello,

I designed main menu in the Photoshop and imported into AP. And I need some help.

1) Images looks a bit blurry when I test it with the "Play" button in the Unity Engine. What should I do?

2) How can I make river & sea animations? I was used Wave Warp effect while I'm working on After Effects. (https://www.youtube.com/watch?v=zhvEYgbDVsI) I also used this effect for the hair wave animation. But since AP does not support effects, I don't know what to do. It doesn't even have glow or light effects and that makes the light scene animations harder. Because I don't know how to do that in AP. Do you have any idea for the current 1.2.6 version or does this effects supposed to come in newer versions?

Light Sweep: https://www.youtube.com/watch?v=N9LAGHlqmWU

(I added example effects as a video)

3) I already imported the button images, character images, background images with two atlas. Like I said before, I designed all of them in the Photoshop and directly imported into AP. And then, I selected the button image child.

I added "Button" to this gameobject. But it does not clickable. AnyPortrait supports that button feature?

4) I don't know how to make breathing animation in the AP. Can you make a YouTube tutorial for that?

Thanks in advance.

Glad the answer was helpful.

AnyPortrait is basically created assuming that it will be exported to Unity's 3D World, so it is difficult to accurately calculate the resolution.

If you export your character to a Unity Scene, you will need to either modify the Scale of the GameObject or change the Orthographic Size of the camera.

It is difficult to tell you exactly what value should be set, and literally, you have to look at it and adjust it properly.

Conversely, if you want to export the animation to MP4 directly from the AnyPortrait editor, you can specify the area to be captured!

Check out the link below to learn how.

https://rainyrizzle.github.io/en/AdvancedManual/AD_ScreenCapture.html

In this regard, our tip is that when importing a PSD file, make that the Bake ratio to Atlas size is 100%.

( https://rainyrizzle.github.io/en/AdvancedManual/AD_PSD.html )

Even if the resolution of the rendered object is not exactly the same as the original, once the image is imported at its original size, the loss of image quality will be minimized and the result will be similar to the original.

Since there are many variables in the rendering size, such as the scale of the GameObjects, the properties or position of the Camera, it is recommended that you try to do this yourself.

Unlike other video programs, please understand that the reason it has these characteristics is that it runs on a 3D game engine.

You might go through a bit of a cumbersome process to make Unity's output look like the original, but maybe it won't be that difficult. :)

Thanks.

Thanks! Second answer is the what I asked for. What a shame Photoshop does not share this data open source. Then I should use "Image > Reveal All" in Photoshop and canvas size will grow depending on the all objects in the Photoshop. But after I import it into AP, I have to set again main canvas resolution. Is there resolution option in AP or should I scale up the gameobject to hide out of canvas objects?

Hi, Gökdeniz Çetin!

Thank you so much for letting us know by attaching the screenshots.

The "Canvas" you mentioned does not exist in AnyPortrait, it probably refers to Unity's Canvas Component.

In AnyPortrait, if the Clipping Layer is not used, part of the image will not be lost. Don't worry about it.

If you don't use Unity's Canvas, you don't have a problem with parts of your animation being lost by default because parts of the image are deleted. (And even, we don't think that using Unity's Canvas creates any problems for you to worry about.)

Or, if the "Canvas" you're referring to is a Canvas in Photoshop, and the problem you're concerned about means the image is cropped when you import it into AnyPortrait, then you need to fix the PSD image.

After you have finished the source image, you need to "enlarge the PSD's Canvas Size" sufficiently so that all layers are not cropped!

Then there will be no problems when importing to AnyPortrait.

The open-source library we use cannot import hidden parts of cropped PSD images. So, we can't improve this process.

If your issue is different from what we answered, please add a comment.

We'll check it out and help you.

Thank you.

Hi again,

Thank you, I'll try these on my new animation once I finish the photoshop process.

This time I need more-like some technical support here. I want to 360 degree rotate this planet in the AP. But as you know, AP only support inside canvas. This is a problem. Wouldn't it better if it's contain out of border the canvas?

Here's my object:

But it placed like this in the scene:

Here's the out of canvas data: (marked as blue)

Final drawing:

When I transfer it to AP, I don't want this blue part to be deleted. Because those parts will appear when I make animation.

I hope you understand more clearly with the pictures I mean. Is there a solution for this in the current version? Or can you bring it to the next version for sure? The arrival of this feature is of great importance to me. Thank you :)

Hi.

Animation (Morph) is the most freely editable modifier, so you will be able to create what you want to express.

Your question about animations with backgrounds seems to be about what you commented on our YouTube video.

The best tip is to use the appropriate modifiers and features. It depends on the case, so it is difficult for us to be specific.

Anyway, we think that the video below might be helpful to you.

The video tutorial below may be similar to what you're trying to create (although it was made for an early version of AnyPortrait).

This tutorial has a background and character.

However, unlike your creation method, these two animations are divided into two Portraits, which are different GameObjects.

https://www.youtube.com/watch?v=Oc3bD6Cf9Cg&list=PLgj5ezX2bzwctFVTF0awhLqse5Wem5Ozb&index=6

If you put the character and background in a Portrait and want to play two animation clips simultaneously, you have to write a script or use Mecanim.

As we wrote in the YouTube comment, separate the Layer parameters, and play two animations simultaneously using a script.

In some cases, it may be necessary to set the Blend Method to Additive.

For example, you need to write code like the below.

Play("Character Anim", 0);

Play("BG Anim", 1, apAnimPlayUnit.BLEND_METHOD.Additive);

Through the script written in this way, when you run the game, the animation will be merged and run!

In the links below, you can see a detailed description of the function and how it works in Mecanim.

https://rainyrizzle.github.io/en/Script/SC_Animation.html

https://rainyrizzle.github.io/en/AdvancedManual/AD_Mecanim.html

Other video tutorials are also available on the pages below. Tutorials 1, 2 are for beginners in the basics, and tutorial 3~6 contains a process that can be used in practice.

https://www.rainyrizzle.com/ap-videotutorial-eng

Please visit the manual page for detailed descriptions of other features!

https://rainyrizzle.github.io/en/AdManual.html

If your problem has not been resolved or you have other questions, please leave a post!

When you let us know with your detailed request, we can help you more accurately and quickly.

Thanks.

Hi, I'm not creating complex animations. I just need more control over animation. As I said before, I have already experience about motion animation and I'm trying to get used to AP. Currently I'm working on animated visual novel game, personal project. I'll try to use Morph (Animation), thank you.

Do you have some tips & tricks for best results in AP?

For example, character animation and background animation shouldn't in separate layer etc...

Hi, Gökdeniz Çetin!

The animations you create seem more sophisticated than we usually expect.

In your case, it may be necessary to make it different from the basic tutorial we provide.

1) We are not currently planning the Normal Mask function other than the Clipping Mask.

We'll take it into account, but now we have a performance issue where we need to reduce unnecessary code, so in the case of features with alternatives, the priority of the work is lowered.

In the case of Normal Mask, please use the alternative method of the page we informed above.

2) On this issue, we don't know exactly what character animation you are creating, but it seems like you are creating a really sophisticated and complex animation.

The general AnyPortrait work method is to create Skeletal Animation using Bone first, and then add motion by making Vertex Morphing by Control Parameter.

However, looking at your requirements, you need precise interaction of vertices between objects.

So, in your case, it might be better to create an animation using the "Morph (Animation)" modifier.

With the "Morph (Animation)" modifier you can edit vertices in an animation clip.

(The reason we don't mention this modifier a lot is because it's the heaviest modifier.)

As we do not understand exactly the issue you are experiencing, the solutions we continue to provide you with are not able to help you effectively. If you give us screenshots or more accurate explanations, we can provide a more effective solution or apply it to an update.

If your work is difficult to disclose, let us know by email. ( contactrainyrizzle@gmail.com )

Thanks!

Hi RainyRizzle,

I tested it now and it looks works fine but it took time to match perfectly. Since I have multiple mouths and they all visible in the animation clip when I edit transforms, it was really hard for me. I had to run game again and again to see the result and open the AP again, try to match etc... Since morphs and transforms cannot be preview together, it makes the animation much harder but you mentioned that it is has to be like that in order to not get error.

1) Will there a normal mask tool in newer updates?

2) Will AP support verticle editing in the "animation clip"? I want to move verticles freely with keyframes. In current version, I can only edit basic transforms like move, scale and rotate.

Hi, Gökdeniz Çetin!

We have created a description page that creates various mask results using Custom Shaders and Clipping Masks.

There is a limitation of not being able to preview in the editor, but you will be able to see the rendering results you need in the game.

Please check the link below.

https://rainyrizzle.github.io/en/AdvancedManual/AD_CustomClippingMask.html

Depending on how you write the Shader, you will be able to create more diverse results.

Thanks.

I'll try Sub Mesh Group next time, thank you!

Fine! As you continue to add articles to this post, our team will record those issues separately and decide whether to apply them to the tool.

If you want to move objects together (except for multiple editing), it is also a good idea to use Sub Mesh Group. When you move the Sub Mesh Group in the Transform Modifier, its Child Meshes move together.

You can use Sub Mesh Group as the concept of the "Folder" you mentioned.

If you control the bones to animate, you don't need any other tools.

In the example you mentioned, assign a Rig Weight so that when "Head Bone" moves, "Head Mesh" as well as "Eyes, Lips, Eye Brows Meshes" move together. It is also good to use child bones to make the meshes move together.

Magnet-style tools seem like a good idea, but we would appreciate it if you consider AnyPortrait as a tool for game projects basically.

The need to press Ctrl+Shift when jumping the animation Time Slider is because it conflicts with other functions.

At the top of the Timeline UI, there is an element called "Common Keyframes" along with the Time Slider.

You can use Common Keyframes to control all keyframes in that frame.

Mouse click processing is used to select or move Common Keyframes. So, to avoid this conflicting handling, a shortcut key like Ctrl+Shift+Click is defined.

It can be a bit inconvenient as AnyPortrait offers a different user experience(UX) than other major programs.

Our team has been referencing a lot of good UX of major programs, but in some cases, we will make the decision to maintain AnyPortrait's own unique UX.

This may be a bit inconvenient for first-time users, but it is due to the characteristic of this tool, so if users understand, we would really appreciate it!

Of course, if you have any ideas, feel free to let us know!

We will do our best to listen to users' opinions.

If there is no problem for you, I will continue to share my own suggestions and problems under this topic instead of opening a new topic.

While working on animation, an idea came to my mind again. When I move the character's head rig, I want all objects associated with the head (eyes, lips, eyebrows, etc.) to move together. In Photoshop, we can do this when we collect it under a single folder. With a folder or a magnet-like tool, I think it will be more effective than carrying objects one by one.

Another suggestion is to go to the frame we want when animating. You told me the shortcut Ctrl + Shift + Mouse1, it works, but if you make it even easier it will be more useful for me. It's like having one click. A double click is also fine for me if it will annoy some users.

Thanks, I edited the atlas and it works fine. You're welcome, anytime! :)

Hi, Gökdeniz Çetin!

After reading your post and quickly testing it, our team found that there was a bug with Photoshop layers with opacity set.

It was a bug that we haven't even found.

We apologize for the inconvenience and thank you very much for reporting the bug.

1) How to apply opacity to the finished animation

Since you have already finished the animation, you can choose between modifying the imported Atlas Texture or re-importing it.

The simplest way is to edit the Atlas image file imported into AnyPortrait with Photoshop.

Perhaps you already know how this is, but to avoid misunderstandings, we've written a brief explanation below.

I will explain it assuming that you are editing through Photoshop.

The method will be similar if you use another program.

Open the Atlas image file imported in AnyPortrait with Photoshop.

This is a PNG file with layers merged.

All are opaque because the original Opacity was not applied.

(1) Duplicate the layer.

(1) Select the original layer. (I temporarily set the duplicated layer to be invisible.)

(2) Select and delete the part you want to change the opacity.

(1) Select the duplicated layer. (Conversely, I hide the original layer and set the duplicated layer to be visible.)

(2) After inverting the selected area, delete the remaining parts other than the corresponding part.

(1) With the duplicated layer selected, (2) change the Opacity.

(3) Then the selected part becomes transparent.

Now merge all layers and save the PNG file.

Go back to AnyPortrait, and you will get the results you want.

Since this method modifies the original image, it can be made more transparent, but not more opaque. Beware of this!

In addition) When importing a PSD from the current version, if you want to apply the layer's Opacity, you need to merge the target layer and the new dummy layer so that it is translucent but has 100% Opacity.

Or, after importing, modify the mesh's default Opacity in advance.

2) Update plan

Yes, we have confirmed that it is a bug and will apply it in the next update whenever possible.

Thanks to a lot of feedback, we could see a lot of what we missed.

Thanks for reporting the bug. :)

Thanks, I'll try that and I let you know if I encounter some problem. By the way, I was set an object's opacity %25 or something in Photoshop but when I imported into AnyPortrait, it is %100 opacity. It seems AP doesn't support PSD opacity. I have two questions about that.

1) Is there a solution for that opacity problem if we already finished the animation?

2) Will the opacity support come in next updates?

When we read your post above, we thought you were trying to play two animations simultaneously.

But if, like this post, you simply want to switch the Root Unit while playing the second animation, that can be done simply!

You don't have to split it into two GameObjects.

For example, suppose that "Root Unit 0" contains an animation clip called "Anim A", and "Root Unit 1" contains a clip called "Anim B".

When you call "portrait.Play("Anim A")" with the script, Root Unit 0 with Anim A automatically appears, conversely Root Unit 1 is hidden.

If you call "portrait.Play("Anim B")", it will automatically switch to Root Unit 1, even if you don't use code to disable Root Unit 0.

In addition to the Play() function, functions like CrossFade() are also useful.

You can see the script functions for animation playback at the link below.

We recommend that you try using these script functions and find a production method that works for you.

( https://rainyrizzle.github.io/en/Script/SC_Animation.html )

If you are using Mecanim's Animator, it is recommended to see the explanation at the following link.

( https://rainyrizzle.github.io/en/AdvancedManual/AD_Mecanim.html )

It's your choice whether to divide it into multiple apPortraits and control each one, or switch animations within one apPortrait.

If you need additional help with writing the script, please leave a post.

Thank you.

Thanks for the answering my all recommendations and questions! I love you guys, AP will be an amazing program if you keep continue this way.

I'm currently made 2 animation clip in the AP. If I want to control with the code, here's what I thought:

1) Make 2 gameobjects, each has one animation clip.

Player clicks text button and game plays an animation with disable first gameobject and enable second gameobject in the code.

or... is there more efficient way? For example; AP.playAnimation("ClipName"); (I don't know AP codes yet, it just an example). Is there some code like that to play animation/transitions etc..? And if I'm understand right, I have to create new objects for new animation clips instead of creating new root units in the same gameobjects. So what should I do to play animationclip1 to animationclip2?

Hi, Gökdeniz Çetin!

Whoa, the questions and suggestions are really varied and good.

There are many things for us to refer to.

Among your suggestions, we need to add more shortcuts and improve on this system.

Some suggestions have already been implemented in the current version, and we can also answer some questions.

- We need All Meshes to Layers

: The ability to add all meshes to timeline layers at once is already implemented.

Select the "Transform (Animation)" timeline, select a mesh, and on the right side of the screen, you can find that button.

It is also possible to add all bones as timeline layers at once in the same way.

- Preferences Tab

: I think what you meant is AnyPortrait's "Setting Dialog". There are many options here, if you mean something else, let us know.

( https://rainyrizzle.github.io/en/AdvancedManual/AD_SettingDialog.html )

- And more shortcuts!, etc

: We will add more shortcuts.

And let's make the user-editable shortcut (Some required keys may be excluded.)

Thanks for the great suggestion. :)

- Mouse1 click doesn't work when I click 0, 5, 10, 15, 20 etc...

: The 5, 10.. frames in the timeline are just notation, and you can move the Time Slider right away by doing "Ctrl + Shift + Left Click".

- Auto bake in every 5 minutes

: AnyPortrait has Auto Backup, but Auto Bake is not supported.

Unlike Backup, Bake has a lot to do with the editing process.

Therefore, structurally, it is almost impossible to develop Auto Bake without side effects.

Sorry.

- Auto Keyframe always on (It can be changeable in preferences tab)

: That's a great idea. We will add options related to Auto Keyframe.

- Auto Rig..

: If you hold down the Ctrl key and press the Auto-Rig button, you can select bones and run Auto-Rig.

( https://rainyrizzle.github.io/en/AdvancedManual/AD_VariousRigging.html )

- Photoshop's Lasso tool.

: The Lasso tool is a good tool, but it seems to be less useful than its development level, so we have lowered the priority of this tool.

We have a few more important work left, so maybe we can start developing it once we're done.

- Clipping Mask..

: Not sure, but this could be implemented using custom shaders!

We can test it out and, if possible, inform you through a tutorial on the homepage.

- Auto-generated Polygons / Puppet Pin tool

: That's a great suggestion!

Actually, these are features that we have been thinking about for a long time. These are our long-term plans, and we need to address several technical issues to develop them.

As a reminder, the existing Auto-Gen Mesh function will be remade.

- Editing multiple rigs

: In the latest version of AnyPortrait, multiple selection is applied, so you can edit bones at once.

Check if there are keyframes connected to each bone. (It doesn't matter if Auto-Key is turned on.)

As an exception, if multiple bones are linked in a parent-child relationship, only the parent bone will be in control.

Depending on the IK or other options, it may seem unedited, so if you can give us a more detailed explanation, we will check it.

- Root Units

: Root Unit doesn't mean a separate character, but a "unit that is processed and rendered in the current game" among many Root Mesh Groups. So, multiple Root Units are not running at the same time.

1) If you created one Root Unit to be one character, duplicate the entire apPortrait character in the Unity Scene, and make each character have a different Root Unit.

You can see the animations of the characters in the Unity Scene.

2) Conversely, if Root Units don't mean each character, and each element needs to be shown and executed at the same time, there's a different way. This method is not recommended, but it may be necessary for you.

It is to create a new Root Mesh Group and put the existing Mesh Groups into its children.

And make the animation belong to the parented Root Mesh Group, not the existing Mesh Group.

Please refer to the link below for this process. (Data may be deleted during this process, so you must make a dummy or backup.)

https://rainyrizzle.github.io/en/AdvancedManual/AD_AnimationIssueChild.html

Through this method, objects that were divided into two Mesh Groups are merged into one Root Mesh Group.

However, the animation clip is still split, so you need to merge it.

With the animation copy function, most data except Morph can be saved or opened as a file.

Check this feature introduced in the link below.

https://rainyrizzle.github.io/en/AdvancedManual/AD_ExportImportAnimation.html

The approximate sequence of work is as follows:

- Save the A clip as a file.

- Add the Timeline Layers that were in clip A to clip B.

- Import clip A saved as a file to clip B. (Check the timeline layer to be imported.)

- Delete the A clip.

Your ideas will be of great help to our team.

If you have more questions or suggestions, please leave a post.

Thank you.

In the animation clip editing section, I cannot move two rigs at the same time. This is an issue for me because when I want to move two ears to upward, I need to select both of them. If I make seperate movement, it's not the proper way. Can this be solved in next update?

I have also one more question. I made two animations for two different psd files in the same editor (game object). I created two root unit to auto play animation. But in the editor, only one auto play selectable for one animation clip. Even both of them root unit, if I disable "Root Unit 0" gameobject and enable "Root Unit 1", I cannot see the animation. What should I do? I was going to control two animation with a script that enables and disables "Root Unit X" gameobjects. But looks like it wouldn't work. What should I do? What is the proper way?