8bit風オープニングタイトルの作り方【AfterEffects チュートリアル】

Sdílet
Vložit
  • čas přidán 8. 09. 2024
  • 今回は、8bitのレトロなゲーム風のオープニングタイトルの作り方について解説しています!
    デザインからアニメーションまで全てAEで行っていますので、事前の準備は必要ありません。
    8bitのエフェクトは調整レイヤーを使って簡単に表現することができますので、キャラクターアニメーションなどにも活用してみてください。
    プロジェクトファイルは無料で公開していますので、テンプレートとしてもお使いいただけます◎
    ▶︎プロジェクトファイルのダウンロードはこちら
    mooograph.com/8...
    ▶︎Long Shadowプリセット
    exchange.adobe...
    ▶︎使用しているフォント
    - ゾウフォント
    (www.lazypolarb...)
    - Square Font
    (www.dafont.com...)
    ▶︎リンク
    web: mooograph.com/
    Twitter: / mooograph
    Instagram: / mooograph
    ▶︎Music
    Pookatori and Friends - Kevin MacLeod
    Who Likes to Party - Kevin MacLeod (incompetech.com)
    Manor - Kevin MacLeod (incompetech.com)
    Licensed under Creative Commons: By Attribution 3.0 License
    creativecommons...
    #アフターエフェクト #チュートリアル #8bit

