Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。Photoshopテンプレートまずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れ...

最近twitterやブログなどのウェブサービスにおいて、お好みの背景デザインを利用できるケースが目立ちます。デフォルトとは異なるユーザー独自のデザインを選べる点が、人気な理由のひとつではないでしょうか。海外デザインブログSpeckyboy Design Magazineで、継ぎ目のないデザインに使えるパターン素材を500枚まとめたエントリー「50 Tileable & Seamless Patte...

先日、多数のコメントを頂いた以下のエントリについて、ようやくまとめることが出来ました。 長期間使用しているiPhoneアプリを教えてください（2010年夏） 今回も非常に多くのアプリの名前が挙りました。それでは早速。 AppBank for iPhone仕事効率化★★★★★★★★★★ ★★★★★★★★★★ ★★★AppBank for iPhone v1.42: 「iPadアプリ」追加と「表示状態...

タイトル、見出しなどにどんなフォントを利用されていますか。インパクトがでて、デザインのアクセントにもなる太字スタイルフォントは、ウェブデザインに限らず、雑誌などのプリントデザインにおいても利用されており人気の字体スタイルのひとつです。海外デザインブログCreativefanで、オシャレな印象を与える極太フリーフォントを20個まとめたエントリー「20 Big and Bold Free Fonts ...

カリフォルニア州サンディエゴにあるウェブデザインスタジオ「CONTEMPO」はデザイナーであるChris Robinson氏が運営しており、有料のWordPress用テーマやサイトテンプレートなどを扱っていますが、それらの中にCCライセンスによって無料で使えるベクター形式の人物シルエット集「Vector People Collection」というのが配布されています。 AI形式・EPS形式・PDF...

デザインをするときに頭を悩ます部分のひとつが背景デザインではないでしょうか。単色で塗りつぶしただけでは立体感のない平凡なデザインになりがちです。そんなときにオススメなデザイン方法が少し汚れの付いたグランジテクスチャを重ねることで質感を高め、立体感を表現することができます。海外デザインブログDesignM.agで、グランジテクスチャを300枚まとめたエントリー「300+ Free Grunge Te...

中世ヨーロッパの王国や騎士団などで利用されていたシンボルや紋章。それぞれ国家や団体などを象徴するデザインとして現在でも使用されていることが多いですね。そんな紋章を自分でデザインしてみませんか。海外デザインブログCruizineで、パーツを組み合わせることでオリジナルの紋章をデザインすることができるベクター素材「Free Vector Heraldry Elements」が公開されていたので、今回は...

以前620枚のボケ(英: Bokeh)デザインの無料テクスチャ素材をまとめたエントリーをご紹介しましたが、まだまだ使えそうな素材が大量に見つかりましたので今回まとめてみました。デザインブログ1st Webdesignerで、キラキラと輝く無料テクスチャ素材を320枚まとめたエントリー「The Ultimate Roundup of 45 Awesome Bokeh Textures」が公開されてい...

100 Free Photoshop Actions (And How to Make Your Own) 写真加工に活用できるPhotoshopアクション100種類と、Photoshopアクションの作り方について書かれたエントリのご紹介です。 多数のアクションがあって、よく使いそうなものは入れたりカスタマイズしておくと便利ですね。 Photoshopのチュートリアルサイトで解説されているような一...

モデルの肌を滑らかにしたり、陰影をつけて骨格や筋肉を強調するなどといったフォトレタッチは広告業界ではすでに常識となっていますが、もともと肉眼で見ても美男美女なモデルは写真にも美しく映るもので、修整前と修整後を比べてみても「劇的」というほどの違いは見られない場合がほとんどです。 スゴ腕のPhotoshop職人たちが思う存分レタッチの腕を発揮するにはやはり素材が重要。というわけで、Adobe Phot...

先日、煙や炎のPhotoshop用ブラシセットをご紹介したのですが、今回は背景デザインなどに使えそうなテクスチャ素材をまとめてみました。海外デザインブログCruzineで、デザイン性の高い煙と炎のテクスチャ素材を55枚まとめたエントリー「Smoke and Fire – the Eternal Source of Inspiration」が公開されていたので、今回はご紹介します。デザインの背景とし...

NewsHome > News > 写真をプロの様に加工するフォトショップ用無料アクションファイル100個まとめ写真をプロの様に加工するフォトショップ用無料アクションファイル100個まとめ2010年7月29日　　　　自分で撮影した何気ない写真をクリックひとつで、プロの様に加工してくれるPhotoshop用アクションファイル。これまでにもいくつかのエントリーで比較的新しいアクションファイルをまとめて...

Navigate the physical jQuery code to see what, where, and how the magic happensIntroductionThis page is designed to visually and interactively deconstruct the internal code of the jQuery library.It br...

Photoshopで複雑なオブジェクトを切り抜く時にどのような方法で行いますか。今までは「パスツール」を個人的に利用することが多かったのですが、時間と労力のかかる作業で特に髪の毛などはやっかいなものでした。今回はPhotoshop CS5の新機能を利用して、複雑なオブジェクトを楽に切り抜く方法をご紹介します。Photoshop CS5が発売されてすでにインストールされた方もいるかと思いますし、標準...

グランジ（英: grunge)とは、英語の「きたない」「汚れた」などを意味するスラング「Grungy」が語源と言われています。グランジフォントは、ウェブデザインに限らずプリント媒体においても人気の高いスタイルのひとつではないでしょうか。海外デザインブログCruzineで、筆記体やゴシック体までさまざまなスタイルのグランジフォント70個をまとめたエントリー「70 Free Quality Grung...

写真素材を使用せずに、紙、メタル、カーボン、布、レザー、草などのテクスチャを作成するPhotoshopのチュートリアルを紹介します。Torn PaperPaperMetal textureAluminu [...]

デニム、キャンバス、コンクリート、ウッド、スクラッチ、スペックルなどのざらっとした感じの繊細なテクスチャを作成する無料のPhotoshopのブラシを紹介します。Freebie: 20 Grunge Textured [...]

40 Professional and Detailed Web Layout PSD Templates :Speckyboy Design Magazine そのまま使えるWEBレイアウトのPhotoshopテンプレート40のご紹介。 次のようなプロフェッショナルレベルなレイアウトのテンプレートが多数紹介されています。 そのまま使ってもよさそうですし、デザインの際の参考にするのもよいですね。 ...

グラフィックデザインや音楽イベントのポスター、フライヤーなどでよく利用されているレンズフレアは、Photoshopを使ってゼロから作成することもできますが、どうしても本物の光の輝きは表現するのが難しいのではないでしょうか。海外デザインブログThink Designで、光輝くレンズフレアを高解像度で撮影した無料テクスチャ15枚セット「15 High-Res Lens Flare Textures」が...

最近のウェブデザインのトレンドのひとつとして、ナビゲーション、メニューバーにアイコンを利用しているホームページ、ブログをよく見かけるようになりました。見た目のデザインはもちろん、どのようなコンテンツがまとめられているか一目で分かりやすいという利点もあります。海外デザインブログDesign Shackで、ユーザーに親切なアイコン付メニューバーを利用したホームページを30個まとめたエントリー「30+ ...

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。

説明は省く。お前の目で確認してくるがいい。