Webデザインやコンテンツの制作に便利な素材ネタのまとめ

木目などのついたウッドテクスチャはウェブデザインにおいてもよく活用されているテクスチャのひとつです。背景画像として、継ぎ目のないウッドテクスチャデザインをレイアウトしているウェブサイトが代表例ではないでしょうか。今回はそんなウッドテクスチャをモノクロでデザインしたおしゃれなPhotoshop用パタ...

↑　クリックすると原寸拡大表示されます。今回はフォトショップを使って、大型スクリーンなどに映された映像のようなデザインをつくる方法をご紹介します。どんな画像でも簡単に画質の荒いピクセル画に仕上げることができます。詳細は以下から。チュートリアル情報プログラム : Photoshopバージョン : C...

破れたり、燃えたり、くしゃくしゃになった紙の素材をデザインに使ってみませんか。よく使われているテクニックのひとつは、テクスチャ素材をデザインと重ねてデザインする方法ですが、インストールするだけで、いつでも使えるブラシファイルを使う方法もありますよ。真っ白のカンバスにブラシでペイントするだけでいろい...

Photoshop VIPではジャンル、カテゴリー別にフリーで使うことができる無料フォントをまとめています。これまでにも筆記体フォントやサンセリフ系フォント、絵文字風フォント、コミック系フォントなどいろいろありました。今回は、まだ紹介していない最近公開去ればたかりの新しいフリーフォントを35個まと...

フォントはデザインにおいて重要な役割を担うパートのひとつです。コンセプトに合ったフォントを選ぶことで、デザインをさらに魅力的なものに変えることもできます。しかしダウンロード可能なフォントの数は膨大でどれを使おうか悩んでしまうほどです。そこで今回はレトロなデザインに使うことができるフリーフォントを4...

街で見かけるような、どこにでもある壁もちょっとした傷み具合がかっこよく見えたりしませんか。今回ご紹介するのは、そんなナチュラルな汚れを表現したグランジデザインのテクスチャ5枚をまとめた「Seamless Natural Grunge Textures」です。こちらのファイルには、1024×1024...

以前から紹介しようと思っていたのですが、サイトが見れない状態が続いていたので控えていました。正式に公開されたようなので、今回は組み合わせ次第でデザインが変わる、ユニークな手描き風フリーフォント「Folk Font」をご紹介します。収録されているファイルにはOpen TypeフォントとTrue Ty...

デザインをしているときにどのように背景を完成させていますか。グラデーションツールなどを使って塗りつぶすことが多いのではないでしょうか。そのとき同時に背景デザインの上にテクスチャ素材をレイアウトしてみてください。レイアウトしたテクスチャレイヤーの描画モードを「オーバーレイ」とし、レイヤーの「不透明度...

iPhoneなどの登場により、デザイン性にすぐれたモバイルサイトが増加傾向にあります。そんなモバイルデザインをするときに、フォントを使うことで小さな画面ではとても読みにくいことありませんか。今回はそんなモバイルでも使えるフリーフォントを20個まとめた「20 Fonts Ideal for The ...

フォトショップを使う上でなにかと便利なパターンファイル。今回はそんなパターンファイルの中でもあまり見かけない、継ぎ目のないメタルテクスチャパターンファイル「8 Tileable Metal Textures」をご紹介します。収録されているファイルには合計8種類のメタルテクスチャが収録されています。...

バレンタインデイが近づくにつれて「ハート型」のデザインをよく見かけるようになります。「ハート型」と言っても、いろいろな形でデザイン、表現されていると思います。そこで今回は、「ハート型」を使ったPhotoshopのチュートリアルから、「ハート型」を使ったベクター、ブラシなどの無料素材をまとめた「Va...

ビンテージデザインの基本は、デザインされているものを古く見せることではないでしょうか。決して新品では出すことのできない、歴史を感じる味わい深さがビンテージデザインの魅力でもありますね。古着やアンティーク家具などを購入するときに感じる気持ちに近い気がします。今回はそんなビンテージデザインを作成すると...

フォトショップを使いデザインなどをするときに、便利なツールのひとつが「ブラシツール」です。多くのブラシが無料で公開されており、どれを使おうか迷ってしまうくらいに毎日増えています。ある程度使いたいデザインのブラシが決まっているときに便利な、カテゴリー別にフォトショップ用ブラシをまとめた「50 Pho...

Photoshop VIPでは無料で使うことのできるフリーフォントをたくさん集めています。「無料のフリーフォントをダウンロードすることができるサイト厳選24個まとめ」で紹介したウェブサイトなどから探すのも良いのですが、星の数ほどあるフリーフォントの中から高品質なものを見つけるのは大変な作業ではあり...

絵の具で描いたウォーターカラーデザインをウェブレイアウトに使うことで、やさしい印象を与えてくれます。今回は、そんな絵の具でペイントしたPhotoshop用ブラシ「16 Paint Strokes & Splatter Brushes」をご紹介します。収録されているブラシは、全部で16種類となってお...

フォトショップでデザインをする時に、簡単にデザインパーツを描く方法にブラシなどを使う方法があります。その一方、フォトショップ以外でも簡単にデザインのアクセントを加える方法として絵文字風フォントを使うこともできます。アルファベット一文字づつに記号やデザインなどが収録されているので、キーボード操作のみ...

ちょっと使えそうなPhotoshop用パターンファイルがあったので紹介します。個人的にもよく使うツールの一つで、一度インストールしてしまえばいつでも使えるのも便利です。パターンファイルの詳しい使い方については「継ぎ目のないパターンを無料で探すときに見るべき22個のWEBサイトまとめ」の記事で触れて...

みなさんはどれくらいのフォントを持っていますか。Photoshop VIPでも無料フォントに関する特集をたびたび組んでいますが、フォントが多くなったときの問題ってありませんか。WindowsやMacなどほとんどのOSには、フォントビューワーなどが標準インストールされていますが、フォントをよく使う人...

フォントはデザインにおいて重要なファクターのひとつです。フォントを変更したり、フォントの並び方を少し変えるだけでデザインがとても良いものになる場合があります。「2009年に公開されたフリーフォントベスト50個まとめ」を先日紹介しましたが、まだまだありましたよ、新しいフォントが。今回はそんな最近公開...

「ピクトグラム」をご存知ですか。ピクトグラムとは、通常「絵文字」「絵単語」などと呼ばれ、何らかの情報や注意を示すために表示される視覚記号（サイン）のひとつです。交通施設、観光施設、スポーツ施設、商業施設等など街のいたるところで使用されています。今回はそんなピクトグラムのいろいろな種類をまとめた「8...