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デザインのお仕事を始めてなんとか約6年が経ちました。とにかく技術を高めようと思っています。仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。
詳しくはこちら

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

関連記事

  1. indesign

    デザイン

    Indesignを使って、冊子を作りました!

    知り合いの手伝いで、初めてIndesignを使って冊子を作りました!…

  2. Illustrator

    メリハリがつく!Illustratorでドロップキャップを作る方法

    みなさんこんにちは、mayukouです。先日、雑誌広告のデザインを担…

  3. デザイン

    楽天ショップのデザインの参考に!おしゃれな楽天ヘッダー7選

    みなさん、こんにちはmayukouです。いかがお過ごしですか?…

  4. Photoshop

    便利!Photoshopで描いた絵をIllustratorで使えるパスに変換する方法!

    みなさんこんにちは、mayukouです。今回は、Photoshopで…

  5. Illustrator

    画像のベクター化が簡単に!Adobe Capture CCがおすすめ♩その使い方をご紹介。ダウンロー…

    みなさんこんにちは、mayukouです。画像をベクター化してイラスト…

  6. Photoshop

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

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

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

Web Design Cafeの メルマガを購読する

更新情報や、お知らせ、お得情報をゆる〜く配信(月1程度)。


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. jQuery

    ホームページに必須!?jQueryでトップへ戻るボタンの作り方
  2. Photoshop

    5ステップ!photoshopで水彩画をスキャンして切り抜く方法
  3. Photoshop

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

    デザイン

    デザインの質が上がる!私が利用しているフリーフォントサイト
  5. Photoshop

    Photoshopでスタンプ表現が簡単に!PSD素材で一発表現!
PAGE TOP