Pen Online
Lifestyle 奈良ã®ãƒ©ã‚¤ãƒ•ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ§ãƒƒãƒ—ã€ãã‚‹ã¿ã®æœ¨ã®é–‹åº—41年目をç¥ã„ã€ç¥žæˆ¸ã§ã‚¤ãƒ™ãƒ³ãƒˆã‚’開催
水鳥デザイン｜デザイン制作会社
デザインã¯ä¼æ¥ã¨ç¤¾ä¼šã‚’繋ãコミュニケーションツールã§ã™ã€‚ã—ã‹ã—ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’作る際ã€æ‰‹æ³•ã‚„表ç¾æ–¹æ³•ã«ã¨ã‚‰ã‚ã‚Œã¦ä¼ãˆã‚‹ã¹ã本質を見失ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚本質を忘れãªã„デザインã¯ã€äººã€…ã®ç†è§£ã‚’æ·±ã‚ã€å…±æ„Ÿã‚’呼ã³ã€ä¼æ¥ä¾¡å€¤ã‚’高ã‚ã¦ã„ãã¾ã™ã€‚ã ã‹ã‚‰ã“ãã€ã‚ãŸã—ãŸã¡ã¯ä¼ãˆã‚‹ã¹ã本質や経営者ã®æƒ³ã„ã‚’æ±²ã¿å–ã‚‹ã“ã¨ã«æ™‚間を費やã—ã¾ã™ã€‚デザインをアウトプットã™ã‚‹éŽç¨‹ã“ããŒã€ä¼æ¥ã«æ§˜ã€…ãªã€Œæ°—付ãã€ã®å‰¯ç”£ç‰©ã‚’生ã¿å‡ºã™ã‹ã‚‰ãªã®ã§ã™ã€‚ãã‚ŒãŒæ°´é³¥ãƒ‡ã‚¶ã‚¤ãƒ³ï¼šã®å˜åœ¨ä¾¡å€¤ã§ã‚ã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®æœ¬è³ªã ã¨è€ƒãˆã¾ã™ã€‚
[CSS]box-shadowã®é¢ç™½ã„使ã„æ–¹ï¼ç”»åƒã«ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã“ã‚“ãªæ„Ÿã˜ã«ã¤ã‘ã‚‹ã¨ç«‹ã¦çœ‹æ¿é¢¨ã«è¦‹ãˆã‚‹
box-shadowã¯ãƒœãƒƒã‚¯ã‚¹ã®å‘¨ã‚Šã«ãµã‚ã‚Šã¨ã—ãŸã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€ãれを少ã—アレンジã—ã¦ã€ç«‹ã¦çœ‹æ¿é¢¨ã®ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã¤ã‘るテクニックをBloomã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ã€é€šå¸¸ã®å‘¨ã‚Šã«ãµã‚ã‚Šã¨ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã¤ã‘ã¦ã¿ã¾ã™ã€‚ HTML imgè¦ç´ ã‚’divã§åŒ…ã¿ã¾ã™ã€‚ <div class="css-box-shadow"> <img src="logo.png" alt="" /> </div> CSS ボックスã®å››è¾ºã«ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã—ã¾ã™ã€‚ .css-box-shadow { width:133px; position: relative; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.5); -moz-box-shadow: 1px 2px 4px rgba(0,0,0,.5); box-shadow: 1px 1px 4px rgba(0
第8回　ã¼ã‹ã—フィルタã¨ã‚¢ãƒ«ãƒ•ã‚¡ãƒžã‚¹ã‚¯ | gihyo.jp
今回ã‹ã‚‰ã¾ãŸæ–°ãŸãªãŠé¡Œã‚’ã€EaselJSサイトã®ãƒ‡ãƒ¢ã‹ã‚‰é ‚戴ã—よã†ã€‚「â ALPHAMASK FILTERã€ã¨ã„ã†ã‚µãƒ³ãƒ—ルã§ã€ã‚¢ãƒ«ãƒ•ã‚¡ãƒãƒ£ãƒãƒ«ã®ãƒžã‚¹ã‚¯ãŒå‹•çš„ã«ã¤ãられる（図1â ）â 。EaselJSã®DisplayObjectインスタンスã«ã¯ã€Shapeオブジェクトã§ãƒ™ã‚¯ã‚¿ãƒ¼ãƒžã‚¹ã‚¯ãŒã‹ã‘られる（DisplayObject.maskプãƒãƒ‘ティâ ）â 。アルファマスクã¯ã€ãƒ™ã‚¯ã‚¿ãƒ¼ãƒžã‚¹ã‚¯ã¨ã¯ç•°ãªã‚Šã€AlphaMaskFilterクラスã§æ‰±ã‚れるフィルタã 。「â ALPHAMASK FILTERã€ã§ã¯ã€ã•ã‚‰ã«BoxBlurFilterクラスã§ã€ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã«ã¼ã‹ã—ã‚’åŠ ãˆã¦ã„る。今回ã¯ã€ã¾ãšã“ã®ãµãŸã¤ã®ãƒ•ã‚£ãƒ«ã‚¿ã®ä½¿ã„方をå¦ã¼ã†ã€‚ 図1　EaselJSサイトã®ãƒ‡ãƒ¢ã€ŒALPHAMASK FILTER〠外部画åƒãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰èªè¾¼ã‚“ã イメージをインスタンスã«ã—ã¦ã‚¹ãƒ†ãƒ¼ã‚¸ã«ç½®ã フィルタをã‹ã‘ã‚‹ã«ã¯ã€ã‚¹ãƒ†ãƒ¼
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
プãƒã®åŽ¨æˆ¿æ©Ÿå™¨ã‚’トータルサãƒãƒ¼ãƒˆï½œãƒ›ã‚·ã‚¶ã‚æ ªå¼ä¼šç¤¾
Kei Yasui
{{#tags}}- {{label}}
{{/tags}}