Yamyam: 1版をインポートしました

2018-06-28T19:51:54Z

1版をインポートしました

2014年10月23日 (木) 11:25にwiki>Urkokulによる

2014-10-23T11:25:22Z

新規ページ

{{Page/Header||}}

=Shape Key Examples=
We are going to illustrate what we saw in the previous pages with two examples, a simplistic face for relative shape keys, and a simple growing flower for absolute shape keys.

== A Face Animation With Relative Shape Keys ==
This first example is going to be very simple, but I hope it to illustrate all key points of relative shape keys! We’ll use a face with just two eyes and a mouth – if you are used to comics, you should know this is enough to express nearly all human feelings…

=== Modeling ===
[[File:ManAnimationTechsShapeKeysExRSKFaceModel.png|frame|right|A quite simple face’s mesh.]]
This is quite trivial – just add a plane and subdivide it a few times, then insert in it the eyes and the mouth openings, using selective subdivision and deletion of faces/edges… See the [[Doc:2.6/Manual/Modeling|modeling chapter]] for more details.

Once a {{Literal|Subdivision Surface}} modifier added, you should get something similar to (''A quite simple face’s mesh'').

Now, add vertex groups for each “animation part”: <code>eye_r</code>, <code>eye_l</code>, <code>mouth_r</code>, and <code>mouth_l</code> (I hope you know which vertices to put in each group!).

=== Creating Shape Keys ===
The first created shape key (<code>Basis</code>) will keep its neutral face as we modeled it. Next we add the “pieces of feeling” shapes – even with such a simple face, we’ll create quite a bunch of keys:
*For the right eye, create an <code>eye_r_close</code> one, an <code>eye_r_sad</code> (eye rotated, lower at the border of the face), and an <code>eye_r_angry</code> (eye rotated, upper at the border of the face). Do the same for the left eye (<code>eye_l_…</code>).
{|align=center
|[[File:ManAnimationTechsShapeKeysExRSKFaceEyeRCloseSK.png|thumb|150px|<code>eye_r_close</code>.]]
|[[File:ManAnimationTechsShapeKeysExRSKFaceEyeRSadSK.png|thumb|150px|<code>eye_r_sad</code>.]]
|[[File:ManAnimationTechsShapeKeysExRSKFaceEyeRAngrySK.png|thumb|150px|<code>eye_r_angry</code>.]]
|}
*For the right part of the mouth, create <code>mouth_r_shut</code>, <code>mouth_r_open</code>, <code>mouth_r_down</code>, and <code>mouth_r_up</code> shape keys. Again, do the same for the left part of the mouth.
{|align=center
|[[File:ManAnimationTechsShapeKeysExRSKFaceMouthRCloseSK.png|thumb|150px|<code>mouth_r_close</code>.]]
|[[File:ManAnimationTechsShapeKeysExRSKFaceMouthROpenSK.png|thumb|150px|<code>mouth_r_open</code>.]]
|[[File:ManAnimationTechsShapeKeysExRSKFaceMouthRDownSK.png|thumb|150px|<code>mouth_r_down</code>.]]
|[[File:ManAnimationTechsShapeKeysExRSKFaceMouthRUpSK.png|thumb|150px|<code>mouth_r_up</code>.]]
|}

For each of these keys, type in their {{Literal|Vertex Group}} field the name of the relevant vertex group we previously created – this way, you explicitly restrain your keys to affect only “their” vertices. You will see how this might be useful later in this example.

This makes fourteen keys (plus the <code>Basis</code> one), fourteen “expression bricks”, sufficient to build nearly every human expression (in a “comic” fashion – a realistic face would need to include much more details and elements, like eyebrows, nose, etc.)

=== Animating ===
[[File:ManAnimationTechsShapeKeysExRSKFaceHalfSmileExpression.png|frame|right|A first expression example.]]
Many relative shape keys can be blended together. For example, to create an half-smile (left part of the mouth) with a right eye blink, starting from the default state (all shape keys’ influences set to zero, i.e. <code>Basis</code> shape active only), close a bit the right mouth part (<code>mouth_r_shut</code>), rise and open the mouth left part (<code>mouth_l_open</code>, <code>mouth_l_up</code>), close slightly the right eye (<code>eye_r_close</code>), and make it bend a bit (<code>eye_r_sad</code>). You should get something similar to (''A first expression example''). You can use the slider of each shape key to set their value, or directly add and edit F-curves for their channels in the {{Literal|Graph Editor}} window.

