【超初心者向け】矢印を作る方法-デザインACで簡単にちゃちゃっと作る

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

 

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

矢印は、資料を作る時に欠かせない素材の一つです。フリー素材でも矢印は人気の素材です。

• シンプルな矢印でいい！
• フリー素材を探すのがめんどう
• 自分でつくってもいいけど、簡単に作りたい

そういう方向けに、今回は、すぐにできるシンプルな矢印の作り方を解説していきます。

ワードやパワポやイラストレーター、フォトショップのアプリケーションは不要です。
「デザインAC」はWEBツールなので、すぐ使えます。

さらに‥

シンプルな矢印ですが、オリジナルの矢印が作れます

• 自分の好きな色に変えられる
• 枠線の太さも変えられる
• 矢印の長さも簡単変えられる
• PNG、JPG、PDFの出力もできる

今回は、透過できるPNG形式の矢印を実際に作っていきます。

さっそくいってみましょう！

デザインACとは？

［デザインAC］とは「デザインをもっと簡単に‥」をコンセプトに、ノンデザイナー向けにACワークスさんが手がけたデザインツールです。

ソフトのインストール不要。WEB上のツールなので、いつでもどこでも手軽にデザインできます。
PCだけでなくスマホにも対応。

• デザインテンプレートを使って手軽にデザインできる
• 0から簡単にデザインできる
• 図形やテキスト、線などデザイン機能がある

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

［デザインAC］にログインする

［デザインAC］でシンプルな矢印を作っていきます。仕上がりイメージはこの２つ
色や線の太さや長さは自由に変更できます。

 

デザインACにログインします。
会員登録がまだの方は、「無料会員登録」をお願いします。
【デザインAC】の無料会員登録はこちらから＞

［デザインAC］すでにある矢印を使う方法

［デザインAC］の図形の中に「矢印」があるので、その使い方をはじめにご紹介します。

手順は次の４つだけ。

1. サイズを決める
2. 図形で矢印を選択
3. 好きな形にして色を変える
4. ダウンロードする

 

［矢印の作り方１］サイズを決める

はじめに［デザインを作る］クリックします。

［カスタムサイズ＋］をクリック

幅「640」　高さ「480」 pxと入力（任意のサイズですが、大きめに作っておくと便利）
［デザインを作る］をクリック

 

640×480pxのサイズの白い画面の準備できました。

［矢印の作り方１］矢印の大きさを変更する

左の［図形］の中から「矢印」をクリック

 

青枠のポイントをドラッグして好みのサイズに広げます。

 

少しサイズを長めにしてみました。

［矢印の作り方１］矢印の色を変える

次に矢印の色を変更してみましょう。

左上の色設定ボタンをクリック

好きな色を選んでください。

 

色を青に変更しました。

［矢印の作り方１］名前をつけて保存する

いつでも使えるようにファイル名をつけて保存してみましょう。

上部のところに任意で名前をつけます。

 

メニューから保存をクリックします。

※保存したデータはマイページに保存されています。

［矢印の作り方１］ダウンロードする

作った矢印をダウンロードしてみましょう。

［ダウンロード］ボタンをクリック

［ダウンロード］のダイアログが出てきます。

• 「PNG」に変更「透明な背景」にチェック
• 「サイズをオブジェクトに合わせる」にチェック
• ［ダウンロード］ボタンをクリック

PNG形式で矢印がダウンロードできました！

ダウンロードされる場所は、パソコンのダウンロードフォルダです。

 

デザインACでつくる矢印の作り方

［デザインAC］で1から簡単に矢印を作ることができます。
手順は次の５つだけ。

1. サイズを決める
2. 三角と四角を組み合わせて矢印を作る
3. 好きな形にして色を変える
4. 枠線をつける
5. ダウンロードする

［矢印の作り方２］サイズを決める

先程と同じ手順で640×480pxの画面を作ります。

［デザインを作る］→640×480px

［矢印の作り方２］図形の三角形と四角形を合体させる

図形の三角形と四角形を合体させて、矢印をつくっていきます。

［図形］→［三角］をクリック

上の回転アイコンを下向きにドラッグして、90度に回転します。

 

青枠のポイントをドラッグして、好きなサイズに変更してください。

前の方にドラッグして移動させます。
Shiftキーを押しながら移動すると、中央線固定で移動できます。
（赤い中央のガイドラインに沿って移動します）

移動できました。

［図形］から四角形をクリックします。

 

大きさを好みのサイズに変更してください。

Optionキーを押しながらドラッグすると比率を保ったまま縮小、拡大できます。
Windows のキーは Alt

 

Shiftキーを押しながら三角をクリック
２つの図形を選択できました。

 

［パスファインダー］から「合体」を選択

 

2つの図形を合体させて1つの矢印画像にします。

［矢印の作り方２］矢印の色を変える

前回と同様、矢印の色をつけていきます。

右上の色設定ボタンをクリック

好きな色を設定してください。

線の設定ボタンをクリック

線の色を決めて、サイズを設定します。

画面でプレビューできるので確認しながら設定してみてください。

［矢印の作り方２］ダウンロードする

作った矢印を前回と同じ手順でダウンロードしてみましょう

［ダウンロード］のダイアログが出てきます。

• 「PNG」に変更「透明な背景」にチェック
• 「サイズをオブジェクトに合わせる」にチェック
• ［ダウンロード］ボタンをクリック

 

完成です。

まとめ

「デザインAC」の図形機能を使えば、簡単にシンプルな矢印を作れます。
「デザインAC」は、ソフトのインストール不要で、無料。
会員登録すれば、作った矢印画像を保存したり、ダウンロードしたり印刷もできるようになります。

今回「デザインAC」の矢印の作り方のまとめ

✔︎ 「デザインAC」に既にある矢印を使ってダウンロードする方法

 

✔︎ 「デザインAC」の図形機能を使って新規で矢印を作る方法

 

矢印はよく使う素材です、フリー素材をダウンロードしてきてもいいのですが、自分で作ることで好きな色にしたり、線をつけたり太さを変えたりと細かい設定ができるようになります。

「デザインAC」を使うことで、簡単操作で矢印が作れます。一度作った矢印は、ストックしていつでも自分用としてご使用になれるので便利です。

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

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