テンプレートを使用しないで、1からデザインを作れるAdobe Spark Post
パソコンのWebブラウザ、スマホ版及びタブレット版アプリで簡単にデザインがアプリケーションがAdobe Spark Postです。
![](https://nabesang.com/wp-content/themes/cocoon/images/man.png)
パソコンでもスマホでも、タブレットでも、デザインが出来るアプリケーションがAdobe Spark Postなんだネ
スマホ版及びタブレット版アプリがかなり優れています。タップするだけで完成度の高いデザインが十分に作れてしまう、その操作性が優秀です。そのため私はスマホ版及びタブレット版を使うことをオススメしています。
![](https://nabesang.com/wp-content/themes/cocoon/images/woman.png)
スマホやタブレットのアプリを使ったけど、タップするだけでデザインを作れてしまうんで驚いたよ
Adobe Spark Postの特徴は、Adobeが非常に質の高いデザインテンプレートが数多く準備している点です。
テンプレートを選んで、それを使えば簡単に質の高いのチラシなどを完成させることが出来ます。
![](https://nabesang.com/wp-content/themes/cocoon/images/man.png)
テンプレートを使えば、すぐにかっこいいデザインが出来るのが、Adobe Spark Postの魅力だよネ
ただAdobe Spark Postは、テンプレートを使ってデザインを作る、それだけのアプリではありません。
1からデザインを作ることも出来ます。
![](https://nabesang.com/wp-content/themes/cocoon/images/woman.png)
Adobe Spark Postってテンプレートだけでデザインするアプリケーションってわけではないんだネ
Adobe Spark Postは、高額のDTPアプリケーションなどを購入しなくても、1からデザインしてチラシなどが作れるアプリケーションでもあります。
今回のブログ記事は、Adobe Spark Postを使って1からレイアウト作品を作ってみたいと思います。
Adobe Spark Postで、テンプレートを使用しないで、1からデザインを作る方法
① 緑色の+をタップする
緑色の+をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/001-8-602x1024.png)
② べた塗りをタップする
いろんな項目が現れますが、その中からべた塗りをタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/002-8-593x1024.png)
③ 背景色を選択する
下に項目が現れるので、そこからお好きな色を選択します。
今回は背景を白にしたいと思います。
基本にある白を選択します。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/003-9-577x1024.png)
次へ、をタップします。
④ サイズを選択する
サイズを選択する画面が現れます。
好きなサイズを選択します。
今回はA4にしたいいを思います。
A4を選択します。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/004-8-577x1024.png)
そうしたら完了をタップします。
するとデザインをする用紙の設定が終了します。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/005-8-577x1024.png)
⑤ 画像を入れる
デザインに使う画像を用紙に入れます。
追加をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/006-10-577x1024.png)
いろんな項目が現れるので、その中から画像をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/007-10-577x1024.png)
画像を追加の画面が現れるので、そこにある項目から画像を選びます。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/008-9-577x1024.png)
追加先を選択の画面が現れます。
2つの項目が現れます。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/009-9-577x1024.png)
背景のピン留めは、画像を背景にします。
自由に移動は、画像を一つのオブジェクトにします。
今回は、画像をオブジェクトとして使用したいと思っています。
ですので、自由に移動をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/010-8-577x1024.png)
用紙に画像は入りました。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/011-7-577x1024.png)
⑥ 画像サイズを変更する
画像サイズを変更するには、画像を選択すると現れる四隅の○をドラッグします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/012-8-577x1024.png)
お好きな画像サイズにしたら完了をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/013-7-577x1024.png)
これでお好きなサイズにした画像が用紙に配置されます。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/014-6-577x1024.png)
⑦ 画像を移動させる
画像を移動させるには、画像をお好きな場所へドラッグします
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/015-5-577x1024.png)
⑧ 画像を切り抜く
画像を少し切り抜きたいを思います。
画像を切り抜くには、画像を選択して、切り抜き&シェイプをタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/016-5-577x1024.png)
画像がマス目状になり、白い長い太い線が現れます。それを動かすと、切り抜きが出来ます。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/017-5-577x1024.png)
お好きな切り抜きが出来たら、完了をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/018-4-577x1024.png)
切り抜きが完了したら、お好きな位置にドラッグします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/019-3-577x1024.png)
⑨ テキストを入力する
現在、テキストが画像の背面に来ています。
それを前面にします。
画像を選択し、重ね順をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/020-2-577x1024.png)
スライダーを左に動かします。
すると画像の重ね順が変更され、背面になります。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/021-1-577x1024.png)
完了をタップします。
テキストをダブルタップすると、テキスト入力画面になります。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/022-1-577x1024.png)
お好きなテキストを入力し、完了をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/023-1-577x1024.png)
テキストの色を変更します。
ここでは赤にします。
テキストを選択し、カラーをタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/024-1-577x1024.png)
テキストをタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/025-1-577x1024.png)
赤を選択します。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/026-1-577x1024.png)
フォントを変更します。
フォントをタップします。
するとフォントの候補が現れるので、お好きなものを選択します。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/027-2-577x1024.png)
現在、右揃えになっているので、左揃えに変更したいので、文字揃えを変更します。
配置をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/028-1-577x1024.png)
ここで文字揃えの候補が現れるので、左を選択してます。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/029-1-577x1024.png)
テキストのボックスの大きさを変更します。左上の○と右の太い白線をドラッグします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/030-1-577x1024.png)
フォントサイズを変更します。
サイズをタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/031-1-577x1024.png)
スライダーを動かして、お好きなサイズに変更します。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/032-1-577x1024.png)
テキストの移動は、ドラッグして行います。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/033-1-577x1024.png)
完了をタップします。
⑩ テキストを追加する
もう一つ、テキストを追加します。
追加をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/034-1-577x1024.png)
テキストをタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/035-1-577x1024.png)
テキスト入力画面が現れるので、テキストを入力し、完了をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/036-1-577x1024.png)
後は、⑨の方法でテキストを編集し、完了をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/037-1-577x1024.png)
⑪ テキストを装飾する
テキストが味気ないので装飾します。
テキストを選択し、効果をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/038-1-577x1024.png)
シェイプ、シャドウ、アウトラインとありますので、ここから好きなものをタップします。
ここでは「これがあれば誰もがフォトグラファー」にアウトラインにしてみます。
アウトラインをタップします。
アウトラインの下のアイコンをタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/039-1-577x1024.png)
色を白にしたいので、緑色になっているところをタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/040-1-572x1024.png)
候補から白を選択し完了をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/041-1-577x1024.png)
先の太さのスライダーを動かして、太さをお好みにし、完了をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/042-1-577x1024.png)
「BEST CAMERA」にシェイプにしてみます。
シェイプをタップします。
シェイプの下のアイコンをタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/043-1-588x1024.png)
色を黒にしたいので、緑色になっているところをタップし、黒を選択し、完了をタップします。
好きなシェイプを選択し、完了をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/044-1-577x1024.png)
装飾したテキストをドラッグして、大きさを調整します。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/045-1-577x1024.png)
⑫ アイコンを追加する
追加をタップします。
アイコンをタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/046-1-577x1024.png)
カメラのアイコンを入れたいと思います。
検索窓にカメラと入力します。
するとカメラのアイコンがたくさん現れるのでお好きなものを
選択し、追加1をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/047-1-577x1024.png)
アイコンのカラーを黒にして完了をタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/049-1-577x1024.png)
アイコンが追加されるので、大きさを調整し、好きな場所に移動します。
ここでは、アイコンとともに、テキストの大きさも調整しました。
⑬ 配色を決める
最後に配色を決めます。
カラーをタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/050-1-577x1024.png)
カラーの画面が現れます。
いろんな配色のパターンが現れるので、好きなものを選択し、下のアイコンをタップします。
このアイコンをタップすると、配色がランダムされるので、好きなものになるまでタップを続けます。
配色が決まったらタップします。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/051-1-578x1024.png)
最後にデザインを見直し、バランスが良い調整を行います。
それで完成です。
![【Adobe Spark Post 使い方】Adobe Spark Postで、1からデザインを作る方法](https://nabesang.com/wp-content/uploads/2021/05/000-2-724x1024.png)
コメント