ã€Photoshop入門】Webデザインをã¯ã˜ã‚よã†ï¼ç¬¬1回 デザインå‰ã«è¦šãˆã¦ãŠããŸã„環境è¨å®šã¨ãƒ¬ã‚¤ãƒ¤ãƒ¼æ©Ÿèƒ½ - Adobe BlogThe Blog | Welcome to Adobe Blog アドビã®ãƒ–ãƒã‚°ã§ã¯ã€Creative Cloudã€Document Cloudã€Experience Cloudã®æœ€æ–°æƒ…å ±ã‚„å½¹ã«ç«‹ã¤æƒ…å ±ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚
Illustratorã§ã®WebデザインãŒã„ã„æ„Ÿã˜ï¼ãŠã™ã™ã‚ãƒã‚¤ãƒ³ãƒˆã‚„è¨å®šã„ã‚ã„ã‚
Illustratorã§ã®WebデザインãŒã„ã„æ„Ÿã˜ï¼ãŠã™ã™ã‚ãƒã‚¤ãƒ³ãƒˆã‚„è¨å®šã„ã‚ã„ã‚ã“ã‚Œã¾ã§ã¯ã€ŒWebデザインã¨ã„ãˆã°Photoshopã€ã¨ã„ã†ã®ãŒé€šä¾‹ã§ã—ãŸã€‚ã—ã‹ã—Illustratorã‚‚Web制作ã®ç’°å¢ƒã«é©å¿œã•ã‚Œã¦ããŸä»Šã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚„イラストを多ã扱ã†Webサイトã§ã¯æ–然Illustratorã‚’ãŠã™ã™ã‚ã—ã¾ã™ï¼ä»Šå›žã¯ã‚ã¾ã‚ŠçŸ¥ã‚‰ã‚Œã¦ã„ãªã„Illustratorã¨Webデザインã®ç›¸æ€§ã‚„ã€Webデザイン用ã®è¨å®šæ–¹æ³•ç‰ã‚’ã”紹介ã—ã¾ã™ã€‚ Illustrator åˆå¿ƒè€…ã•ã‚“ã¸Illustratorã¯ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã®ç”»åƒã‚’作æˆã§ãã‚‹ Adobe 社ã®ã‚¢ãƒ—リã§ã™ã€‚ãƒã‚´ã‚„イラストを作る時ã«ã¯ã‹ã‹ã›ã¾ã›ã‚“。Adobe ã®å…¬å¼ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚µã‚¤ãƒˆã€Adobe TV ã§ã¯ Illustrator ã®æ¦‚è¦ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã¯ã˜ã‚ã€æ–°ã—ã„機能ã®ç´¹ä»‹ã‚‚éšæ™‚è¿½åŠ ã•ã‚Œã¦ã„ã¾ã™ã€‚ Illustrator ã¯æœˆé¡ 3,2
ã€Illustrator】簡å˜ï¼æ¯è»Šãƒ»ã‚®ã‚¢ã®æã方　編集も容易ï¼ï¼ˆã‚¢ãƒ”アランス）
今回ã¯Illustratorã§æ¯è»Šã‚’æãã¾ã™ã€‚アピアランスãªã®ã§ã€ç·¨é›†ã‚‚ç°¡å˜ã€‚数値を変ãˆã‚‹ã ã‘ã§ã€ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³è±Šã‹ãªæ¯è»Šã‚’作るã“ã¨ãŒã§ãã¾ã™ã‚ˆã€‚タイヤãªã‚“ã‹ã«ã‚‚応用ã§ãã‚‹ã®ã§ã€ãœã²ãŠè©¦ã—ãã ã•ã„ï¼ å®Œæˆäºˆå®šå›³ 使用ソフト：AdobeIllustratorCC（CS5ã§æ¤œè¨¼æ¸ˆã¿ï¼‰ Step1　楕円をæã„ã¦ã‚®ã‚¶ã‚®ã‚¶ã•ã›ã‚‹ ã¾ãšã¯æ¥•å††å½¢ãƒ„ールã§å…ƒã«ãªã‚‹å††ã‚’æãã¾ã™ã€‚ 楕円形ツール/Ellipse (L) 高ã•(H)：100px å¹…(W)：100px ã“ã®å…ˆã¯ã‚¢ãƒ”アランスを使ã£ã¦ã„ãã®ã§ã€ã‚¢ãƒ”アランスパãƒãƒ«ã‚’表示（Ctrl+F6 ・Shift+F6）ã•ã›ã¦ãŠãã¾ã—ょã†ã€‚ アピアランスパãƒãƒ«ãŒç„¡äº‹é–‹ã„ãŸã¨ã“ã‚ã§ã€æ¬¡ã¯æ¥•å††ã®ç¸ã‚’ギザギザã•ã›ã¦ã„ãã¾ã™ã€‚アピアランスパãƒãƒ«ä¸‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€Œfx(æ–°è¦åŠ¹æžœã‚’è¿½åŠ )ã€ã‚’ã—ã¦ã‚¸ã‚°ã‚¶ã‚°ã‚’é©ç”¨ã€‚ æ–°è¦åŠ¹æžœã‚’è¿½åŠ ï¼žãƒ‘ã‚¹ã®å¤‰å½¢ï¼žã‚¸ã‚°ã‚¶ã‚° Add Effect > Dist
イラレã§ç°¡å˜ã«æ–‡å—を「手書ã風ã€ã«ã™ã‚‹æ–¹æ³•
1分ãらã„ã§ç°¡å˜ã«æ–‡å—を「手書ã風ã€ã«ã™ã‚‹ã“ã¨ãŒã§ãるテクニックã§ã™ã€‚ データダウンãƒãƒ¼ãƒ‰ 今回ã®åˆ¶ä½œãƒ‡ãƒ¼ã‚¿ã¯ä¸‹è¨˜ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ （イラレã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯CS5ã§ã™ã€‚） ダウンãƒãƒ¼ãƒ‰ CS3ã§ã‚‚ã»ã¼åŒã˜æ–¹æ³•ã§ã§ãã¾ã™ã€‚ STEP 1 今回ã¯ã€åŠ¹æžœã‚’ã‚ã‹ã‚Šã‚„ã™ãã™ã‚‹ãŸã‚㫠フォントã¯ã€ŒHelvetica Neue Condensed Boldã€ã®80pxã«ã—ã¦ã„ã¾ã™ã€‚ æ–‡å—ã¯å¥½ããªè‰²ã«è¨å®šã—ã¦ã€é©å½“ãªæ–‡å—を入力ã—ã¾ã™ã€‚
知らãªã„人ã¯æã—ã¦ã‚‹ã€ã‚¤ãƒ©ãƒ¬ã§ã‚¹ãƒ¼ãƒ‘ーã®ãƒãƒ©ã‚·ã‚’作るã¨ãã®7ã¤ã®ãƒ¯ã‚¶ - Cherry Pie Weblog
昨年ã‹ã‚‰ã€åœ°å…ƒã®å°åˆ·ä¼šç¤¾ã•ã‚“ã®ãŠæ‰‹ä¼ã„ã§ã‚¹ãƒ¼ãƒ‘ーã®ãƒãƒ©ã‚·ã‚’制作ã•ã›ã¦ã„ãŸã ã„ã¦ã„ã‚‹ã‚“ã§ã™ãŒã€æœ€åˆã«ä½œæ¥æ‰‹é †ã‚’èžã„ãŸã¨ãã«ã€ãã®ã‚ã¾ã‚Šã®é¢å€’ã•ã«é–‰å£ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ スーパーã®ãƒãƒ©ã‚·ã£ã¦ã€ä½•é‡ã‚‚ã®æ–‡å—フãƒã¨ã‹ã€å€¤æ®µã®æ•°å—ãŒé‡ãªã£ã¦ã¦å††ã ã‘å°ã•ã„ã¨ã‹ã€å›²ã¿ã¨ã‹ã€å¿…ãšæ–‡å—ãŒç”»åƒã«ã‹ã‹ã£ã¦ã—ã¾ã†ã‹ã‚‰ç™½ãƒ•ãƒã‚‚ã¤ã‘ãªã„ã¨ã„ã‘ãªã„ã¨ã‹ãƒ»ãƒ»ãƒ» ãã‚“ãªæ‰‹æ•°ã®ã‹ã‹ã‚‹ä½œæ¥ã‚’ã€é•·å¹´ãƒãƒ©ã‚·åˆ¶ä½œã‚’ã•ã‚Œã¦ã„ã‚‹æ–¹ã¯ã€ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼5.5 ã§ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆé€£æ‰“ã§ãƒã‚ãƒã‚作ã£ã¦ãŸã‚Šã™ã‚‹ã‚ã‘ã§ã™ã€‚ ã—ã‹ã—ã€çŸç´æœŸãƒ»å®‰ä¾¡ã‚’求ã‚られる今ã®æ™‚代ã€ã„ã¤ã¾ã§ã‚‚イラストレーター5.5時代ã®ä½œæ¥ã‚’続ã‘ã¦ã„ã‚‹ã®ã§ã¯ã€ç›¸å½“ãªç†Ÿç·´è€…ã§ãªã„ã¨æ™‚é–“ã«ã‚‚ãŠé‡‘ã«ã‚‚見åˆã†ä»•äº‹ãŒã§ããªã„ã—ã€ä¼šç¤¾ã¨ã—ã¦ã¯ç†Ÿç·´è€…ã«å˜ç´”作æ¥ã«è¿‘ã„ã“ã¨ã«å»¶ã€…ã¨æ™‚間を使ã£ã¦ã»ã—ããªã„ã®ã§ã™ã€‚ ã§ã‚‚ã€ä»Šã®ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ãªã‚‰ã§ãã‚‹ã‚“ã§ã™ã‚ˆã。 ãã‚“ãªã€çŸ¥ã£ã¦ã„る人ã¯çŸ¥ã£ã¦ã„ã‚‹ã‘ã©ã€
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
『Illustratorã«ã‚ˆã‚‹ã‚¤ãƒ©ã‚¹ãƒˆåˆ¶ä½œã®åŸºæœ¬æ“作ã€
1 pixel｜サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° サイãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–り組ã¿ã‚’紹介ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚最新技術ã¸ã®æŒ‘戦やサービス誕生ã®è£è©±ã€å‹‰å¼·ä¼šã‚„イベントã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAクリエイターã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒžãƒãƒ€ã§ã™ã€‚2012年４月ã«æ–°å’入社ã—ã€ç¾åœ¨ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚²ãƒ¼ãƒ ã®ã‚¤ãƒ©ã‚¹ãƒˆã‚’制作ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã«-Illustratorã®ä»•çµ„ã¿-多機能ã«ã‚ˆã£ã¦ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã ã‘ã§ãªã文書作æˆãªã©ãƒžãƒ«ãƒã«æ´»èºã§ãã‚‹Illustratorã§ã™ãŒã€æ©Ÿèƒ½ã®å¤šã•ã«æœ€åˆã¯ä½•ã‚’ã©ã®ã‚ˆã†ã«ä½¿ã£ãŸã‚‰ã„ã„ã®ã‹æˆ¸æƒ‘ã†ã‹ã¨æ€ã„ã¾ã™ã€‚ ＜illustratorã§ã‚¤ãƒ©ã‚¹ãƒˆã‚’æãéš›ã«å¿ƒãŒã‘ã¦ã„ãŸã ããŸã„ã“ã¨ï¼ž 普通絵をæã時ã¯ç·šç”»ã‚’æã„ã¦ç€å½©ã™ã‚‹ã¨æ€ã„ã¾ã™ãŒIllustratorã¯å°‘々é•ã„ã€"様々ãªå½¢ã‚’ã—ãŸå›³å½¢ã‚’é…ç½®"ã—ã¦çµµã‚’æãã¾ã™ã€‚図形を上ã«é‡ãã¦ã„ãã“ã¨ã§
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
ウェブåˆå¿ƒè€…も安心ã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24個ã¾ã¨ã‚ - PhotoshopVIP
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
1
ãŠçŸ¥ã‚‰ã›
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}