【アメコミ風】POPな丸いドット(網点)素材を作る方法~Adobe Illustrator 2025~

今回は、イラストレーターを使用して、丸いドットの素材を作る方法に関して解説します。

POPなイメージの背景を作ったりする際に使用できます。

こんな素材
こんな素材
目次

作成手順

作成手順は以下の通りです。

丸いドット素材作成手順
  1. 楕円形ツールで正円を作成
  2. 塗りを白黒の円形グラデーションにする
  3. 「カラーハーフトーン効果」をかける
  4. アピアランスを分割する
  5. 画像トレースする
  6. 拡張する

これで完成。

詳しく解説をします。

楕円形ツールで正円を作成

まずは楕円形ツールで正円を作成しましょう。

正円

塗りを白黒の円形グラデーションにする

作成した正円の塗りを白黒の円形グラデーションにしましょう。

グラデーションの一番色の濃い部分はK:50-60%くらいに、グラデーションの一番色の薄い部分は、K:0%にしましょう。

グラデーションスライダーの位置は「50-60%」ぐらいに設定してください。

グラデーションの濃い部分のKが濃すぎると、ドットの中央が潰れてしまうので、必ず60%以下にしましょう。

グラデーション
グラデーション

「カラーハーフトーン効果」をかける

グラデーションをかけた正円に「カラーハーフトーン効果」をかけましょう。

カラーハーフトーン

「効果」→「ピクセレート」→「カラーハーフトーン」

カラーハーフトーン
カラーハーフトーン

カラーハーフトーンの値は、チャンネルを全て0にしてください。

最大半径は、パスのサイズによって異なるので、実際に適用して大きさを調整してください。

最大半径が大きければ大きいほど、中央の方の円が大きくなり、小さいほど、小さくなります。

カラーハーフトーン設定
カラーハーフトーン設定

OKを押すと丸いドットができます。

カラーハーフトーンが適用された図
カラーハーフトーンが適用された図

アピアランスを分割する

できたドットを編集できるようにします。

アピアランスの分割で画像にしましょう。

アピアランスを分割

「オブジェクト」→「アピアランスの分割」

アピアランスの分割
アピアランスの分割

アピアランスを分割をしたら、パスになったら楽なのですが、画像になります。

この画像をパス化しましょう。

「画像トレース」する

作成された画像を「画像トレース」しましょう。

白黒のプリセットで問題ありません。

画像トレース
画像トレース

処理が完了したら、「トレース」をしましょう。

拡張する

トレースボタンを押したら、「拡張」してパス化しましょう。

拡張
拡張

拡張でできた「白いパス」は不要なのでグループ解除して消しましょう。

また、グループ解除すると、黒いドットそれぞれが、バラバラになるので、全てを選択して複合パス化(CTRL+8)しましょう。

これで完成です。

作成した丸いドットを好きな色に変えて素材として使用しましょう。

完成
完成

まとめ

操作が多いので、慣れるまでは時間がかかりますが、複雑な操作はないので、1つ作成するのに2分くらいあれば作成可能です。

これでPOPなイメージのデザインが作成可能です。

ぜひ使ってみてください。

おまけ

この画像を作るには、今回の記事に合わせて、縁取り文字立体文字の記事をご覧いただければ作成可能です。ぜひご覧ください。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

当サイトへお越しいただきありがとうございます。管理人の田村健太です。仕事は写真撮影、動画撮影・編集、Web制作を行っています。このサイトでは簡単なデザインソフトについて解説しています。「初心者の方にもわかりやすく」をテーマに更新しています。もしわからない点がありましたら気軽にお声掛けください。

目次