[B! Web][ photoshop] yusuketsudaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yusuketsuda id:yusuketsuda

Webã¨ photoshopã«é–¢ã™ã‚‹yusuketsudaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è€ƒæ…®ã—ãŸWebãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³
2014å¹´7æœˆ30æ—¥ã«ãŠã“ãªã‚ã‚ŒãŸADC MEETUPã§ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ Photoshop CC 2014ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã‚’æƒ³å®šã—ãŸå†…å®¹ã¨ãªã£ã¦ã„ã¾ã™ã€‚Read less
yusuketsuda 2014/08/04
web

photoshop

design

webdesign

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

guideline
ãƒªãƒ³ã‚¯
æ–°ã—ã„ã‚‚ã®ãŒå¤§å¥½ããªã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒã§5æœˆã«è©±é¡Œã«ãªã£ãŸã‚¢ãƒ—ãƒªã€ã‚µãƒ¼ãƒ“ã‚¹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ | Goodpatch Blog
5æœˆã‚‚çµ‚ã‚ã‚Šã«è¿‘ã¥ã„ã¦ãã¾ã—ãŸã€‚ä»Šæœˆã‚‚Goodpatchç¤¾å†…ã§å…±æœ‰ã•ã‚ŒãŸæ–°ã—ãã¦ãŠã‚‚ã—ã‚ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚¢ãƒ—ãƒªã€Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ï¼ä»Šæœˆã¯ç¤¾å†…ã§Sketch.appã‚’å§‹ã‚ã¨ã™ã‚‹æ§˜ã€…ãªWebåˆ¶ä½œãƒ„ãƒ¼ãƒ«ãŒå…±æœ‰ã•ã‚Œã¾ã—ãŸã€‚ã¾ã ãƒãƒ¼ãƒ³ãƒã•ã‚Œã¦ãªã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå¾Œã‚ˆãä½¿ã†ãƒ„ãƒ¼ãƒ«ã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã‚‚ã®ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã®ã§è¦ãƒã‚§ãƒƒã‚¯ã§ã™ï¼ å…ˆæœˆã®åŒæ§˜ã®ã¾ã¨ã‚â†’ ã€Œæ–°ã—ã„ã‚‚ã®ãŒå¤§å¥½ããªã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒã§4æœˆã«è©±é¡Œã«ãªã£ãŸã‚¢ãƒ—ãƒªã€ã‚µãƒ¼ãƒ“ã‚¹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ã€ Webåˆ¶ä½œãƒ„ãƒ¼ãƒ« BRIEFS http://giveabrief.com/ ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãŒä½œæˆã§ãã‚‹ã‚¢ãƒ—ãƒªã§ã™ã€‚iPhoneã‚„iPadã®ãƒ‡ãƒã‚¤ã‚¹ã§æ¤œè¨¼ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ã¡ãªã¿ã«ã“ã®ã‚¢ãƒ—ãƒªã¯æœ€è¿‘ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€GoodpatchãŒä¸€ç•ªæœ€åˆã«è³¼å…¥ã—ãŸã¿ãŸã„ã§ã™ã€‚ Sketch iOS Mirroring http://bohemiancoding
yusuketsuda 2013/05/29
ã‚¢ãƒ—ãƒª

Photoshop

sketch

app

Goodpatch

photoshop

web

webã‚µãƒ¼ãƒ“ã‚¹

memopatch

WebServices
ãƒªãƒ³ã‚¯
404 Not Found
404 Not Found nginx
yusuketsuda 2013/04/08
illustrator

photoshop

web

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

design

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

