Tweet

Pocket

みなさんこんにちは、mayukouです。
当ブログでよく読まれている記事にPhotoshopでのかすれ表現がありますが、
Photoshopだけでなく、Illustratorでもかすれ表現ができたら便利なときがあります。

今回は、Illustratorでかすれ表現をする方法をご紹介したいと思います。
手作り感あるロゴの制作や、オーガニックな雰囲気のグラフィック表現などに最適ですよ。とっても簡単なのでご紹介します。

1.かすれ表現を施したいオブジェクトを準備します。

ロゴもしくは、イラストなどのグラフィックを準備しましょう。
今回は、文字「Logotypes」にしました。

2.かすれ表現の材料となるものを準備しましょう。

背景が透明のPNG形式かベクター形式の、網のようなかすれた画像を用意します。
かすれ表現の元となる画像です。

「グランジ　ベクター」で検索するとでてきます。
このサイトのベクターがおすすめです。
Spoon.graphics

私が使った素材（有料）

Bmachina | Distressed Vector Texture

3.透明マスクをかける

2のかすれ画像を上にして両方を重ね合わせます。

1、２の両方を選択し、透明パネルのマスク作成ボタンを押します。

「クリップ」のチェックを外してかんせいです。

4.ブラシストロークのはねを選択

「ブラシストローク＞はね」も利用してかすれ表現が出来上がりました。
※イラストの場合は、この工程は不要です。

最後に

いかがでしたか？とても簡単でしたね！
ぜひグラフィック制作に活かしてください〜

参考サイトはこちら
http://www.dtp-transit.jp/adobe/illustrator/post_1634.html

投稿者プロフィール

mayukou

Webデザイナー修行中のmayukouです。webデザインのお仕事を始めてなんとか約６年が経ちました。とにかく技術を高めようと思っています。仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞（洋楽）、料理、読書、ブログです。
詳しくはこちら

最新の投稿

この著者の記事一覧

• 2019.09.29jQuery画像も文字もスライド可能！Swiper.jsでコンテンツスライダーを簡単に！
• 2019.07.27デザインお店の顔！仕事の幅も広がる私流ロゴデザインマニュアル
• 2018.11.10Photoshop画像からフォントを探してくれる！Photoshopのマッチフォントが素敵。
• 2018.09.02CSSフレームワークサイト制作が早くなる！Bootstrapの特徴