【緊急】 Canva vs AdobeCC デザイン性能の違い【比較】

今回の記事は、最近無料で簡単に使えてキレイなアイキャッチなどが作れるということで人気となったCanvaとクリエイティブソフトの大御所AdobeCCの比較です。

「Canvaがあればフォトショが無くても大丈夫」と言い切る人もたまにみかけましたので、実際のところどうなのか私もとても興味がありました。

そこで実際にCanvaとAdobe＝フォトショップとイラストレーターを使って簡単なものを作ってみました。

一見CanvaとAdobeは、似たような結果をもたらすサービスを提供していると、あなたも思われているかもしれません。

しかし、今回の記事を読めば、何が違うのかということを知ることができるでしょう。

【この記事は2021年12月31日に更新されました】

Canva と Adobe CC価格比較

Canva有料版

月額費用　1,463円(12.95ドル)

Canvaはオーストラリアで開発された、グラフィックデザイン制作のためのWebサービスです。
日本のブログ界隈では、主にブログのアイキャッチやヘッダーイメージなどの制作に利用している人が多い印象があります。

無料版と有料版の大きな違いは、

• 無料素材が8000点から30万点に増える

• ストレージが無制限になる

• 作った画像のサイズの変更が可能になる

• チーム共有数が増える

• 画像書き出し時の設定が増える

といったことで、機能的には大きな違いは見受けられませんでした。

Adobe Creative Cloud

月額費用　5,378円(税込/年間契約の場合)

Adobe CC＝アドビクリエイティブクラウドは、大御所アドビの技術の粋を結集した高機能クリエイティブソフトをまとめたものです。

Canvaに比べるとアドビの価格はとても高価に感じるかもしれません。
しかし値段の違い以上に大幅にできることに差があります。
（価格差でいえば3.5倍ですが、機能的には10倍以上）

• 画像制作ならフォトショップ、イラストレーター

• 書籍制作ならインデザイン

• 映像制作ならプレミアプロ、アフターエフェクツ

• Web制作ならドリームウィーバー、XD

• フォントならアドビフォンツ

と、多彩なジャンルのソフトやサービスが集まっています。

デスクトップ、モバイル、Webアプリ、すべてを合計するとその数約30本。
それだけの種類のソフトが使い放題になっています。

事実上の標準(デファクトスタンダード)と呼ばれていますので、クリエイティブ系の作業をするのなら必須ソフトです。

今回作成するサイズですが、ブログアイキャッチをツイッターカードとして表示させる人が増えており、その際の縦横比は1.9：1、または2：1と言われています。

そこで今回はCanvaで用意されている「Twitterの投稿」というサイズを選んでみました。
サイズ的には1024ｘ512pxです。（2：1の比率）

フォトショップとイラストレーターの場合

右下の部分はレイヤーパネルと言います。

絵をいくつかの層＝レイヤーに分けることのできる、画像系ソフト必須の機能です。

要素ごとにレイヤーで分けておけば、写真だけ編集、文字だけ編集といったように必要なものを必要なだけ修正・加工することができるのです。




Canva公式ではこのオブジェクト毎に別れている状態のことをレイヤーと呼んでいるようです。
したがって「レイヤーを管理する機能がない」のが正確かもしれません。

ということで、下の画像は色帯無しで文字を見やすくする方法を試したものです。

左側がフォトショップのみ、右側がイラストレーターで文字を立体風にしてみたものです。

印刷用データ制作での比較

名刺データで比較してみた

セッジは最近たまにブロガーの交流会に出席することがあります。

日本文化の中で育った人たちが集まったら、そう、名刺交換会の始まりです。
日本で一番身近な印刷物が名刺だと感じましたので、今回の題材に選ぶことにしました。

Canvaの場合

サイズについてはカスタムサイズで「4号」に設定してしまえばいいのですが、Canvaの名刺サイズのまま印刷しようとすると、用紙とサイズが合わなくなりますのでご注意ください。

また、大量に刷るために印刷会社に発注する場合は、特殊なサイズは断られる可能性があります。




