![](https://takashis.com/wp-content/uploads/2017/05/a3bcf92d9580acc180e002c9120b52ad.png)
TAKASHIです。
以前の投稿にちょこっと触れた友人のサイトのロゴ制作を依頼された時に作ったんですが、その時に使ったのがこのSquarespace Logoというサイトです。
早速やり方書いていきます!
1. Squarespace Logoにアクセス。
![](https://takashis.com/wp-content/uploads/2017/05/a3bcf92d9580acc180e002c9120b52ad.png)
アクセスしましょう!
2. タイトルとキャッチコピーを入力しよう。
![](https://takashis.com/wp-content/uploads/2017/05/070fdcd14135a7cc8b06b4ee173ec2dc.png)
ロゴを入れるので、それが終わったらSearchのところにロゴの素材も入力しましょう。海外のサイトなので英語で検索しましょう。
3. 出来上がったものをチェックしよう。
キャッチコピーの部分が長いので途切れちゃってますね・・・。
4. 調整しよう。
![](https://takashis.com/wp-content/uploads/2017/05/fullsizeoutput_37.jpeg)
全体を範囲指定します。
![](https://takashis.com/wp-content/uploads/2017/05/fullsizeoutput_3a.jpeg)
すると、イラストとタイトル・キャッチコピーの位置が選べるようになる設定が出てくるので、それで調整します。
個人的に、
ロゴは左、キャッチコピーはその右側
がバランスが良いと思っているのでそのようにします。
![](https://takashis.com/wp-content/uploads/2017/05/ad06fb4ed26a4de05c7b9a8e79ca879a.png)
LAYOUTボタンの「●ー」みたいなボタン(右から4番目)を押します。
すると、
![](https://takashis.com/wp-content/uploads/2017/05/fullsizeoutput_42.jpeg)
タイトル・キャッチコピーが移動しました。
5. 自分好みの色・フォントに変更しよう。
![](https://takashis.com/wp-content/uploads/2017/05/fullsizeoutput_43.jpeg)
アイコンやタイトル・キャッチコピーの場所をクリックすると設定が開き、色の変更をすることができます。
![](https://takashis.com/wp-content/uploads/2017/05/fullsizeoutput_44.jpeg)
他にも文字フォントを変更したり
![](https://takashis.com/wp-content/uploads/2017/05/fullsizeoutput_44.jpeg)
文字を傾けたり、太くしたりすることもできる!
![](https://takashis.com/wp-content/uploads/2017/05/fullsizeoutput_47.jpeg)
完了したらSAVE LOGOをクリックします。
![](https://takashis.com/wp-content/uploads/2017/05/520ae5a9cdfcba51482d1000cf24eeeb.png)
6. 作ったものをダウンロードしよう。
![](https://takashis.com/wp-content/uploads/2017/05/e8e91a93342e90d164da48400167af07.png)
先ほどのSAVE LOGOボタンを押すと↑の画面になります。
無料か有料版を選ぶことができます。私の場合は「とりあえず」ということで、無料版をダウンロードしました。なんとかなるっしょ!!的なね。
なので、私の作った別サイトのロゴには、
![](https://takashis.com/wp-content/uploads/2017/05/3f23e49def5e2280838f1efb4b069eaf.png)
小さくこのサイトで作ったロゴという文字が入ってます・・・!
でも、有料といっても10ドルなので、気に入ったら有料版をダウンロードしてもいいと思います。ガチャ2回分ぐらいだし!
![](https://takashis.com/wp-content/uploads/2017/05/2ead368d3d496e436826508afd508237.png)
薄くて見辛いんですが、クレジットカード情報を入力すればOKです。
終わりに
![](https://takashis.com/wp-content/uploads/2017/05/1a5372c8180e441cf071e4d1dc8d0968.png)
今回作ったこの↑のロゴなんですが、結構気に入ってます・・・。
Illustratorは私には難しかったので有料版を割と真剣に考え中。
今後、このブログのロゴが今回のものに変わった時はお察しください()
![](https://takashis.com/wp-content/uploads/2016/11/owari.png)
コメントを残す