Internship Blog June 2017

インターンシップ生ブログ

未分類

Illustratorでカーテンを描く方法

投稿日:2017年6月19日 更新日:

こんにちは。MIYAです。
実習10日目。今週もWebサイトのパーツをゴリゴリ作成しております。

そして今回はこちら


このようなカーテンをIllustratorで作成するテクニックを紹介します。暗めの赤色を使っているのは、舞台の緞帳をイメージしてみたからです。

カーテンの作成手順

では、早速作り方を説明します。意外と簡単にできました!

1.グラデーションメッシュの作成

まずIllustratorでカーテンのベースとなる長方形を作成します。

次に、メニューバー[オブジェクト]→[グラデーションメッシュの作成]を選択します。すると、設定ウィンドウが開くので、行数:1、列数:20と入力します。

列数は多めにした方がドレープが沢山できるのでよりカーテンらしくなるようです。

2.メッシュ線の配置調整と影をつける

ダイレクト選択ツールで、縦のメッシュ線を選択し、Shiftキーを押しながら左右に移動させます。この時、縦線の上下2か所のアンカーポイントをちゃんと選択しないと、いびつな形になっていくので注意が必要です。

ちなみに3本毎に感覚を広くとると、それっぽくなりました。

メッシュ線の配置の調節が終わったら、ドレープの影をつけていきます。3本毎に配置した場合、3本のうち真ん中のメッシュ線を選択し、カラー設定で暗めの赤色に変更します。こうすることでカーテンらしいドレープが見えてきました。

3.カーテンの揺れ感をだす

ダイレクト選択ツールで、メッシュ線の下のアンカーポイントを少し左右にずらし、方向線で曲線を出していきます。これは、全体のバランスを見ながら部分的にやるのがコツだそうです。

以上で完成です!

いかがでしょう?今回の場合、もう少しグラデーションメッシュの列数を増やしてドレープを増やした方が良かったですね。以降、気を付けます。

カーテン素材の活用方法

今回のようなドレープをバナー等の背景に使うと、ゴージャスな演出が可能となります。

色やドレープの付け方をアレンジして色々なものに活用してみて下さい。

-未分類

執筆者:


comment

関連記事

初心者マーク

こんにちは、北野です。 実習17日目、最終日です。 あっという間の1ヶ月間でした。 短い期間でしたが、ここ株式会社ふたっぱ様ではたくさんのことを教えていただきました。 自分なりにですが、学べたことも多 …

抹茶ラテを作ろう

こんにちは、北野です。 実習6日目です。   今日もひたすらバナーをトレースしています。 ずっと作製しているだけあって、写真の加工は少し、ほんの少し、速くできるようになりました。 そこで、写 …

バナー制作

こんにちは、北野です。 実習4日目です。   本日はバナー制作の練習です。   バナーとはWikipediaによりますと、   バナー (banner) はウェブページ上 …

ワンパターンからの脱出

こんにちは、北野です。 実習15日目です。 パーツ作りをしていると、どうしてもワンパターンになってしまいます。 同じ「お問い合わせ」のパーツでも、違う雰囲気にするにはどうしたらいいのか。 サイトのデザ …

世界のWordPress

こんにちは、北野です。 実習14日です。 今日は、WordPressについて調べてみました。 毎日、WordPressでブログを書いているのですが、実はあまり分かっていません。 実習に来る前に聞いたこ …