Google 図形描画でより良い画像を作成するための 5 つのヒント

Google Workspace アプリスイートの中核コンポーネントである Google 図形描画を使うと、ウェブ上で画像やデザインを作成できます。新しい Google 図形描画を作成するには、デスクトップクラスのウェブブラウザで Google アカウントにログインしていることを確認し、URL ボックスに「drawing.new」と入力してください。

または、Googleドライブにアクセスし、左上の「+新規」ボタンをクリックし、「その他」を選択して「Google図形描画」を選択します。以下のヒントは、Google図形描画で作成する画像の品質とレイアウトを向上させるのに役立ちます。

ページサイズをカスタマイズして、より多くのピクセルをサポートします

例えばブラウザで drawing.new と入力して新しい図形描画を作成すると、ページ設定のサイズはデフォルトで4:3のアスペクト比、960 x 720ピクセルに設定されます。ちなみに、最近の4Kテレビのディスプレイは通常、16:9のアスペクト比で約3,840 x 2,160ピクセルです。Google図形描画のデフォルトのページサイズ設定は、基本的なクリップアート品質の画像に適しています。

ページサイズの設定を変更するには、「ファイル」→「ページ設定」を選択し、ドロップダウンメニューから「カスタム」を選択します。次に、単位メニューオプションをピクセルに切り替え、図Aに示すように、デフォルトよりも高い解像度オプションを入力します。

図A

Google 図形描画を使用して写真やスクリーンショットを編集する場合、カメラの画像解像度やデバイスのディスプレイ解像度に合わせてサイズを変更する必要があるかもしれません。例えば、iPhone の写真は通常 4,032 x 3,024 ピクセルですが、Pixelbook Go はデフォルトで 1,536 x 864 にスケーリングされたディスプレイに設定され、最新の MacBook Air ディスプレイは 2,560 x 1,664 ピクセルのディスプレイをサポートしています。

試してみることのできる他の標準的な 4:3 アスペクト比設定は次のとおりです。

• 4,096×3,072。
• 2,048×1,536。
• 1,536×1,152。

一般的な 16:9 のアスペクト比の設定は次のとおりです。

• 4,096×2,160。
• 3,840×2,160。
• 1,920×1,080。
• 1,366×768。

正確なデザインのためにアイテムを配置する

Google 図形描画には、動的に生成される配置ガイドを表示し、オブジェクトをスナップするオプションがあります。これらのインジケータを使用すると、オブジェクトを他のオブジェクトの中央または端、図形の水平または垂直方向の中央、あるいは図形の端に揃えることができます。

この機能を使用するには、「表示」→「スナップ」→「ガイド」オプションが選択されていることを確認してください。オブジェクトを移動する際は、ページ上の他のオブジェクトとの相対位置に応じて一時的に表示される赤い線に注意してください。希望の位置になったら、オブジェクトを放してください。

Google 図形描画では、複数のオブジェクトを選択し、ページ上で均等に整列させて配置することもできます。複数のアイテムを選択し、「配置」>「配置」を選択して、左揃え、中央揃え、右揃え、または上揃え、中央揃え、下揃えのいずれかを選択します。オブジェクトを手動で微調整する必要はありません。

次に、「配置」→「均等割り付け」（図B参照）を選択し、アイテムを水平方向に均等割り付けするか垂直方向に均等割り付けするかを選択します。これにより、選択したアイテムが互いに等間隔に配置されます。

図B

テキストの配置と読みやすさを微調整する

図面に新しいテキストボックスを追加すると、デフォルトでテキストは上揃えと左揃えになります。ただし、テキストを見出しやラベルとして使用する場合は、4つの調整が必要になる場合があります。まず、テキストボックスを選択し、メニューからテキストが水平方向と垂直方向の両方で中央揃えになっていることを確認します（図Cを参照） 。

図C

これら 2 つの調整により、テキスト ボックスを他の項目と揃えるときに、テキスト自体がページの左端または上端に配置されることなく、揃えられるようになります。

次に、フォントの変更を検討してください。組織で標準規格が定められている場合は、組織のタイポグラフィおよびブランディングの専門家が承認したフォントを選択してください。単に読みやすさを重視するのであれば、LexendフォントやAtkinson Hyperlegibleフォントなど、読みやすさを重視したフォントを検討することをお勧めします。

最後に、テキストサイズを調整します。一般的に、テキスト項目は可能な限り大きくします。例えば、図Cの各円内の数字は、Google図形描画ではサイズ42に設定されています。

効率化のためにオブジェクトを順序付けてグループ化する

Google 図形描画には、重ねた紙を移動するのと同じように、オブジェクトを前後に移動できる機能があります。例えば、名刺を雑誌の上に置いた場合は名刺も見えますが、雑誌を名刺の上に置いた場合は雑誌だけが見えてしまいます。

Google 図形描画でもアイテムの順序は同様に機能します。前方のアイテムは、後方のアイテムを遮って表示されてしまう可能性があります。順序を変更するには、1 つまたは複数のオブジェクトを選択し、「配置」>「順序」を選択して、「最前面へ」「前面へ」「背面へ」「最背面へ」のいずれかを選択します。

オブジェクトをグループ化することで、複数のオブジェクトをまとめて操作できます。2つ以上のオブジェクトを選択し、「配置」→「グループ化」を選択します。これにより、複数のオブジェクトをまとめてコピーしたり回転したりといった操作が可能になります。

これら2つのテクニックを組み合わせることで、多くの操作がはるかに簡単になります。例えば、私はこれら2つのアクションを使って、4つの角それぞれに円弧を作成しました。まず、図面に円の画像を追加しました。次に、円の「前方」に2つの緑色の長方形を追加し、表示したくない円の4分の3を効果的に隠しました。緑色の長方形は、フィールドと同じ色にしました。次に、図Dに示すように、これら3つのオブジェクトを1つのアイテムにグループ化し、複製（[編集] | [複製]）して回転（[回転] | [時計回りに90度回転]）し、別の角に配置しました。

図D

図面を4つの形式でエクスポートします

Google 図形描画は、図 Eに示すように、PDF、JPG、PNG、SVG の 4 つの形式のいずれかでダウンロードできます。各形式にはそれぞれ異なる使用例があります。

図E

PDFはフォーム、チラシ、パンフレットなどに最適ですが、SVG（スケーラブルベクターグラフィック）は他のアプリケーションで使用するロゴやグラフィック要素に最適です。JPG形式とPNG形式のダウンロードはどちらも従来の画像ファイルに変換されますが、圧縮されたJPG画像は通常、ロスレス圧縮のPNG形式よりもファイルサイズが小さくなります。

可能な限り高品質のJPG画像が必要な場合は、描画をPNG形式でエクスポートし、別のサービスまたはアプリで最小限の圧縮設定でJPG形式に変換すると良いでしょう。Google図形描画から直接JPG形式のファイルにエクスポートするよりも、この方法の方が画質が良いと感じています。

あなたの経験はどうですか？

ページサイズ設定を調整することで、Google 図形描画でより高品質な画像を作成できるようになりましたか？ 並べ替えオプション（順序、位置合わせ、均等配置、中央配置、回転）のうち、どのオプションを頻繁に使用していますか？ これらのコントロールを組み合わせることで、必要な画像を作成できると感じていますか？ Google 図形描画はどのようなファイル形式でダウンロードしていますか？ Google 図形描画の使い方について、ぜひ Mastodon (@awolber) でメンションまたはメッセージをお送りください。