Photoshopã§ã‚ラã‚ラ光るラメã®åŠ¹æžœã‚’ã¤ã‘る方法 / ウェブデザインライブラリー
投稿日：2011å¹´11月08日　　　レベル：åˆå¿ƒè€…　　　　ソフトウェア： ã“ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã¯Photoshopã§ã‚ラã‚ラ光るラメã®åŠ¹æžœã‚’ã¤ã‘る方法を紹介ã—ã¾ã™ã€‚ Step1 ： ã¯ã˜ã‚ã« Step2 ： 背景画åƒã®ä½œæˆ Step3 ： レイヤー効果ã®é©ç”¨ Step4 ： テクスãƒãƒ£ã®ä½œæˆ Step5 ： 完æˆ
ç”»åƒã‚’使ã‚ãšã«è¦‹å‡ºã—を水平線ã§æŒŸã‚€CSSå°æŠ€ - ã‹ã¡ã³ã¨.net
ã¡ã‚‡ã£ã¨ç´ 敵ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚CSS ã§è¦‹å‡ºã—を水平線ã§å›²ã‚€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ ã§ã™ã€‚本ã¨ã‹ã§ã‚ˆãã‚る表ç¾æ–¹æ³•ã§ã™ ãŒã€ã“れを画åƒã‚’使ã‚ãšå®Ÿè£…ã—よã†ã€ ã¨ã„ã†ã‚‚ã®ã€‚クãƒã‚¹ãƒ–ラウザã§å‹•ä½œ ã—ã¾ã™ã®ã§æ±Žç”¨æ€§ã‚‚ã‚ã‚Šã¾ã™ã。 ã“ã‚Œã¯ã„ã„ã§ã™ãªãƒ»ãƒ»ãƒ»IE6ã§ã‚‚7ã§ã‚‚実装出æ¥ã¦ã€èƒŒæ™¯ã‚«ãƒ©ãƒ¼ã‚„ç”»åƒã«ã‚‚ä¾å˜ã—ã¾ã›ã‚“。 demo ã“ã‚“ãªæ„Ÿã˜ã€‚よã見ã‹ã‘ã¾ã™ãŒã€ã“れをCSSã®ã¿ã§å®Ÿè£…ã™ã‚‹Tipsã§ã™ã€‚ h1 { border-top: 1px solid black; margin:23px 0 0; text-align:center; padding:0; height:24px; } h1 span { position: relative; top: -24px; padding: 0 20px; background:white; } borderを使ã£ã¦å®Ÿè£…。h1ã«borderを付ã‘ã¦ä½ç½®ã‚’下ã’ã€span
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://mono-stock.com/pages/?p=3800
{{#tags}}- {{label}}
{{/tags}}