いちスタ Free | 無料で1秒Twitchバッジ作成

クイックスタートガイド (クリックで開閉)

1

素材の準備・自作

透過画像をアップロードするか、72x72グリッド等のペイントでドット絵を描きます。

2

エフェクト調整

Fit Scaleでのサイズや位置の調整、輪郭ネオンやドロップシャドウを好みの色と強さに調整します。

3

書き出し

バッジ用、またはチャンネルポイント用(112px/56px/28px)の一括ダウンロードZIPを実行します。

4

宣伝・共有

「ギャラリーに公開」であなたの作品を投稿し、他の配信者に配布したりTwitch配信チャンネルを宣伝しましょう！

1. 画像入力 / 自作ペイント

画像をドラッグ＆ドロップ

またはファイルを選択

推奨: 透過背景の正方形画像

filename.png

グリッドサイズ

18x18 36x36 72x72 (高精細・元画像劣化なし)

カラーパレット

2. 公式Bits配色プリセット

バッジ画像の背面にネオン発光グローとして適用します。輪郭ネオンの色は変わらず、背景のオーラ成分のみを切り替えます。「背景ネオン」トグルでON/OFFできます。

通常バッジ (1 〜 100,000 Bit)

高額バッジ (200,000 〜 1,000,000 Bit) 背景: #3E3260

3. 装飾パーツレイヤー

バッジの上下に王冠や公式バッジ枠などのパーツを追加できます。

装飾パーツを選択 (計12種)

重ね順

画像前面画像背面

サイズ 40%

位置 X (左右) 0

位置 Y (上下) -35

回転角度 0°

装飾パーツの着色モード

Glowと同期単色グラデーションメタリック

装飾パーツ専用カラー

#ffffff

開始色

#ffe066

終了色

#f5af19

グラデーションの形

線形円形

金属の種類

4. 輪郭ネオン設定

ネオン効果 (Glowエフェクト) ON

ネオン発光とアウトラインを有効にする

カラーモード

単色グラデーション

ネオンカラー選択

開始色

#ff007f

終了色

#00f0ff

グラデーションの形

線形 (Linear) 円形 (Radial)

光の広がり (Glow Size) 8px

光の強さ (Intensity) 3

背景ネオン (使用/なし) OFF

背景ネオンを有効にする

5. ドロップシャドウ設定

ネオンGlowの背後にドロップシャドウを配置し、視認性を高めます。

影の不透明度 0.4

影のぼかし量 4px

ネオンや影がキャンバスの端で途切れるのを防ぎます。

位置 X 0

位置 Y 2

6. 視認性設定

画像スケール (Fit Scale) 90%

※画像サイズや拡大・縮小率を調整します。

画像位置 X (左右) 0

画像位置 Y (上下) 0

バッジプレビュー

72 × 72 px (大・ドラッグで画像やパーツを移動)

36 × 36 px (中・拡大表示)

18 × 18 px (小・拡大表示)

18px実寸等倍表示:

小さくても輪郭や装飾が崩れていないか確認できます。

チャット表示シミュレーター

NeonStreamer : これが実際のチャット欄での等倍表示イメージです！

GlowFan_01 : 公式カラーのプリセットでBitsランク感が出ますね！🎉