制作ツールの選び方 – 小さな会社の制作室

写真をきれいに整えたいならPhotoshop。文字や図形を組み合わせてチラシを作るならIllustrator。Webページの画面を考えるならFigma。

大まかには、こんな使い分けから考えると選びやすくなります。

ただ、仕事では「写真を直してから、チラシに載せる」というように、いくつかの作業がつながっています。作りたいものに合わせて、ツールを組み合わせることもあります。

この記事では、お店のチラシやSNS画像を例に、それぞれをどんな場面で使うのか紹介します。

3つの違いをざっくり知っておく

ツール	得意な作業	たとえばこんな場面
Illustrator	文字や図形を使ったデザイン、イラストの作成	チラシに見出しや価格を配置する、サイズを変えて使うロゴを作る
Photoshop	写真の補正・加工・合成	商品写真を明るくする、背景を整える
Figma	Webやアプリの画面設計、共有、動きの試作	スマートフォン用の画面を作り、ボタンを押した先を確認する

Illustratorでよく使うのが「ベクター」という仕組みです。線や形の情報で描くので、拡大・縮小して使う図形やロゴなどに向いています。

Photoshopは、小さな色の点が集まった画像を編集するのが得意です。写真の明るさや色を整えたり、複数の画像を組み合わせたりするときに使います。Photoshopでもベクターの図形を扱えるため、できることが重なる部分もあります。Adobe公式：ラスターとベクター

Figmaは、画面を作って共有したり、実際に操作するような試作品を作ったりできるツールです。デザインを見ながら意見を交わし、制作を引き継ぐためにも使えます。Figma公式：UIデザインツール

たとえば、お店の新メニューを紹介するチラシ。商品写真を用意して、メニュー名や価格を載せるとします。

写真が暗ければ、Photoshopで明るさを整える。用意した写真と文字をIllustratorに並べて、紙面を作る。こうした進め方が考えられます。

この組み合わせは一例です。手元のツールや、あとで修正する人に合わせて選んでください。

印刷を頼む場合は、作り始める前に印刷会社のデータ作成ガイドを見ておくと安心です。仕上がりのサイズだけでなく、次のような指定があります。

必要な数値や設定は、印刷会社の指定に合わせましょう。

毎週のおすすめ商品をSNSで紹介するなら、どこを変えることが多いか考えてみてください。

写真を毎回加工するのか。写真はそのままで、商品名と価格だけを差し替えるのか。それによって、作りやすいデータの形も変わります。

ほかの担当者に更新をお願いするなら、その人が元データを開いて直せるか、どう共有するかも確認しておきましょう。

また、チラシをそのまま小さくして載せると、スマートフォンでは文字が読みにくくなることがあります。価格や日付など、見てほしい情報が読める大きさか、実際の表示サイズで確かめてください。情報を絞って並べ直すと伝えやすくなります。

Webページでは、見た目と一緒に「どう使うか」も考えます。

スマートフォンで見たときに読みやすいか。予約ボタンを押したら、どの画面へ進むのか。知りたい情報にたどり着けるか。

Figmaでは、画面を並べたり、ボタンを押すと別の画面へ進む試作品を作ったりして、こうした流れを確認できます。

公開までには、デザインをもとにWebページを作る作業や、フォームの設定なども必要です。試作品で動いていても、その動きが自動で本番のサイトに反映されるとは限りません。公開後に誰が更新するのかも、あわせて決めておきましょう。

最初から3つ全部をそろえなくても大丈夫です。たまに画像を作る程度なら、今使えるツールや既存のテンプレートで足りるかもしれません。

迷ったときは、「今月作りたいもの」を一つ選んでみてください。

たとえば新メニューのチラシなら、写真の加工は必要か、誰が価格を直すか、どこの印刷会社に頼むか。そのあたりを整理すると、必要な機能が見えてきます。

そのうえで、公式サイトのプランと料金を確認しましょう。支払い方法や契約期間、解約条件、複数人で使う場合の条件も忘れずに。料金やプランごとの機能は変わるため、契約時の案内を確かめてください。

続く記事では、一つのお店の告知を、チラシ・SNS画像・Web画面に展開する予定です。

同じ写真や文章でも、載せる場所が変わると、見せたい情報の順番や文字の大きさも変わります。写真を整えるところから画面を作るところまで、作例を見ながら紹介していきます。