Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。

Illustratorでめくれた感じを表現する方法

Illustratorでめくれた感じを表現する方法

Illustratorでめくれた感じを表現する方法

Photoshopで画像の端をめくれた感じにするチュートリアルは数多く紹介されていますが、Illustratorの場合はどうすればいいのかと考えた時に、上記のように、いとも簡単にめくれた感じを表現する方法がありました。そのやり方をメモしておきたいと思います。


以前の記事よりPhotoshopでのやり方はこちらです。Photoshopで画像の端をめくれた感じにする方法。


Illustratorでめくれた感じを表現する方法解説

3つの円でめくれた感じを出す。
まず解説する前提として、パスでめくれた部分を綺麗に描ければ、この手の作業は特に必要ないのですが、まぁパスで綺麗にめくれた感じが描けないという方には、便利な方法だと思います。3つの円でめくれた感じを出す。まずベースとなる長方形を描きます。その長方形をロック(Ctrl+2)しておいて、円を3つ描きます。重要なのは3つの交点です。この部分が最終的にめくれた部分になります。
パスファインダ-分割を使います。
パスファインダ-分割を使います。そして3つの円を選択し、「ウィンドウ」「パスファインダ」「分割」を選択します。そうすると重なり合っている部分がそれぞれ分割されますのでグループ解除(Ctrl+Shift+G)をして必要のない部分を削除していきます。
パスファインダ-分割を使います。すると、めくれた部分となる三角形が残ります。
このめくれた部分は、グラデーションやドロップシャドウなどを施し、それっぽくします。また、ベースとなる長方形の必要のない部分はめくれた部分となる三角形とベースの長方形の交点をナイフツールを使用し、切り取って必要のない部分は削除して完成です。

楽してプロっぽいデザイン|Forty-N-Five Blog Trackbacks

このエントリーのトラックバックURL

コメントを投稿

Name:
Mail:
URL:
この情報を登録しますか?

Illustratorでめくれた感じを表現する方法の前後の記事

前の記事は「ブラウザ戦争勃発!IE8、FireFox3、そしてGoogle「クローム」

次の記事は「Illustratorでアートボード(黒枠)ぴったりの枠を描く方法

関連する情報

              

楽してプロっぽいデザイン|Forty-n-FiveBlog ホームへ戻る

検索

最近のエントリー

カテゴリー

月別アーカイブ

タグクラウド

管理人紹介

ポートフォリオサイト|Forty-N-Five

フィードを取得

フィードを取得する

スポンサードリンク

運営SHOP

健康美人30代から始める美と健康は、MovableTypeを使用して制作した通販サイトです。

健康美人30代から始める美と健康 もてもてSHOP NOLOOKS 和彩

元気をくれた本

「夢をかなえるゾウ」この本に出会えて良かったとホントに良かった思います。Webには関係ないですが、これからの人生を楽しくしてくれる本です。ガネーシャどうもありがとう(笑)

Copyright Forty - N - Five. All rights reserved.