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. Web Design

    今後のデザインのトレンドとして注目!コンテンツファーストのサイトをまとめてみた

    みなさんこんにちは、mayukouです。ウェブデザインのトレンドであ…

  2. デザイン

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

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

  3. Illustrator

    自分で作れると便利!illustratorでチェック柄を描く方法

    みなさんこんにちは、mayukouです。※熊本・大分で地震の被害に…

  4. Web Design

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

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

  5. Illustrator

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

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

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

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

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


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. jQuery

    JQueryで要素を消すスクリプト!ECサイトの注意書きにもオススメ!
  2. ブログ

    明けましておめでとうございます。今年の抱負
  3. 未分類

    wordpress初期化してしまいました。
  4. Photoshop

    Photoshopでスタンプ表現が簡単に!PSD素材で一発表現!
  5. 書評

    売り上げ不振の悩みを解決!「どうすれば売れるのか」を読んで
PAGE TOP