コンテンツへスキップ

Shin Naka’s Dev Log

Notes from building things.

メインメニュー
  • HOME
  • WALK ASIA
  • Dev Log
  • THE NAKADEMY AWARDS

【Spark AR】アゴが割れるARエフェクトの作り方

Shin Naka(なかしん) 2020年12月24日 1 分読み取り
icon_ago

Table of Contents

Toggle
    • Share this post:
  • 作り方
    • Blender
    • 問題点
    • 影
    • 光
    • アゴ
    • Spark AR
    • アイコン
  • 完成
  • 著者について
    • Shin Naka(なかしん)
    • Share this post:

Share this post:

Share on X (Twitter) Share on Facebook Share on Email Share on SMS

作り方

オシャレなセルフィーエフェクトを作りたいと思いまして。

インスタグラムでは目を大きくしたり、小顔にしたりするエフェクトが主流ですよね。

でも俺くらいの熟れた年頃になると、そんなもの求めてないのです。どちらかと言うと、ジョン・トラボルタみたいにアゴが割れたいですね。

という事で、いつもの様にSpark ARで試してみますか。男前になるぜ!

Blender

まずはBlenderでFaceMeshの顎を魔改造します。

FaceMeshはこちら

こんな感じでしょうか?

問題点

しかしSpark ARでは顔の映像が正面から投影されるので、これくらいのアゴ割れでは割れてる感じには見えないのですね。。。

こう見えて海千山千のCGデザイナーなので、こういう場合どうすればアゴが割れて見えるのか、こちとら幾つかのテクニックを持ち合わせております。

影

まず、影を描く方向で考えました。影は立体的に見せるには最適な方法の一つですよね。

しかし影を足すと、横を向いた時に顔の表面に影が浮いてしまいます。イマイチですね。

次にポリゴン自体に色を付けるバーテックスカラーを試してみましたが、あまり美しくありませんでした。アゴが汚れてる様に見えただけでした。

光

影でダメなら光りでどうだ! それならハイライトで凹凸を表現しようと試みました。顔のモデルのマテリアルをテカらせるのです。

うん、こちらが正解の様です。ただし、角度によってはハイライトがキツすぎてテカり過ぎるかも知れませんね。

ま、いっか。テカりで困った時は、その時考えよう。

アゴ

という事で、方向性は見えたので、引き続きアゴを深く彫ります。

こうかー! 

いや、まだまだー! 

これくらいしないと割れてる様には見えません。ふざけてませんよ? これでも真面目にやってますからね!

ポリゴンを整えて完成です。

もうこれで良いや。また、何か良い案が思いつけば後で修正すれば良いのです。趣味だもの、

Spark AR

Spark ARで自作のFace Meshを読み込みます。

上の画像の様に、既存のFaceMeshのDeformationから先程作ったアゴ割れFace Meshを読み込めば良いです。

うん。キレイに割れてますね。

アイコン

アイコンは適当すぎますが、今日の所はこれで許して。

他に良いデザインが思いついたら、その時に差し替えますから。

完成

という事で、完成にします。

インスタのエフェクトはこちら
Facebookのエフェクトはこちら

セルフィーも良いですが、外カメラで周りの人に試してみて下さい。きっと新しい発見がありますよ。

著者について

アバター

Shin Naka(なかしん)

Administrator

東京を拠点に、旅の記録〈Walk Asia〉、制作の記録〈Shin Naka’s Dev Log〉、観た映画の私的アワード〈THE NAKADEMY AWARDS〉を個人のログとして書いています。 完成した作品は TIGER ON BEAT 名義で発表しています。

ウェブサイトにアクセス すべての投稿を表示

Share this post:

Share on X (Twitter) Share on Facebook Share on Email Share on SMS

投稿ナビゲーション

前: 【Spark AR】デーモン閣下のARメイクの作り方
次へ: 【Instagram】サングラスが無くても、溶けたチーズを浴びたようなエイリアンの顔が見えるARエフェクトの作り方【ゼイリブ】

関連記事

dawn

【Spark AR】ゾンビ・ボイス・チェンジャーの作り方

Shin Naka(なかしん) 2021年2月25日
5ECD9AE9-246B-4B1F-9B84-209EF3F9A87A

【Spark AR】Instagramフィルター『Vinyl / レコード』の作り方

Shin Naka(なかしん) 2021年2月1日
icon

【Spark AR】ARエフェクト『Halo / 後光』の作り方

Shin Naka(なかしん) 2021年1月21日

Trending News

【Spark AR】ゾンビ・ボイス・チェンジャーの作り方 dawn 1

【Spark AR】ゾンビ・ボイス・チェンジャーの作り方

2021年2月25日
【Spark AR】Instagramフィルター『Vinyl / レコード』の作り方 5ECD9AE9-246B-4B1F-9B84-209EF3F9A87A 2

【Spark AR】Instagramフィルター『Vinyl / レコード』の作り方

2021年2月1日
【Spark AR】ARエフェクト『Halo / 後光』の作り方 icon 3

【Spark AR】ARエフェクト『Halo / 後光』の作り方

2021年1月21日
【Spark AR】Altern 8のマスクの作り方 icon_altern8 4

【Spark AR】Altern 8のマスクの作り方

2021年1月11日
【Spark AR】『ピヨり』ARエフェクトの作り方 icon_stun 5

【Spark AR】『ピヨり』ARエフェクトの作り方

2021年1月6日

Posts Slider

IMG_3808

【物理SIMからeSIMへ引越し方法】iPhone 17 Pro MaxでiCloudなしでもスムーズに移行する手順まとめ

Shin Naka(なかしん) 2025年10月12日
image

【iPhone15】SIMカードの入れ方 入れ替え方法【向きは?】

Shin Naka(なかしん) 2023年10月12日
image

【iPhone SE】SIMカードの入れ方 入れ替え方法【向きは?】

Shin Naka(なかしん) 2023年5月27日
image-2

コンプライアンス・スクリーニング

Shin Naka(なかしん) 2023年2月24日
image

Apple StoreでSIMフリー版の5G iPhoneを買った時のauでやる事

Shin Naka(なかしん) 2021年9月25日

About Shin Naka

Shin Naka(なかしん)

東京を拠点に、旅の記録〈Walk Asia〉、制作の記録〈Shin Naka’s Dev Log〉、観た映画の私的アワード〈THE NAKADEMY AWARDS〉を個人のログとして書いています。 完成した作品は TIGER ON BEAT 名義で発表しています。

見逃したかもしれません

IMG_3808

【物理SIMからeSIMへ引越し方法】iPhone 17 Pro MaxでiCloudなしでもスムーズに移行する手順まとめ

Shin Naka(なかしん) 2025年10月12日
image

【Beach of the Dead 開発記録 Ep24】『ビーチ・オブ・ザ・デッド』メニューリニューアル&広告削除!久しぶりに思い出しながらアップデートしてます【WALK ASIAリンク追加】

Shin Naka(なかしん) 2025年4月26日
image

WordPressでAddToAnyが表示されない原因とは?SNSシェアボタンが出ない時の対処法

Shin Naka(なかしん) 2025年4月22日
image

【Beach of the Dead 開発記録 Ep23】Beach of the Dead ver1.0.10 アップデート情報(Android 13対応・APIレベル修正・データセキュリティ)

Shin Naka(なかしん) 2025年3月29日
Copyright © All rights reserved. | MoreNews by AF themes。