デザインコメントを書くnakamura204イラストレーターを使って写真をタイル張りのモザイク画風に加工するチュートリアルです。難しい手順はないので、初心者でも15分前後で加工できます。グラフィックスタイルを使用した方法と3Dの押し出し・ベベルを使用した方法があります。どちらも処理が重くなりやすいので、PCのスペックが低い人は注意してください。写真をドット絵に加工する加工する写真をイラレに貼り付けます。リンクになっている場合は【埋め込み】にします。【タイル数】の【幅】を設定し【比率を使用】をクリック今回のサンプル画像は正方形なので【幅】と【高さ】を同じ値にすればタイルも正方形になりますが、長方形の画像の場合、タイルが正方形になるように数値を設定するのはなかなか面倒です。【比率を使用】を使うと、タイルが正方形になるよう自動で【高さ】を設定してくれます。ドット絵になりました。タイルの立体感を作る適当な大きさで正方形を作ります。【塗り】にグラデーションを適用。色は【#000000】、不透明度は右端【100%】、それ以外は【0%】に設定。位置は画像を参照してください。アピアランスパネルから【塗り】の不透明度を【50%】に、描画モードを【乗算】に設定し、複製。グラデーションの角度を変更します。同様にアピアランスパネルから【塗り】の複製を2つ作り、描画モードを【ハードライト】に設定。(描画モードは【オーバーレイ】や【ソフトライト】でもいいと思います。お好みで)グラデーションの色を【#FFFFFF】に設定し、それぞれ角度を変更。タイルの立体感ができました。これをグラフィックスタイルに登録します。グラフィックスタイルを適用して完成ドット絵を複製し、複製した方のグループ化を解除。(またはグループ編集モードにする)先ほど登録したグラフィックスタイルを適用します。適用したら再度グループ化。拡大するとこんな感じ。グラフィックスタイルを適用した方に【線】を設定します。今回はカラー【#DBD2D1】、線幅【0.5pt】に設定。グラフィックスタイルを適用したグループをドット絵に重ねて完成です。3Dの押し出し・ベベルによるタイル加工(別の方法)タイルの立体感を作る作業が面倒なときは【効果】→【3D】→【押し出し・ベベル】から簡単に立体感を付けることができます。回転はすべて【0度】にしてベベルを設定。【塗り】なしで【線】だけを設定したオブジェクトを重ねたものがこちら。上がグラフィックスタイル。下が押し出し・ベベル。押し出し・ベベルの方がカッチリとした印象ですが、暗い色の部分は効果がわかりにくいです。押し出し・ベベルは処理が激重になることがあるので、その点は注意が必要。グラフィックスタイルもちょっと重いですが、押し出し・ベベルと比べたら全然余裕です。手順は押し出し・ベベルの方が簡単ですね。好みやPCのスペックに合わせて使い分けると良いと思います。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。