tutorial
ãƒªãƒ³ã‚¯
Photoshopã§ã®Webåˆ¶ä½œåŠ¹çŽ‡ã‚’å‘ä¸Šã•ã›ã‚‹ã€ŒJSXã€ã¨ã¯
ã”å˜ã˜ã®æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã¨æ€ã„ã¾ã™ãŒã€Adobe Photoshop ã¯ JavaScript ã§åˆ¶å¾¡ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Photoshop ç”¨ã® JavaScript ãƒ•ã‚¡ã‚¤ãƒ«ã®ã“ã¨ã‚’ã€ŒJSXã€ã¨å‘¼ã³ã¾ã™ã€‚æ‹¡å¼µåã¯ .jsx ã§ã™ã€‚ Photoshop ã‚’ä½¿ã£ã¦Webåˆ¶ä½œã•ã‚Œã¦ã„ã‚‹æ–¹ã¯å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€Photoshop ã¯æœ¬æ¥å†™çœŸåŠ å·¥ç”¨ã®ã‚½ãƒ•ãƒˆã§ã‚ã‚ŠWebãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®ã‚½ãƒ•ãƒˆã§ã¯ãªã„ãŸã‚ã€ç‰¹ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ãŒ Fireworksã€Illustratorã€InDesign ãªã©ã«æ¯”ã¹è²§å¼±ã§ã™ã€‚ ã—ã‹ã—ã€JSX ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Š Photoshop ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ã‚„Webåˆ¶ä½œå‘ã‘ã®æ©Ÿèƒ½ã‚’ã‚ã‚‹ç¨‹åº¦å‘ä¸Šã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ JSX ã¯æ˜”ã‹ã‚‰ Photoshop ã«æè¼‰ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€æ›¸ãæ–¹ã®å‚è€ƒã«ãªã‚‹ã‚ˆã†ãªæ›¸ç±ã‚„ã‚µã‚¤ãƒˆãŒå°‘ãªã„ãŸã‚ã‹ãã‚Œç¨‹æ³¨ç›®ã•ã‚Œã¦ã„ãªã‹ã£ãŸæ°—ãŒã—ã¾ã™ã€‚ ã—ã‹ã—ã€æœ€
yusuketsuda 2012/04/04
Photoshop

photoshop

web
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã®1pxã‚’ä½œã‚‹ãŸã‚ã®Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã„ã‚ã„ã‚
è‰²ã‚“ãª Webã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã‚‹ã¨ã€1px ã«ã“ã ã‚ã£ã¦ä½œã‚‰ã‚ŒãŸã‚ãƒ¬ã‚¤ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ç§ã¯ Photoshop ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã€Photoshop ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä½¿ã£ã¦ã€1px ã®ç´°ã‹ã„æ‰€ã‚’ä½œã‚‹ Tips ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚åŸºæœ¬çš„ãªæ“ä½œã°ã‹ã‚Šãªã®ã§ã€ã“ã‚Œã‹ã‚‰ Photoshop ã§ Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚„ã£ã¦ã¿ãŸã„ãªãƒ¼ã¨ã„ã†äººå‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ è‰²ã‚“ãªç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ã® Webã‚µã‚¤ãƒˆã‚’è¦³å¯Ÿã—ã¦ã„ã‚‹ã¨ã€1px ã®ç´°ã‹ã„ã¨ã“ã‚ã¾ã§ã“ã ã‚ã£ã¦ä½œã‚‰ã‚Œã¦ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦ã¨ã¦ã‚‚å¤šã„ã§ã™ã‚ˆãã€‚1px â€¦ Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ä¸€ç•ªå°ã•ã„ã‚µã‚¤ã‚ºã€‚ã€Œç¥žã¯ç´°éƒ¨ã«å®¿ã‚‹ã€ã¨ã„ã†è¨€è‘‰ã‚‚ã‚ã‚‹ã‘ã‚Œã©ã€1px ã¾ã§ã—ã£ã‹ã‚Šä½œã‚‰ã‚ŒãŸã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¯ã¨ã¦ã‚‚ç¾Žã—ã„ã§ã™ãï¼ ä»Šå›žã¯ Photoshop ã‚’ä½¿ã£ã¦ã€ã„ã‚ã‚“ãª 1px ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ã¨ã¯è¨€ã£ã¦ã‚‚é›£ã—ã„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä½œã‚‹ã‚ã‘ã§ã¯ãªãã¦ã€ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«
yusuketsuda 2011/09/28
ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«

photoshop

Photoshop

ã¾ã¨ã‚

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

web

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

webdesign

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
yusuketsuda 2010/04/02
Brushes

ãƒ–ãƒ©ã‚·

photoshop

brush

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
1