途中で大変恐縮ですが、セッジが作ったものはこちらです。
ダウンロードボタンを押して、印刷データとして使えるPDF形式で書き出しました。






トラノちゃんがダメだと言った理由。

それはCanvaが書き出したPDFデータが、日本の印刷業界のルールにマッチしていないからなのです。

トリムマークというのは日本ではコーナートンボと呼ばれ、用紙を裁ち落とし仕上がりサイズにするためのガイドです。

これは3mm幅の二重線で、線は0.1mm幅なのが一般的です。
Canvaのトリムマーク二重線になっておらず、線幅は倍以上になっていました。

両面印刷やカラー印刷の場合にもトンボは重要で、位置ズレを起こさないようにするためにセンタートンボが必要になりますが、Canvaのデータには存在しません。

また、用紙の裁ち落としライン上に色がある場合は、3mm外側まで拡張しておく必要があります。これをヌリタシと言います。

ヌリタシがないと印刷時や断ち落とし時にズレが生じたとき、断ち落としラインにフチができてしまいます。

今回のようなデータの作成の場合はユーザーの方で3mm大きくするなど処置が必要です。
しかし、そもそもサイズが目分量になってしまうため、広げる範囲がわからないのです。

カラーモードがRGBのみなのも問題です。

RGBは光の3原色です。
それに対して商業印刷では色材の3原色であるCMY(K)を使用します。

本来は互換性のないカラーモードですので、印刷用データを作る場合はRGB→CMYKに変換する必要があるのです。

家庭用のプリンターで印刷する場合には問題はありません。
しかし、日本の印刷業界では対応しにくいデータになっているのです。

※2018年12月現在、RGBのままでも対応してくれる印刷会社は存在します。
しかしその数は多いとは言えません。

イラストレーターの場合

今回使用した名刺データは、実は以前書いた「10面名刺用テンプレートの作り方」のものを流用しています。

このデータを印刷会社に依頼することを前提とするモノに調整しましたので、上で書いた印刷業界のルールになっています。

またイラストレーターにはガイドライン機能がありますので、それを使ってマージンを作りました。

このマージンの意味は、重要なものを保護する範囲です。
文字やマーク、キャラクターなど裁ち落とされては困るものをこの範囲に収めます。

映像用の素材で言うセーフティーゾーンと同じ意味を持ちます。

文字は裁ち落としラインに近くなると読みづらくなりますし、ギリギリだと下手すると文字も裁ち落とされてしまいますので、このような処置をする必要があるのです。





Canvaとフォトショップでの比較では、どちらかというと表現的な機能の違いでした。

Canvaとイラストレーターとの比較では、もっとデザインの実務的な機能での違いがでてきています。

Adobeという企業は、もともとは印刷業界の技術を開発していた会社ですので、この辺りは特に強さを発揮する部分です。

そしてそもそもPDFという形式自体Adobeが開発したものですので、その技術を組み込んでいるイラストレーターが強いのも当然でしょう。

CanvaとAdobe全般的な比較

さて、実際にアイキャッチや名刺をそれぞれで作って比較してきましたが、それ以外にも全般的に違いがあります。

その比較も見ていきましょう。

使用できるフォント

Canvaでは約88種類の日本語フォントが付属します。
(欧文を含めた全フォント数は確認できませんでした)

私が調べた限り、ほとんどの日本語フォントがインターネット上で誰もが入手可能なフリーフォントでした。

フリーフォントが良くないとは言いませんが、個人や小規模の企業が開発したものですので、表示できない漢字などがでてくる可能性があります。

また、利用規約については各フリーフォントの作者に委ねられています。

AdobeCCではAdobeFontsというフォントサービスが付属します。
欧文含めて約15000種類、日本語フォントは約170種類です。

これはAdobeが制作したフォントだけでなく、モリサワや視覚デザイン研究所など、プロがデザインの現場で使用する美しい有料のフォントが集まっています。

ちなみに商用利用可能とアドビ公式サイトで明記されていますので、不特定多数に見せるブログやアフィリエイト(商用とみなされる)目的でもOKです。