Procreateなどで作成したラスターイラストをイラレを使用してベクター化するときは、「オブジェクト」＞「画像トレース」＞「作成して拡張」からベクター化することができますが、色がついたイラストだと、思った通りにベクター化ができないことがあります。そんなときのためにPhotoshopから色がついたイラストを白黒にする方法をご紹介します！
Adobe Photoshopとは背景の切り抜き、合成、色の調整、テキスト入力などなどさまざまな機能がある有料写真編集ソフトです。Webデザインやイラストなどの制作にも活用できます。
Procreateで線と色のレイヤーを分けていれば線のレイヤーだけをイラレにアップロードしてベクター化すればいいんじゃない？
そうなんだけど、Procreateを始めた頃はレイヤー分けをしていなくて線と色を同じレイヤーで作成していたんだよね！そんなときのイラストをベクター化したくなったときにこれから説明する方法でベクター化をしたよ！
今回ベクター化したいイラストはこちらです！Procreateを始めた頃に描いた自画像です⭐︎がしかし！線と色のレイヤーを分けていませんでした！
この状態でイラレからベクター化をすると、下記ようになってしまいます。
濃い色が塗られていた部分が線と一体化しちゃっているね！
せやねん。そんなときはイラストを白黒にしてからベクター化してみよう！
Photoshop：モード＞グレースケール
色がついたイラストをそのままベクター化すると上記画像のようになることがあります！そんなときはPhotoshopから白黒にしてからベクター化してみましょう！
画像をPhotoshopで開いたら、上部メニューの「イメージ」から「モード」＞「グレースケール」をクリックします。
「カラー情報を破棄しますか？」というウィンドウが出てきたら「破棄」をクリックします。
Photoshop：トーンカーブ
上部メニューの「イメージ」から「モード」＞「色調補正」＞「トーンカーブ」をクリックします。
この線を下にさげます。
白と黒になるちょうどいい位置まで下げて完了です！
これをイラレから「画像トレース」をしてみるよ！
Illustrator：画像トレース
上部メニューの「オブジェクト」＞「画像トレース」＞「作成して拡張」からベクター化します。
白黒にしたイラストでは思った通りにベクター化することができました！
【イラレでイラスト画像をベクター化する方法】はこちらの記事をご覧ください。
複合パスの解除をしたら部分ごとに色をつけることができます！
【複合パスを解除して色を塗る方法】は下記記事をご覧ください。
おまけ：iPhoneから白黒にする方法
iPhoneから白黒にすることもできます！写真アプリに保存した画像の編集画面から「調整」にある「露出」「ブリリアンス」「ハイライト」「シャドウ」「コントラスト」「明るさ」を100にします。「彩度」のみ-100にすると白黒にすることができます！
もしならなかったら数値の変更や、他のメニューをいじってみてね
コメント