HTMLï¼CSSコーディング時間を激減ã•ã›ã‚‹ã€ŒCreative Cloud Extractã€ã¨ã€ãã®çœŸä¾¡ã‚’引ãã ã™ãŸã‚ã®10ã®ãƒã‚¤ãƒ³ãƒˆ
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
WebデザインãŒ3å€é€Ÿããªã‚‹ï¼Photoshop神速テク4ã¤
カンプã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„パーツã®ä½œæˆãªã©ã€Webデザインã«ã‚‚æ¬ ã‹ã›ãªã„Photoshop。もã£ã¨ãƒ©ã‚¯ã«ã€ã‚‚ã£ã¨é€ŸãWebデザインã™ã‚‹ãŸã‚ã«ã€ã™ãã«å½¹ç«‹ã¤4ã¤ã®æ™‚çŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¾ã™ã€‚ サイズé•ã„ã®ãƒãƒŠãƒ¼ã¯ã¾ã¨ã‚ã¦ä½¿ã„回㗠Photoshopã§ã‚ˆã作るモノã®1ã¤ã¨ã„ãˆã°ã€ãƒãƒŠãƒ¼ã€‚æŽ²è¼‰å ´æ‰€ã‚„é…ä¿¡å…ˆã«ã‚ˆã£ã¦ã‚µã‚¤ã‚ºãŒç•°ãªã‚‹ãƒãƒŠãƒ¼ã‚’ãƒãƒ©ãƒãƒ©ã«ä½œæˆã™ã‚‹ã¨ä½¿ã„回ã—ãŒé¢å€’ã ã—ã€å†™çœŸã‚„文言ã«å¤‰æ›´ãŒã‚ã£ãŸã¨ãã«ã„ã¡ã„ã¡ç›´ã™ã®ãŒå¤§å¤‰ã§ã™ã‚ˆã。 ã„ã‚ã‚“ãªã‚µã‚¤ã‚ºã®ãƒãƒŠãƒ¼ã‚’1ã¤ã®Photoshopファイルã«ã¾ã¨ã‚ã¦ä½œæˆã—ã€å†™çœŸã‚„ãƒã‚´ã‚’スマートオブジェクトã§ä¸€å…ƒåŒ–ã—ã¦ãŠãã¨ã€ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’スピーディã«ä½œã‚Œã€ä¿®æ£ã«ã‚‚対応ã—ã‚„ã™ããªã‚Šã¾ã™ã€‚ 例ã¨ã—ã¦ã€å¤§ä¸å°ã®3ã¤ã®ãƒãƒŠãƒ¼ã‚’一気ã«ä½œã£ã¦ã¿ã¾ã—ょã†ã€‚作æˆã™ã‚‹æœ€å¤§ã‚µã‚¤ã‚ºã®ãƒãƒŠãƒ¼ãŒåŽã¾ã‚‹ã‚ˆã†ã«æ–°è¦ãƒ‰ã‚ュメントを作æˆã—ã€å¤§ãã„サイズã®ãƒãƒŠãƒ¼ã‹ã‚‰ä½œæˆã—ã¾ã™ã€‚ レイヤーã«ç´ æã‚’é…ç½®ã—ã¦
Web制作者必見ï¼Photoshop CCã«Slicyã®ã‚ˆã†ãªç”»åƒã‚¢ã‚»ãƒƒãƒˆï¼ˆGenerator）機能ãŒè¿½åŠ
Dreamweaverã¨Photoshopを使ã„ã€ç¥žé€Ÿã§ã‚¹ãƒ©ã‚¤ã‚¹ã™ã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€‚LIGフィリピン支社代表ã®ã›ã„ã¨(@seito_horiguchi)ã§ã™ã€‚ 先日ã€é«˜å††å¯ºã®ãƒ¯ãƒ¼ã‚ングスペース「ã“ã‘ã‚€ã•ã‚ºã€ã•ã‚“ã§å‹‰å¼·ä¼šãŒã‚ã‚‹ã¨èžã„ã¦è¡Œã£ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ 講師ã¯ã€Œç¥žé€ŸPhotoshopã€ã®è‘—者ã®ä¸€äººãƒ»çŸ³å¶‹ã•ã‚“ã§ã€ãƒ•ã‚©ãƒˆã‚·ãƒ§ã‚’使ã£ã¦ã€ã‚ã‚Šã¨ã½ã£ã¡ã‚ƒã‚Šãªäººã‚’ã‹ãªã‚Šã™ã£ãã‚Šã«ã™ã‚‹ãƒ†ã‚¯ã‚„ã€ã‚¬ã‚µã‚¬ã‚µã®æ®‹å¿µè‚Œã‚’ツルツルã®æ½¤ã„è‚Œã«ã™ã‚‹ãƒ†ã‚¯ãªã©ã‚’æ•™ã‚ã£ã¦ãã¾ã—ãŸã€‚ 「カワイイã¯ã¤ãれるï¼ã€ã¨ã„ã†ã“ã¨ã‚’実感ã„ãŸã—ã¾ã—ãŸã€‚ ãã“ã§æ•™ãˆã¦ã‚‚らã£ãŸä¸ã§ã‚‚〠「Dreamweaverã¨Photoshopを連動ã•ã›ã¦è¶…効率的ã«ã‚¹ãƒ©ã‚¤ã‚¹ï¼†ã‚¿ã‚°ã«åŸ‹ã‚込むテクã€ãŒã™ã”ã‹ã£ãŸã®ã§ã€ã”紹介ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ã“れを使ã†ã¨ã€ ã¨ã«ã‹ã早ㄠ後ã‹ã‚‰ãƒ‡ã‚¶ã‚¤ãƒ³ä¿®æ£ãŒç™ºç”Ÿã—ãŸéš›ã€ç›´ã™ã®ãŒæ¥½ シャドウãŒã‚ã‚‹ç”»åƒã§ã‚‚æ£ç¢ºã«åˆ‡ã‚Šå–れる ãªã©ã®ãƒ¡ãƒªãƒƒãƒˆãŒï¼ãƒ•ã‚©ãƒˆã‚·ãƒ§ã§ã‚‚FW並ã‹ã€ãれ以上ã«æ¥½ãŒã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã
Fireworksユーザーã«æœ—å ±ï¼Ÿæµ·å¤–ã§è©±é¡Œã®æ–°ã—ã„Web制作ツールSketch.app | Goodpatch Blog
Web制作ツールã¨ã„ãˆã°Adobeã®Photoshopã‚„Fireworksã§ã™ãŒã€Adobeã¯Fireworksã®é–‹ç™ºåœæ¢ã‚’発表ã—ã¦ã—ã¾ã„ã¾ã—ãŸã。ãã‚“ãªæœ€ä¸ã€æµ·å¤–ã®Web/ UIデザイナーãŸã¡ãŒä½¿ã„始ã‚ã¦ã„ã‚‹æ–°ã—ã„Web制作ツールを見ã¤ã‘ã¾ã—ãŸã€‚ãã‚ŒãŒSketchã§ã™ã€‚BOHEMIAN CODINGã¨ã„ã†ä¼šç¤¾ãŒãƒªãƒªãƒ¼ã‚¹ã—ã¦ã„るアプリã§ã€ä»–ã«ã‚‚有åãªãƒ•ã‚©ãƒ³ãƒˆç®¡ç†ã‚¢ãƒ—リFontcaseもリリースã—ã¦ã„ã¾ã™ã€‚ （Sketchを使ã„始ã‚ã¦ã„る海外ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŸã¡â†’「Sketch App vs Photoshopã€ã€Dribbbleã«sketchã§æã„ãŸä½œå“をアップã—ã¦ã„る人も→[.Sketch] Wireframe UI kit） アイコンやWebサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ãã‚Œã„ã§ã€Goodpatch社内ã§ã‚‚最も話題ã«ãªã£ã¦ã„るアプリ。Sketchも使ã£ã¦ã¿ã‚ˆã†ã¨ç››ã‚Šä¸ŠãŒã£ã¦ã„ã¾ã™ã€‚ãŸã Sketchã«ã¤
Photoshopã®ãƒ—ラグインã€Cut&Slice meã¯ã‚³ãƒ¼ãƒ€ãƒ¼ã®å¼·ã„味方ã«ãªã‚‹ã‹è©¦ã—ã¦ã¿ãŸ
Photoshopã®ãƒ—ラグインã€Cut&Slice meã¯ã‚³ãƒ¼ãƒ€ãƒ¼ã®å¼·ã„味方ã«ãªã‚‹ã‹è©¦ã—ã¦ã¿ãŸ 2013.01.07 | ã“ã®æ–¹æ³•ãŠå‹§ã‚ã§ã™ï¼ ã¯ã˜ã‚ã¾ã—ã¦ã€‚ãŠå¼å½“ã«å…¥ã‚Œã¦ã‚ˆã—ã€ãŠã«ãŽã‚Šã®å…·ã«ã‚‚よã—ã€åµã¯ã‚¤ã‚¯ãƒ©ã§ãŠå¯¿å¸ã«ã‚ˆã—ã€å¹´æœ«ã«ã¯ã¾ã‚‹ã”ã¨æ–°å·»é®ã§è´ˆç”å“ã«ã‚‚よã—ã€ã„ã‚ã‚“ãªå½¢ã§ãŠå½¹ã«ç«‹ã¤ã€ãã‚“ãªé®ã®ã‚ˆã†ãªå˜åœ¨ã«ãªã‚ŠãŸã„サーモンã§ã™ã€‚ 決ã—ã¦é£Ÿã„ã—ã‚“åŠã ã‹ã‚‰ã€ã¨ã‹ã€ã‚‚ã†é¸ã¶è‰²ãŒãªã‹ã£ãŸã¨ã‹ãã‚“ãªã“ã¨ã§ã¯ãªã„ã§ã™ã‚ˆã€‚ 今日ã¯ä¸ƒè‰ ãŠæ£æœˆã€å†¬ä¼‘ã¿æ˜Žã‘ã§ã€ä»Šæ—¥ãŒä»•äº‹å§‹ã‚ã®æ–¹ã‚‚多ã„ã®ã§ã¯ã€ã¨æ€ã„ã¾ã™ãŒã€ãã‚“ãªä»Šæ—¥ã€1月7æ—¥ã¯ã€Œä¸ƒè‰ç²¥ã€ã®æ—¥ã§ã™ã€‚ 1月7æ—¥ã®æœã«ã‚»ãƒªã€ãƒŠã‚ºãƒŠã€ã‚´ï¼ˆã‚ªï¼‰ã‚®ãƒ§ã‚¦ã€ãƒã‚³ãƒ™ãƒ©ã€ãƒ›ãƒˆã‚±ãƒŽã‚¶ã€ã‚¹ã‚ºãƒŠã€ã‚¹ã‚ºã‚·ãƒã®ã€Œæ˜¥ã®ä¸ƒè‰ã€ã‚’入れãŸãŠã‹ã‚†ã‚’食ã¹ã¦ã€ç„¡ç—…æ¯ç½ã‚’祈るã€ã¨ã„ã†è¡Œäº‹ã§ã™ã。地域ã«ã‚ˆã£ã¦ã‚‚å°‘ã—ãšã¤é•ã†ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ç§ã®ä½ã‚€é–¢æ±åœ°æ–¹ã§ã¯ã“ã‚“ãªæ„Ÿã˜ã ã¨æ€ã„ã¾ã™ã€‚ ãã—ã¦ã€æ£æœˆ
Photoshopã§ã‚¹ãƒ©ã‚¤ã‚¹ã—ã€ãƒ‘ーツ画åƒã‚’作æˆã™ã‚‹ã‚³ãƒ„ã¨æ–¹æ³•
Photoshopã§ã‚¹ãƒ©ã‚¤ã‚¹ã—ã€ãƒ‘ーツ画åƒã‚’作æˆã™ã‚‹ã‚³ãƒ„ã¨æ–¹æ³•å°åˆ·ç‰©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ãã®ã¾ã¾å°åˆ·ã™ã‚Œã°ã„ã„ã®ã§ã™ãŒã€Webサイトã®å ´åˆã¯å‡ºæ¥ä¸ŠãŒã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’パーツã”ã¨ã«ç”»åƒã‚’スライス（分割）ã—ã€HTMLã¨CSSã§çµ„ç«‹ã¦ã¦Webサイト上ã«è¡¨ç¤ºã—ã¾ã™ã€‚「実践ã§å¦ã¶Webサイト制作ガイドã€5回目ã§ã¯ãã®ã‚¹ãƒ©ã‚¤ã‚¹ä½œæ¥ã«æ³¨ç›®ï¼ç§ã¯æ™®æ®µFireworksを使ã£ã¦ã‚¹ãƒ©ã‚¤ã‚¹ã—ã¦ã„ã¾ã™ãŒã€ã“ã“ã§ã¯å‰å›žã¨åŒæ§˜Photoshopを使ã£ãŸã‚¹ãƒ©ã‚¤ã‚¹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚実践ã«å…¥ã‚‹å‰ã«ã€ã„ãã¤ã‹ã®ãƒã‚¤ãƒ³ãƒˆã‚‚ãŠã•ãˆã¦ãŠãã¾ã—ょã†ã€‚ 実践ã§å¦ã¶ Web サイト制作ガイド：ãã® 5目標：コーディングã—ã‚„ã™ã„パーツ画åƒã‚’用æ„ã§ãã‚‹å¿…è¦ãªã‚‚ã®ï¼šAdobe Photoshop対象レベル：Photoshop ã®åŸºæœ¬çš„ãªãƒ„ールã®ä½¿ã„æ–¹ãŒã‚ã‹ã‚‹ç›®æ¬¡èª°ã®ãŸã‚？何ã®ãŸã‚？Web サイトを作り始ã‚ã‚‹å‰ã«ã€‚Web サイトã®æ§‹æˆå›³ã‚’ç°¡å˜ã«ä½œã‚Œã‚‹ä¾¿åˆ©
1
ãŠçŸ¥ã‚‰ã›
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}