クールã§è³ªæ„Ÿã®ã‚ã‚‹Web2.0風ボタンを作æˆã™ã‚‹ãƒ„ールã‚ット「Button Devkitã€:phpspot開発日誌
Bartelme Design | Button Devkit クールã§è³ªæ„Ÿã®ã‚ã‚‹Web2.0風ボタンを作æˆã™ã‚‹ãƒ„ールã‚ット「Button Devkitã€ã€‚ サイト上ã§ã€PhotoShopã®PSDファイルãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ パーツã”ã¨ã«ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚ã‘ãŒã‚ãƒãƒ³ã¨è¡Œã‚ã‚Œã¦ãŠã‚Šã€æ–‡å—用ã®ã‚¹ã‚¿ã‚¤ãƒ«ç‰ã‚‚レイヤースタイルã§å®Ÿç¾ã•ã‚Œã¦ã„ã¦ã€ãã®å†…容をå‚考ã«å‡ºæ¥ã¾ã™ã€‚ 応用ã—ã¦ç´ 敵ãªç”»åƒã‚’作りãŸã„ã§ã™ã。
PhotoShopã§ç¾Žã—ã„ボタンを作るãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«39個:phpspot開発日誌
39 Photoshop Button Tutorials You Should Have in Your Arsenal > Design Vitality Your website navigation plays an integral role in keeping your site easy to use and navigate. PhotoShopã§ç¾Žã—ã„ボタンを作るãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«39個。 次ã®ã‚ˆã†ãªç¾Žã—ã„ボタンをPhotoShopã§ä½œæˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ IRIS Design: Web 2.0 Style Photoshop Button Tutorial BlogWatts: A Different Stlye of Web 2.0 Buttons AvivaDirectory: Windows Vista Style Nav Bar Butto
超クールï¼iPhoneデザイン風ボタンãŒè‰²ã€…ã¤ã¾ã£ãŸPhotoShopテンプレート:phpspot開発日誌
超クールï¼iPhoneデザイン風ボタンãŒè‰²ã€…ã¤ã¾ã£ãŸPhotoShopテンプレート 2007å¹´08月10æ—¥- Geek Freebie: iPhone-Inspired Photoshop Buttons | BittBox You read the title right. I totally dweebed out on you and made a set of Photoshop buttons inspired by the elegant iPhone interface.超クールï¼iPhoneデザイン風ボタンãŒè‰²ã€…ã¤ã¾ã£ãŸPhotoShopテンプレート。 次ã®ã‚ˆã†ã«ã€iPhone風ã®ãƒœã‚¿ãƒ³ãŒãƒ¬ã‚¤ãƒ¤ãƒ¼ã”ã¨ã«åˆ†ã‘られãŸPhotoShopファイルãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ ボタン自体をWEBサイトãªã©ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹éƒ¨åˆ†ã«ä½¿ã£ãŸã‚Šã€ç›´æŽ¥iPhone用ã®ãƒšãƒ¼ã‚¸ä½œã‚Šã«æ´»ç”¨ã—ãŸã‚Šã€ä½¿ã„æ–¹ã¯
100種類を超ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç”¨æ„ã•ã‚ŒãŸãƒœã‚¿ãƒ³ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã€ŒButtonBoostã€: DesignWorks
ã€ãƒ•ãƒªãƒ¼å£ç´™ã€‘A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) ã€ãƒ•ãƒªãƒ¼å£ç´™ã€‘A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) ã€ãƒ•ãƒªãƒ¼å£ç´™ã€‘A CANDLE LOSES NOTHING by コピーブランド (11/11) ã€ãƒ•ãƒªãƒ¼å£ç´™ã€‘A CANDLE LOSES NOTHING by ãƒãƒ¼ãƒãƒªãƒ¼ 財布 メンズ (08/17) ç„¡æ–™ã§ä½¿ãˆã‚‹2010年カレンダーã®ã¾ã¨ã‚ by 浅見　晴美 (11/29) ブãƒã‚°ã‚„WEBを制作ã—ã¦ã„ã‚‹ã¨ã¡ã‚‡ã£ã¨ã—ãŸæ‰€ã§ã“ã‚“ãªãƒœã‚¿ãƒ³ãŒã‚ã‚Œã°ã¨æ€ã†äº‹ãŒã‚ã‚Šã¾ã™ã€‚インターãƒãƒƒãƒˆä¸Šã§ã¯ç´ æサイトãŒæ•°å¤šãã‚りデザインも充実ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãƒ”ッタリã¨è‡ªåˆ†ãŒæ¬²ã—ã„物を探ã—出ã™ã®ã¯ã‹ãªã‚Šé›£ã—ã„ã§ã™ã€‚ã¾ãŸè‡ªèº«ã®ã‚µã‚¤ãƒˆç‹¬è‡ªã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ãªã‚Œã°ãªãŠã•ã‚‰ã§ã™ã€‚ãã“ã§ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯è‡ªåˆ†ã§è‰²ã‚‚æ–‡
165ã®ãƒ•ãƒªãƒ¼ãªWeb2.0風ベクターアイコン:phpspot開発日誌
liquidicity 165 Vector Icons, Now in 5 Colours You seemed to like our original set of 165 vector icons, so we thought you might like them again. 次ã®ã‚ˆã†ãª165ã®ãƒ•ãƒªãƒ¼ãªWeb2.0風ベクターアイコンãŒé…布ã•ã‚Œã¦ã„ã¾ã™ã€‚ イラストレーターã®ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ãªã®ã§ã€ã¡ã‚‡ã£ã¨å¤‰æ›´ã—ãŸã‚Šã€è‰²ã‚’変ãˆãŸã‚Šæ‹¡å¤§ã—ãŸã‚Šã¨è‡ªç”±è‡ªåœ¨ã§ã™ã。 サイト作æˆç”¨ã®ç´ æã«ã‚ˆã•ãã†ã§ã™ã€‚ 関連エントリ ブãƒã‚°ã«ä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ãªè¶…ã‚ュートアイコン集「Tiny Little Icons〠12500以上ã®ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’ã¾ã¨ã‚ãŸã‚µã‚¤ãƒˆã€ŒIconArchive〠iPhone風アイコン作æˆç”¨PhotoShopテンプレート 16x16ピクセルã®èŠ¸è¡“çš„favicon集 å°ã•ãã¦å¯æ„›
4ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã§ç°¡å˜ã«Web2.0ボタンを作æˆã™ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã€ŽMy cool button〠– creamu
Web2.0ボタンをã•ãã£ã¨ä½œã‚ŠãŸã„。 ãã‚“ãªã‚ãªãŸã«ãŠã™ã™ã‚ãªã®ãŒã€ã€ŽMy cool buttonã€ã€‚4ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã§ç°¡å˜ã«Web2.0ボタンを作æˆã™ã‚‹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã 。 『My cool buttonã€ã¯ã€ã¨ã¦ã‚‚ç°¡å˜ã€‚ã—ã‹ã‚‚çµæ§‹ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãる。 作æˆæ–¹æ³•ã¯ã€ä»¥ä¸‹ã®4ステップã 。 1.サイズ（幅ã®ãƒ”クセル）をé¸æŠžã€‚（スライダーã§ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ãã‚‹ã¨ã“ã‚ãŒGOODï¼ï¼‰ 2.ボタンã®è‰²ã‚’é¸æŠžã€‚（背景色（角丸ãªã®ã§ãã®ä½™ç™½ã®èƒŒæ™¯è‰²ï¼‰ã‚‚é¸æŠžã§ãã‚‹ã¨ã“ã‚ãŒExcellentï¼ï¼‰ 3.ボタンã«ã¤ã‘るアイコンをé¸æŠžã€‚（自分ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚‚é¸æŠžã§ãã‚‹ã¨ã“ã‚ãŒWhy notï¼ï¼‰ 4.フォントをé¸æŠžã€‚（フォントサイズã¾ã§å¤‰æ›´ã§ãã¦ã“りゃã¾ã„ã‚Šã¾ã—ãŸï¼‰ ã¨ã„ã£ãŸå…·åˆã 。 最後ã«ã€ŒApply changesã€ãƒœã‚¿ãƒ³ã‚’クリックã§å¤‰æ›´ã‚’é©ç”¨ã§ãる。「Downloadã€ãƒœã‚¿ãƒ³ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ã 。 Web2.0ボタ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.designwalker.com/seed/graphicdesign/button-tutorial/
Connection Problem
http://www.designwalker.com/2007/06/iphone_1.html
{{#tags}}- {{label}}
{{/tags}}