Komentáře • 123

  • @user-tl3rd4jd7d
    @user-tl3rd4jd7d Před 2 lety +50

    切り抜きのOP作るときに参考にされてるやつか

  • @tkd8956
    @tkd8956 Před 2 lety +6

    あなたのおかげで盛り上がってる界隈がある

  • @carrotbeam
    @carrotbeam Před 2 lety +33

    まずは簡単な挨拶
    俺様がはんじょう

  • @yoshinama
    @yoshinama Před 2 lety +13

    心は進化するよ
    もっともっと

  • @user-mk1fx2rd3g
    @user-mk1fx2rd3g Před rokem +7

    long shadows が出てこない方、
    私の場合Macですが、下記の方法で出てきました!
    1. zipファイルから解凍したffxのファイルをコピー
    2. Finder→アプリケーション→Aftter Effects→Presets
    3. Presetsの中にペースト
    4. Aftter Effectsを開いて、エフェクト&プリセットを右クリックしてリスト更新
    これで出来ました!!

    • @user-zj3we2yw3q
      @user-zj3we2yw3q Před rokem

      ありがとうございます!!😭😭
      わからなかったのですごく助かりました!!

  • @4no8ra_818n
    @4no8ra_818n Před 4 lety +17

    memo
    shape layer gradation : 塗り > グラデーション
    文字のグラデーション > 03:10
    text outline : layer style > 境界線
    キーフレーム速度 13:30
    *** sparkle 25:00 ***
    モザイク化:cc block load
    pixel-ish grid for mosaic : grid effect
    reflecting-ish white line running > 32:30

  • @karma9456
    @karma9456 Před 4 lety +21

    24:02 萌えポイント

  • @lailakifayeh1305
    @lailakifayeh1305 Před 3 lety +16

    I don't speak Japanese, but I've learned more from your tutorial than from every tutorial I've seen in English. Amazing! Arigato!

  • @hangyo_don2
    @hangyo_don2 Před 3 lety +1

    AE初心者でしたが無事完成しました。
    今後動画投稿も始める予定なのでその時に使用させていただきます。
    ありがとうございました。

  • @Shinobu_Fujimoto_Aftereffects

    なんとか完成させられました。とても分かりやすかったです。汎用性が高そうなので色々応用したいと思います。ありがとうございました!

  • @tarozzz6468
    @tarozzz6468 Před 4 lety +5

    完成したとき感動しました〜!
    とても勉強になりました、ありがとうございます!
    mooographさんのように素敵な作品を制作できるように頑張ります!

  • @peneropekun
    @peneropekun Před 4 lety +1

    最近AEを使用し始めた初心者なのですが、いつも参考にさせていただいております
    これからも陰ながら応援しておりますー!

  • @atoripokeka
    @atoripokeka Před 4 lety +1

    ありがとうございました。動画のオープニングに使わせていただきます!

  • @momotamago812
    @momotamago812 Před 3 lety

    今まで使ったことないエフェクトだったり機能を使えてめちゃ勉強になりました!

  • @gufomovie6858
    @gufomovie6858 Před 3 lety

    最近Affter Effectsを初めて
    とても勉強になりました!
    わかりやすい解説をありがとうございます。

  • @user-dw7gm3hf9b
    @user-dw7gm3hf9b Před 3 lety

    参考にさせて頂いて新年のモーショングラフィック作りました!有難うございました😆

  • @70persimmon
    @70persimmon Před 4 lety +1

    お洒落で可愛くてとても参考になります!

    • @mooograph
      @mooograph  Před 4 lety

      ありがとうございます!!

  • @user-ok7qi2gn4f
    @user-ok7qi2gn4f Před 4 lety +2

    創作意欲をくすぐられるテクニックとエフェクトが数多く使用されていたので、テンション上がりました!
    フォントも自分好みだったので早速ダウンロードしました!
    いつもありがとうございます!

    • @mooograph
      @mooograph  Před 4 lety +1

      ありがとうございます!結構ボリューム感ありますが、エッセンス的に色々吸収してください!

  • @jyga_____
    @jyga_____ Před 4 lety

    技術も説明も声も素敵です🙇‍♀️

  • @HA-ge3ws
    @HA-ge3ws Před 3 lety

    とても勉強になりました。ありがとうございます。

  • @omuraisutakagi
    @omuraisutakagi Před 3 lety

    Ae初心者でしたが出来ました!ありがとうございました😊

  • @user-gz3sq2eu5l
    @user-gz3sq2eu5l Před 4 lety

    いつも参考にさせていただいてます、とても助かってますありがとうございます

  • @user-uw7vb7nh3v
    @user-uw7vb7nh3v Před 4 lety +1

    とても参考になりました!
    ありがとうございます☺

    • @mooograph
      @mooograph  Před 4 lety

      ありがとうございます😊!!

  • @user-wg6yt2rd5k
    @user-wg6yt2rd5k Před 4 lety

    アフターエフェクト始めたてですごく参考になります!!
    今後も楽しみにしています

    • @mooograph
      @mooograph  Před 4 lety

      ありがとうございます、、🥺たくさん動画あげられるように頑張ります!!

  • @user-jk3gv9yj4f
    @user-jk3gv9yj4f Před 4 lety

    勉強になりました。ありがとうございました。

  • @xobumeowcho5952
    @xobumeowcho5952 Před 3 lety +2

    Yes i saw and subscribed even though i don't understand japanese at all but watching you do it step by step is SUPER helpful and also your voice is really good ^^

  • @user-xf6nv4gx2c
    @user-xf6nv4gx2c Před 4 lety +1

    ありがとうございました!参考にさせて頂き、OPを作り終える事ができました泣

  • @belzebubsantos8980
    @belzebubsantos8980 Před 4 lety +4

    I cant understand Nihonggo but I easily understand your tutorial. Thank you very much. Subbed!!~

  • @X0XO_O
    @X0XO_O Před 3 lety

    なにこれめちゃんこかわいい。

  • @user-pj9bc9ol5i
    @user-pj9bc9ol5i Před 4 lety

    ヤバ!!すごいですね!

  • @0x_jboor
    @0x_jboor Před 2 dny

    i didn't understand anything, but THX

  • @tokyochiro8198
    @tokyochiro8198 Před 4 lety

    いつもありがとうございます。友人のチャンネルのOPにアレンジしてみて使いたいと思います。

  • @user-el3ml1fo2i
    @user-el3ml1fo2i Před 2 lety +11

    4の5の切り抜き

  • @shin612
    @shin612 Před 2 lety +3

    最期のパエリア

  • @quentinschroeder3954
    @quentinschroeder3954 Před 3 lety

    ありがとうございます!

  • @user-if5fs4wg8x
    @user-if5fs4wg8x Před 2 lety +5

    布団ちゃんの切り抜きが使ってました

  • @rikiii
    @rikiii Před 3 lety +1

    i like your video, keep it up!!!

  • @KSGHRK
    @KSGHRK Před 4 lety +4

    水溜りボンドさんが使ってましたね!観たことある~!て思いました。今後の活躍も期待しております!

  • @andymotiond9608
    @andymotiond9608 Před 6 měsíci

    Merci beaucoup!!!! Awseome Tuto. Arigato de France

  • @Taro.Takeda
    @Taro.Takeda Před 2 lety

    24:08 「うふっ////」
    かわいいw

  • @poaxe
    @poaxe Před 2 lety +5

    Long Shadowが検索で出てきません…!
    プリセットはダウンロード済みなのですが原因わかる方いたら教えてください~!

  • @fanyang9567
    @fanyang9567 Před 3 lety

    Thank your Tutorial!

  • @onigiri168
    @onigiri168 Před 3 lety

    Thank you for thisss! Its help me a lot

  • @musicmusic1122
    @musicmusic1122 Před 2 lety +7

    4の5の言わずにねえ

  • @user-ot5eu6pl1e
    @user-ot5eu6pl1e Před 2 lety

    コレはプロっすわ

  • @esusanplay5728
    @esusanplay5728 Před 4 lety +2

    株式会社ほえいのアイキャッチ募集にこれあって笑った

  • @webmaru196
    @webmaru196 Před 4 lety

    グラデーションのこのようなつけ方があるとは知りませんでした。貴重な情報提供をありがとうございました。!!
    ちなみに、マイクの音声もとても聞き取りやすく、「いいな!!」と思っていたのですが、もしよろしければ、どのようなマイクを使用しているのかも教えて頂けると、ありがたいです!

    • @mooograph
      @mooograph  Před 4 lety

      ありがとうございますー!
      マイクは、FIFINEのUSBコンデンサーマイクで、5000円くらいのめちゃ安いやつです!笑

  • @user-pq2eg1li5w
    @user-pq2eg1li5w Před 2 lety

    なるほどーー

  • @user-wp1jy1eh3b
    @user-wp1jy1eh3b Před 4 lety +1

    とても参考になりました。ありがとうございます。
    質問で、lightレイヤーの複製の際に、既存のlightレイヤーに交互に入るように複製されたものをまとめて一気に上レイヤーに持っていくSTを教えていただきたいです。

  • @user-en1yf3qk2u
    @user-en1yf3qk2u Před 3 lety

    素晴らしい動画をありがとうございます!
    こちらのテンプレート素材をFinal Cut Proで使用したいのですが、
    可能なんでしょうか?

  • @user-yc2bv1vo3t
    @user-yc2bv1vo3t Před 4 lety

    すごく楽しく見させてもらいました。自分で作って作品に使ってもいいですか?(単体では無く映像の一部に使いたいです)

  • @casinobets777
    @casinobets777 Před 4 lety

    初米です。いつも見ています。いつも素敵な動画をありがとうございます。先頭のアニメーションで流れている音楽は何でしょうか。。。
    Who Likes to PartyでもManorでもなさそうなので、、、、
    もしよろしければご教示いただけないでしょうか。
    よろしくお願いいたします!

    • @mooograph
      @mooograph  Před 4 lety

      Pookatori and Friendsです!

  • @chocolatebuchus
    @chocolatebuchus Před 3 lety +1

    コメント失礼します!
    27:22 あたりの複製したのちの整理のショートカットを教えていただきたいです!

  • @user-kf4kw4kf5r
    @user-kf4kw4kf5r Před 2 lety +1

    Long Shadowプリセット をインストールしたのですが、Aeでエフェクトを検索してもでてこないのですが、どうしたらいいかわかりますでしょうか。。。

  • @cacao9242
    @cacao9242 Před 3 lety +2

    ロングシャドウって有料プランになりますか?

  • @user-nh3oq1js3u
    @user-nh3oq1js3u Před 3 lety +4

    Long Shadowをインストールしたのに調べても出てきません
    しっかりインストール済みにはなっているんですが…

    • @user-xd5pc7jd6u
      @user-xd5pc7jd6u Před 3 lety

      全く同じ現象なのですが解決しましたでしょうか…??

    • @familytraveldouga
      @familytraveldouga Před 2 lety

      同じくです 解決しましたか?

    • @user-nh3oq1js3u
      @user-nh3oq1js3u Před 2 lety

      @@familytraveldouga 中々解決法が見つからなかったので諦めました😢

  • @shivafather7737
    @shivafather7737 Před 4 lety

    いつも大変勉強させて頂いています。
    一つ質問なのですが、この、チュートリアルを元に作成したものを、私の動画の冒頭に使用してもいいでしょうか?文字を変えている程度なのですが、お時間ありましたらお応えお願いします。

    • @mooograph
      @mooograph  Před 4 lety +1

      問題ありません!ご自由にお使いください!

  • @user-yw9sr9cm2v
    @user-yw9sr9cm2v Před 4 lety +2

    17:03 3Dレイヤーのボタンを押したときにグラデーションが外れただの白文字になってしまうのですが、自分のやり方が悪いのでしょうか?それとも何か手順を飛ばしているのでしょうか…。

    • @amine8102
      @amine8102 Před 4 lety +3

      私も真っ白になったのですが右上のレンダラーをクラシック3Dに戻したら直りました。

  • @yinyinyeung6109
    @yinyinyeung6109 Před 4 lety

    Hi mooograph, I like it soooooooo much , 😍😍😍😍can I use it for my channel (as a reference)?

    • @mooograph
      @mooograph  Před 4 lety

      You can use it for anything! Thanks for sharing:))

    • @yinyinyeung6109
      @yinyinyeung6109 Před 4 lety +1

      mooograph Thank you!!ありがとうございます!(о´∀`о)

  • @bmen7994
    @bmen7994 Před 4 lety +1

    ライトの作成の部分で、リピートがされないのですがどうしたらいいですか?

  • @AndreyWallace
    @AndreyWallace Před 2 lety

    After effects in English please!

  • @or8464
    @or8464 Před 4 lety

    プラグインが何らかの不良で入れられないのですが、初期装備のドロップシャドウから作ることもできますか?

  • @Titanio112
    @Titanio112 Před rokem

    coisa boa

  • @user-tr5pu6nm5t
    @user-tr5pu6nm5t Před 4 lety +1

    レイヤーを1フレームずつ移動させるショートカットってあったんですか!?
    出来たら教えてほしいです!

    • @mooograph
      @mooograph  Před 4 lety +2

      またまたすみません〜。手の感覚でやってしまってたので
      Alt+pagedown/pageup キーの間違いです🙇‍♂️

  • @kendrickae4714
    @kendrickae4714 Před 4 lety

    3時間ぐらいかけて、出来ました。
    有難う御座いました(*^▽^*)

    • @mooograph
      @mooograph  Před 4 lety

      実践ありがとうございます〜😊

  • @PockyCh0422
    @PockyCh0422 Před 4 lety +1

    longshadowをダウンロードできないんですが。。。どうすれば良いでしょうか

    • @mooograph
      @mooograph  Před 4 lety +1

      Winとmacで違うのですが、ffxファイルを入れる場所(macだとpresetsフォルダー)にいれてみてください〜

    • @naohiro_history
      @naohiro_history Před 2 lety +2

      @@mooograph Creative Cloud にインストールされているのですが、long shadowが出てきません…どうしたらいいでしょう?

  • @user-xi5ly2re2l
    @user-xi5ly2re2l Před 10 měsíci

    GC'sブートキャンプってところがこれと全く同じデザインで広告出してたけど許可されてるんかな?
    インスタでたまたま見かけたんやけど…

  • @fadyaf9281
    @fadyaf9281 Před 4 lety

    Hai, i really like your intro , can i use it for my task ??

  • @ske564
    @ske564 Před 4 lety

    モーションアレイのロングシャドウってお金かかりますよね?

  • @user-ui4jn5nn7v
    @user-ui4jn5nn7v Před 3 lety

    縦に線を引くやり方がわかりません、、教えてください

  • @kome9752
    @kome9752 Před 3 lety +1

    31:32

  • @dreampoint8838
    @dreampoint8838 Před 2 lety

    ロングシャドウプリセットがダウンロードしても反映されないのですが、、
    対処法を教えてください🙏
    至急お願いします!

    • @user-hf2lq6rr2s
      @user-hf2lq6rr2s Před 2 lety +4

      もう既に解決してたら申し訳ないです。
      概要欄のURLから飛んでダウンロードした感じですよね?
      一度、Windowsエクスプローラーを開いて、
      ダウンロード欄の中に
      「motion+array+long+shadows.ffx」
      というzipファイルがあるか確認してみて下さい。
      もしあれば、zipファイルを展開して、
      展開したファイルの中にあるプリセットを
      コピーします。
      Windows→program files→Adobe→Adobe after effects→support files
      の順でフォルダを開きます。support filesの中に
      Plug-insというフォルダがあるのでそれを
      開いて、そこにコピーしたプリセットを
      ペーストします。その後、After effectsを
      起動し直せば反映されるはずです。
      Macでも上記のような手順踏めばいけると
      思います。ご参考程度にどうぞ。

  • @rogansayson
    @rogansayson Před 6 měsíci

    bhie, create ka naman ng may english subtitle

  • @user-mo6lo8lz9t
    @user-mo6lo8lz9t Před 2 lety

    23:07

  • @user-xk3fp9kq6q
    @user-xk3fp9kq6q Před 4 lety +1

    これって商用に使わせてもらっても大丈夫ですか?

    • @mooograph
      @mooograph  Před 4 lety

      はい大丈夫です!

    • @user-xk3fp9kq6q
      @user-xk3fp9kq6q Před 4 lety

      @@mooograph ありがとうございます!
      こんな完璧な作品が無料だなんて...
      ♪( ´▽`)

  • @user-th8ml7xz2v
    @user-th8ml7xz2v Před 4 lety +1

    25:00 どうやって中心から綺麗に線引くんですか?

    • @mooograph
      @mooograph  Před 4 lety

      Xの位置をコンポジションの中心に合わせて線を引くとうまくいくと思います!

    • @user-th8ml7xz2v
      @user-th8ml7xz2v Před 4 lety

      @@mooograph ありがとうございます!1

  • @user-th8ml7xz2v
    @user-th8ml7xz2v Před 4 lety

    花火の部分でリピートして90度にしても綺麗に4つ並びません。

    • @bmen7994
      @bmen7994 Před 4 lety

      私も同様のことが起きました、誰か教えてください

    • @user-pj3wr2jf7v
      @user-pj3wr2jf7v Před 4 lety +2

      @@bmen7994 自分もうまくいかなかったのですが、リピーターのトランスフォーマーリピーターのアンカーポイントの値をいじったら形整いましたよ!

  • @user-nd4tz7br6u
    @user-nd4tz7br6u Před 3 lety

    最初の正円の作り方がわかりません😢どなたかわかる方いらっしゃいましたら教えてください!

    • @takutokaneko2353
      @takutokaneko2353 Před 3 lety

      shiftキーを押しながら楕円ツールを使えば正円になりますよ

  • @Jean.franco..
    @Jean.franco.. Před rokem

    QUIERO DROGAAAAAAAA
    psdt: aca aprendiendo pixel art

  • @user-sy6we4gy5l
    @user-sy6we4gy5l Před 2 lety

    czcams.com/video/siSfq4aqeL8/video.html
    積分サークルで使われてました!

  • @user-wi3or6yx5h
    @user-wi3or6yx5h Před 3 lety

    無料のロングシャドウがどこを探しても見当たりません…
    もうなくなってしまったのでしょうか…

    • @mamenaoco
      @mamenaoco Před 3 lety

      私も探して、見つかりません。有料の別のものしかないですね。

  • @saoga3749
    @saoga3749 Před 2 lety +4

    布団ちゃんのやつか

  • @t1ram1su_exe
    @t1ram1su_exe Před 3 lety

    スマホでは作れませんか?

  • @user-lb3nv9wb6b
    @user-lb3nv9wb6b Před 2 lety +3

    布団顎

  • @applepi314root
    @applepi314root Před 10 měsíci

    積分サークルやん笑
    あれパクリかよ笑

  • @user-cm1jy1ko8q
    @user-cm1jy1ko8q Před 2 lety +5

    サムネが布団ちゃん4の5の切り抜き

  • @user-pj3wr2jf7v
    @user-pj3wr2jf7v Před 4 lety

    とっても参考になりました!ありがとうございました!

  • @ulsing1213
    @ulsing1213 Před 4 lety

    勉強になりました。ありがとうございます。