CREATOR BLOG

簡単♪FWで透明なガラス玉を作るっ・・・!

2013/01/17
あんな
  • このエントリーをはてなブックマークに追加

お久しぶりです、あんなです。

今回は「透明なガラス玉」を作ります!

これを応用すれば・・・そうっ・・・
【鷲巣麻雀のガラス牌】も作れますよっ!

簡単なんで試して下さい♪では早速~!

【1】 グラデーションの円をかきます。

・円 サイズ 90px×90px
・円 グラデーション #838383→#FFFFFF
・背景色 #E8E8E8

 

【2】 ①の上にぼかしのかかった円をかきます。


・円 サイズ 74px×74px
・円 グラデーション #E8E8E8→#FFFFFF
・フィルタ→ぼかし(ガウス)4.1

 

【3】 さらに!②の上に円をかきます(円は少し形を崩しています)


・円 サイズ 30px×21px
・円 カラー #FFFFFF
・フィルタ→ぼかし(ガウス)4.1

 

【4】 「パス」→「パスの形抜き」を使用し、三日月のような形を作ります。

そしてその三日月を球体の下のほうに配置します。

・グラデーション #000000→#FFFFFF
・フィルタ→ぼかし(ガウス)2
・ブレンドモード 乗算 100

 

【5】 ④で作った三日月を複製し、少し下にずらします。そしてグラデーションを横にかけます。


・グラデーション #000000→#FFFFFF→#000000
・フィルタ→ぼかし(ガウス)0.5
・ブレンドモード 乗算 45

 

【6】 影を作ります。


・円 サイズ 82px×55px
・円 カラー #333333   透明度 100→0
・フィルタ→ぼかし(ガウス)4.1

 

【7】 ガラスの光の部分(?)を制作します。レイヤーは三日月シャドウの上に。


・円 サイズ 50px×40px
・円 カラー #ffffff   透明度 100→0
・フィルタ→ぼかし(ガウス)4.1
・ブレンドモード オーバーレイ 100
透明度100の部分を球体と床の接地部分にもってくると良しです!

これで完成!

そして、これを応用すると・・・普通の麻雀牌が鷲巣麻雀牌に!!!


※麻雀牌の作り方はこちらをご確認下さい。
牌の色を今回作ったガラス玉のグレイで調整してみてください。色調整をし、透けた部分を作ればガラス牌の完成です。

今回牌に影はつけませんでしたが、影がつくとさらにリアルになりますね!

わっ・・・鷲巣さま~~~!

ではでは!

Recent Entry

CSSの単位まとめ pxからvm/vh/vmin/vmaxまで

レスポンシブHTMLメールを作ってみての感想

CSSのリファクタリングでした5つのこと

大人が読んでも頭を使う絵本の紹介

サイト内にうまくInstagramを取り入れてるサイト11選

Category

Archive