1. まとめトップ

【美しい!】リアルな水滴を描くための厳選チュートリアル【PSD, AI素材】

今回は、リアルな水滴を描くためのDesign Tipsの紹介です。商用広告などにふんだんに使われている水滴。あれを1から描くにはどうすれば??と思い、調べてみました。水にしろガラスにしろ、透明のものって描くのが難しい (; >_<)と悩んでいるあなたへ。たった2レイヤーで描けちゃうんです!

更新日: 2013年05月14日

DesignTipsさん

  • このまとめをはてなブックマークに追加
191 お気に入り 110705 view
お気に入り追加

目次

1. はじめに:水滴が描けると出来ること

2.【Photoshop】最も優れた水滴チュートリアル
3.【Illustrator】最も優れた水滴チュートリアル
4.【Fireworks】最も優れた水滴チュートリアル
5. 関連:写真合成を使った水しぶきEffect チュートリアル

6. 時間がないあなたへ:商用OKの水滴ブラシ

1. はじめに:水滴が描けると出来ること

水やガラス、といった、透明のものをリアルに描くのって難しいですよね。
そんなあなたに、5〜10分程度で水滴が描けるようになる、
美しい水滴チュートリアルをご紹介します!

まずはどうやって使うのか、イメージを膨らませましょう。

果物や野菜に水滴を描くことで、
フレッシュ感を与えることが出来ます。

“キンキンに冷えている”状態を表すのも水滴ですね。

他にも、ジュースやアルコール類の広告で
必ず活躍するはずです!

リアルな水滴は自然物の写真(Nature Photo)の
高級感を上げるのに非常に効果的です。

モデルさんの化粧を崩さずに(笑)
涙の雫をプラスすることもできちゃいます!

普段は虫嫌いの女性を脅かす蜘蛛の巣も、
水滴がついているだけで
真珠のネックレスのようです。

作りたいものは見つかりましたか?
それではチュートリアル紹介にうつります。

2. ▼【Photoshop】BEST Water drop tutorial

★★★★★

http://www.lunacore.com/photoshop/tutorials/tut006.htm

英語ですが、写真付きで分かりやすい!

たったの2レイヤーで、
超リアルな水滴がかけます!
よりリアルにするには、シャドウにも
写り込みのハイライトを足すといいでしょう。

3. ▼【Illustrator】BEST Water drop tutorial

★★★★★

http://vector.tutsplus.com/tutorials/effects/quick-tip-how-to-create-an-all-purpose-water-drop-using-adobe-illustrator/

英語ですが、ほぼ画像説明。

葉っぱの描きかたから教えて下さっています。
見て分かる通り、超リアル。

4. ▼【Fireworks】BEST Water drop tutorial

★★★★★

http://fireworks.smashingmagazine.com/2008/03/18/adobe-fireworks-tutorials-and-downloads-best-of/

個人的にはこの形、かわいくて結構好きです。

水滴を歪ませれば、よりリアルに
加工することも可能です。

5. 関連:写真合成を使った水しぶきEffect チュートリアル

★★★★★

http://design.creativefan.com/create-a-vibrant-colorful-alcohol-product-ad/

美しすぎます。
めちゃくちゃ手が込んでいるのがよく分かりますね。

英語ですが、読む価値アリ!です。

★★★★★

http://www.darjanpanic.com/tutorials/water-effect-on-products-photoshop-tutorial/

これも、難しいのに
とても分かりやすいチュートリアル。

クラッシュしたガラスと水が
キレイに融合していて素敵ですね。

6. 時間がないあなたへ:商用OKの水滴ブラシ入手先

いかがでしたか?

今回はソフト別に紹介してみましたが、
構成を把握してしまえばどのソフトで作っても同じこと。

それぞれの良いところを組み合わせて、
よりリアルな水滴作りに挑戦してみて下さい♪

1





現役アプリUIデザイナーの私が、
備忘録として日々勉強した
Design Tipsを紹介していきます!
厳選した使えるチュートリアルのみ
お届けします。

このまとめに参加する