Tシャツのプリントなどではシルク印刷のコストを抑えるため、色数を抑えることが多く、単色でどれだけ表現できるかってのも1つの課題でもあります。その辺もふまえて制作過程をスクリーンショットをばしばし撮りましたので、早速いってみましょう!まずはですね。最初に言っておきましたよ。それと使っているのはイラストレータCS5英語版です。掠れたグラフィックの表現方法という訳で太めのフォントを使ったグラフィックをいっちょこさえました。注意点はグループ化させておくか合成して1つのオブジェクトにして色は黒1色にしておくこと。それと大きめに作っておくこと。最終的に納品する(仕上げる)実寸かそれよりちょっと大きめがベストです。小さいとエフェクトをかけた時に調整しづらくなります。800ピクセルのアートボードでやってます。ピクセルかっていうと記事にするためわかりやすい画像サイズにしたかっただけです。(図1参照)図1次に、いきなりエフェクトをかけます。エフェクトメニューからスケッチ→フォトコピーを選択してください。(図2参照)図2するとエフェクトの調整画面がでてきますので、図3のような雰囲気に調整します。これはグラフィックの大きさや太さなどで調整値が変わるのでやってみてどん!です。(図3参照)図3すると図4のようになりますね!(図4参照)図4そしたら、お次もエフェクトさんです。エフェクトメニューからスタイライズ→グローウィングエッジを選択します。(図5参照)で、調整画面で図6のような雰囲気にします。見るとグラフィックの淵が白くなってますね。白い淵が細すぎると最後に効果が薄くなるし、太すぎると効果が効きすぎて細かい部分がすっぽり消えてしまうので、何度かリトライしてみてください。図7のようになりますね。(図7参照)図5図6図7しつこいですが次もエフェクトです。ブラシストロークからスプラッターを選択して下さい。(図8参照)すると図9のようにグラフィックの淵がノイズがかって滲んだようになり細部がつぶれます。Radius)とスムースネス(Smoothness)の設定が決めてになります。スプレーラディウスの値が大きいと淵のにじみがおおきくゆがみますので、これも何度かリトライして好みの設定にしていきます。(図9、10参照)図8図9図10さて!最後のエフェクトです。最後はブラシストロークからインクアウトラインを選択します。(図11参照)またまた調整画面が出てですね。図12のように筆のテクスチャーがつくような感じで調整します。図13のようになると思います。(図13参照)図11図12図13おぉ!手書きっぽくなったよね!ただのグラフィックならこれで終了しても良いのですが、これだとグラフィックにアピアランスとしてエフェクトが適用されているだけなので、拡大したり縮小するとエフェクトの設定値がずれてしまい、もとの狙った効果とはずれてしまいますし、もしTシャツ用のシルク印刷が前提のグラフィックならば全てアウトラインしてあげないとだめです。シルクスクリーン用にデータを作成する方法という訳で図14で見るようにラスタライズしてまずは画像に変換しましょう!(図14参照)画像変換の設定画面がでますので、なるべく解像度を大きくしてあげた方が仕上がりはキレイなので300dpiを選択して「OK」しましょう。(図15参照)すると画像に変換されます(図16参照)図14図15図16次は以前書いたこちらの記事のように画像をベクター変換をします。(図17参照)ここでスレッショルドの値をいじくるとグラフィックの淵の擦れ具合など少し変わってくるので、今回はスレッショルドの設定値を少し低くめに設定し、効果がわかりやすいようにしました。ミニマムエリアも小さくしておくと細かい筆のテクスチャー部分も残るので、設定値を低くしておくことオススメです。図17これで変換すると図18のように1色でブラシ風の雰囲気に仕上がりましたね。自分的にオッケー!てなればエクスパンド(Expand)して、アウトライン化させましょう。(図19参照)そしたら白い塗り部分はいらないので消し去りましょう。(図20参照)図18図19図20はい、これで完成ですね!(図21参照)1色でブラシの擦れた雰囲気が出ていると思います。図21完成!?でも、もうちっと味付けしたいよねー、という方はテクスチャー画像を使ってみるといいですよ!(図22参照)図22今回ぶらしの擦れた雰囲気のテクスチャーを作りましたのでダウンロードできるようにしてあります。同じ要領で羽を作ったのでロゴに付け足して、テクスチャー画像を貼り込みます。これはビットマップ画像(BMP)になっているのでイラレにお持ち込みするとテクスチャーに色付けできます。背景色と同じホワイトにしてあげれば、さらに掠れ具合が増していい感じ。(図23参照)図23これで一通り完成ですが、少し応用して他の画像を作ってみました。Tシャツのプリントとは関係なく、ウェブ用のバナー画像やらなんちゃら、使えるんじゃないかな?まずさきほどのロゴに色つけてグラデーションを適用させます。(図24参照)(注)グラデーションは画像にのっけた時に濃淡が出てそれっぽく見えるように適用しました。一応書いておかないとグラデーションかけた理由もないとわかんないよね、後で気がついた。背景画像を用意します。(図25参照)図25これはですね。Shopで取り扱ってる背景画像です。その背景画像にグラデーションをかけたロゴを透明度をいじって、ここではオーバーレイを使ってます。のっけてあげると(図26参照)図26このような画像が作れます。背景画像を変えたり、透明度をいろいろ変えたりするして応用していけば、図27、28のような画像にもなります。はい、これらの背景画像もココで扱ってます。図27図28という訳でデザインチップスなんだか、素材サイトの宣伝なんだか、新手のステルスマーケティングとして書かせていただきました。デザインチップスとして誰かに役に立ってくれたらいいなと思います。Author2ndグラフィックデザイン、アパレルデザイン、Webコンテンツ作成、SEOコンテンツ作成、Webサイト作成等。WORKS(イメージングワークス)」をオープンいたしました。Twitterツイートショーケースギャラリーデザイナーズショーケースで紹介させていただいた方々の作品です。画像をクリックでショーケースの記事へ移動します。テクスチャーなどに使えるグランジ、ダメージ、劣化した壁シリーズ-012nd2018年6月19日トロピカルパターン無料ダウンロード2nd2014年12月19日パステル調バックグラウンドイメージ6枚-ダウンロードフリー2nd2014年2月13日Fotorで画像加工。2018このサイトはcookieを利用して、コンピュータに情報を保存しています。