ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テンプレートモンスター
ホームページテンプレート

Free Templates Online JP
無料ホームページテンプレート
Free Templates Online JP

株式会社ネットオン
採用Webマーケティング
indeed広告代理店

海外 SEO対策 トラッキングツール
海外 SEO対策
ランキングチェックツール

Rank Tracker

テクニック

Homeグラフィック講座 > Illustratorで光り輝くWeb 2.0風ボタンを作る方法

Illustratorで光り輝くWeb 2.0風ボタンを作る方法

投稿日:2008年8月8日   レベル:初心者    ソフトウェア:PhotoShop
このチュートリアルでは、イラストレーターで光り輝くWeb 2.0風ボタンを作ってみたいと思います。


Step1:ボタンを作る
簡単にできますよ。
はじめに、(Shiftキーを使って)円を描いて次のように円形のグラデーションで色を塗ります。

ボタンを作る

円をコピーして最初に描いた円の上端に合わせてペーストし、少し小さくします。小さい円のグラデーションを180度回転させます。これが「光り輝く」効果を作ります。

ボタンを作る

別の円を作って先ほど作った円よりも小さくします。シンプルな円形のグラデーションで色を塗ります。

ボタンを作る

4つ目の(最後の)円を作って3番目の円より小さくします。ペンツールペンツールを使って次のようなシェイプを作ります(一番下のアンカーポイントをクリックするだけでできます)。

ボタンを作る


Step2:完成
これで完成です。難しくなかったでしょ?

完成


Step3:サンプル
このボタンを基に作ったサンプルイメージを紹介します。((C) Photographer: | Agency: Dreamstime.com)

サンプル

サンプル

サンプル

サンプル


引用:Web Design Library  著者:graphics-illustrations.com 翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング