[B! UI][photoshop] vanish_l2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

vanish_l2 id:vanish_l2

UIã¨photoshopã«é–¢ã™ã‚‹vanish_l2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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}}

ç¾Žã—ã„UIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒ100ç¨®é¡žä»¥ä¸Šï¼æ¬¡ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å½¹ç«‹ã¤ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ç”¨ã®ç´ æ -Flatic UI Kit
æ•°ãŒã™ã”ã„ã ã‘ã§ãªãã€ãã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚‚ç´ æ™´ã‚‰ã—ãã€å•†ç”¨ã‚µã‚¤ãƒˆã§ã‚‚ãã®ã¾ã¾ã™ãã«åˆ©ç”¨ã§ãã‚‹UIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒæƒã£ãŸPhotoshopã®PSDç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å˜ã«ä½¿ç”¨ã™ã‚‹ã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å±•é–‹ãªã©ã€å‹‰å¼·ã«ã‚‚å½¹ç«‹ã¡ã¾ã™ã€‚
vanish_l2 2013/10/08
ui

PSDç´ æ

webåˆ¶ä½œ

PSD

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

photoshop

Material

ç´ æ

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

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
å•†ç”¨åˆ©ç”¨ã‚‚ç„¡æ–™ã€ä»Šæ™‚ã®ã‚·ãƒ³ãƒ—ãƒ«ãªãŒã‚‰ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã«ã“ã ã‚ã£ãŸUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¨ã‚¢ã‚¤ã‚³ãƒ³ã®PSDç´ æ -Impressionist UI
å•†ç”¨åˆ©ç”¨ã‚‚ç„¡æ–™ã€ä»Šæ™‚ã®ã‚·ãƒ³ãƒ—ãƒ«ãªãŒã‚‰ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã«ã“ã ã‚ã£ãŸUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã¨ã‚¢ã‚¤ã‚³ãƒ³ã®PSDç´ æ -Impressionist UI
vanish_l2 2012/03/22
CC3ãªã®ã§è¡¨ç¤ºã«æ³¨æ„

PSDç´ æ

photoshop

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

ç´ æ

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

psd

å•†ç”¨å¯èƒ½ç´ æ_ä»–

