モリサワの2023新書体「つぶてん」を使ってポップな雰囲気のイベントバナーをデザインしました

モリサワの2023年の新書体、「つぶてん」を早速使ってイベントのバナーを作ってみました。

「つぶてん」とは

明るく元気な印象の見出し用太ゴシック風デザイン書体です。コロコロとした印象のかなに安定感のある漢字を合わせており、可愛らしさの中に真面目さを感じさせます。動画テロップやパッケージ、ポスターの見出しなどで、キャッチーな印象を与えます。

つぶてん | 2023 モリサワ新書体 | 株式会社モリサワ https://www.morisawa.co.jp/topic/upg2023/detail/tsubuten/
引用:モリサワ公式サイト

「つぶてん」はとてもポップな雰囲気の書体です。

ウェイト(太さ)は「H」のみですが、漢字もしっかりセットになっています。

「つぶてん」を使ったデザイン

これを使って作ったのがこちらのイベントのバナーです。

百年(ペンニョン) at 高麗博物館
NOジェノサイドのワッペンをつくって、かたろう!
関東大震災朝鮮人虐殺と植民地主義
ミニレクチャー+ワークショップ

イベントのWebサイト

「つぶてん」を使ったバナー

どんなイベント?

私が参加している百年(ペンニョン)主催のイベントです。

大久保(東京都新宿区)の高麗博物館という場所で、NOジェノサイドの願いを込めたワッペンを作りながら、関東大震災で起きた朝鮮人虐殺事件と植民地主義についてかたりあおう、という内容です。

デザインのコンセプト

シリアスなテーマですが、できるだけ若いお客さんにたくさん参加してほしい、という思いがあったので、ポップなテイストでデザインをしました。

「つぶてん」は、可愛らしさがありながらも、しっかりとしたウエイトの太さで可読性も高いのでイベントのバナーにピッタリだと思いました。

背景のイラストは、様々な形のワッペンのシルエットをグラデーションをかけて入れることで、「多様性」を表現しています。

—–

今後も、色々なデザインで使ってみたいと思います。

Illustratorの生成AI機能を使って色々なアイコンやピクトグラムを生成してみた/トイレ、車、人、地球、など

Illustrator 2024(ver.28)から搭載された生成AI機能。

テキストを入力するとベクターイラストを生成してくれます。

今回は実験として、アイコンやピクトグラムを生成してみました。

基本的な設定

プロパティパネルの「テキストからベクター生成(Beta)」のパネルを展開し、

「種類」の箇所を今回は「アイコン」にします。

そして「プロンプト」のところに生成するベクターの説明(テキスト)を入力します。

長方形ツールなどで、範囲を設定してから生成するのが良いみたいです。

トイレのピクトグラム

プロンプト:Toilet pictogram

プロンプトは英語で入れています。

3種類表示されるなかで、自分が気に入ったものを掲載しています。

なかなか良いのでは無いでしょうか。

次はモノクロで生成してみます。

プロンプト:Toilet pictogram monochrome

怪しいクオリティですね、、、、。

車のピクトグラム

プロンプト:Car pictogram front

正面向きのものから。

車には見えますが、もう少し手直しした方が良さそうです。

モノクロになっているのは前の設定を引き継いでいるのでしょうか。

プロンプト:Car pictogram side

人間のピクトグラム

まずは男性のピクトグラムを生成してみます。

プロンプト:Male pictogram

ネクタイやスーツ、髪型の部分があいまいですね。

プロンプト:Female pictogram

突然カラーになりました。モノクロにしてみます。

顔だけになりました

龍(ドラゴン)

2024年は辰年なので、龍を生成してみます。

プロンプト:Dragon pictogram

中華っぽいデザインですね。

3Dプリンター

プロンプト:3D printer pictogram

3Dプリンターを持っていないので正解がわからないのですが、どうでしょうか?

スニーカー

プロンプト:Sneakers pictogram

一部、線が消えていますが、クオリティは高いです。

ペットボトル

ビルのアイソメトリックアイコン

プロンプト:Plastic bottle pictogram

3D風で描かれたアイソメトリックアイコンを作ってみます

プロンプト:Building icon isometric

謎の欠けている部分がありますが、クオリティは高いです。

地球のアイコン

プロンプト:Earth icon color

よく見ると怪しいですが、パッと見はいい感じです。

木のアイコン

プロンプト:Tree icon

カラフルなアイコンができました。

まとめ

プロンプトの言葉を工夫すればもう少し思い通りにイラストを生成できるかもしれません。

引き続き、色々試してみたいと思います。