AIイラストでぽよんぽよんさせたい（微妙）

昨日の記事、「AIイラストのスカートをめくりたい。…めくりたくない？」ではそこそこスカートの変形ができたので、あらためてCSSによる図形変形を勉強しようと思いました。

まずは四角形だとピンとこなかったので、赤い枠線の中に球体を入れて動作を確認してみます。

この球体のstyle属性に transform:skew(45deg); を指定すると、↓このように45度傾斜します。これはわかりやすいのでOK。

そして、昨日覚えたばかりのperspectiveを使えば球体を台形にしてつぶした感じになるのかな？とrotateX(45deg)を試してみると、↓こう。

…なるほど？　ついでにrotateY(45deg)を試してみると、こう。

そうかそうか。台形にするプロパティじゃないもんな。perspective（遠近）だもんな。女の子の立ち絵で同じことすればパラッパラッパーみたいになるのかな？

なった。けっこうおもしろい。

じゃあ球体をつぶすのは、普通に上下の大きさを変えたほうが良いのかね？

なんか、違和感。

あ、これアレだ。つぶれてるのに広がってないからだ。

よし。

………………………………………
CSSによる図形の変形についてお勉強しようと思っていたのに気が付いたら脱線していました。

AIイラストをぽよんぽよんさせてみた

3ぽよんにすると、揺らしてもいないのにおっぱいが揺れているように見えるのはぼくだけ…？　老眼に加えて動体視力も衰えてきたかな？

技術解説

新しいことは特になし！

…だと寂しいから一応ネコミミだけ。

@keyframes mimi1 {
	0% { transform:rotate(-5deg) scaleY(0.9);  }
	90% { transform:rotate(1deg);  }
	91% { transform:rotate(-1deg);  }
	92% { transform:rotate(1deg);  }
	93% { transform:rotate(-1deg);  }
	100% { transform:rotate(5deg) scaleY(1); }
}

0%～100%の間（1秒）に-5度から+5度まで耳が傾斜するアニメーションを無限ループしています。

しかし、それだけだと耳っぽくないので、90～93%の間に高速で+1度～-1度の傾斜を2回。耳ピクを入れてみました。

上下運動も角度も過去の記事でやってきたので、特に目新しいことではないのですが、上下運動中に、角度傾斜が2回行われているのはtransformプロパティが複数設定されているということを意味し、実はちょっとした小技だったりします。

CSSやそのアニメーションをやらない方には何のこっちゃな話だと思いますが、transformはCSSの1プロパティに過ぎないので、CSSのルールに基づき、後から追記は出来ず、すべて上書き設定になります。

つまり、上下運動する、というキーフレームと、角度を変更する、というキーフレームを同じ要素に適用しても、どちらか片方（普通は最後に指定したほう）しか有効にならないんですね。

なので、耳全体を覆うように別のDIV要素で囲み、その囲んでいるほうでtransform:translateYによる上下移動。囲まれている耳の要素でrotateによる角度調整を行っています。

こうして書いている本人ですら、わかりづれー説明だな、と思っているので、たぶん誰の役にも立たないと思いますが、なによりぼく自身が後で忘れそうなのでチラシの裏だとでも思って許してちょ。

そんなことより、ネコ耳が根元から動くと思ったより違和感ありますね…。いつか再挑戦してクオリティアップしたいところ。

ベース絵

切り取りパーツ

思ったよりパーツ切り取りが多くなってしまった。

AIイラストでバランスボールの上に座った絵がうまく出せなかったので、M字開脚ポーズのPromptでいくつか出してその中から選んだのだけれど、腕が下に向いていることに気が付かず、バランスボールを腕の下へ入れるために、下半身と上半身をぶったぎりました。

せっかくぶったぎったので、上と下の速度を変更して、腰がグラインドしているようにしてみたら、パーツ同士の隙間が空きすぎてホラーになったのでこれも中止。面倒くさがらずAIイラスト出しなおしておけば良かったね。今回は失敗の多い実験になってしまった。

フリー素材

特に需要ないだろうけど、30秒で描いた球体です。お好きにお使いください。

Prompt

1girl,kawaii,small breasts,short hair with nekomimi,big eyes,white micro bikini sitting,spread legs for M shape
,slim thighs
,looking at viewer
,(simple background:1.8)
,small smile
,full body, POV
,topless,(blush,:o,surprised face:1.2)
Negative prompt: EasyNegative, monochrome, text, signature, (3d,muscle,fleshy:1.2),stockings
Steps: 20, Sampler: Euler a, CFG scale: 7, Seed: 3190982407, Size: 1024x1024, Model hash: 9c59842129, Model: dosmix_, Denoising strength: 0.7, Clip skip: 2

前回、前々回の反省を生かし、

「white micro bikini, topless,(blush,:o,surprised face:1.2)」

でおっぱい丸出し絵を作った後、topless等のキーワードを外して、Inpaintするだけで一発でマイクロビキニを付けてくれました。やったー！

裸にはちゃんと衣装着せてくれるんだよなー、AI君。

まとめ

マイクロビキニをキーワードに入れただけで、胸のサイズ指定しなくてもちっぱいになる。

マイクロビキニとロリはセットということでFA？