UI
ãƒªãƒ³ã‚¯
ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã«ã“ã ã‚ã£ãŸUIç´ æãƒ»ãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒ»ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒä¸€æ‹¬ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ -Box of Bundles
å€‹äººã§ã‚‚å•†ç”¨ã‚µã‚¤ãƒˆã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ç”¨ã®UIç´ æã‚„ãƒ†ã‚¯ã‚¹ãƒãƒ£ãƒ»ã‚¢ã‚¤ã‚³ãƒ³ã€em ailç”¨ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãªã©æ•°å¤šãã®ç´ æã‚’é…å¸ƒã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Box of Bundles [ad#ad-2] å¤šãã®ç´ æã‚µã‚¤ãƒˆã§ã¯ã€æ°—ã«å…¥ã£ãŸç´ æã”ã¨ã«ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãªã‘ã‚Œã°ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã›ã‚“ãŒã€ã“ã®Box of Bundlesã¯ä¸€æ‹¬ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã¯PSDã ã‘ã§ã‚‚69ãƒ•ã‚¡ã‚¤ãƒ«ã‚ã‚Šã¾ã™ã€‚
vanish_l2 2012/02/20
ui

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

free

ç´ æ

texture

ãƒ†ã‚¯ã‚¹ãƒãƒ£

ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ

Photoshop

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

å•†ç”¨å¯
ãƒªãƒ³ã‚¯
å•†ç”¨åˆ©ç”¨ã‚‚ç„¡æ–™ã€ç´°éƒ¨ã¾ã§ç¾Žã—ãä½œã‚Šè¾¼ã¾ã‚ŒãŸUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒæƒã£ãŸPSDç´ æ -Vue UI Kit
ã‚¿ã‚¤ãƒˆãƒ«ãƒãƒ¼ã€ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã‚’ã¯ã˜ã‚ã€ãƒœã‚¿ãƒ³ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ãªã©ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§ã‚ˆãä½¿ç”¨ã™ã‚‹UIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒæƒã£ãŸPSDç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Exclusive PSD Freebie: Vue UI Kit [ad#ad-2] ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹PSDãƒ•ã‚¡ã‚¤ãƒ«ã¯ãƒ¬ã‚¤ãƒ¤ãƒ¼ãŒä¿æŒã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒ†ã‚ã‚¹ãƒˆã‚„ã‚«ãƒ©ãƒ¼ã‚’å¤‰æ›´ã—ã¦ä½¿ç”¨ã—ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‹‰å¼·ã«ã‚‚é©ã—ãŸã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚
vanish_l2 2011/08/31
PSD

PSDç´ æ

ui

ã‚ã¨ã§èªã‚€

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

*ç´ æ

photoshop

webç´ æ

ç´ æ
ãƒªãƒ³ã‚¯
ç´°éƒ¨ã«ã“ã ã‚ã£ãŸUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’Photoshopã§ä½œæˆã™ã‚‹ãƒã‚¤ãƒ³ãƒˆ
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãƒ¯ãƒ³ãƒ©ãƒ³ã‚¯ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ã€ãƒªã‚¢ãƒªã‚¹ãƒ†ã‚£ãƒƒã‚¯ãªãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’Photoshopã§ä½œæˆã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Crafting Subtle & Realistic User Interfaces [ad#ad-2] å°‘ã—å¤ã„è¨˜äº‹ã§ã™ãŒã€ç¾åœ¨ã§ã‚‚å½¹ç«‹ã¤æƒ…å ±ãªã®ã§ã”ç´¹ä»‹ã€‚ ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æƒ³åƒã™ã‚‹ å…‰æ²¢ vs ã¤ã‚„æ¶ˆã— åˆ¶ä½œã«å½¹ç«‹ã¤Tips ãƒªã‚¢ãƒªãƒ†ã‚£ã¯ç¹Šç´°ã« ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’æƒ³åƒã™ã‚‹ ãƒªã‚¢ãƒªã‚¹ãƒ†ã‚£ãƒƒã‚¯ãªUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’è¨è¨ˆã™ã‚‹æ™‚ã«ã¯ã€ãã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒå®Ÿä¸–ç•Œã§ã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹æƒ³åƒã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ãã‚Œã‚’å®Ÿç¾ã™ã‚‹ä¸€ç•ªç°¡å˜ãªæ–¹æ³•ã¯ã€ãã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ãƒ¢ãƒ‹ã‚¿ãƒ¼ã®æ¨ªã‹ã‚‰ã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹æƒ³åƒã™ã‚‹ã“ã¨ã§ã™ã€‚ ã“ã‚Œã¯æœ€è¿‘ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚‚ã‚ˆãè¦‹ã‹ã‘ã‚‹å¾®å¦™ãªå‡¸åž‹ã®ãƒ‘ãƒãƒ«ã§ã€ãã®å¤–å‘¨ã«ã¯å°ã•ã„ã‚¨ãƒƒã‚¸ã‚’æŒã£ã¦ã„ã¾ã™ã€‚å…‰æºã¯ä¸Šéƒ¨ã«ã‚ã‚Šã€
vanish_l2 2011/07/04
photoshop

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

design

webdesign

tips

mac

ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

ui

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æœ€è¿‘ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰å¦ã¶ã€7ç¨®é¡žã®ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’èª˜ã†è³¼å…¥ã‚„é€ä¿¡ã‚„æ¤œç´¢ãƒœã‚¿ãƒ³ãªã©ã€æœ€è¿‘ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ˆãè¦‹ã‹ã‘ã‚‹7ç¨®é¡žã®ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Common elements used in interface button design [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¾ãŸã€å…ƒè¨˜äº‹ã§ã¯ãã‚Œãžã‚Œã®ãƒœã‚¿ãƒ³ã‚’ä½œæˆã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚‚æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ 1. ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ 2. ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ 3. 3Dã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ 4. 1ãƒ”ã‚¯ã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ 5. èƒŒæ™¯ã‚’ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã—ãŸãƒœã‚¿ãƒ³ 6. ã‚°ãƒã‚¦ã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ 7. ãƒã‚¤ãƒ©ã‚¤ãƒˆã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ 1. ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’ä½¿ã£ãŸãƒœã‚¿ãƒ³ ãƒ†ã‚¯ã‚¹ãƒãƒ£ã¯ãƒœã‚¿ãƒ³ã«ã‚ãšã‹ãªå¥¥è¡Œãã‚’ä¸Žãˆã€ã‚¯ãƒªãƒƒã‚¯ãŒå¯èƒ½ã§ã‚ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚‹ã‚ˆã†ã«ã™ã‚‹ç´ æ™´ã‚‰ã—ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚
vanish_l2 2011/06/07
ã‚¢ã‚¯ã‚·ãƒ§ãƒ³

photoshop

3d

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

ã¾ã¨ã‚

webåˆ¶ä½œ

design

ãƒœã‚¿ãƒ³

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

ui
ãƒªãƒ³ã‚¯
GIMPãŒææ¡ˆã™ã‚‹ã‚½ãƒ¼ã‚·ãƒ£ãƒ«UI
ç€å®Ÿã«æ©Ÿèƒ½ã‚’å¢—ã‚„ã—ç¶šã‘ã¦ã„ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã® Photoshop ä»£æ›¿ãƒ—ãƒã‚°ãƒ©ãƒ GIMPã€‚ä»–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã®é€£æºã‚’è€ƒãˆã‚‹ã¨ Adobe è£½å“ã§æƒãˆãŸæ–¹ãŒæœ‰åˆ©ã§ã™ãŒã€æ©Ÿèƒ½ã ã‘ã¿ã‚‹ã¨ Photoshop ã®ãƒ©ã‚¤ãƒãƒ«ã¨è¦‹ãªã—ã¦ã‚‚è‰¯ã„ãã‚‰ã„å……å®Ÿã—ã¦ã„ã¾ã™ã€‚GIMPã¯ Photoshop ã¨åŒæ§˜ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ãŒå…±æœ‰ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ã‚ã‚‹ç¨‹åº¦ã®æ©Ÿèƒ½ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã§ã™ã€‚ é«˜æ©Ÿèƒ½ã¨ã„ã†ã®ã¯å¬‰ã—ã„ã§ã™ãŒã€ãã‚Œæ•…ã«ä½¿ã„ãŸã„æ©Ÿèƒ½ãŒã©ã“ã«ã‚ã‚‹ã‹åˆ†ã‹ã‚‰ãªã‹ã£ãŸã‚Šã€ã©ã†ã‚„ã£ã¦ä½¿ãˆã°è‰¯ã„ã‹èª¿ã¹ã‚‹ã®ã‚‚é¢å€’ã ã£ãŸã‚Šã—ã¾ã™ã€‚æ—¥æœ¬ã§ã‚‚æ›¸ç±ã¯è²©å£²ã•ã‚Œã¦ã„ã¾ã™ã—ã€æ—¥æœ¬èªžWikiã‚‚ã‚ã‚Šã¾ã™ãŒã€æ‰‹é–“ãŒã‹ã‹ã‚‹ã“ã¨ã‹ã‚‰çµå±€æ…£ã‚ŒãŸã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã«æˆ»ã£ã¦ã—ã¾ã†ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªèª²é¡Œã‚’è§£æ±ºã™ã‚‹ã‹ã‚‚ã—ã‚Œãªã„æ©Ÿèƒ½ãŒ Adapta bleGIMP ã§ã™ã€‚ç´°ã‹ã„èª¬æ˜Žã¯å¾Œã«ã—ã¦ã€ã¾ãšã¯ãƒ“ãƒ‡ã‚ªã‚’è¦‹ã¦ãã ã•ã„ã€‚ é”æˆã—ãŸã„ã‚¿
vanish_l2 2011/05/31
ã‚„ã£ã—ãƒ¼ã•ã‚“ã®è¨˜äº‹ã¯ã„ã¤ã‚‚ãŠã‚‚ã‚ã„ãªãƒ¼

ui

GIMP

ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º

photoshop

ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹
ãƒªãƒ³ã‚¯
1