Illustrator WEB関係

【イラレ】Illustratorで立体ボタンを簡単につくる方法<ふっくらグラデーション>

投稿日:2021年10月13日 更新日:

今回はイラレ(イラストレーター)でふっくら立体グラデーションボタンが簡単にできたので備忘録!
完成イメージは下記です。


イラレで簡単にふっくら立体グラデーションボタンを作る方法

立体ボタンを作る方法は以下です。

  1. グラデーションボタンを作成
  2. オフセットで一回り小さいボタンを作成
  3. 内側のボタンのグラデーション反転
  4. 内側のボタンにぼかしを入れる

イラレで立体ボタンを作る方法その1:グラデーションボタンを作成

まず好きな形のボタンを作成。その後グラデーションを入れます。
これ系のボタンに入れる文字って「こちらをクリック!」とか「ご購入はこちら!」とかが多い気がしますねー。

イラレで立体ボタンを作る方法その2:パスのオフセット

その後、パスのオフセットで一回り小さなボタンを作成します。
パスのオフセットはボタンを選択した状態で オブジェクト>パス>パスのオフセット

ダイアログが出てくるので適当なサイズをマイナスします。

イラレで立体ボタンを作る方法その3:内側のボタンのグラデーションを反転

内側のボタンを選択したまま、グラデーションダイアログの「反転グラデーション」をクリック。するとすでに立体ぽくなってる。

イラレで立体ボタンを作る方法その4:内側のボタンにぼかしを入れる

最後に内側のボタンに軽くぼかしをいれます。内側のボタンを選択した状態で

効果>ぼかし>ぼかし(ガウス)

これで完成。(やったね!!)


まとめ

いつもは、無料ボタンとかをDLして使っていたけど自分で作ってみると案外簡単にできたので備忘録。

スポンサーリンク




スポンサーリンク




-Illustrator, WEB関係
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ads-txt_6

【グーグルアドセンス】ads.txtファイルとは?WordPressでの設置方法

サイトを作成してしばらくしてGoogle AdSenseを確認したところ、「要注意 – 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。」と表示されていまし …

illustrator_flower

【イラレ】Illustratorで簡単な花びらを作るには?<作り方・イラスト>

今回はこんな感じの簡単なお花の作り方の備忘録。 ※Illustrator 25.1使用 Contents1 イラレの簡単な花の作り方流れ2 イラレ(Illustrator)簡単花作方法:多角形作成3 …

【Illustrator・イラレ】名刺入稿データの作り方<トンボ・塗り足し>

筆者がイラストレーター(イラレ)で名刺作成するの入稿データの作成方法をさくっとまとめました。※印刷する会社により若干ルールが異なるのでそこはご注意を Contents1 イラストレーター(イラレ)で名 …

thunderbird

【Thunderbird】サンダーバードでよく使うショートカット<作業が楽に>

今回は、筆者がよく使うThunderbird(サンダーバード)のショートカットを紹介していきます。 (ver.78.10.1) Contents1 サンダーバード(Thunderbird)ショートカッ …

【Illustrator】イラレで蜘蛛の巣をさくっと簡単に作成する方法<備忘録>

今回はIllustrator(イラレ)でサクッと蜘蛛の巣を作成しましょ。 夏の季節・ハロウィンの季節に使えそうな予感。 Contents1 イラストレーター(イラレ)で作る蜘蛛の巣2 イラストレーター …

背景画像

プロフィール画像

あさの まき

WEB関連の仕事をしている旅行と酒を愛してやまない女。 いい大人の雑記。

ツイッター

SPONSORED LINK