Now that you know how to create an expression, animate it!

[[File:Doc-26-Manual-Animation-Techs-ShapeKeys-ExRSKFaceHalfSmileIpoCurves1.png|thumb|300px|right|Our first “half smile” animation’s F-curves.]]
Let’s say we start at frame '''10''' with the neutral expression, want the full half-smile with the blink at frame '''50''', and back to neutral face at frame '''90'''.

First, move the whole keyframe you created above at frame '''50''' (use for example the {{Literal|Graph Editor}}…). Then, add new keyframes at frame '''10''' and '''90''', by setting all above affected shape keys at zero.

<vimeo>15189494</vimeo>

[[File:Doc-26-Manual-Animation-Techs-ShapeKeys-ExRSKFaceHalfSmileIpoCurves2.png|thumb|300px|right|Enhanced “half smile” animation’s F-curves.]]
This will give us an animated face – but the playback ({{Shortcut|alt|A}}) is not very convincing! The eye blink should be very short, compared to the mouth smile. Well, this is just F-curve timing – narrow the “zero” control points of the <code>eye_r_close</code> F-curve near the '''50''' frame. Similarly, the smile might stay a few frames at its maximum, so duplicate the “full smile” control points of the <code>mouth_r_shut</code>, <code>mouth_l_open</code> and <code>mouth_l_up</code> F-curves, and move them e.g. to frame '''70'''.

Hit {{Shortcut|alt|a}} again – now that’s better.

<vimeo>15189450</vimeo>

Using this process, you can animate your face, make it laugh, cry, talk, frightened, angry, etc. As {{Literal|Shape Keys}} datablocks can become actions, you could also use actions to gather all these small “expression bricks” animations in higher-level actions (one for laugh, crying, etc.), and then use them in the NLA…

One last thing: we are going to see why we created those vertex groups. Right now, you can erase their names in the {{Literal|Vertex Group}} fields of your shape keys, you’ll see no difference in the animation. But our face is somewhat squarish – let’s make it more rounded!

Select the <code>Basis</code> key, enter {{Literal|Edit}} mode ({{Shortcut|Tab}}), select the border vertices, and make them ”circle-ish” (use e.g. the {{Literal|To Sphere}} tool). Now, if you erased the vertex groups’ names from your key fields, you are going to have a surprise: each time one of these keys have an influence higher than zero, the face tends to come back to its squarish shape – it even become sometime “over-squarish”! Arg!

<vimeo>15189610</vimeo>

Remember: ''a shape key stores all its vertices’ positions''. As you edited the <code>Basis</code> one, but not the others, for these the face is still squarish. You have two ways to solve this problem:
*You can propagate the change from <code>Basis</code> to all other shape keys (select the affected vertices, and hit {{Shortcut|W}}{{Menu|type=popup|Shape Propagate}}). This will result in modifying all shape keys – you’ll often have to check them after that, to make sure this didn’t affect them in an undesired way…
*You can use vertex groups to control shape keys’ influence! Type again the relevant names in your shape keys’ {{Literal|Vertex Group}} fields, ''et voila''! Playing again the animation, you can see that the face now remains nicely rounded in every circumstances!

<vimeo>15189685</vimeo>
{{clr}}

== A Growing Flower Animation With Absolute Shape Keys ==
This is going to be a “nicer” example – let’s make grow a (daffodil inspired) flower.

Here again, we’ll use a mesh. Note that this won’t be a realistic grow – it would take days to model such one!

=== Modeling ===
We won’t detail the flower modeling here – see the [[Doc:2.6/Manual/Modeling|dedicated chapter]]! Our flower is made of several distinct meshes (the bulb and roots, the leaves, the stem, and the flower), each created by extrusion (and a few sub-divisions) of basic shapes, and each having a simple, solid-colored material.

