![名探偵の副題](https://punchbloog.com/wp-content/uploads/2021/10/名探偵の副題_完成-300x225.png)
以前の記事でコナンの映画っぽいロゴを作りました。
![](https://punchbloog.com/wp-content/uploads/2021/10/瞬刻の罪悪感_サムネ-300x225.png)
完全手探りでしたが我ながらなかなかの完成度ではないかと思っています(自画自賛)。
今回はその時に活用したMacのペイントソフト『Pixelmator』でコナンの映画っぽいロゴの作る方法を紹介していきます。
コナンっぽいロゴの作り方
・ファイルタブから新規作成を選び背景のレイヤーを作る
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-16-22.02.11-300x192.png)
今回は『800×600』のサイズで作成しています。
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-16-21.57.13-300x202.png)
・ツールからテキストを選択し文字を入力する
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-14-23.03.01-300x204.png)
フォントは明朝体がオススメです。
ぼくの場合は『凸版文久見出し明朝』を使っています。
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-14-23.06.06-300x215.png)
・同じように全ての文字を入力していく
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-16-22.16.18-300x225.png)
・入力した文字を選択してテキストサイズのプルダウンをクリックし、表示されたメニューから変更する文字サイズを選ぶ
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-16-23.55.54-193x300.png)
文字のサイズは左端の文字を一番大きくし、『の』は一番小さく、それ以外は同じで大丈夫です。
今回は左端=150、『の』=96、それ以外=120のサイズにしています。
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-16-22.48.31-300x225.png)
・文字を選択して位置を調整する
各文字の高さをバラバラにして文字の間隔を狭めるといい感じになります。
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-16-23.01.37-300x225.png)
・テキストツールを選択してフリガナを入力していく
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-16-23.11.46-300x148.png)
フリガナの文字サイズは『の』よりも小さくしてください。
今回は24に設定しています。
フリガナは文字の隙間に収納する感覚で配置すると良い具合になります。
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-16-23.04.05-300x225.png)
・入力した文字を選択して文字色を変更する
文字色はグラデーションのメタルカラーにするとクオリティが上がります。
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-14-23.23.14-300x193.png)
初期からあるシルバーでも良いですが、今回はゴールドを自分で作ってみました。
・同じように全ての文字色を変更する
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-14-23.25.08-300x230.png)
・文字を選択して光具合を変更する
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-14-23.26.20-252x300.png)
文字を選択すると青い丸が表示されるので、好きな場所に動かして文字の光具合を調整します。
ぼくは文字の右上に配置しています。
・同じように全ての文字の光具合を変更する
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-14-22.38.13-1-300x227.png)
・レイヤーメニューから全てのレイヤーを選択し、右クリックして表示されるメニューからピクセルに変換を選ぶ
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-14-23.30.59-300x166.png)
・編集タブから『線』を選択する
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-15-23.27.19-217x300.png)
・線のウインドウが表示されるのでカラー、幅、位置、不透明度を変更する
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-14-22.44.06-300x212.png)
![](https://punchbloog.com/wp-content/uploads/2023/12/IMG_0071-scaled.jpg)
今回は以下のように設定しました
- カラー:000099
- 幅:5px(振り仮名は3px)
- 位置:外側
- 不透明度:90%
・同じように他の文字の線も付けていく
線を付けることで文字同士の間隔が狭くなるので、近すぎるようなら文字の位置調整を行ってください。
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-14-22.46.20-300x212.png)
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-14-22.46.20-300x212.png)
全体の位置調整が終われば完成です!
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-14-22.48.01-300x228.png)
![](https://punchbloog.com/wp-content/uploads/2021/12/スクリーンショット-2021-12-14-22.48.01-300x228.png)