ç”»åƒã‚¢ã‚»ãƒƒãƒˆç”Ÿæˆã¯ä¸€æ‹¬æŒ‡å®šï¼ˆåˆæœŸè¨å®šï¼‰ã‚‚ã§ãã‚‹ï¼Photoshopã®ç”»åƒã®æ›¸ã出ã—ã‚’ã•ã‚‰ã«åŠ¹çŽ‡åŒ–ã—よã†ï¼ | D-FOUNT -大阪・京都ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ï¼Webデザイン-ç”»åƒã‚¢ã‚»ãƒƒãƒˆç”Ÿæˆã¯ä¸€æ‹¬æŒ‡å®šï¼ˆåˆæœŸè¨å®šï¼‰ã‚‚ã§ãã‚‹ï¼Photoshopã®ç”»åƒã®æ›¸ã出ã—ã‚’ã•ã‚‰ã«åŠ¹çŽ‡åŒ–ã—よã†ï¼ 本記事ã§ã¯ã€WebデザインカンプをPhotoshopã§åˆ¶ä½œã—ãŸæ™‚ã€ç”»åƒã®æ›¸ã出ã—を「画åƒã‚¢ã‚»ãƒƒãƒˆç”Ÿæˆã€ã¨ã„ã†æ©Ÿèƒ½ã§åŠ¹çŽ‡çš„ã«è¡Œã†å ´åˆã®ã€åŸºæœ¬ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ コーディングã®æº–å‚™ã¨ã—ã¦ã€PSDã‹ã‚‰JPGã‚„PNGãªã©ã«æ›¸ã出ã—ã‚’è¡Œã†å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€ã€Œç”»åƒã‚¢ã‚»ãƒƒãƒˆç”Ÿæˆã€ã‚’使ã†ã¨æ£ç¢ºã«åŠ¹çŽ‡çš„ã«è¡Œãˆã¾ã™ã€‚ ã¾ãŸã€2å€æ›¸ã出ã—ã®è¨å®šãªã©ã‚‚åˆæœŸè¨å®šã§ä¸€è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§ä¸€æ‹¬ã—ã¦è¨å®šã§ãã‚‹ã®ã§ã€ã‹ãªã‚Šä¾¿åˆ©ã§ã™ï¼ ã•ã‚‰ã«ã€2å€æ›¸ã出ã—ãªã©ã®æ‹¡å¤§æ›¸ã出ã—ã«ã¤ã„ã¦ã€å¤±æ•—ã—ãªã„方法ã«ã¤ã„ã¦ã‚‚解説ã—ã¦ã„ã¾ã™ã€‚
{{#tags}}- {{label}}
{{/tags}}