デザイン編集ツール
デザイン編集ツール
テンプレートから、あるいはゼロからデザインを作成・カスタマイズ。ブラウザで完結し、ソフトウェアは不要です。
この記事は翻訳版です。英語版が参照用であり、疑義が生じた場合には英語版が適用されます。
デザイン編集ツールは、Magnificのブラウザベースのデザインツールです。テンプレートや空白のキャンバスから始めて、ソーシャルメディア投稿、プレゼンテーション、ポスター、バナー、名刺などを自由に作成できます。
この記事の内容
使い始める
テンプレートから始める
テンプレートを探す
magnific.com/designer にアクセスし、検索バーを使うかカテゴリーから閲覧して、プロジェクトに合うテンプレートを見つけましょう。
編集ツールで開く
「このテンプレートを編集」をクリックすると、デザイン編集ツールで直接開けます。
カスタマイズ
テキスト、画像、色、その他の要素を置き換えて、自分だけのデザインに仕上げましょう。
テンプレートのほとんどの要素は完全に編集可能です。一部の要素は全体的なデザイン構造の一部であるため、編集オプションが制限されている場合があります。
ゼロから作成
新しいプロジェクトを開く
トップメニューの「テンプレート」をクリックし、「新しいプロジェクト」をクリックしてください。
サイズを設定
カスタムの幅と高さ（ピクセルまたはミリメートル）を入力するか、Instagram投稿、A4、名刺などのプリセット形式を選択してください。
デザインを開始
「確認」をクリックして空のキャンバスを開き、要素の追加を始めましょう。
ページ
デザインには複数のページを持たせることができます。プレゼンテーションや複数ページのドキュメント、あるいは同じデザインのバリエーションを作成する際に便利です。
- ページを追加 — キャンバス下部にある「+ ページを追加」をクリックします。
- ページを複製 — 上部ツールバーの「ページを複製」ボタンをクリックすると、現在のページがコピーされます。
- ページの順序を変更 — ページパネルでページをドラッグして順序を変更します。
- ページを削除 — ページのサムネイルを右クリックして「削除」を選択します。
複数ページのデザインに新しいテンプレートを追加する
サイドパネルから、既存のデザインに新しいテンプレートを追加できます。新しいテンプレートのサイズが現在のものと同じ場合は、現在のページを置き換えるか、新しいページとして追加するかを選択できます。サイズが異なる場合は、置き換えるか、新しいタブで開くかを選択できます。
テキストとフォント
- テキストボックスを追加 — 左パネルの「テキスト」オプションをクリックし、見出し、小見出し、または本文のテキストスタイルを選択します。
- テキストを編集 — キャンバス上のテキスト要素をダブルクリックして編集します。
- フォントを変更 — テキスト要素を選択し、上部ツールバーのフォントセレクターを使ってフォントを閲覧・適用します。
- フォントサイズ、太さ、色 — テキスト要素を選択すると、すべてのテキスト書式設定オプションが上部ツールバーに表示されます。
Magnificは、編集ツール内で直接利用できる無料フォントのライブラリを提供しています。また、magnific.com/fontsですべてのフォントを閲覧することもできます。
エレメント
エレメントは、キャンバスに追加できるデザイン素材です。アイコン、イラスト、図形、ステッカーなどがあります。
- エレメントを閲覧 — 左パネルの「エレメント」をクリックし、カテゴリー別に検索または閲覧します。
- キャンバスに追加 — エレメントをクリックして配置するか、ドラッグして特定の位置に配置します。
- サイズ変更と位置調整 — 要素のハンドルをドラッグしてサイズを変更するか、要素自体をドラッグして移動します。
- 色の変更 — 要素を選択し、ツールバーのカラーピッカーを使って色を変更します（ベクター要素で利用可能）。
- レイヤー順序 — 要素を右クリックし、「前面へ」または「背面へ」を使って重なり順を調整します。
画像
画像を挿入
- Magnificから — 左パネルの「画像」をクリックして検索し、Magnificライブラリから直接ストック画像を追加します。
- 独自の画像をアップロード — 左パネルの「アップロード」をクリックし、画像ファイルをドラッグ＆ドロップするか、クリックしてコンピューターから選択します。
キャンバス上の画像を編集
- 切り抜き — 画像をダブルクリックして切り抜きモードに入り、ドラッグしてリフレームします。
- 置換 — 画像を右クリックして「画像を置換」を選択すると、サイズと位置を維持したまま画像を入れ替えられます。
- フィルターと調整 — 画像を選択し、ツールバーの「画像編集ツール」をクリックすると、フィルター、明るさ、コントラスト、その他の調整機能にアクセスできます。
AIで画像を生成
Design Editor内で直接AI生成画像を作成し、ツールを離れることなくキャンバスに配置できます。
AI画像生成を開く
左パネルの「AI画像生成ツール」をクリックします。
プロンプトを入力
作成したい画像を説明してください。被写体、スタイル、雰囲気、色について具体的に指定しましょう。
生成
「生成」をクリックします。ツールが選択肢をいくつか作成します。
キャンバスに追加
結果をクリックしてデザインに配置します。
AI生成画像にはクレジットが消費されます。消費されるクレジット数はプランによって異なります。生成したAI画像は、作成した分だけすべてダウンロード可能です。これらは通常のダウンロード制限には含まれません。
AI プレゼンテーション作成ツール
AI プレゼンテーション作成ツールは、テキストプロンプトからスライド構成が完了したプレゼンテーションを生成します。構成、コンテンツ、レイアウトが自動的に作成され、その後、デザイン編集ツールでどのスライドも編集できます。
AI プレゼンテーション作成ツールを開く
プレゼンテーションセクションに移動するか、作成オプションから「AI プレゼンテーション」を選択します。
プレゼンテーションの内容を記述する
トピックや簡単な説明を入力します。スライド数、トーン、対象読者を指定することもできます。
生成
AIがスライド、見出し、コンテンツを含むプレゼンテーション全体を作成します。
デザイン編集ツールで編集する
生成されたスライドはすべてDesign Editorで開き、完全にカスタマイズできます。
AI 文章生成ツール
AI 文章生成ツールを使えば、デザイン内のテキストコンテンツを作成・リライトできます。見出し、説明文、コール・トゥ・アクション、その他あらゆるコピーに役立ちます。
- コピーを生成 — テキスト要素を選択し、ツールバーの「AI 文章生成ツール」をクリックします。必要な内容を記述して、AIにドラフトを作成させましょう。
- 既存のテキストをリライト — テキストボックス内のテキストを選択し、AI 文章生成ツールを開いて、トーンやスタイルを選択してリライトします。
- 長さを調整 — AI 文章生成ツールにテキストの短縮や拡張を依頼し、レイアウトに合わせましょう。
デザインを保存中
Design Editorは作業内容を自動的に保存します。手動で保存する必要はありません。すべての変更はリアルタイムで保存されます。
デザインの名前を変更するには、エディター上部のタイトルをクリックして新しい名前を入力してください。
デザインをダウンロード中
ダウンロードをクリック
編集ツールの右上隅にあるダウンロードボタンをクリックしてください。
フォーマットを選択
ファイルフォーマット（PNG、JPG、PDF、SVG、またはアニメーションデザインの場合はMP4）を選択してください。
オプションを設定
フォーマットに応じて、解像度や品質、すべてのページを含めるかどうかを選択できます。
ダウンロード
ダウンロードをクリックして、ファイルをコンピューターに保存してください。
| フォーマット | 用途 |
|---|---|
| PNG | 背景がしっかりとした高品質な画像 |
| PNG（背景なし） | 背景が透明なデザイン |
| JPEG | ファイルサイズが重要な写真やデザイン |
| 印刷用ファイル、プレゼンテーション、複数ページのドキュメント |
ご質問とキーボードショートカット
自動ガイドはどのように機能しますか？
自動ガイドには2つの異なるタイプがあります。
- ワークテーブルに合わせるガイド。要素を選択してスペース内で移動させると、その要素がX軸とY軸の両方でワークテーブルに揃っているかどうかがガイドで示されます。これらのガイドはフクシア色の実線で表示されます。
- 他の要素に合わせるガイド。これらのガイドは、ワークスペース内で要素を移動させると表示され、他の要素とのさまざまな配置関係を示します。フクシア色の破線で表示されます。
デザインのズームイン・ズームアウトの方法を教えてください。
テンプレートを作成するか、既存のテンプレートを開きます。
編集ツールの下部に、デザインのズーム倍率が表示されたバーがあります。
バーを左にドラッグするとズームアウト、右にドラッグするとズームインできます。
キーボードショートカット
Del 選択した要素を削除
Esc 要素の選択を解除
Ctrl C 選択した要素をコピー
Ctrl V 選択した要素を貼り付け
Ctrl Z 操作を元に戻す
Ctrl Y 操作をやり直す
Ctrl + ズームイン
Ctrl - ズームアウト
Ctrl + A すべての要素を選択
Ctrl + G グループを作成
Ctrl + B 要素をロック