Skip to content

Shin Naka’s Tech Log

Notes from building things.

Primary Menu
  • HOME
  • WALK ASIA
  • Dev Log
  • THE NAKADEMY AWARDS

【Spark AR】ジョージ・A・ロメロのメガネの作り方【George AR Romero】

Shin Naka(なかしん) 2020年12月1日 1 minute read
icon_romero

Table of Contents

Toggle
    • Share this post:
  • 作り方
    • MacBook ProでCG
    • Blender
    • モデリング
    • テクスチャ
    • Affinity Designer
    • AR
    • メガネ
    • 白ひげ
    • アイコン
  • 完成
    • 使い方
  • さいごに
  • About the Author
    • Shin Naka(なかしん)
    • Share this post:

Share this post:

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

作り方

みなさんはゾンビ映画の第一人者の故ジョージ・A・ロメロ監督をご存知ですか? ホラー映画の巨匠として有名ですが、自分にとってロメロ監督は大きなメガネに白ひげのかわいいおじいちゃんでした(失敬)。

ロメロ監督は我々にゾンビだけでなく、大きなメガネのかっこよさも遺してくれました。

どうしてもこの大きなメガネが欲しくて調べたところ、Ultra Goliath IIというビンテージ物でしょうか。オランダのPreciosaというブランドがmod.940という復刻版を出している様です。

どちらにしても結構レアなアイテムなので、普通に近所のメガネ屋さんには売ってません。仮にネットに売ってたとして、あの大きなメガネが自分に似合うのか? 事前に試着したいところです。

それならばARで作って試着したらよいのでは?と思い、実際にサクッと作ってみました。俺の行動力、好き。

みなさんも実際に試着できるARエフェクトを作りました。試し方は下の方で紹介していますので、最後までお読み下さい。

MacBook ProでCG

ARでメガネのモデルを作るには、CGのツールでモデリングする必要があります。

自分はお仕事でCGをしてますので、こんなの仕事道具を使えばおちゃのこさいさいです。

しかしこれらの活動の全ては趣味なので、仕事道具を一切使わないルールで行こうと決めています。なので私物のMacBook Proで使える、CGツール探しから。

Blender

Macで無料のCGツールを調べたところ、Blenderというのがヒットしました。早速ダウンロードした所、余裕で使える代物でした。日曜大工ならぬ、日曜CGの始まりです。

blenderのダウンロードはこちら

ただ、MacBook Proのトラックパッドで作業するのは無謀だったので、ワイヤレスのマウスを買いました。

あと13インチのMacBook Proじゃ画面小さいな。16インチのMacBook Proが欲しくなってきました。

モデリング

眼鏡のフレームはドーナツ状のTORUSを元にモデリングしました。

耳にかける部分は、BOXからモデリングを。どうでしょう?

黒いマテリアルをつけたらそれらしいですね。

ちなみに、ロメロ監督のインタビューを見てると、メガネのフレームにべっ甲ぽい模様が薄っすら見えてるのもありました。

模様はテクスチャを貼らないとですね。。。

レンズを入れて、ハードエッジを付けて、法線を整えたら概ね完成!

テクスチャ

テクスチャを描くにはお絵かきツールが必要なのですが、普段はフォトショップ使いなのでフォトショップが欲しい所です。が、さすがに趣味で使うには高価だよね。

なのでフォトショップに似たソフトを探した所、Affinity Designerというツールがヒットしたので使ってみる事にしました。6100円のソフトですが、たまにセールやってますし。

Affinity Designerはこちら

というわけでAffinity Designerで、ロメロ監督風の「白ひげ」を描きました!

え? 白ひげなんて聞いてない? そう言えばまだ、みなさんには白ひげの事は言ってなかったですね。。。

この記事の真の狙いを白状しますと「もうロメロ監督になってしまお?」って企画だったのです。大きなメガネに白ひげで、老若男女みんなロメロ監督になれますよ?

Affinity Designer

さてテクスチャ作成ですが、白ひげなんて簡単にコピペしたら完成だろうと思ってましたが、甘かったですね。

試行錯誤の末、一本一本ひげをマウスでカチカチと描く事にしました。この手法が一番ひげっぽかったのです。

ひげを描くのは簡単なのですが、ひげの位置調整には何日もかかりました。。。

何日といっても、朝の出勤前のスタバでの作業ですが。メガネのモデリングが二日。白ひげが三日ってところでしょうか。

出来たかな? 俺のストイックさ、好き。

AR

ARのツールはUnityかSpark AR Studioしか知らないです。とりあえず、InstagramとFacebookのエフェクトを作るならSpark ARしかないですね。

Spark ARはこちら

Spark ARのFace Decorationをベースにして作りました。

メガネ

Blenerでモデリングしたメガネを「glTF」というフォーマットでエクスポートして、Spark ARにインポートしました。

さっそく、サンプルのモデルさんに着けてみた所。。。

ウケる!

ここでは、メガネの質感やライトの位置を調整しました。

白ひげ

これにAffinity Designerで描いた白ヒゲを足すと。。。

なんだろう、当初思い描いていた「そのモノ」が出来上がってしまった。

ちなみに自分が試した所、ロメロ監督というより宮崎駿監督になってしまいました(笑)

アイコン

アイコンはゾンビライトグリーンに大きなメガネにしました。エフェクトリストに並ぶのでシンプル目でいきます。

さて、これで全て整いました!

完成

というわけでついに完成です。このエフェクトは正式に審査に通ったので、実際にInstagramとFacebookで使えます。

是非とも皆さん、下のリンクから飛んで使ってみてください。

Instagramのエフェクトはこちら

Facebookのエフェクトはこちら

使い方

まずはスマホで@oknakaのインスタを開いて下さい。PCからだとダメです。

次に赤マルのエフェクトタブを押してください。

そして右下の赤マルの保存ボタンを押しておけば、いつでもストーリーズのエフェクトとして使用する事が出来ます。

さいごに

では最後に、メガネをかけていないロメロ監督にARメガネをかけてみようと思います。

Google画像検索でメガネをかけてないロメロ監督を発見!

ここに自家製のARエフェクトを着けてみますね!

完全に一致!

THE END

About the Author

アバター

Shin Naka(なかしん)

Administrator

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

Visit Website View All Posts

Share this post:

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

Post navigation

Previous: Twitter凍結解除
Next: 【Spark AR】『Hexagon / 六角形』の作り方【複眼】

Related Stories

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日

About Shin Naka

Shin Naka(なかしん)

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

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日

You may have missed

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.