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. デザイン

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

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

  2. Photoshop

    表現の幅が広がる!photoshopのパスでラインを引く方法

    味のあるイラストを描きたい時に。Illustratorでラインを描…

  3. デザイン

    お店の顔!仕事の幅も広がる私流ロゴデザインマニュアル

    どんな商品やお店にも必ずロゴというものが存在します。グラフィックデザ…

  4. Illustrator

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

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

  5. デザイン

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

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

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

[mc4wp_form id=”2540″]

最近の記事

instagramもやっています

This error message is only visible to WordPress admins

Error: No connected account.

Please go to the Instagram Feed settings page to connect an account.

facebook更新中!

スポンサー

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

  1. Web Design

    グーペは、デザイン費をかけられない、個人お店経営者、作家、アーティストにおすすめ…
  2. グッズ

    第二の脳になる?Kindle Paperwhite wifiを一週間使ってみての…
  3. indesign

    デザイン

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

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

    軽量のスクリプトで簡単に!レスポンシブメニューを実装できるResponsive …
PAGE TOP