無料ですさまじく使い勝手が良く参考にもなるPSDファイルのウェブデザインテンプレート10種類 - GIGAZINE

2010/08/17 1005 users GIGAZINE オドロキ 使い勝手 参考 ダウンロード

ネット上には時として「こんな高品質なものが無料でよいのか？」というオドロキがありますが、まさに今回のPSDファイルはそれです。実際に使うのも良し、デザインの参考にするのも良し、非常に価値あるものとなっています。 ダウンロードは以下から。 10 Beautiful PSD Web Templates Of July 2010 For Free Download ◆その1：FreePSDTheme >... 続きを読む

無料でダウンロードできる洗練されたデザインのUIキットいろいろ - GIGAZINE

2012/11/16 970 users 木目調 ダーク 明るいグレー ウェブサイト GIGAZINE

わかりやすく、統一感のあるウェブサイトをデザインする時にあると便利なのがUIキットですが、ウェブ開発・デザインに関する情報やコンテンツを扱うブログBest Open Source Resourcesがそんな美しいデザインのUIキットをリスト化しています。明るいグレーやダークなカラー・木目調など、さまざまなパターンのPSDファイルが無料でダウンロードできるため、頭の中のイメージに合わせてコンテンツを... 続きを読む

Photoshop Vip » 保存版！クリックしたくなる「ボタン」デザインのPhotoshop用無料PSDファイル42個まとめ

2010/03/20 949 users Photoshop Vip フォトショップ ボタン 保存版

ホームページやブログ、ショッピングサイトなどで使われているボタン。 ユーザーに分かりやすく直感的にクリックしてもらうためには、ボタンのデザインにも気を配りたいところです。 今回はそんなボタンデザインの中でも、フォトショップで加工、編集することができるPSDファイルを42個まとめた「Ultimate Collections of Free Buttons in PSD Formats」をご紹介します... 続きを読む

Fireworksのチュートリアルいろいろ - DesignWalker

2008/04/22 893 users DesignWalker Fireworks Ado 外部

ウェブデザイナーでFireworks派の方々も結構いらっしゃるのではないでしょうか？ たまに、外部のデザイナーの方からファイルを送っていただくとPNGファイルだったりして… もちろん、psdファイルに書き出しも出来ますが。Photoshopだけじゃなく、Fireworksの使い方もある程度、知っていて損はないですよね。 本日は、Fireworksのチュートリアルをいろいろまとめてみました。 Ado... 続きを読む

Photoshop Vip » 保存版、合計1万個以上のベクター素材をダウンロードできるサイト21個まとめ

2010/04/18 817 users Photoshop Vip ベクター素材 保存版 ベク 図形

ベクターイメージ（英 : Vector Image）は、コンピュータグラフィックスにおける図形、画像形式のひとつで、主にイラストレーターやフォトショップで利用されています。 ベクター素材のメリットとしては、画像ファイルやPSDファイルなどと異なり、サイズを拡大縮小してもデザインがぼやけることないので、ウェブデザインに限らずプリントデザインにも応用することができます。 今回はJo’s Webで、ベク... 続きを読む

高品質でフリーのウェブサイトテンプレート集「TemplatesBox.com」 - GIGAZINE

2006/07/16 739 users GIGAZINE フォント テンプレート バナー ウェブサイト

通常のウェブサイトだけでなく、Flashサイトのテンプレートやロゴマークのテンプレート、バナーやボタンまで置いてあります。これらがすべてフリーというのが驚き。全部で200個以上あるようです。 TemplatesBox.com http://www.templatesbox.com/ ウェブサイト用テンプレートは利用したPSDファイルやフォントも同梱されており、DreamweaverかFrontpa... 続きを読む

PhotoshopのPSDファイルを無料でゲットできるサイトいろいろ - GIGAZINE

2009/01/06 658 users デフォルト Paint.NET レイヤー構造 まんま 画質

PSDファイルとは、Photoshopのデフォルトのファイル形式であり、レイヤー構造や画質などがかなりそのまんまなので、いろいろとこのPSDファイルを元にしてサイトのデザインや素材作成などに利用されています。Photoshopを持っていなくても、例えばフリーソフトの「Paint.NET」とPSDファイルの読み込み・編集ができるようになる「Photoshop file plug in」を組み合わせれ... 続きを読む

あるレイヤー1枚追加するだけでPhotoshopのファイルサイズをぐっと小さくしてくれる裏技 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

2009/06/14 657 users レイヤー USBメモリ アイコン IDEA 縮小画像

