ä½æï¼2013/07/16 æ´æ°ï¼2014/11/01 ç¡æç´ æ > åçãã¤ããæªããæ°ã«ãªãã¨ããããµã¯ãã¨ä¿®æ£ããããä»åã¯ãé¡ãä½åãç°¡åã«ä¿®æ£ããæ¹æ³ãã¢ã¯ã·ã§ã³ãã¾ã¨ãã¾ãããçµæ§å ±éããé¨åãå¤ãã§ãããé¡ä»¥å¤ã«ã使ããè²ã ãªæ¹æ³ãããã®ã§ã試ããã ã¨ã³ã¸ãã¢éå ±ã¯ Twitter ã®@commteã§é ä¿¡ãã¦ãã¾ãã ããã 髪 ï¼ï¼é«ªã®è²ãå¤ãã ï¼ï¼é«ªã®æ¯ãåãæã è ï¼ï¼ã·ãããã°ãããæ¶ã ï¼ï¼èãç¾ç½ã«ãã ï¼ï¼èãæ»ããã«ãã é¡ ï¼ï¼é¡ãã·ã£ã¼ãã« ï¼ï¼ãªããã¢ãã ç® ï¼ï¼ç®ã大ãããã ï¼ï¼ã¾ã¤ããå¢ãã ï¼ï¼ï¼ç®ã®ã¯ãï¼ã»ãããç·ãæ¶ã ï¼ï¼ï¼ç®ã®è²ãå¤ãã é¼»ã»å ï¼ï¼ï¼é¼»ãé«ããã ï¼ï¼ï¼ã·ãããåã«ãã ï¼ï¼ï¼æ¯ãç½ããã ä½åã»è¡¨æ ï¼ï¼ï¼ãã¹ãã¢ãã ï¼ï¼ï¼ãã¼ãºãå¤ãã ï¼ï¼ï¼é¡ã®è¡¨æ ã»å½¢ãå¤ãã èæ¯ ï¼ï¼ï¼èæ¯ãæ¶ã ï¼ï¼ï¼èæ¯ãã¼ãã
ããã«ã¡ã¯ãLIGãã£ãªãã³æ¯ç¤¾ä»£è¡¨ã®ããã¨(@seito_horiguchi)ã§ãã å æ¥ãé«å寺ã®ã¯ã¼ãã³ã°ã¹ãã¼ã¹ããããããºãããã§åå¼·ä¼ãããã¨èãã¦è¡ã£ã¦ã¾ããã¾ããã è¬å¸«ã¯ãç¥éPhotoshopãã®èè ã®ä¸äººã»ç³å¶ããã§ããã©ãã·ã§ã使ã£ã¦ãããã¨ã½ã£ã¡ãããªäººãããªããã£ããã«ãããã¯ããã¬ãµã¬ãµã®æ®å¿µèããã«ãã«ã®æ½¤ãèã«ãããã¯ãªã©ãæãã£ã¦ãã¾ããã ãã«ã¯ã¤ã¤ã¯ã¤ãããï¼ãã¨ãããã¨ãå®æãããã¾ããã ããã§æãã¦ããã£ãä¸ã§ãã ãDreamweaverã¨Photoshopãé£åããã¦è¶ å¹ççã«ã¹ã©ã¤ã¹ï¼ã¿ã°ã«åãè¾¼ããã¯ãããããã£ãã®ã§ããç´¹ä»ããã¦ããã ãã¾ãã ããã使ãã¨ã ã¨ã«ããæ©ã å¾ãããã¶ã¤ã³ä¿®æ£ãçºçããéãç´ãã®ã楽 ã·ã£ãã¦ãããç»åã§ãæ£ç¢ºã«åãåãã ãªã©ã®ã¡ãªãããï¼ãã©ãã·ã§ã§ãFW並ãããã以ä¸ã«æ¥½ãã§ããã¨æãã¾ãã ã
2012å¹´09æ05æ¥03:00 ã«ãã´ãªTips tips - GIMPã§JPEGã®èãéæ²»ãã¦"PNG"åãã ãã®ããã ãã«GIMPãã¤ã³ã¹ãã¼ã«ãã¦ãã価å¤ããã å¯é対éå¯é æã ããµãã ãã«ç»åãé³æ¥½ãåç»ããããã§ããã¨ãã§ããã®ã¯ãéå¯éå§ç¸®(Lossy compression)ã®ããããããããªãã£ããã¨ãã®æã«ãããã¯ãã³ã¯ãã¦ãã¾ããéæ¢ç»ãé³å£°ã¯ã¨ã«ãããåç»ã¨ããªãã°ç¡å§ç¸®ã§ã¯ãããã©ããããã¼ããã£ã¹ã¯ããã¤ãã¦ãããªãã»ã©ã ãã¶ãã¡ã ! ç¬å°¾æµ©å² ãã¨ãã°ä»¥ä¸ã®ç»åãçæ¹ãå¯éå§ç¸®(Lossless compression)ã®PNGãããã¦ããçæ¹ãéå¯éå§ç¸®ã®JPEGã§å§ç¸®ãã¦ããã¾ãããã©ã£ã¡ãã©ã£ã¡ã ãããããããã ãã¾ãã?ç»åãã¯ãªãã¯ããå ã«1246x1635ãã¯ã»ã«ã®å ç»åãããã®ã§ãã¡ãã確èªãã¦ã¿ã¦ãã ããã ã±ã£ã¨è¦ãç®ã«ã¯ã¾ãã§åãç»å
ã¯ããã¾ãã¦ã京é½æ¯ç¤¾æå±ã®ãã¶ã¤ãã¼ç°ä¸éç©ã§ãï¼ ä»åã®ãã¼ã㯠æããçµµãæããããªãï¼ï¼ï¼ï¼ä¸ç¨®ã®ç¥å¨
ã¤ãå æ¥ãç»åç·¨éã½ããã¦ã§ã¢"GIMP"(GnuImageManupilationProgram)ã®ææ°ãã¼ã¸ã§ã³ããªãªã¼ã¹ããã¾ããã GIMPã¯ãã®ååã®éãGNUã®ãªãªã¼ã¹ããGPLã©ã¤ã»ã³ã¹ã®ãªã¼ãã³ã½ã¼ã¹ã½ããã¦ã§ã¢(OSS)ã§ã Photoshopã«è² ããªããããã®æ©è½ãæã£ã¦ãã¾ã åããGPLã®OSSã§ããLinux OSåæ§ããã¼ã¸ã§ã³çªå·ã®å¥æ°ã®ãã®ãå®é¨çãå¶æ°ã®ãã®ãå®å®çã¨ãªã£ã¦ããã ããã¦ããver2.7ã§å®è£ ãæ¤è¨ã»å®é¨ããã¦ããæ©è½ãå®å®çã¨ãã¦2.8ã«è¿½å ããã¾ãã ä»åã¯ååã®å®å®çã§ãã2.6ã®ãªãªã¼ã¹ãã3å¹´è¿ããã£ã¦ãããå¤ãã®æ©è½ã追å ããã¦ãã¾ã ãªãªã¼ã¹ãã¼ãã¯ãã¡ã ãã®æ°ãããªã£ãæ©è½ãç´¹ä»ãããã¨æãã¾ãã 翻訳ãã¨ããã解éã¯é©å½ã§ãã®ã§ééããã£ãããææãé¡ããã¾ã ã¦ã¼ã¶ã¼ã¤ã³ã¿ã¼ãã§ã¼ã¹ç·¨ ãã¼ã« & ãã©ã°ã¤ã³ç·¨Â ã¯ãã¡
ããã©ãã·ã§ããã»ãã¤ã¢ã¤ãã¼ãã®æ°çè¨äºã§ãããã©ãã·ã§ããããã¶ã¤ã³ããã®ããã¦ã§ããµã¤ãã2009å¹´ï¼æåµå以æ¥ã3800ãè¶ ããã³ã³ãã³ããæ´æ°ãã¦ãã¾ããããªã¼ãã©ã³ããªã©ã®ç¡æãã¶ã¤ã³ç´ æï¼é è²ãWebå¶ä½ã¨ãã£ãææ°ãã¬ã³ããå ¬éä¸ã
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
ã¯ããã« å æ¥ã¡ããã©Adobe Creative Cloudãç³ãè¾¼ã¿ã¾ããã Photoshopãã¾ã£ãããªç°å¢ã«ããå¿ è¦ããããããä»åã¯ã¾ãã«æ°åç¶æ ã®CS6/CCã®ç»é¢ã§è§£èª¬ããã¾ãï¼ ããã å®è¦ãªã©ã®åä½ã¯pxã§çµ±ä¸ ãèªåé¸æãã§å³å½¢ããã¬ã¤ã¤ã¼ãé¸æãã ããã¦ã³ãã£ã³ã°ããã¯ã¹ãã表示ãã¦é¸æãå¤å½¢ããããããã ããã¯ã»ã«ã«ã¹ãããï¼ã¨ãã¸ãæ´åï¼ãã§ç«¯ãã¼ãããã®ãè§£æ¶ ã¬ã¤ã¤ã¼ã³ãã¼æã«ããã®ã³ãã¼ãã¨ã¤ããªãããã«ãã ã¹ã©ã¤ã¹æ¸ãåºãæã«ãimagesããã©ã«ããä½æããªãããã«ãã ãCS6/CCã®å ´åãã«ã©ã¼ãã¼ããã°ã¬ã¼ã«ãã ãCS6/CCã®å ´åãåãæããã¼ã«ããã¯ã©ã·ãã¯ã¢ã¼ããã«ãã èµ·åç»é¢ããããã£ãããâ¦ï¼ CS6/CCã¯UIãé»ãã®ã§ãããã¡ãã£ã¨æ £ããªãã å¾æ¥ã®ã°ã¬ã¼ã«ããæ¹æ³ãå¾ã»ã©ãä¼ããã¾ãã®ã§ãã©ãããã¤ããããã ããï¼ 1.
æ°é±éåããããAdobe Photoshop CS6 ã¯åçåææ©è½ãå¤§å¹ ã«åä¸ãã¦ãããã¨ããå ±éãè¦ããã¨ãå¤ããªã£ã¦ãã¾ããããä¾: GIZMODO ããããWebãã¶ã¤ã³ã«é¢ä¿ãããããªé¨åã¨ããã°ã段è½ã¹ã¿ã¤ã«ãã¨ãããã©ã¼ãã³ã¹ã®åä¸ããããã§ãããã¯ã¹ã«ã¼ããæ¹ãããããªâ¦ã¨æã£ã¦ããã®ã§ããã試ãã« CS6 Windows çã®ãã¼ã¿çã使ã£ã¦ã³ã£ãããWebãã¶ã¤ã³ã«é¢é£ããé¨åã大ããé²åãã¦ãã¾ããã æ£ç´ããããã¯è²·ããã ã¨æã£ã¦ãã¾ãã ãã®è¨äºã§ã¯ãç§ãããã¾ã§ã«è¦ã¤ãã Adobe Photoshop CS6 ã® Webãã¶ã¤ã³ã«é¢é£ããããªé¨åã®å¤æ´ç¹ã«ã¤ãã¦ã¾ã¨ãã¦ãã¾ãã ä¸é¨ãç§ã®Webãã¶ã¤ã³ã¹ã¯ã¼ã« ã®çå¾ã®æ¹ãè¦ã¤ãããã®ãããã¾ãããã®å ´ã§å¾¡ç¤¼ç³ãä¸ãã¾ãã â»ãã®è¨äºã¯ Photoshop CS6 ãã¼ã¿çï¼Windowsçï¼ããã¨ã«æ¸ãã
Adobe Photoshopã§ããªãåãã試è¡é¯èª¤ãã¦ãããã¨ãããã¾ããæåãã©ããã¦ãã¼ãããã¨ãããã滲ãã§ããããã«è¦ãã¦ãã¾ãå ´åãããã®ã§ãããªãã¨ãã¯ã£ããããã£ãããããããªããã¨è²ã 試ãã¦ã¿ãçµæããããªãã«æºè¶³ã§ããçµæãå¾ãããã®ã§ã¾ã¨ãã¦ããã¾ãã ã©ã¹ã¿ã©ã¤ãºãåæã§ããã°ããã£ã«ã¿ãªã©ã§èª¿æ´ã§ããå¯è½æ§ã¯ããã¾ãããå¾ããæåãå¤æ´ãããå ´åã«é¢åãªã®ã§ãã§ããã°ã©ã¹ã¿ã©ã¤ãºããªãã§ãªãã¨ã綺éºã«è¦ããæ¹æ³ããªããã¨è©¦è¡é¯èª¤ãã¦ã¿ã¾ããã使ç¨ãã¦ããã®ã¯CS2ãªã®ã§ããã¼ã¸ã§ã³ã«ãã£ã¦ã¯å¾®å¦ãªéããããããããã¾ããã Photoshopã®æåãã¼ã«ã®è¨å® ã¾ãã¯åºæ¬ä¸ã®åºæ¬ã§ããPhotoshopã®æåãã¼ã«ã¯ã注æãã¦ãããªãã¨ãããã«æåã®ã¢ã³ãã¨ã¤ãªã¢ã¹ã®ãããæ¹ãå¤ãã£ã¦ãã¾ãã¾ããã©ããã£ãå ´åã«ãããªããã¨ããã¨ãæ¢ã«å ¥åæ¸ã¿ã®æåããæåãã¼ã«
Photoshopã§ããããªæ°´å½©ç»é¢¨ãã¶ã¤ã³ã«ææ¦ï¼æ°´å½©ç»ã£ã¦ããã§ãããããªãã ãã»ãããããé°å²æ°ã大好ãã§ããã¨ãããã¨ã§ä»åã¯Photoshop CS5ã使ã£ã¦ç»åã水彩ç»é¢¨ã«å å·¥ããæ¹æ³ã¨ã便å©ãªPhotoshopãã©ã·ã水彩ç»é¢¨ãã¶ã¤ã³ã®Webãµã¤ããç´¹ä»ãã¾ãããã¶ã¤ã³ã®åèã«ãã¦ã¿ã¦ãã ããï¼ ã¾ãåç»æ®ã£ã¦ã¿ã¾ããããã ã§ããæéããã£ã¦ãªãã®ã«ãï¼åéã«ããã 30 ç§ãããã«ãªã£ã¡ããã¾ãããç°¡åãªã®ã§ãã²è©¦ãã¦ã¿ã¦ãã ãããï¼ 1. ã¼ããç»åãéãã¦ããã®ã¬ã¤ã¤ã¼ãè¤è£½ãã¾ãï¼ã³ãã³ãï¼ Jï¼ã è¤è£½ããã¬ã¤ã¤ã¼ããblurãã«ã¬ã¤ã¤ã¼åãå¤æ´ãã¾ãã ãã£ã«ã¿ã¼ > ã¼ãã > ã¼ããï¼è©³ç´°ï¼ã§ããåå¾ãã 10ãããããå¤ãã 25ã30 ã«è¨å®ãã¾ãã 2. ã¨ãã¸ã®å 彩å ã®ç»åã¬ã¤ã¤ã¼ãè¤è£½ãããblurãã¬ã¤ã¤ã¼ã®ä¸ã«ç½®ãã¾ããã¬ã¤ã¤ã¼åããlineãã«
ãã·ã¢ã³æããã§æ¤ç´¢ãã¦ãã人ãããã®ã§ï¼ç°¡åã«ã§ããããæ¹ãç½®ãã¨ãã¾ããã 使ç¨ã½ããã¯Photoshop CS4ï¼Macã ç»åãå¤ãã®ã§ä»¥ä¸åç´ã â â â â â â â â â â â â â â â â â â â â â â â â â â â â ç»åãéãã¾ãã â»ãã®æãèã¬ã¤ã¤ã¼ãã¯ç¬ç«ããã¦ãã ããã ãèãã¬ã¤ã¤ã¼ã ãã表示 RGBã§æãã¦ãã人ã¯âCMYKã«å¤æãã¦ãã ãã£ã³ãã«ãéãã¦ã¿ã¾ãããã èã«ä¹ã£ã¦ããã°ã¬ã¼ãã·ã¢ã³ã§ãã ãã£ã³ãã«ãããµã¼ãéãã¨ã¹ã©ã¤ãã¼ãããã®ã§æ°å¤ãä¸ãã¾ã â»èè²ã®å¤åã«æ³¨ç® ããã¨ï¼ ãã£ã³ãã«ã§è¦ã¦ã ã¦ãªæãã§èã®ã·ã¢ã³æãå®äºã ããã«ãå¥åº·çãªèè²ã«ãªãã¾ããã ãããã§è½ã¡çããèè²ã«ãããå ´åã¯ä¸è¦ããç¥ãã¾ãããæ¸ããã£ãããã£ã©ããããªãããããã¦ããæµ®ãããã ç§ã¯ãã¤ãRGBã§ä½ã£ã¦ãã®ã¾ã¾ç´åãã¦ããã®ã§CMYKã¢ã¼ãèªä½ä½¿ããªããã§ããï¼ãã¾ã¼
ããã©ãã·ã§ããã»ãã¤ã¢ã¤ãã¼ãã®æ°çè¨äºã§ãããã©ãã·ã§ããããã¶ã¤ã³ããã®ããã¦ã§ããµã¤ãã2009å¹´ï¼æåµå以æ¥ã3800ãè¶ ããã³ã³ãã³ããæ´æ°ãã¦ãã¾ããããªã¼ãã©ã³ããªã©ã®ç¡æãã¶ã¤ã³ç´ æï¼é è²ãWebå¶ä½ã¨ãã£ãææ°ãã¬ã³ããå ¬éä¸ã
ã¯ãªã¼ã³ã§ãã¨ã¬ã¬ã³ãã§ãç¾ãããããã¦ãã£ããã¨æ©è½ããã¦ã§ããã¶ã¤ã³ãä½æããã®ã«å½¹ç«ã¤Photoshopã®ãã¯ããã¯ãç´¹ä»ãã¾ãã 7 Photoshop tips for designing clean and modern websites [ad#ad-2] ä¸è¨ã¯åãã¤ã³ããæ訳ãããã®ã§ãã 1. Space(ãã¯ã¤ãã¹ãã¼ã¹) 2. Depth(奥è¡ã) 3. Detail(ãã£ãã¼ã«) 4. Definition(æ確) 5. Interest(èå³) 6. Perspective(é è¿æ³) 7. Readability(ãªã¼ãããªãã£) 1. Space(ãã¯ã¤ãã¹ãã¼ã¹) ã¹ãã¼ã¹ã¯ããã¯ã¹ãã©ã¤ã³ãã°ã©ãã£ãã¯ãªã©ã使ç¨ããªãã§ããã¶ã¤ã³ã¨ã¬ã¡ã³ãã®è¦ãç®ã§ã®åé¢ãå¯è½ã«ãããã®ã§ãã¢ãã³ãã¶ã¤ã³ã®ä¸ã§ãæãéè¦ãªãã¯ããã¯ã§ããããã¯ã³ã³ãã³ãã®ãã¬ã¼ã³ãã¼ã·ã§
2013å¹´9æ26æ¥ Webãµã¤ãå¶ä½, ããªã¼ã©ã³ã¹ Webãµã¤ãã®å¶ä½ä¼ç¤¾ã§åãã¦ãã人ã¯ãã¡ãããæ®æ®µä¸äººã§æ´»åãã¦ããããªã¼ã©ã³ãµã¼ã®æ¹ããããªã¼ã©ã³ãµã¼å士ãæãçµãã§Webãµã¤ãå¶ä½ãè¡ã£ãããå¶ä½ä¼ç¤¾ãããªã¼ã©ã³ãµã¼ã«å注ãããªã©ã§ãè¤æ°ã®äººã§ã²ã¨ã¤ã®ãµã¤ããå¶ä½ãããã¨ãããã¨æãã¾ãããããªæã«èµ·ããããããã©ãã«ã¨ããããé²ãæ¹æ³ãèãã¦ã¿ã¾ããã¡ãªã¿ã«ä»åã¯ãã¶ã¤ãã¼ç®ç·ã§ã®æ°ã¥ããäºã§ããããã°ã©ãã¼ããç®ç·ã§ã®æ°ãã¤ãããäºãªã©ããã°ãèãããã ãã :) âç§ã10年以ä¸å©ç¨ãã¦ããä¼è¨ã½ããï¼ ãã¶ã¤ã³æ 1. ã¬ã¤ã¤ã¼ã«ååãã¤ãã ãããã£ãPhotoshopãã¡ã¤ã«ãéããããã©ããã©ã®ã¬ã¤ã¤ã¼ãªã®ããã£ã±ãããããªãï¼ããªãã¦ä½é¨ãããã¾ããã§ãããï¼ãã¶ã¤ã³ãã¡ã¤ã«ãå ±æããå ´åã¯ã¬ã¤ã¤ã¼ã®ç®¡çãã¨ã¦ã大åã§ãããã¬ã¤ã¤ã¼ï¼ããã¬ã¤ã¤ã¼ï¼ããã¬ã¤ã¤ã¼
Webãã¶ã¤ã³ã«ãããã¡ã¤ã³ã®ãã¶ã¤ã³ãã¼ã«ã¨ãã¦å¤ã使ããã¦ããPhotoshopã¨Fireworksãæã ã®æ¥çå ã«ããã¦ãã©ã¡ãã®æ¹ããã¶ã¤ã³ãã¼ã«ã¨ãã¦ä¾¿å©ããã¨ããè°è«ãããè¡ããã¾ãããããããä¸ã¤ãã使ãããªãã¦ããªãã¦ã¼ã¶ã«ããæ¯è¼è«ã§ã¯ãã¾ãæå³ããªãã§ããããæ¥é ãã使ããªãã¦ãããã¼ã«ã®æ¹ã使ãããããã¨æããã«æ±ºã¾ã£ã¦ããããã§ããããã§åèã«ãªãã®ã¯ã両æ¹ã®ãã¼ã«ãåçã«ä½¿ã£ãçµé¨ãæã¡ããã¤ãããã«ãéå°ãªãã ãããæçãæã£ã¦ãªããã¶ã¤ãã¼ã®å£°ãªã®ã§ã¯ãªãã§ããããã å®ã¯ç§èªèº«ã¯ãã¨ãã¨Photoshopã§Webãµã¤ãã®ãã¶ã¤ã³ãä½ã£ã¦ãã¾ãããããã以åå¤ãã¦ããä¼ç¤¾ã§Fireworksã使ã£ã¦ãã人ãå¤ãã£ããããããããã¸ã§ã¯ãã§ä¸æçã«Fireworksã使ã£ã¦ã¿ãã¨ãããè²ã ãªé¢ã§Fireworksã®æ¹ãåªãã¦ããã¨æããFireworksã«ä¹ãæ
ããã©ãã·ã§ããã»ãã¤ã¢ã¤ãã¼ãã®æ°çè¨äºã§ãããã©ãã·ã§ããããã¶ã¤ã³ããã®ããã¦ã§ããµã¤ãã2009å¹´ï¼æåµå以æ¥ã3800ãè¶ ããã³ã³ãã³ããæ´æ°ãã¦ãã¾ããããªã¼ãã©ã³ããªã©ã®ç¡æãã¶ã¤ã³ç´ æï¼é è²ãWebå¶ä½ã¨ãã£ãææ°ãã¬ã³ããå ¬éä¸ã
ã©ã³ãã³ã°
ã¡ã³ããã³ã¹
ãç¥ãã
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}