ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

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

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

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

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

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

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

Rank Tracker

テクニック

Homeグラフィック講座 > Illustratorを使って輝く瞳を作る方法−第2部

Illustratorを使って輝く瞳を作る方法−第2部

投稿日:2008年10月10日   レベル:中級者    ソフトウェア:Illustrator
このチュートリアルでは、Photoshopを使って輝く瞳を作ってみたいと思います。


Step1:白目を描く
前回は次の画像の白い領域の作業を行いました。。

まつ毛を描く

グラデーションを適用します。

まつ毛を描く

グラデーション周りを調整します。

まつ毛を描く

眼の白い領域のコピーを作ります。
ナイフツールを使って次のように白い領域を切り出します。

まつ毛を描く

切り出した白い領域を前面になるよう配置します。
右クリックして「アレンジ」−「前面へ」を選択します。

まつ毛を描く


Step2:目の周りを描く
ここでまぶたのシェイプを作ります。
大きいシェイプの中に小さいシェイプを作って両方とも選択したら、大きいシェイプに小さいシェイプよりも軽めのトーンで影を入れます。

まつ毛を描く

ブレンドオプションを使ってまぶたにグラデーションを適用します。

「オブジェクト」−「ブレンド」−「ブレンドオプション」を選択しますが、特定のステップで作業を続けるかは作業領域のサイズによります。ここでは以下の設定を選択しました。

まつ毛を描く

次のようにブレンドを設定します。

まつ毛を描く

すると次のようになります。

まつ毛を描く

眼の下の影についても同様に作業します。

まつ毛を描く


Step3:眼の内側に立体感を出す
これから眼の内側の領域を作業します。
シェイプを作成します。

眼球を描く

内側のシェイプを作成して好みに合わせてパスを調整します。
作業はまつ毛の領域で行います。

眼球を描く

シェイプをまつ毛の根元に沿って配置します。

眼球を描く

「効果」−「ぼかし(ガウス)」を選択します。

眼球を描く

白目の領域の小さい切り出しを選択します。

眼球を描く

「効果」−「ぼかし(ガウス)」を選択して少しだけぼかします。

眼球を描く

切り出しの透明度を下げます。

眼の上のシェイプを選択してぼかし(ガウス)を使ってほんの少しだけぼかします。

眼球を描く

眼球を描く

眼の内側の角にシェイプを作成しますが、ここではストロークラインを使って眼の左側の色を深くして仕上がりを眼と肌の境界に合わせます。

眼球を描く


Step4:瞳に輝きを出す
瞳の大きい円をコピーします。
別のコピーを用意してパスファインダで三日月形のシェイプを切り出します。

眼球を描く

切り出したシェイプをクラウンツールで作った瞳の左側に配置すると、アレンジした眼の領域が次の画像のようになります。

眼球を描く

三日月形のシェイプの色を暗めにします。

眼球を描く

ぼかし(ガウス)を使って三日月形のシェイプをぼかします。

瞳の領域に輝きを入れます。
次のようにシェイプを作成します。

眼球を描く

コピーを保存します。

眼球を描く

シェイプをぼかします。

眼球を描く

保存したコピーを選択してシェイプに輝きを入れます。
「オブジェクト」−「パス」−「単純化」を選択します。

眼球を描く

単純化した領域より小さめのシェイプを作ります。
次のように行います。

眼球を描く

小さめのシェイプをグラデーションと輝きのあるシェイプの上に配置します。

眼球を描く

輝きの不透明度を減らします。

眼球を描く

ここでは輝いている部分に少しだけグラデーションを入れます。

眼球を描く

ここで私が領域をクリアにしたり定義したりするので眼の左側に深みが必要に思えるかもしれません。
ここでは別のシェイプを描きます。
シェイプが完璧に見えないかもしれませんが、あえてこのようにしています。
欠点があって同意されないものがオリジナルだと私は思います。
とはいえ、…完璧なシェイプを作ったとしてもそれでよいと思います…。
この作業があまり技術に走りすぎてほしくないだけですから。

眼球を描く

眼が輝いているのでまつ毛も反射して見えるよう別のシンボルパレットからまつ毛のシンボルをドラッグします。
ドロップしたら、反転させて反射させます。
続けて透明度を下げます。

眼球を描く

まつ毛の領域に別の境界線を描きます。

眼球を描く

ここでは作業領域に「Line Art Brushes」を使って、境界線やまつ毛や線を描きます。
まだお持ちでない方がおられましたらここからダウンロードできます。

眼球を描く


Step5:完成
眼の内側の端に別の小さなシェイプを作って明るめの影をつけてから、ぼかし(ガウス)で少しだけぼかします。
これで輝く瞳の完成です。

眼球を描く



引用:Web Design Library  著者:www.aivault.com 翻訳:菊池



スポンサードリンク

コメント

ランダム記事5件

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