Illustrator

ロゴやイラストに!Illustratorでかすれ表現をする方法!


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

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

スポンサードリンク

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

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

スクリーンショット 2016-03-25 4.39.57

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

スクリーンショット 2016-03-25 4.40.40

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

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

私が使った素材(有料)

Bmachina | Distressed Vector Texture

3.透明マスクをかける

スクリーンショット 2016-03-25 4.41.21

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

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

62-mask

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

63-mask

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

スクリーンショット 2016-03-25 4.42.04

スクリーンショット 2016-03-25 5.04.08

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

 

 

最後に

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

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

投稿者プロフィール

mayukou
mayukou

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

詳しくはこちら


Twitterをフォローしていただくと、最新情報を見逃しません♫

関連記事

  1. Web Design

    デザインが成功するテンプレがここに。「なるほどデザイン」を読みました

    みなさんこんにちは、mayukouです。今回は、デザイン関連のお勧め…

  2. Photoshop

    Photoshopでパターンを作ろう!斜めストライプを作る方法とは?

    こんにちは、mayukouです。先日仕事でIllustratorで…

  3. デザイン

    脱自己流!上手くいくデザインの手順とは。

    みなさん、こんにちはmayukouです。先日デザイナーであることの自…

  4. Illustrator

    webデザインに活用するゴーストボタンを作るときの文字をセンタリングする方法

    みなさんこんにちは、mayukouです。今回は、アピアランスに関す…

  5. Illustrator

    助かった!Illustratorが重たい時の対処方法

    みなさんこんにちは、mayukouです。仕事などでIllustra…

  6. Web Design

    webデザインのトレンドと取り入れよう!デザインの参考になるwebリソース 〜海外編〜

    みなさんこんにちは、mayukouです。あっという間に土曜の半日が…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

CAPTCHA


最近の記事

instagramもやっています

facebook更新中!

スポンサー

こんなサイトも作ってます。

  1. Web Design

    カフェのサイトをwordpressでリニューアル制作しました。その時の覚書
  2. free font

    デザイン

    デザインの質が上がる!私が利用しているフリーフォントサイト
  3. お知らせ

    レバテック様よりphotoshopプラグインの記事が紹介されました
  4. Illustrator

    面倒じゃない!簡単なIllustratorでシームレスなパターンの作り方
  5. CSS

    一手間でおしゃれに。CSSでマテリアルデザイン風のボタンを作る方法
PAGE TOP