【Illustrator】ぷっくり可愛い動く3D（前編）

2023年10月15日2023年10月16日

今回はこのようなぷっくり可愛い3Dアニメーションを作ります。
LINEスタンプ用に小さく作りました。

全編ではIllustratorでシェイプを3Dにします。
後編ではAfter Effectsで簡単にアニメーションを作成してLINEスタンプ用に書き出します。

Illustratorを開きます。
新規作成
今回はLINEアニメーションスタンプ用に作成しますので

背景を作成

長方形ツールを選択します。
アートボードと同じサイズの長方形を描きます。

グラデーションツールを選択します。

長方形をクリックしてグラデーションにします。

カラーを設定します。

右もダブルクリックして色を変更します。

背景レイヤーにロックをかけておきましょう

ハートレイヤーを選択します。

長方形ツールを選択します。
アートボードをクリックします。

ダイレクト選択ツールを選択します。

バウンディングボックスをポイントすると、両方向矢印が出ますので、
shiftキーを押しながら角度を変更します。

効果をかけます

【効果】から【ワープ】
でこぼこを選択します。

さらに

ハートが完成しました。
少し大きくしておきましょう。

翼を作ります

ハートの選択を解除します。

塗りの色を白にします。
線はなしにします。
長方形ツールを選択します。
カンバスをクリックして長方形パネルを出します。

長方形ができました。

もう一度カンバスをクリックします。
幅30高さ90

3つ目は
幅30高さ80にします。

楕円形ツールを選択します。
カンバスをクリックします。

正円ができました。

少し位置を調節します。

少し傾けると羽らしくなりました。

ブラシを選択します。

うずまきと羽を両方選択してCtrl+Gでグループ化しておきます。

ハートと羽の大きさを見てハートのサイズを整えておきましょう。

3Dにする

ハートを選択します。
【効果】から【3Dとマテリアル】

とても可愛いですがこのままではラインスタンプにした時にサイズが大きすぎるのでアップロードできません。

整えていきましょう。

羽を選択します
3Dとマテリアルパネルの
膨張を選択します。
奥行き：0
ボリューム：50

タブをライトにします。
環境光のチェックを入れ
100にします。

羽を複製

羽を選択します。

ハートの中に文字を入れる場合

ハートに文字を入れるときは
先端の丸いテキストを選択すると可愛らしくなります。
今回はVDL V7丸ゴシック、Boldにしました。
テキストとハートを中央で整列します。

3Dとマテリアルパネルのオブジェクトタブを選択します。
膨張
奥行き0
ボリューム50

After Effectsで作業ができるように
レイヤーを1つ1つ分けておきます。

ファイルから名前をつけて保存しておきましょう。
これでIllustratorでの作業は完成です。