[[File:ManAnimationTechsShapeKeysExASKFlowerModel.png|thumb|400px|right|The “basic working” shape of our daffodil.]]
One key point when you model an object you intent to morph with absolute shape keys is to keep in mind all steps it is going to go through – remember you cannot change the topology of your object with shape keys (i.e. cannot add nor remove vertices, edges or faces)!

Also, you should model your object in its most “neutral” state – here, I decided to make the “daffodil” nearly full grown, but with the stem still perfectly straight, its flower bud closed, and the flower itself (a separated mesh) completely apart.

This will become your <code>Basis</code> key – but with absolute keys, you do not have to use it at all!

=== Creating Shape Keys ===
As said above, we won’t use the first added shape key (<code>Basis</code> one). And don’t forget to disable the {{Literal|Relative}} button!

{|align=right
|+'''Three shape keys of the growing flower.'''
|-
|[[File:ManAnimationTechsShapeKeysExASKFlowerFinalK.png|thumb|300px|right|The <code>final</code> shape key.]]
|-
|[[File:ManAnimationTechsShapeKeysExASKFlowerStemMidK.png|thumb|300px|right|The <code>stem_mid</code> shape key.]]
|-
|align=center|[[File:ManAnimationTechsShapeKeysExASKFlowerLeavesMidK.png|thumb|300px|right|The <code>leaves_mid</code> shape key.]]
|}
In general, it’s easier to go from “most complex” to “simplest”, so our first real key (named <code>Final</code>) will be the full grown flower. Again, we wont detail the modeling here (only vertices/edges/faces transformations, now!).

Then, we add, ''based on the previous <code>final</code> key'', the “previous” one, <code>flower_mid</code>, which, once correctly edited, represents the flower half opened.

The “previous” one, <code>flower_start</code>, will represents the stem and leaves fully developed, but with a closed flower bud – nearly the same as the first <code>Basis</code> key, so just add it from this one!

From now on, we continue to add “previous” keys, regressing each time the flower development (<code>stem_mid</code>, <code>stem_start</code>, <code>leaves_mid</code>, <code>init</code>). Each key is based on the “next” one, just shortening the stem, leaves, roots…

Once again, this example is very raw – to have a good growing interpolated animation would need more keys (if you look close to the video, or the blend file, you’ll see there are some interpolation artifacts…).

=== Animating ===
Well, this is the best part! You just have to organize well your shape keys’ lines in the {{Literal|Graph Editor}} window – they must be in the right order, first <code>init</code> one, then <code>mid_leaves</code>, <code>start_stem</code>, etc.

Next thing to do is to keyframe linear this shape keys, starting at frame '''25''' on the first <code>init</code> shape key and ending at frame '''475''' on the last <code>final</code> one, but you might use a more complex one, to control the morphing more precisely!

<vimeo>15188987</vimeo>
{{clr}}

If you do not have the video, here are some screenshots:

{|align=center
|[[File:ManAnimationTechsShapeKeysExASKFlower001.jpg|thumb|100px|frame '''001'''.]]
|[[File:ManAnimationTechsShapeKeysExASKFlower100.jpg|thumb|100px|frame '''100'''.]]
|[[File:ManAnimationTechsShapeKeysExASKFlower200.jpg|thumb|100px|frame '''200'''.]]
|[[File:ManAnimationTechsShapeKeysExASKFlower300.jpg|thumb|100px|frame '''300'''.]]
|[[File:ManAnimationTechsShapeKeysExASKFlower400.jpg|thumb|100px|frame '''400'''.]]
|[[File:ManAnimationTechsShapeKeysExASKFlower500.jpg|thumb|100px|frame '''500'''.]]
|}

{{clr}}

← 古い版	2018年6月28日 (木) 19:51時点における版
(相違点なし)

Doc:2.6/Manual/Animation/Techs/Shape/Shape Keys/Examples - 版の履歴

Yamyam: 1版 をインポートしました

2014年10月23日 (木) 11:25にwiki>Urkokulによる

Yamyam: 1版をインポートしました