HHiROs Studio

インスタ投稿の作り方:テンプレートに写真と文字を入れて、1080×1080で保存する(無料)

お店の新メニューやお知らせを、インスタグラムに投稿したい。でも、デザインは苦手…。そんなときは、HiROs StudioのWeb版フォトエディタのテンプレートを使ってください。写真を入れて、文字を打ち直すだけで、投稿用の画像ができます。

無料で、インストールも会員登録も要りません。写真は、お使いのブラウザの中だけで扱います。

テンプレートで作ったインスタ投稿の画像。いちごサンデーの写真、NEWの札、780円の値段
この記事で作る画像。写真を入れて、文字を打ち直しただけです。

Web版フォトエディタを開く →

練習用の写真

練習用の写真(sample-sundae.jpg)をダウンロード

(写真: Wikimedia Commons より、自由に使える写真(CC0)を使っています。)

1. テンプレートを開く

  1. Web版フォトエディタを開きます。
  2. 左上の「ファイル」→「テンプレートから作成…」を押します。
ファイルメニューから、テンプレートから作成を選ぶところ
①「ファイル」→ ②「テンプレートから作成…」。
  1. 見本の一覧から、「インスタ投稿(新メニュー)」を押します。
テンプレートの見本の一覧。インスタ投稿、ストーリー、YouTubeのサムネイル、チラシ、Xの投稿
テンプレートは5種類あります。ほかの種類も、使い方は同じです。

新しいタブで、1080×1080(インスタの正方形)の画像が開きます。右のレイヤー欄では、「写真(差し替え用)」が選ばれた状態になっています。

テンプレートを開いた画面。右のレイヤー欄で、写真の枠のレイヤーが選ばれている
写真の枠が選ばれた状態で開きます。

2. 写真を入れる

  1. 「ファイル」→「画像を配置…」を押します。
  2. 入れたい写真を選びます。
ファイルメニューから、画像を配置を選ぶところ
「画像を配置…」で、写真を選びます。

写真が、枠いっぱいに、自動で収まります。角の丸みも、枠と同じ形になります。

写真が枠にぴったり収まった画面
写真が、枠にぴったり入りました。

(写真の枠が選ばれていないと、写真は画像のまん中に、元の大きさで置かれます。そのときは、Ctrl+Zで戻し、右のレイヤー欄で「写真(差し替え用)」を押して選んでから、もう一度「画像を配置…」を押してください。)

3. 文字を打ち直す

  1. 左のツールで「文字ツール(T)」を選びます(キーボードの T でも選べます)。
  2. 直したい文字(たとえば「季節のいちごパフェ」)を、クリックします。文字が選ばれた状態になります。
  3. そのまま、新しい文字を入力します。
  4. 入力が終わったら、Escキーを押します。
文字ツールでタイトルをクリックして、いちごサンデーに打ち直したところ
タイトルを「いちごサンデー」に打ち直したところ。文字はまん中そろえのままです。

同じやり方で、値段(780円)や、期間(4月30日まで)も打ち直せます。文字の大きさや書体は、文字を選んでいるときの、上の欄で変えられます。文字の飾り方は、写真に文字を入れるの記事でくわしく説明しています。

4. インスタ用に保存する

  1. 「ファイル」→「書き出し…」を押します。
  2. 形式で「JPG (.jpg)」を選びます。
  3. 「保存」を押します。
書き出しの画面で、形式にJPGを選び、保存を押すところ
① JPGを選ぶ → ②「保存」。

保存した画像を、スマートフォンに送って、インスタグラムに投稿してください。

次も使えるように、残しておく

「ファイル」→「プロジェクトを保存」で、文字や写真をあとから直せる形のまま、ファイルに残せます。次のメニューのときは、そのファイルを「プロジェクトを開く…」で開いて、写真と文字を入れ替えるだけです。

うまく作るコツ

よくある質問

お金はかかりますか?

かかりません。テンプレートも無料で、何度でも使えます。

ほかの大きさも作れますか?

テンプレートは、インスタのストーリー(1080×1920)、YouTubeのサムネイル(1280×720)、お店のチラシ(A4)、Xの投稿(1600×900)もあります。白紙から作るときは、「ファイル」→「新規作成…」で、いろいろな大きさを選べます。

Web版フォトエディタで、インスタ投稿を作ってみる →

アプリの機能のくわしい紹介は、Web版フォトエディタの紹介をご覧ください。