Illustratorでアピアランスを使った水彩風加工！
HTML-код
- Опубликовано: 18 окт 2024
- Illustratorでベクターイラストをアピアランスを使って水彩風に加工していきます。
水彩風加工の条件を、
1．質感
2．アウトラインの揺れ
3．色合い
としてイメージに近づくようアピアランスを使って実現していきます。
アピアランスで作成しておくことで他のイラストへの適用も簡単に行えるのでぜひご覧ください。
今回のアピアランスの構造のポイントは塗りのパターンをオーバーレイで適用、こちらがテクスチャとなっており水彩風の質感を表現しております。
まずはこのシームレスパターンの作成をPhotoshopを作成するところからはじめます。
IllustratorではPhotoshopで作成したパターンをベクター化します。
画像のままであれば画像トレースなどを行う必要がなく工程がもっとシンプルなのですが汎用性を考慮してベクター化しております。
雲模様のシームレスパターンは水彩風加工に限らず質感を出したいときに幅広く有効なので他のイラスト・デザイン制作などにも役立ちます。
主な工程は以下のとおりです。
▼シームレスパターンの作成
◯Photoshop
1．プリセットされているパターンの雲模様を150x150のドキュメントに配置
→雲模様のサイズは128x128
2．CCライブラリ経由でIllustratorに送る
◯Illustrator
1．パターンを配置して画像トレース
→カラー4色
2．パスの単純化
3．パターン化
→パターンオプションのサイズを128x128
→画像トレースの結果によっては重なりを調整
▼アピアランスで水彩風加工
◯Illustrator
1．ラフでアウトラインに揺れ
2．光彩（内側）でアウトライン付近のコントラストを高く
3．先程作成したシームレスパターンで質感
→描画モード：オーバーレイ、不透明度：20％
4．自然な色合いにするためオレンジの塗りを追加
→描画モード：カラー、不透明度：30％
5．コントラストが高いので白の塗りで明度調整
→描画モード：通常、不透明度：10％
6．グラフィックスタイルにアピアランスを登録、他のオブジェクトに水彩風加工を適用
※2．光彩（内側）はオブジェクトのサイズによって［ぼかし］の大きさを調整
※3，質感を強調したい場合は不透明度を高く
※4．5．は色の調整のため、オブジェクトの色を活かしたい場合は省いても可
┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈
▷CONNECRE
connecre.com/
Photoshop, Illustratorマニア // 海外のチュートリアル動画の長いトークはいらないから制作過程だけ見たいと探したがなかったので自分でやることに // 新しい表現をスピードアートにてご紹介🙌
┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈
#Illustrator #Watercolor #Analog #Appearance #SpeedArt #Tutorial
いつも素敵な作品、ありがとうございます。今回はコネクリさんの声のご説明が有り、とっても良かったです😊
ありがとうございます〜！
今回の作例は分かりづらい点も多いかと思い、解説付きにしてみました。
今後もなるべく増やしていきますね👍
いつも動画を楽しく拝見しております✨
アピアランスで水彩加工をおこなう方法、とても分かりやすかったです👏
私はいつもフォトショで水彩風に描き上げてからイラレでトレースしていたので、アピアランスで水彩加工が出来ることを知って目から鱗でした😳
コネクリさんの動画は解説が丁寧な上、どうしてその工程が必要なのかを説明してくれるので、とても理解しやすいです✨
いつも素敵な動画をありがとうございます😊参考にさせていただきます！
嬉しい感想をありがとうございます！
励みになります。
アピアランスなので実際に描いたものには敵わないのですがなるべくそれらしく見えるよう加工してみました。
本物を追求するのであれば水彩風に描いてトレースが最も良い方法だと思います！
Cool effect thanks for sharing
動画とてもためになりました。イラレで描いたイラストをもっとテキスチャなど質感を出した手描き風にできないかと思いずっと探してたらこちらに辿り着きました。Procreateなどを使おうと思いましたが、イラレでもいい感じに出来るんですね。ありがとうございました。
嬉しいご感想をありがとうございます！
Illustratorでできる限り水彩イラストに近づけるアピアランスを考えてみました。
この加工は一度作成してしまえば様々なイラストに簡単に適用できるのでお時間があるときにぜひ試してみてください🙌
Gracias por compartir saludos
新規ドキュメントのあとにパターンパネルが出てきません。オブジェクトがないからでしょうか？
メニューバーから［ウィンドウ／パターン］を選択して［パターン］パネルを表示してください〜！
@@connecre ありがとうございます。ウィンドウ/パターンオプションでしょうか？
@@connecre パターン新規作成を押すと編集モードに切り替わってパターンオプションという表示しか出てこないです＞＜対象のオブジェクトが無い為にそうなっている気がするのですが💦初心者なのもありよくわからなかったです💦
グラフィックに保存したアピアランスを適用すると色まで変わってしまいます。どのようにして色は変えずにテイストだけ適用したのでしょうか。
ご連絡が遅れ、申し訳ございません！
適用したいオブジェクトをグループ化またはシンボル化して適用してください。
Thank you for your explanation, even I managed to follow your video, with the help of translator. I do not speak any japanes. 😊
Thank you for watching!
I will consider making a video in English.