Photoshopã€Illustratorã€XDã€Sketch…çµå±€ã©ã‚Œã‚’使ã£ã¦Webデザインã™ã‚Œã°ã„ã„ã®ï¼Ÿ | Stocker.jp / diary
ç„¡æ–™ã§ä½¿ãˆã‚‹æ–°ã—ã„iPad/iPhone4S/iOS5ãªã©ã®GUIパーツ詰ã‚åˆã‚ã›PSDファイル集
æ–°ã—ã„アプリã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—作æˆã‚„デザインã®æ™‚ã«ã€ç”»é¢ä¸Šã«è¦‹ãˆã¦ã„ã‚‹å„種パーツを組ã¿åˆã‚ã›ã‚Œã°å˜ç´”ãªã‚¹ã‚±ãƒƒãƒã‚„メモ書ãよりももã£ã¨ã¯ã£ãã‚Šã¨ã‚¤ãƒ¡ãƒ¼ã‚¸ã§ãã‚‹ã“ã¨ãŒå¤šãã€ãã†ã„ã†ã¨ãã«ä½¿ãˆã‚‹ã®ã¯ã“ã®Photoshopã§åˆ©ç”¨ã§ãã‚‹PSDファイル集ã§ã™ã€‚ ã“れらを使ãˆã°iOSå‘ã‘ã®é–‹ç™ºã‚’ã™ã‚‹ã¨ãã«ã‚ˆã‚Šèª¬å¾—力ã®ã‚ã‚‹ç”»é¢ä½œã‚Šã‚„ã€å®Ÿéš›ã«ä½œã‚‹å‰ã«æœ€çµ‚çš„ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒè§¦ã‚Œã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»GUI部分ã«ã¤ã„ã¦è¦‹æ „ãˆã‚’確èªã™ã‚‹ã“ã¨ãŒã§ãã‚‹ãŸã‚ã€æ©Ÿèƒ½ã‚’作ã£ã¦ã‹ã‚‰GUIã®æ•´ç†ã‚’ã—ãŸã‚‰äºŒåº¦æ‰‹é–“ã€ä¸‰åº¦æ‰‹é–“ã«ãªã£ãŸã¨ã„ã†ã‚ˆã†ãªä½™è¨ˆãªæ‰‹é–“や時間を減らã™ã“ã¨ãŒã§ãã‚‹ã¯ãšã§ã™ã€‚ ◆新ã—ã„iPad(Retinaディスプレイ対応) iPad GUI PSD (Retina Display) | Downloads | Teehan+Lax http://www.teehanlax.com/downloads/ipad-gui-psd-ret
デザインãŒè‹¦æ‰‹ãªäººã€ã™ãã«ä½¿ã„ãŸã„人ã«ã´ã£ãŸã‚Šãªã‚¦ã‚§ãƒ–ページ・ワイヤフレーム用ã®PSDç´ æ -Layout Lab
デザインãŒè‹¦æ‰‹ãªäººã€ã™ãã«ä½¿ã„ãŸã„人ã«ã´ã£ãŸã‚Šãªã‚¦ã‚§ãƒ–ページ・ワイヤフレーム用ã®PSDç´ æ -Layout Lab
Beautiful Watercolor Effect Tutorial and Photoshop Brushes
2014å¹´3月6æ—¥ Photoshop, Webデザイン 水彩画ã£ã¦ã„ã„ã§ã™ã‚ˆã。ãªã‚“ã ã‹ã»ã‚“ã‚ã‹ã—ãŸé›°å›²æ°—ãŒå¤§å¥½ãã§ã™ã€‚ã¨ã„ã†ã“ã¨ã§ä»Šå›žã¯Photoshop CS5を使ã£ã¦ç”»åƒã‚’水彩画風ã«åŠ å·¥ã™ã‚‹æ–¹æ³•ã¨ã€ä¾¿åˆ©ãªPhotoshopブラシã€æ°´å½©ç”»é¢¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®Webサイトを紹介ã—ã¾ã™ã€‚デザインã®å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ å†™çœŸã‚’æ°´å½©ç”»é¢¨ã«åŠ å·¥ã™ã‚‹æ–¹æ³• ã¾ãŸå‹•ç”»æ’®ã£ã¦ã¿ã¾ã—ãŸã€‚ãŸã ã§ã•ãˆæ™‚é–“ã‹ã‹ã£ã¦ãªã„ã®ã«ã€ï¼”å€é€Ÿã«ã—ãŸã‚‰30秒ãらã„ã«ãªã£ã¡ã‚ƒã„ã¾ã—ãŸã€‚ç°¡å˜ãªã®ã§ãœã²è©¦ã—ã¦ã¿ã¦ãã ã•ã„ãï¼ 1. ã¼ã‹ã— ç”»åƒã‚’é–‹ã„ã¦ã€ãã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’複製ã—ã¾ã™ï¼ˆã‚³ãƒžãƒ³ãƒ‰ï¼‹J）。 複製ã—ãŸãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’「blurã€ã«ãƒ¬ã‚¤ãƒ¤ãƒ¼åを変更ã—ã¾ã™ã€‚ フィルター > ã¼ã‹ã— > ã¼ã‹ã—（詳細）ã§ã€ã€ŒåŠå¾„ã€ã‚’10ã€ã€Œã—ãã„値ã€ã‚’25〜30ã«è¨å®šã—ã¾ã™ã€‚ 2. エッジã®å…‰å½© å…ƒã®ç”»åƒãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’
美ã—ãã¦æ©Ÿèƒ½ã™ã‚‹ã‚¦ã‚§ãƒ–デザインを作æˆã™ã‚‹Photoshopã®7ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
クリーンã§ã€ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆã§ã€ç¾Žã—ãã€ãã—ã¦ã—ã£ã‹ã‚Šã¨æ©Ÿèƒ½ã™ã‚‹ã‚¦ã‚§ãƒ–デザインを作æˆã™ã‚‹ã®ã«å½¹ç«‹ã¤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(ホワイトスペース) スペースã¯ãƒœãƒƒã‚¯ã‚¹ã‚„ラインやグラフィックãªã©ã‚’使用ã—ãªã„ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®è¦‹ãŸç›®ã§ã®åˆ†é›¢ã‚’å¯èƒ½ã«ã™ã‚‹ã‚‚ã®ã§ã€ãƒ¢ãƒ€ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸ã§ã‚‚最もé‡è¦ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ã“ã‚Œã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ—レゼンテーショ
æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®UIエレメントã®PSDç´ æã®ã¾ã¨ã‚
ãã®ã¾ã¾ä½¿ã£ã¦ã‚‚よã—ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‹‰å¼·ã«ã‚‚よã—ã®æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®UIエレメントã®PSDç´ æを紹介ã—ã¾ã™ã€‚ ç´ æã¯å…¨ã¦å•†ç”¨ã§ã‚‚ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ãŒã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒãã‚Œãžã‚Œç•°ãªã‚‹ã®ã§ã”利用ã®éš›ã«ã¯ã”確èªãã ã•ã„。
Webデザインã®1pxを作るãŸã‚ã®Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã„ã‚ã„ã‚
色ん㪠Webサイトを見ã¦ã„ã‚‹ã¨ã€1px ã«ã“ã ã‚ã£ã¦ä½œã‚‰ã‚ŒãŸã‚レイãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã€‚ç§ã¯ Photoshop を使ã£ã¦ã„ã‚‹ã®ã§ã€Photoshop ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚’使ã£ã¦ã€1px ã®ç´°ã‹ã„所を作る Tips ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚基本的ãªæ“作ã°ã‹ã‚Šãªã®ã§ã€ã“ã‚Œã‹ã‚‰ Photoshop 㧠Webデザインをやã£ã¦ã¿ãŸã„ãªãƒ¼ã¨ã„ã†äººå‘ã‘ã®è¨˜äº‹ã§ã™ã€‚ 色んãªç´ 敵ãªãƒ‡ã‚¶ã‚¤ãƒ³ã® Webサイトを観察ã—ã¦ã„ã‚‹ã¨ã€1px ã®ç´°ã‹ã„ã¨ã“ã‚ã¾ã§ã“ã ã‚ã£ã¦ä½œã‚‰ã‚Œã¦ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦ã¨ã¦ã‚‚多ã„ã§ã™ã‚ˆã。1px … Webデザインã§ã¯ä¸€ç•ªå°ã•ã„サイズ。「神ã¯ç´°éƒ¨ã«å®¿ã‚‹ã€ã¨ã„ã†è¨€è‘‰ã‚‚ã‚ã‚‹ã‘ã‚Œã©ã€1px ã¾ã§ã—ã£ã‹ã‚Šä½œã‚‰ã‚ŒãŸã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¯ã¨ã¦ã‚‚美ã—ã„ã§ã™ãï¼ ä»Šå›žã¯ Photoshop を使ã£ã¦ã€ã„ã‚ん㪠1px を作ã£ã¦ã¿ã¾ã—ãŸã€‚ã¨ã¯è¨€ã£ã¦ã‚‚難ã—ã„グラフィックデザインを作るã‚ã‘ã§ã¯ãªãã¦ã€ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
商用利用も無料ã€ç´°éƒ¨ã¾ã§ç¾Žã—ã作り込ã¾ã‚ŒãŸUIエレメントãŒæƒã£ãŸPSDç´ æ -Vue UI Kit
タイトルãƒãƒ¼ã€ãƒ„ールãƒãƒ¼ã‚’ã¯ã˜ã‚ã€ãƒœã‚¿ãƒ³ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å„エレメントã€ãƒ„ールãƒãƒƒãƒ—ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ãªã©ã€ã‚¦ã‚§ãƒ–ページã§ã‚ˆã使用ã™ã‚‹UIエレメントãŒæƒã£ãŸPSDç´ æを紹介ã—ã¾ã™ã€‚ Exclusive PSD Freebie: Vue UI Kit [ad#ad-2] ダウンãƒãƒ¼ãƒ‰ã§ãã‚‹PSDファイルã¯ãƒ¬ã‚¤ãƒ¤ãƒ¼ãŒä¿æŒã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒ†ã‚ストやカラーを変更ã—ã¦ä½¿ç”¨ã—ãŸã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‹‰å¼·ã«ã‚‚é©ã—ãŸã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
トイカメラ風ã«ãƒ‡ã‚¸ã‚«ãƒ¡ç”»åƒã‚’変æ›ã™ã‚‹Photoshop用プラグイン : Gizmodo Japan（ギズモード・ジャパン）
Wii発売以é™ã€ä½•ã‹ã®ã‚²ãƒ¼ãƒ 専用ã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ãŒå‡ºã‚‹ã“ã¨ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ ...ãŒã€ã„ãらゲームæ¥ç•ŒãŒå¤šè§’化ã—ã¦ã‚‚ã€ã“ã‚Œã¯çµ¶å¯¾ç™ºå£²ã•ã‚Œãªã„ã§ã—ょã†ã€‚今回ã®Photoshopコンテストã¯ãã‚“ãªï½¢ã‚ã‚Šãˆãªã„ゲームコンソール｣集ã§ã™ã€‚ ã„ã¤ã‚‚ã®ã‚ˆã†ã«å…¥é¸ä½œå“ã¨ãƒ™ã‚¹ãƒˆï¼“ã‚’ã©ã†ãžã€‚ â— å…¥é¸ä½œå“ ◠ベスト３ Adam Frucci（ã„ã¡ã‚‹ï¼‰
YouTube - Broadcast Yourself
Toytools Gravity Desktop。 é‡åŠ›ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—を作ã£ã¦ã¿ã¾ã—ãŸã€‚ デモã§ã™ ニコニコ版(NicoNico Ver.)： http://www.ni Toytools Gravity Desktop。 é‡åŠ›ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—を作ã£ã¦ã¿ã¾ã—ãŸã€‚ デモã§ã™ ニコニコ版(NicoNico Ver.)： http://www.nicovideo.jp/watch/sm4566797 ブãƒã‚°(Blog)： http://d.hatena.ne.jp/toytools/ BGM： http://wacca.fm/m/14581 æŒï¼šå”„è¯ãƒ„カサ作詞・作曲：新谷佳希 ■次ã®ä½œå“「空間ファイル共有ã€(Next work) http://jp.youtube.com/watch?v=ndEBDNku9GM (続ã) (一部表示)
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
hereticanthem co.,ltd. » Photoshop&Illustratorã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}