無料デザイン作成ツール

オリジナルタグ・リボン制作ツール

上から順に設定すると、そのまま入稿用のPNG画像を作成できます。通常のタグ・リボンも、中央で二つ折りにするピスネームもこの画面で作れます。

登録不要スマホ対応PNG保存既存規格のまま作成

作成を始める前に

楽天市場アプリで開いている方は、Safari・Chromeなどのブラウザーで開いてください。
アプリ内では、完成画像を保存できない場合があります。

  1. 下のボタンで、このページのURLをコピーします。
  2. Safari・Chromeを開き、画面上部または下部のアドレス欄に貼り付けて開きます。

すでにSafari・Chromeで開いている方は、そのまま作成できます。
編集中の内容は、別のブラウザーには引き継がれません。

1作るものと規格を決める

通常のタグ・リボンか、二つ折りのピスネームを選び、サイズを選択してください。

1作成モード
Aピスネームの表・裏
0pxが各面の中央です。マイナスで左右の文字が折り位置へ近づき、プラスで外側へ離れます。
裏面の文字は、下で設定する一行目/二行目のフォント・色・サイズ・字間を共通で使用します。
選択した長さを中央で二つ折りにし、左右を表・裏として配置します。折り位置のガイドは確認用で、保存PNGには入りません。
2規格を選ぶ
現在の出力サイズ 365×126px

2デザインを作る

文字や写真・ロゴを入れてから、書体・大きさ・色・位置を上から順に調整します。設定はあとから何度でも変更できます。

1入れる文字
2背景画像・ロゴを入れる
画像を使わない場合はそのまま次へ進めます。背景写真やロゴ画像を選ぶと、プレビューを見ながら位置・大きさ・回転を調整できます。
画像は選択されていません
配置設定
「100%」は画像全体が作成範囲に収まる大きさです。ピスネームでは表と裏の各面に同じ画像を配置し、「表のみ」の場合は表側だけに入ります。裏面を180°回転すると画像も一緒に回転します。
3背景色を選ぶ
タグ・リボン全体の色です。下の色見本を押すと、すぐにプレビューへ反映されます。

右の文字欄には、選択中の色番号が表示されます。

4一行目の見た目
端末設定は1行目・2行目で共通です。端末に合うフォントを選び、文字サイズ・色・字間を調整します。
5二行目の見た目
一行目と同じ設定にしたい場合は「コピー」を使えます。
6全体を調整
2行まとめて動かしたあと、1行目・2行目をそれぞれ別に微調整できます。
共通設定
2行まとめて移動
1行目だけ調整
2行目だけ調整

3仕上がりを確認する

全体のバランスを確認します。メジャーやグリッドは確認用で、保存PNGには入りません。

1確認表示の設定
プレビュー倍率は画面表示だけを拡大・縮小します。保存PNGの解像度は、選択した出力サイズのままです。

全体プレビュー

スクロールせず全体を確認できます。

4原稿画像を保存する

下のボタンを押すと、完成画像の保存画面が開きます。

次の画面で画像を保存してください。

保存した後は:画像を受注メールへの返信に添付して送ってください。

印刷・仕上がりの注意事項
  • 赤ラインの外は塗り足し部分です。文字や大切なデザインは赤ラインの内側に収めてください。
  • 画面表示と実際のリボン印刷では、色味やサイズが多少異なる場合があります。
  • フォントが端末にない場合、近いフォントで表示される場合があります。
デザインができたら
編集中のプレビュー(拡大した場合は左右へスクロールできます)