[B! ãƒªãƒœãƒ³] kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kana321 id:kana321

ãƒªãƒœãƒ³ã«é–¢ã™ã‚‹kana321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

3Dã®ãƒªãƒœãƒ³ã‚’å®Ÿè£…ã™ã‚‹Photoshopã¨CSSã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ç«‹ä½“çš„ãªãƒªãƒœãƒ³ã‚’Photoshopã§ä½œæˆã—ãã‚Œã‚’CSSã§å®Ÿè£…ã—ãŸã‚Šã€CSSã ã‘ã§ãƒªãƒœãƒ³ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Create a 3D Ribbon Wrap-Around Effect (Plus a Free PSD!) [ad#ad-2] 3Dã®ãƒªãƒœãƒ³ã‚’ä½œæˆã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ä½œæˆã—ãŸ3Dã®ãƒªãƒœãƒ³ã‚’å®Ÿè£…ã™ã‚‹CSSã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« CSSã ã‘ã§3Dã®ãƒªãƒœãƒ³ã‚’ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« 3Dã®ãƒªãƒœãƒ³ã‚’ä½œæˆã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ã¾ãšã¯ã€Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‹ã‚‰ã€‚ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¯ã‚¹ãƒ†ãƒƒãƒ—ã”ã¨ã«Photoshopã®ã‚ãƒ£ãƒ—ãƒãƒ£ä»˜ãã§ä¸å¯§ã«è§£èª¬ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€è‹±èªžãŒè‹¦æ‰‹ãªæ–¹ã§ã‚‚åˆ†ã‹ã‚Šã‚„ã™ã„ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ã¾ãŸã€ãƒªãƒœãƒ³ã®PSDãƒ•ã‚¡ã‚¤ãƒ«ã‚‚ãƒ¬ã‚¤ãƒ¤ãƒ¼ãŒä¿æŒã•ã‚ŒãŸã‚‚ã®ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹PSDã®ã‚ãƒ£ãƒ—ãƒãƒ£ ä½œæˆã—ãŸ3
kana321 2014/11/17
css

design

photoshop

ã‚³ãƒªã‚¹

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒªãƒœãƒ³

ç”»åƒ

3D
ãƒªãƒ³ã‚¯
[CSS]ç´™ã€ã‚¹ãƒ†ãƒƒãƒã€ãƒªãƒœãƒ³ãªã©ã®ã‹ã‚ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚³ãƒ¼ãƒ‰ã‚’ã¾ã¨ã‚ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Beemuse
p, divè¦ç´ ãªã©ã§å®Ÿè£…ã—ãŸã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã«ç´™ã‚„ã‚¹ãƒ†ãƒƒãƒã®ã‹ã‚ã„ã„ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ã¾ã¨ã‚ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚è¦ç´ ã‚’å°‘ã—å¢—ã‚„ã™ã¨ãƒªãƒœãƒ³ã‚‚ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ Beemuse Beemuse -GitHub ä½¿ã„æ–¹ã¯ç°¡å˜ã€CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã€ã‚ã¨ã¯HTMLã«classã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã€ã•ã¾ã–ã¾ãªã‹ã‚ã„ã„ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆ©ç”¨ã§ãã¾ã™ã€‚ <head> ... <link rel="stylesheet" type="text/css" href="css/beemuse.min.css" /> </head> å„ãƒ‡ãƒ¢ã¯:before, :after ã®ç–‘ä¼¼è¦ç´ ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€IE8+ã§ã”è¦§ãã ã•ã„ã€‚ä¸€éƒ¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯IE10+ã«ãªã‚Šã¾ã™ã€‚
kana321 2014/08/06
p, divè¦ç´ ãªã©ã§å®Ÿè£…ã—ãŸã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã«ç´™ã‚„ã‚¹ãƒ†ãƒƒãƒã®ã‹ã‚ã„ã„ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ã¾ã¨ã‚ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚è¦ç´ ã‚’å°‘ã—å¢—ã‚„ã™ã¨ãƒªãƒœãƒ³ã‚‚ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™

css

*webãƒ‡ã‚¶ã‚¤ãƒ³

CSS3

webãƒ‡ã‚¶ã‚¤ãƒ³

ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰

ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ

ãƒªãƒœãƒ³

*WEBåˆ¶ä½œ

çŸ¥è˜

å°æŠ€
ãƒªãƒ³ã‚¯
åœ°å‘³ã ã‘ã©ä¾¿åˆ©ï¼ã‚¢ãƒãƒ¼ã‚„ã‚«ãƒ¼ã‚½ãƒ«ãªã©1280+ç¨®é¡žã®ã‚¢ã‚¤ãƒ†ãƒ ãŒæƒã£ãŸPhotoshopã®ã‚«ã‚¹ã‚¿ãƒ ã‚·ã‚§ã‚¤ãƒ—ã®ç„¡æ–™ç´ æ
å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã€Webãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªãªã©ãƒ“ã‚¸ãƒã‚¹ã‚„ãƒ›ãƒ“ãƒ¼ã«ä½¿ãˆã‚‹ã•ã¾ã–ã¾ãªã‚¢ã‚¤ãƒ†ãƒ ãŒæƒã£ãŸPhotoshopã®ã‚«ã‚¹ã‚¿ãƒ ã‚·ã‚§ã‚¤ãƒ—ç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ My personal PS Custom Shapes #Freebies ã‚«ã‚¹ã‚¿ãƒ ã‚·ã‚§ã‚¤ãƒ—ã¯ãªã‚“ã¨1,280+ç¨®é¡žï¼ ã•ã¾ã–ã¾ãªã‚¢ãƒãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒªãƒœãƒ³ã€ã‚«ãƒ¼ã‚½ãƒ«ã€ã‚·ãƒ³ãƒœãƒ«ãªã©ãŒæƒã£ã¦ã¾ã™ã€‚é›»æ°—å›žè·¯å›³ã‹ãªï¼Ÿ ã‚‚ã‚ã‚Šã¾ã™ã€‚ã‚¢ãƒãƒ¼ã¯ç´°ã„ã®ã‹ã‚‰å¤ªã„ã®ä¸‰è§’ã®ã‚„æ‰‹æãé¢¨ã®ãªã©ãŒæƒã£ã¦ãŠã‚Šã€ã“ã‚Œã ã‘ã§ã‚‚ååˆ†ä¾¿åˆ©ã§ã™ãã€‚ ä¸‹è¨˜ã«é‡ãŒå¤šã„ã§ã™ãŒã€ã‚«ã‚¹ã‚¿ãƒ ã‚·ã‚§ã‚¤ãƒ—å…¨ç¨®é¡žã‚’ã‚ãƒ£ãƒ—ãƒãƒ£ã§ã”ç´¹ä»‹ã€‚
kana321 2014/07/07
å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã€Webãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªãªã©ãƒ“ã‚¸ãƒã‚¹ã‚„ãƒ›ãƒ“ãƒ¼ã«ä½¿ãˆã‚‹ã•ã¾ã–ã¾ãªã‚¢ã‚¤ãƒ†ãƒ ãŒæƒã£ãŸPhotoshopã®ã‚«ã‚¹ã‚¿ãƒ ã‚·ã‚§ã‚¤ãƒ—ç´ æã‚’ç´¹ä»‹ã—ã¾ã™

ãƒ•ãƒªãƒ¼ç´ æ

Photoshop

ã‚«ã‚¹ã‚¿ãƒ ã‚·ã‚§ã‚¤ãƒ—

Material

çŸ¢å°

ã‚¢ã‚¤ã‚³ãƒ³

ã‚·ã‚§ã‚¤ãƒ—

ã¾ã¨ã‚

ç´ æ

ãƒªãƒœãƒ³
ãƒªãƒ³ã‚¯
å°ã•ã„è‘‰ã£ã±ãŒã‹ã‚ã„ã„ï¼æœˆæ¡‚æ¨¹ã‚’ã‚ã—ã‚‰ã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ã‚„ã‚¢ãƒãƒ¼ãªã©ã®ç´ æ -StarSunflower Studio
Free Laurel Frames & Arrows ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ç´ æã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¯ã€ä¾¿åˆ©ãªã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã™ã€‚ .png é€éŽPNGã§ã‚°ãƒªãƒ¼ãƒ³ãƒ–ãƒ©ã‚¦ãƒ³ã€ãƒ–ãƒ©ãƒƒã‚¯ã®2ç¨®é¡žã€‚ .svg ãƒ™ã‚¯ã‚¿ãƒ¼ãªã®ã§ã‚µã‚¤ã‚ºå¤‰æ›´å¯èƒ½ã§ã™ã€‚ .abr Photoshopç”¨ã®ãƒ–ãƒ©ã‚·ã€‚ ã‚¢ã‚¤ãƒ†ãƒ ã¯PNGã‚‚é«˜è§£åƒãªã®ã§ã€ã™ãä½¿ã„ãŸã„äººã«ã‚‚ä¾¿åˆ©ã§ã™ã€‚ ä¸‹è¨˜ã®ã‚µãƒ¼ã‚¯ãƒ«çŠ¶ã®ã¯ä¸€ã¤ã®ã‚µã‚¤ã‚ºãŒã€977x1210ã§ã™ã€‚
kana321 2013/09/27
ç´ æ

ãƒ™ã‚¯ã‚¿ãƒ¼

ãƒ–ãƒ©ã‚·

è‡ªç„¶

æ¤ç‰©

ã‚¤ãƒ©ã‚¹ãƒˆ

ã¾ã¨ã‚

ãƒªãƒœãƒ³

ãƒ©ãƒ³ã‚ãƒ³ã‚°

é«˜ç´šæ„Ÿ
ãƒªãƒ³ã‚¯
è¦‹å‡ºã—ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¿·ã£ãŸã‚‰ï¼å¹ãå‡ºã—ã‚„ãƒªãƒœãƒ³ã‚‚ä¸€çž¬ã§ä½œã‚Œã‚‹CSSè¦‹å‡ºã—ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€‚
kana321 2013/09/15
css

css3

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼

web

ãƒªãƒœãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³

Webã‚µãƒ¼ãƒ“ã‚¹

è¦‹å‡ºã—

generator
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
kana321 2012/11/28
photoshop

ãƒªãƒœãƒ³

ãƒ•ãƒªãƒ¼ç´ æ

.net

*webãƒ‡ã‚¶ã‚¤ãƒ³

psd

ç´ æ

photoshop

ãƒ‡ã‚¶ã‚¤ãƒ³

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1