デザインAC使い方ガイド

みちこみちこ

「デザインAC」の使い方を教えてください。

はい、その疑問にお答えします。

この記事の内容
  • [デザインAC]のテンプレート編集方法(基本操作)がわかる
  • [デザインAC]のテンプレートの保存方法がわかる
  • [デザインAC]のテンプレートのダウンロード方法がわかる

 

こんにちは、あけみんです。

「デザインAC」を使えば、テンプレートを選んで、編集するだけで見た目の良いデザインが簡単に出来上がります。
作ったデザインをダウンドードしたり、印刷も可能です。

Webブラウザ上で使用するのでインストール不要。そして直感的に操作できます。

この記事では、テンプレートのバナーを使って基本操作を学びます。
テンプレートの編集方法、保存、ダウンロードまで手順を追って、わかりやすく説明していきます。

さっそく、いってみましょう。

「デザインAC」にログインする

「デザインAC」を開きます。

デザインACはこちらから>>

すでに「イラストAC」「写真AC」「シルエットAC」などの会員であれば、お持ちのアカウントでログインできます。

「デザインAC」の新規会員登録をしなくてもご利用になれますが‥

「デザインAC」の会員登録をすれば次のことができるようになります。会員登録は無料です。

  • デザインの保存(マイページ)
  • 作成したデザインのダウンロード
  • 作成したデザインの印刷
  • ACワークスの運営している全てのサービス

イラストAC /写真AC /シルエットAC 他

「デザインAC」の詳しい内容はこちらの記事をご覧ください。

「デザインAC」の会員登録方法

「デザインAC」会員登録は簡単!TOPページから無料会員登録ボタンを押して登録するだけです。

「デザインAC」の新規会員登録をクリックして、メールアドレスまたはお持ちのSNSアカウントでご登録ください。

【デザインAC】の無料会員登録はこちらから>

「デザインAC」のテンプレートを選ぶ

目的のデザインテンプレートを一覧の中から選んでください。
ここでは、カテゴリ「ビジネス」から「バナー」を選択します。

デザインACのテンプレートを選ぶ

バナーテンプレート一覧表示の中から「お友達紹介キャンペーン」のバナーをクリックして開きます。

「デザインAC」のテンプレートを編集する

これから「デザインAC」のテンプレートを編集していきます。

「このテンプレートを編集」をクリック。

デザインAC テンプレート編集

「デザインAC」のテンプレートを編集画面が開きました。

デザインAC テンプレート編集画面

これからこのテンプレートを右側のイメージに変更していきます。

  1. 文字の色変更
  2. 一番下の四角の色変更
  3. 写真をイラストに置き換え

変更イメージ

「デザインAC」で文字の色を変更する

文字の色を変更してみましょう!

色を変更したい文字をまとめて選択していきます。
複数の行を選択したい場合は、Shiftキーを押しながら、文字をクリックしていきます。

※一行だけ選択したい場合は、対象の文字をクリック。

「デザインAC」テンプレートの文字を編集

選択したオブジェクトをグループ化する

複数選択した文字(または写真やオブジェクト)をグループ化しておくこともできます。
グループ化しておけば、変更もまとめてできます。

デザインAC グループ化

 

配置を揃える

文字を整列させたり、等間隔にオブジェクトを配置したり、最前面や再背面にオブジェクトの位置を変更することができます。

❶ 揃えたい文字をShiftキーを押しながら選択 ❷右上の‥をクリック ❸配置アイコンから「水平方向左に整列」を選択

デザインAC 文字を左に揃える

文字の色「A」をクリックします。

「デザインAC」テンプレートの文字の色を編集

変更したい色をプリセットの中から選択します。
※単色下のカラーをクリックして、好きな色を選択することもできます。

「デザインAC」テンプレートの文字の色を選択

文字の色が変更できました!

「デザインAC」テンプレートの文字の色を青に変更

「デザインAC」で四角の色を変更する

さて、次は一番下の緑の四角の色を変更していきます。

❶ 一番下の緑の四角をクリックして選択します。

❷ 色のボックスをクリック

「デザインAC」テンプレートの四角の色を変更

変更したい色をクリックして選択します。

「デザインAC」テンプレートの色を選択

選択した色に変更できました!

「デザインAC」で文字の内容を変更する

文字の内容を変更しましょう。

変更した文字の部分をダブルクリックすると編集可能になります。
変更したい箇所を選んで文字を修正します。

「デザインAC」テンプレートの色を変更

「20XX年8月15日」を「2022年8月23日」に変更します。

