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

Illusutratorで、いとも簡単にアクアボタンっぽいオブジェクトを作る方法

Illusutratorで、いとも簡単にアクアボタンっぽいオブジェクトを作る方法

Illusutratorで、いとも簡単にアクアボタンっぽいオブジェクトを作る方法

非常に簡単な作業で、アクアボタンっぽいものが作成できます。ってことでやり方をメモメモっと。今回はイラストレータで作ります。


今回のネタ元はこちらを参考にさせて頂きました。http://www.learnit2.com/tutorial%20018/index.html


Illusutratorで、いとも簡単にアクアボタンっぽいオブジェクトを作る方法

まずシェイプの形を決めます。
まずシェイプの形を決めます。星ツールを選択し、作業スペースで、右クリックを1回押します。するとダイアログが表示され、数値はこのように設定しました。
グラデーションを設定します。
グラデーションを設定します。
枠の色を設定します。
次にグラデーションを設定したオブジェクトを選択しながら「Ctrl+F」を押します。一見何も変化はありませんが、「Ctrl+F」で前面に同じ位置にペーストしましたので、同じオブジェクトが2枚重なっています。なので、上のオブジェクトに、枠となる色を設定します。(グラデーションをかけたメインの色と近くすと良いです。)
次にメニューより「効果」→「パス」→「パスのオフセット」を選択します。(これが画像の状態です。)
パスのオフセットを設定。

パスのオフセットの数値設定。パスのオフセットの数値設定はこのようにしました。そして、設定が終われば、枠を設定したオブジェクトを背面にレイヤーに移動します。そして「Ctrl+2」で一旦ロックをかけておきましょう。(グラデーションのオブジェクトのレイヤーを再び前面に持ってきます。)
パスファインダで切り離し。
パスファインダで切り離し。ペンツールでこのように線を引きます。そして、全て選択した状態で、メニューより「ウィンドウ」→「パスファインダ」を選択し、分割を選択します。すると、ペンツールで線を引いたところを境に、上下に分割されます。
パスファインダで切り離し。
最後の仕上げ
一部削除ダイレクト選択ツールを選択します。そして、切り離した一部をクリックし、「Delete」で消します。これで完成です。
完成

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

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

コメントを投稿

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

Illusutratorで、いとも簡単にアクアボタンっぽいオブジェクトを作る方法の前後の記事

前の記事は「Photoshopで、いとも簡単にアクアボタンっぽいオブジェクトを作る方法

次の記事は「Photoshopで簡単に肌にツヤを出す方法

関連する情報

              

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

検索

最近のエントリー

カテゴリー

月別アーカイブ

タグクラウド

管理人紹介

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

フィードを取得

フィードを取得する

スポンサードリンク

運営SHOP

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

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

元気をくれた本

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

Copyright Forty - N - Five. All rights reserved.