へー、と思って試してみたら本当だったのでご紹介。PhotoshopのPSDファイルのサイズを減らす裏技ですよ。ひょっとして有名？？ やり方は簡単で白く塗りつぶしたレイヤーを一番上に追加して保存するだけ！ ↑ こうして真っ白なレイヤーを一番上に追加します。 環境によってはアイコンの縮小画像が真っ白になっちゃいますが、サイズを優先したいときもありますよね。メールで送るときやUSBメモリに突っ込むときに... 続きを読む

テキストをかっこよく魅せるPhotoshopのチュートリアル集 | コリス

2008/04/03 583 users グランジ コリス チュートリアル Photoshop メダル

テキストにメタル・光沢・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。 一部のサイトでは、PSDファイルをダウンロードできます。 続きを読む

テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 2 | コリス

2008/04/23 549 users グランジ コリス 光線 チュートリアル Photoshop

テキストに透明・光線・グランジ・立体化などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。 続きを読む

スマートフォン、タブレット、デスクトップのためにレイアウトの幅をどのように設計すればよいか | コリス

2012/03/16 497 users コリス ダイアグラム ポートレイト ランドスケープ 下段

下記は各ポイントを意訳したものです。 キャプチャに使用している画像は元記事よりPSDファイルでダウンロードできます。 各デバイスのサイズ レイアウトを3つ レイアウトを4つ レイアウトを6つ 各デバイスのサイズ まずは、2012年3月現在の各デバイスの幅です。 ※クリックで拡大 ポイント 上段：ポートレイト（縦置き）、下段：ランドスケープ（横置き）です。当初は各デバイスの高さ/幅のダイアグラムを作... 続きを読む

ウェブサイト作成に必要なPSDファイルの詰め合わせセット「Deluxive Creative Pack 001」 - GIGAZINE

2008/02/01 485 users GIGAZINE クリエイティブ・コモンズ ダウンロード

クリエイティブ・コモンズ・ライセンスで公開されており、自由に使うことが可能なPSDファイルの詰め合わせパックです。Web2.0っぽいデザインからオリジナルのデザインまで、いろいろなサイト作成やパーツ作成に応用できそうなものが山ほど詰め込まれており、かなり使えます。 ダウンロードは以下から。 Deluxive Creative Pack 001 by *Deluxive on deviantART ... 続きを読む

無料でダウンロードできる多種多様なアイコン・ボタン・UIキットいろいろ - GIGAZINE

2012/11/20 427 users GIGAZINE ミニアイコン UIキット 国旗 トピック

400種類以上のミニアイコンのセットから、ちょっと変わった法律っぽいアイコン、世界中の国旗のアイコン、洗練されたUIキットまで、多種多様なアイコン・ボタン・UIキットを集めてリスト化したものがデザインに関係するトピックを配信するDzineBlog.comで公開されています。いずれも無料でダウンロード可能で、ファイル形式は主にPSDファイルです。 33 New Freebie Buttons and... 続きを読む

Photoshop VIP ☞ 質感たっぷり、高品質な無料PSDデザイン素材60個まとめ

2012/04/25 405 users 質感 Photoshop Vip エフェクト レイヤー 高品質

デザイン制作を楽にするだけでなく、時間短縮にもつながるデザインPSD素材。 レイヤーの重ね方や、エフェクトの適用方法など、直接PSDファイルを参考にしてみてはいかがでしょう。 海外デザインブログDesignBeepで、フレッシュで高品質な無料PSD素材ファイルを60個まとめたエントリー「60 Fresh and High Quality Free PSD Files for Designers」が... 続きを読む

無料でブラウザ上からPhotoshop並に画像を編集しまくれる多機能ツール「Photopea」を使ってみた - GIGAZINE

2017/12/15 393 users GIGAZINE Photopea GIMP MacOS 描画

「Photoshopなどの有料画像編集ソフトを購入するほどではないけれど、画像の編集がしたい」という人は多いはず。Photoshopは便利ですが、編集する画像の枚数がそれほど多くない人にとっては高価に感じられてしまいます。そんな人にぴったりな、普通のJPGファイルやPNGファイルだけでなく、 PSDファイル や GIMP で編集したxcfファイル、macOSに対応した描画ソフトの Sketchap... 続きを読む

無料でブラウザ上からPhotoshop並に画像を編集しまくれる多機能ツール「Photopea」を使ってみた - GIGAZINE

2017/12/15 393 users GIGAZINE Photopea GIMP MacOS 描画

