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. illustration

    photoshopでモコモコの線を描くには?

    こんにちは。mayukouです。今回は、photoshopでモ…

  2. Illustrator

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

    みなさんこんにちは、mayukouです。デザインを作る上で、背景がシ…

  3. illustration

    簡単!Illustratorでキラキラ星を作る方法

    みなさんこんにちは。mayukouです。だいぶ秋らしくなってきまし…

  4. Photoshop

    Photoshopのウィンドウを見やすく!ワークスペースを工夫してみよう

    こんにちは、mayukouです。なんだかすっきりしない天気です。九…

  5. Illustrator

    簡単!Illustratorで写真の淵をぼかす方法

    みなさんこんにちは、mayukouです。まだまだ梅雨の時期ですが、…

  6. Illustrator

    Mac OS sierra にアップデートした時のIllustratorCS6の不具合と解決法

    みなさんこんにちは、mayukou です。先日、会社のmacのos …

コメント

  • コメント (0)

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

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

CAPTCHA


スポンサー

instagramもやっています

最近の記事

  1. 現像すると写真が生き生きする!Macの写真アプリが素敵
  2. 売り上げアップを実感♪目から鱗の本「どうすれば売れるのか」を…
  3. 購入して半年♪iPad Proで描いたイラストをご紹介。(主…
  4. ブロガーの味方?高級コンデジ、Panasonic LX9を買…
  5. デザインが成功するテンプレがここに。「なるほどデザイン」を読…

facebook更新中!

  1. Photoshop

    点線もかける!Photoshopでラインを引く方法を新たに発見(ストローク機能)…
  2. Mac

    Marvericksアップデート時のPhotoshopのバグが直りました
  3. Tutorial

    簡単!photoshopでスタンプ風のかすれた表現をする方法
  4. Photoshop

    ついつい押したくなる!立体的なボタンのデザインをPhotoshopで作る方法
  5. jQuery

    ボックス要素を横並びにしたときに高さが揃えられるJQuery、jquery.ma…
PAGE TOP