「デザインAC」テンプレートの色を変更

文字の変更ができました。

「デザインAC」でイラストを配置する

次は、バナーの写真をイラストに差し替えてみます。

右のメニューからイラストを選択し、使いたいイラストをクリックします。

「デザインAC」テンプレートでイラストを配置する

テンプレートの中央に選択したイラストが配置されました。

イラストをクリック&ドラッグして、丸い写真に重ねます。

「デザインAC」テンプレートでイラストを配置する

写真がイラストに差し変わりました!

「デザインAC」テンプレートでイラストを配置する

ダウンロードした素材や自分のイラストや写真をアップロードして使う

「イラストAC」や「写真AC」でダウンロードした素材や自分の写真をアップロードして使うことができます。

デザインAC イラストをアップロードして使う

画像の切り抜き

写真もドラッグするだけで簡単に切り抜きができます。[メニュー]から切り抜きを選択。切り抜きしたい形をクリック。デザインAC 切り抜き

切り抜き用画像の選択線を動かして、次のように形を次のように変更してみてください。

デザインAC 切り抜き サイズ変更

[メニュー]から写真を選択し‥クリック&ドラッグして切り抜き画像に重ねます。

デザインAC 写真を選択

ちょっと写真が端によった感じがするので、ダブルクリックして写真の位置を変更します。

デザインAC 写真をドラッグ

好みの位置に写真を動かします。写真位置を変更できたら、右上の「画像を切り抜き」を選択。

デザインAC 写真位置変更

配置することができました!

デザインAC 写真位置変更

「デザインAC」テンプレートの保存方法

みちこみちこ

変更したテンプレートは保存できますか?

テンプレート上の「名称未設定」をクリックして、名前を入力します。

デザインAC テンプレートに名前をつける

わかりやすい名前をつけておきましょう。
ここでは「banner1」と入力しました。

デザインAC 「banner」と入力

[メニュー]から「保存」を選択します。

デザインAC 保存を選択

あけみんあけみん

編集したテンプレートは保存できます。
保存したデザインテンプレートは、マイページに保存されているので確認してみてください。

保存したデータはどこ?

保存したデザインテンプレートは、マイページに保存されています。

デザインAC マイページ

 

デザインAC マイページ 保存

「デザインAC」テンプレートをダウンロードする

「デザインAC」でデザインしたテンプレートをダウンロードします。

[メニュー]から「ダウンロード」を選択。

デザインAC ダウンロードする

右上のボタンでもOK!
デザインAC ダウンロードする
※ 右上の「ダウンロード」ボタンでもできます。

ダウンロードの設定画面で、「ファイル名」と「ファイルタイプ」を選択します。
ここでは、この設定のまま「ダウンロード」ボタンをクリックします。

デザインAC ダウンロード設定

「デザインAC」の保存形式

「デザインAC」でダウンロードできる形式は、次の3つです。

  1. PNG (背景が透過できる)
  2. JPG
  3. PDF

JPEGとPING比較2

JPEG画像とPNG画像を比較するとわかりますが、縞模様の背景に、PNG画像を配置すると後ろが透けた状態になります。

デザインAC ダウンロード設定 保存ファイル形式

ダウンロードできました。完成です!

デザインAC バナーデザインファイルが保存できた

みちこみちこ

WEB上で操作できるので、どの場所でも作業できていいですね!
専用ソフトの使い方を勉強しなくても「デザインAC」は直感的に使えるので私にもできそうです。

まとめ

「デザインAC」は、テンプレートを選んで、編集するだけで見た目の良いデザインが出来上がります。この記事では、バナーのテンプレートを実際に編集しながら、基本操作を説明してきました。

今回の基本操作は次の通りです。

✅ 文字の色変更(複数選択)
✅ 文字のグループ化
✅ 文字の左配置揃え
✅ 文字の修正
✅ 写真からイラストの置き換え
✅ 画像のアップロード方法
✅ 画像の切り抜き
✅ 作成したテンプレートの保存方法
✅ 作成したテンプレートのダウンロード方法

 

専用のソフトが必要ないし、操作も簡単です。

今まで「難しそう!」「プロに頼まないと‥」と思っていたデザインが自分でもできちゃいます。私は主に、ブログのアイキャッチ制作で利用しています。

次は、「デザインAC」を使った年賀状の作り方を説明したいと思います。

ここまでお読みいただきありがとうございました。この情報が、少しでもお役に立てたら幸いです。

【デザインAC】の無料会員登録はこちらから>

無料デザインテンプレートなら【デザインAC】