マツコの知らない世界のデコ電飾の世界で紹介されていた、「I ♥ 歌舞伎町」のような電飾で構成されたタイポグラフィを作成するIllustratorスピードアートです。

パターンで作成する方法とモザイクオブジェクトで作成する方法で迷ったのですが、パターンはどうしても電球が見切れる部分が出てくるのでモザイクオブジェクトを使って作成しております。
（パターンも分割したりマスクをかければいけるかもしれません）

モザイクオブジェクトの方が楽だと思いますが、クオリティアップのためにドット職人の血が騒ぐと時間泥棒ですね。

袋文字のように囲めばドット欠けもそこまで気にならなくなるのである程度のところで…

制作の流れ

主な工程としては、

1. 文字を配置
2. オブジェクト/ラスタライズ
3. オブジェクト/モザイクオブジェクトを作成
   →今回は横と高さのサイズをそれぞれ10で割ったタイル数で作成
4. グループを解除して文字に対してはみ出ているなど不要なドットを消す
   →ここがクオリティの肝です
5. オブジェクト/変形/個別に変形でドットを60%に縮小
6. 効果/スタイライズ/角を丸くする
7. アピアランスを使って袋文字
8. ブレンドで立体感

となります。

制作ポイント

モザイクオブジェクト

モザイクオブジェクトはIllustratorで作成するドット絵に使われたりしますが、世界地図をドットに加工する動画を作成しているので合わせてご覧ください。

ドットの世界地図をIllustratorで！

世界地図を配置する必要があるけど普通の世界地図だとどこか野暮ったいというときに重宝するドットの世界地図です。近未来風のデザインとも相性がとても良いですね。 私も…

コネクリ

ウェブデザイナーとしてキャリアをスタートして、スマートフォンの台頭によりUI/UX・ゲームデザインを担当、現在はインハウス寄りのアートディレクター兼デザイナー。
社内外のディレクション・ワイヤー設計・デザイン・コーディングを行う。
自社、受託ともにウェブ・アプリ・グラフィック・ゲームの実績多数。

本サイトやX、YouTube、Instagram、TikTokなどの各種SNSにてPhotoshop、Illustrator、Fireflyの作例を発信中！

個人としての仕事は、動画制作『【アーティストに学ぶ】#33 – アドビ公式』、オンラインセミナー『朝までイラレ』『朝までフォトショ』、著書『デザインの仕事がもっとはかどるAdobe Firefly活用テクニック50』（インプレス）など。

詳しくはWorkにてご覧ください。

また、お仕事等のご依頼はContactよりご連絡くださいませ。

タイポグラフィを学びたい方におすすめの書籍

リンク