ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeグラフィック講座 > Illustratorでアクア風ボールをつくる方法

Illustratorでアクア風ボールをつくる方法

投稿日:2013年1月15日   レベル:初心者    ソフトウェア:illustrator

このチュートリアルではIllustratorでアクア風ボールをつくる方法について紹介します。


Step1:はじめに

このチュートリアルではIllustratorでアクア風ボールをつくる方法について紹介します。

これをよんでいるあなたは、アクア風デザインのとりこになって、なんとかして自分のデザインにとりいれたい、と思っていることでしょう。このチュートリアルでは、このアクア風デザインの作り方を解説します。Illustrator 9以上を準備してください。不透明マスクの作り方をマスターして、写真のようにリアルな見た目にしましょう。

Step2:円を作成

1.放射状のグラデーション付の円を作成

楕円形ツールを使って、円を描きます。ツールバーから、黒と白のグラデーション付の塗りつぶしを適用します。この塗りつぶしを行うには、「ウィンドウ > グラデーション」でグラデーションパレットを表示してから、「放射状」を選択します。次のステップに進む前に、この黒と白のグラデーションの円を2つコピーし、それぞれ別の新しいレイヤーに貼り付けましょう。レイヤーの名前は何でも構いませんが、ひとつめは「その1」、ふたつめは「その2」などと名前を付けておきましょう。そして、両方ともロックします。これらは、あとで不透明マスクのところで使用します。

このチュートリアルではIllustratorでアクア風ボールをつくる方法について紹介します。

2.グラデーションの調整

元の円を選択し、グラデーションパレットのスライダの下の部分をクリックして、80%のところに分岐点を追加します。このチュートリアルでは、中間点、分岐点、RGBの設定は下の画像の通りにしています。

このチュートリアルではIllustratorでアクア風ボールをつくる方法について紹介します。




Step3:マスクをかける

3.不透明マスクの適用

ステップ1で作成した「その1」レイヤーのロックを外します。このレイヤーは、青い円の手前に置きます。青と白黒の2つの円を選択ツールで選択します。「ウィンドウ > 透明」から、透明パレットを表示します。パレットメニューから、「不透明マスクを作成」を選択します。「新規不透明マスクに反転を適用」にチェックをしていることを確認してから行います。これで、不透明マスクができました。

このチュートリアルではIllustratorでアクア風ボールをつくる方法について紹介します。

このチュートリアルではIllustratorでアクア風ボールをつくる方法について紹介します。

きちんとできたか確かめるために、「表示 > 透明グリッドを表示」により透明グリッドを表示し、円が透けてチェッカー盤パターンが見えることを確認しましょう。

このチュートリアルではIllustratorでアクア風ボールをつくる方法について紹介します。

4.マスクの修正

次に、マスクを使ってボールの一番明るい部分を作っていきます。ステップ1で作った「その2」レイヤーのロックを解除します。円を選択し、白で塗りつぶします。拡大縮小ツールを用いて、15%小さくします。円を変形し、下の画像のようにします。円を垂直につぶしてから、ダイレクト選択ツールで底のアンカーポイントを下に引っ張れば変形することができます。

このチュートリアルではIllustratorでアクア風ボールをつくる方法について紹介します。

Step4:完成

5.線形グラデーションの適用

「その2」レイヤー上でマスクにぎりぎり覆いかぶさるように長方形を描き、下のパレットのように線形グラデーションを適用します。

このチュートリアルではIllustratorでアクア風ボールをつくる方法について紹介します。

6.不透明マスクを適用し、完成

グラデーション付の長方形が、マスクオブジェクトに覆いかぶさっていることを確認して2つのオブジェクトを選択します。そして、透明パレットメニューから不透明マスクの作成を行います。もう一度透明グリッドを見て確かめてみましょう。

このチュートリアルではIllustratorでアクア風ボールをつくる方法について紹介します。


引用:Web Design Library  翻訳:なかけん



スポンサードリンク

コメント

ランダム記事5件

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