【ココフォリア・配信】動く会話UI APNG素材50種 入力中・吹き出し・通知・選択肢
- Digital500 JPY


【概要】 「入力中…」の点、吹き出しがポンと出る、通知バッジ、既読風チェック、ローディング、タイピングカーソル、メッセージ着信、電話の着信、選択肢ボタン、送りアイコン▼など、会話・UIの「動き」50種を背景透過のアニメーションにしました。 すべて ライト/ダークの2テーマ 入り(計100アニメーション)。ADV(ノベルゲーム)風の演出、TRPGセッションでのNPCとのチャット再現、配信のチャット演出、切り抜き動画のメッセージ表現にどうぞ。 ・ココフォリアの前景/スクリーンパネル/カットインにそのまま置ける透過APNG(1ファイル5MB以内) ・OBSや動画編集向けの軽量WebP版、静止画PNG版も同梱 ・継ぎ目のないループ再生 ・吹き出しの文章部分はダミーの棒なので、好きなセリフを重ねて使えます ・オリジナル図形で制作した非公式素材です(各ツール・アプリの公式素材ではありません) 【収録内容(点数・サイズ)】 50種 × ライト/ダーク = 100アニメーション 各 APNG・WebP・静止画PNG の3形式(合計300ファイル) ■ 01_入力中・タイピング 01 入力中の点_バウンド 240×140px/24コマ・16fps(約1.5秒ループ) 02 入力中の点_フェード 220×120px/24コマ・12fps(約2.0秒ループ) 03 入力中の点_ウェーブ 220×90px/24コマ・16fps(約1.5秒ループ) 04 入力中テキスト 300×96px/32コマ・8fps(約4.0秒ループ) 05 カーソル_縦棒点滅 420×110px/24コマ・12fps(約2.0秒ループ) 06 ブロックカーソル 300×120px/24コマ・12fps(約2.0秒ループ) 07 入力欄にタイピング 520×110px/48コマ・12fps(約4.0秒ループ) 08 吹き出し内タイピング 300×150px/36コマ・12fps(約3.0秒ループ) ■ 02_吹き出しがポンと出る 09 ポンと出る_角丸吹き出し 380×260px/30コマ・15fps(約2.0秒ループ) 10 ポンと出る_左チャット 440×170px/30コマ・15fps(約2.0秒ループ) 11 ポンと出る_右チャット 440×170px/30コマ・15fps(約2.0秒ループ) 12 考え中の吹き出し 380×300px/36コマ・12fps(約3.0秒ループ) 13 叫び吹き出し 380×280px/24コマ・16fps(約1.5秒ループ) 14 メッセージが積み上がる 440×380px/48コマ・12fps(約4.0秒ループ) ■ 03_通知バッジ 15 数字バッジ_カウントアップ 160×160px/40コマ・12fps(約3.3秒ループ) 16 ドットのパルス 160×160px/24コマ・12fps(約2.0秒ループ) 17 ベルが揺れる 200×200px/30コマ・15fps(約2.0秒ループ) 18 NEWタグ_きらり 240×120px/24コマ・12fps(約2.0秒ループ) 19 通知バナー_スライド 640×170px/36コマ・15fps(約2.4秒ループ) ■ 04_既読・送信ステータス 20 チェックが描かれる 160×160px/30コマ・15fps(約2.0秒ループ) 21 ダブルチェック 200×120px/30コマ・15fps(約2.0秒ループ) 22 既読表示 340×140px/30コマ・12fps(約2.5秒ループ) 23 送信ステータス 220×120px/36コマ・12fps(約3.0秒ループ) ■ 05_ローディング 24 スピナー_リング 160×160px/30コマ・15fps(約2.0秒ループ) 25 スピナー_ドット 160×160px/24コマ・12fps(約2.0秒ループ) 26 プログレスバー 520×100px/48コマ・15fps(約3.2秒ループ) 27 Loading文字 340×100px/30コマ・15fps(約2.0秒ループ) 28 砂時計 180×220px/36コマ・12fps(約3.0秒ループ) 29 スケルトン読み込み 500×210px/24コマ・12fps(約2.0秒ループ) ■ 06_メッセージが届く 30 封筒が飛んでくる 340×230px/36コマ・15fps(約2.4秒ループ) 31 封筒が開く 280×280px/36コマ・12fps(約3.0秒ループ) 32 紙飛行機が飛ぶ 520×260px/48コマ・16fps(約3.0秒ループ) 33 メッセージアイコン+1 240×220px/30コマ・12fps(約2.5秒ループ) 34 トレイに届く 280×260px/36コマ・12fps(約3.0秒ループ) ■ 07_電話の着信 35 受話器が揺れる 220×220px/24コマ・16fps(約1.5秒ループ) 36 着信画面カード 360×500px/36コマ・12fps(約3.0秒ループ) 37 スマホが震える 240×280px/24コマ・16fps(約1.5秒ループ) 38 着信の波紋 260×260px/30コマ・15fps(約2.0秒ループ) ■ 08_アイコンの揺れ・リアクション 39 アプリ風アイコンの揺れ 220×220px/30コマ・15fps(約2.0秒ループ) 40 メールアイコンが跳ねる 220×240px/24コマ・12fps(約2.0秒ループ) 41 リアクションがポン 240×220px/30コマ・15fps(約2.0秒ループ) ■ 09_選択肢ボタン 42 選択肢ボタンが光る 460×130px/30コマ・15fps(約2.0秒ループ) 43 選択肢リスト 520×330px/48コマ・12fps(約4.0秒ループ) 44 ポインター▶ 140×120px/16コマ・12fps(約1.3秒ループ) 45 ボタン押下リップル 400×130px/30コマ・15fps(約2.0秒ループ) 46 はい・いいえ 520×140px/32コマ・8fps(約4.0秒ループ) ■ 10_送りアイコン・ADV窓 47 送り▼_バウンド 100×100px/16コマ・12fps(約1.3秒ループ) 48 送り◆_回転 100×100px/24コマ・12fps(約2.0秒ループ) 49 流れる矢印≫ 220×100px/24コマ・15fps(約1.6秒ループ) 50 ADVメッセージ窓 1280×330px/60コマ・15fps(約4.0秒ループ) ※同梱:00_はじめにお読みください.txt(使い方・規約)、99_プレビュー.png(収録一覧) 【使い方】 1. ZIPを解凍し、カテゴリ別フォルダから使いたい素材を選びます(ライト/ダークはファイル名末尾で区別)。 2. ココフォリア:スクリーンパネルに APNG をアップロードして位置・サイズを調整。画面全体に重ねるときは前景、一瞬見せたいときはカットインに登録します。 3. OBS:画像ソースまたはブラウザソースで APNG/WebP を読み込みます(APNGが動かない環境ではWebP版を使用)。 4. 動画編集:APNG/WebPを読み込めるソフトではそのまま、読み込めない場合は静止画PNGに拡大・フェード等を付けてお使いください。 5. 吹き出しの中には、お好きな文字を上から重ねてください。 【利用規約】 ・個人・商用利用OK(同人誌・グッズ・配信・動画・ゲーム・TRPGシナリオ・SNS等) ・加工OK ・クレジット表記は任意 ・素材そのもの(または加工しただけのもの)の再配布・販売・素材集への収録は禁止 ・AI学習用データとしての利用は禁止 ・公序良俗に反する用途・誹謗中傷への利用は禁止 ・規約は予告なく変更する場合があります 【注意事項】 ・デジタルデータの商品です。購入後のキャンセル・返金はお受けできません。 ・APNGの再生は表示環境(ブラウザ・ソフト・SNS)によって対応が異なります。動かない場合はWebP版・静止画PNG版をご利用ください。 ・ココフォリア・OBS等の名称は対応用途の説明のために記載しており、各サービスとは関係ありません。 ・実在のアプリ・サービスのデザインを再現したものではありません。 ・サムネイル・プレビュー画像は使用イメージです。

