〜Illustratorツイート今年は出来るだけ不必要なものは削り、必要最低限の情報でデザインを表現する「ミニマリスム」なデザインが主流でしたね。そんな中、写真やオブジェクトなど様々なもので「フラットデザイン」とまではいかないものの、同じ意思を次いだデザイン方法『ポリゴンスタイル』が秘かに流行を見せていました。こんにちわ、レジットの小沢です。それでは、さっそく制作方法をご紹介しましょう。最後に様々なポリゴンスタイルを紹介1.画像を用意するまずは、ポリゴンスタイルに置き換えたい画像を用意しましょう。今回使用する写真はコチラです。前回の記事でご紹介した2014年の流行色【ラディアントオーキッド】色を少し意識しました。2.パスで囲んでいく『1.画像を用意する』で用意した素材をイラストレーターで開きます。『ペンツール』でブロック調に区切って行きましょう。人物から!!この際注意する点は以下の点です。・囲む線は直線で、しっかりアンカーポイントで繋ぐ。・目や鼻等の形を表現する所以外、出来るだけ大きい枠にする。・各ブロック毎に隙間を空けない様に丁寧に。(←ここが大雑把ですと最後に泣きを見ます)人物が全て囲み終わりるとこの様に、まるでCG骨組みの様になります。トレースした画像に重ねるとこの様になります。3.背景もパスで囲んでいく先ほどの手順とまったく同じです。注意点であげました(隙間)の問題がここに来てやっと明らかになります。丁寧に囲んでもどうしても、ズレは生じてしまいます。パスを塗りつぶすと、隙間だったりズレている箇所が浮き彫りになりました。クリックし隙間を埋めて行きましょう。表示されていない場合は、ボタンを長押しします。アンカーボックスをクリックし、取り合うボックスのアンカーポイントへとドラックしていきましょう。曲線があって直せない!下図にて解決です!5.人物にペイント出来る限り立体感は損ねたくありません。元画像を参考にしながらまずは、人物から色をつけて行きましょう。6.背景にペイント人物の時と同じですが、背景ですので人物が埋もれる様な配色は避けなければなりません。最後に全てを選択しコピーします。選択されたパスに[グラデーションツール]でグラデーションを加えます。グラデーションを掛けたパスを、色の付いた先ほどの画像へと重ねます。最後に、グラデーションの[描画モード]を[ソフトライト]に、[不透明度]を[30%]に設定し完成です。【ポリゴンスタイル】は、凄く遊び心をくすぶるデザイン方法だと思います。単純そうでも、表現方法によってはガラりとイメージが変わります。そんな様々なアーティストによる、ポリゴンスタイルを紹介しながら、お別れしましょう。博之webディレクター/アートディレクターカメラマン→グラフィックデザイナー→アパレルメーカーのプレスを経て現在。調理師免許と古物商の免許がある。SK8復帰を果たそうと画策中だが筋トレ&ダイエットが続かない。ReservedScroll。