「Photoshopなどの有料画像編集ソフトを購入するほどではないけれど、画像の編集がしたい」という人は多いはず。Photoshopは便利ですが、編集する画像の枚数がそれほど多くない人にとっては高価に感じられてしまいます。そんな人にぴったりな、普通のJPGファイルやPNGファイルだけでなく、 PSDファイル や GIMP で編集したxcfファイル、macOSに対応した描画ソフトの Sketchap... 続きを読む

綺麗にデザインされたピクトグラムアイコン100個セット:phpspot開発日誌

2012/06/12 372 users phpspot開発日誌 アイコンセット Dribbble

Dribbble - Free 16px Broccolidryiconsaniconsetitisfullof…icons by Visual Idiot 綺麗にデザインされたピクトグラムアイコン100個セット。 次のようなシンプルだけど綺麗なPSD形式のアイコンセットがダウンロードできます。 PSDファイルですが、ベクター形式なので拡大しても劣化がありません。Retinaディスプレイ対応も可能... 続きを読む

内部作業用も納品も どうせなら他人にわかりやすいPSDファイルを作る｜【ings】東京・神田神保町発 WEB制作＆マーケティング通信

2015/05/27 323 users グループワーク ings コーダーさん デザイナー 円滑化

こんにちは。デザイナーのヨシザワです。 Webデザインを作る際の基本となるPSDファイルですが、「複数名でデザイン作業を分担する」「コーダーさんにファイルを渡す」「クライアント様にファイルを納品する」といった様々な場面で、「PSDファイルを共有する」必要がでてくるかと思います。 今回はその「PSDファイルの共有」について、 ・グループワークの円滑化 ・データ整理作業の効率化 の２つのテーマから、よ... 続きを読む

これからのデザインのためのアイコンセット50 | CREAMU

2009/06/08 307 users CREAMU アイコンセット たくさん 角丸 デザイン

Smashing Magazineで、これからのデザインのためのアイコンセットがたくさん紹介されています。 ざっといくつかご紹介。 ↑はChalkwork HTML Royalty-free Icons。 個人利用・商用利用ともに無料 On Stage Icons Set フリーのベクターアイコン49。psdファイルつき。個人利用・商用利用ともに無料 Coquette 4 Icons Set 角丸... 続きを読む

Photoshop VIP ☞ Photoshopで使えるデザイン素材を大量に無料公開しているGraphics Fuel

2011/09/05 304 users Photoshop Photoshop Vip テクスチャ

デザイン制作で利用したいさまざまな素材を公開しているサイトがあったので、今回はご紹介します。 Webデザインやグラフィックデザインに便利な素材ばかりとなっています。 詳細は以下から。 Photoshopをたのしむ、デザイン素材を無料ダウンロード GraphicsFuelは、Webデザインに関する素材ばかりが公開されています。 たとえばPSDファイルを中心にテクスチャ、アイコン、ウェブレイアウト用テ... 続きを読む

テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 3 | コリス

2008/05/27 249 users チュートリアル エフェクト コリス キャプチャ付き 英語

テキストにメタル・光・水・草・キャンディーなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。 続きを読む

[CSS]実用的なレイアウトが揃っているフリーのテンプレート集 -Best Free Templates | コリス

2009/04/09 239 users コリス テンプレートファイル CSS レイアウト レイヤー

PSDファイルもダウンロードできる、実用的なレイアウトが揃っているスタイルシートのテンプレートを配布しているサイト「Best Free Templates」を紹介します。 Best Free Templates, Free CSS templates ダウンロードできるテンプレートファイルは、2ページ分のレイアウトが揃っており、レイヤーが保持されたPSDファイルもあるため、テキスト画像の変更だけで... 続きを読む

テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 4 | コリス

2008/06/10 238 users チュートリアル エフェクト コリス キャプチャ付き 英語

テキストに光・メタル・木・3D・爆発・炎・氷などのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。 続きを読む

テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 6 | コリス

2008/07/30 230 users コリス グランジ ネオン Photoshop チュートリアル

テキストにグロッシー・ネオン・グラス・リベット・グラフィティ・グランジ・ポップ・グラデーションなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。 続きを読む

プロがデザインしたHTMLメールの無料のテンプレート集（PSDファイル付き） -Campaign Monitor | コリス

2010/10/25 209 users ウェブデザイナー width コリス テンプレート レイアウト

当サイトでも何回か紹介したことのあるプロのウェブデザイナーが作成した、高品質なHTMLメールのテンプレートを配布しているサイトを紹介します。 ダウンロードできるファイルには、下記のものがセットになっています。 HTMLメール用のHTML・画像一式 PSDファイル HTMLメール、PSDファイルともにレイアウトは、width=100%、サイドバーが左、サイドバーが右、の3パターンが揃っています（異な... 続きを読む