テクスチャ素材はホームページ、ウェブサイトやデザインの背景として使われることが多い素材のひとつです。
しかしテクスチャ素材を使わずに、Photoshopでゼロからデザインすることで使い道も変わってくるのではないでしょうか。
たとえばロゴをデニムテクスチャ風に仕上げたり、芝生にテキストを入力したりアイデア次第で使い方は無限大です。
海外ブログ1st Web Designerで、30種類のさまざまなテクスチャ素材をPhotoshopでデザインすることのできるチュートリアルをまとめたエントリー「30+ Best Texture Tutorials for Photoshop」が公開されていたので、今回はご紹介します。
どれも本物そっくりのテクスチャ素材を真っ白のカンバスからデザインすることができます。
詳細は以下から。
質感の高いテクスチャ素材をデザインするPhotoshopチュートリアルまとめ
タイトルそのままですが、タグなども同時にレイアウトすることで本物のようなリアルな質感を表現したチュートリアル。
こちらのデザイン方法は日本語チュートリアルで以前詳しく触れています。
芝生の色を変更も簡単に行うことができますよ。
くしゃくしゃの紙をPhotoshopを使って5分でデザインする方法
Photoshopの便利な機能のひとつ「エンボス」フィルタを使うことで簡単にくしゃくしゃに曲がった紙をデザインすることができるチュートリアルのひとつ。
人気の迷彩柄もPhotoshopを使うことで自由自在にデザインすることができます。
これならお好みの色のカモフラージュデザインを作成することが可能ですよ。
タイトルが分かりにくいかもしれませんのでイカノサムネイル画像を参考にしてもらうとよいかもしれません。
金属を削りだしたようなざらざらした質感をそのまま表現したテクスチャ用チュートリアル。
錆びてしまい赤サビだらけになってしまったメタルテクスチャをデザインする方法が紹介されています。
立体的な影のつけ方なども参考にしたいテクニックではないでしょうか。
透明感たっぷりな凹凸のあるガラステクスチャをデザインするチュートリアルで、背景デザインなどに使うことができるのではないでしょうか。
カンバス生地に絵を描いたような特有の質感を見事に再現したPhotoshopチュートリアルのひとつ。
手描き風デザインと一緒に使うと相性がよさそうですね。
光の反射でできた影までうまく表現している岩のテクスチャ用チュートリアル。
これならカンバスサイズに関係なくテクスチャ素材として利用することができるのではないでしょうか。
ウッドテクスチャはデザインの中でも特によく利用する機会が多いテクスチャのひとつで、こちらのチュートリアルでは使用感まで再現した本物そっくりのウッドテクスチャをデザインすることができます。
こちらはフロアに使用されているウッドパネルを本物そっくりにデザインするチュートリアルとなっています。
参照元には記載されていなかったのですが、たまたま見つけたのでメモとしてエントリー。
数ステップのみで簡単にウッドテクスチャをデザインしたいときに便利なチュートリアル。
動物特有のアニマルプリント柄もPhotoshopを使うことでオリジナルでデザインすることができます。
毛がふさふさしたアニマルプリントテクスチャをデザインする方法
上記のチュートリアルとは異なり、動物の毛並みを再現したリアルなテクスチャ用チュートリアルのひとつ。
あらかじめ準備しておいたテクスチャ素材にさらに加工を加えることで、古いアンティーク風の紙テクスチャをデザインすることができるチュートリアル。
こちらは英語での動画チュートリアルとなりますが、ステップごとにゆっくり解説されているので、動画を見ながらテクスチャをデザインすることができます。
引っかき傷がついたグランジメタルテクスチャをデザインする方法
Photoshopのブラシファイルを使って引っかき傷をデザインすることで、ペイント感覚でデザインを進めることができ便利。
個人的にも覚えておきたいテクニックのひとつ。
ステージなどに設置されている重厚なカーテンをPhotoshopを使ってしわまで表現するテクスチャ用チュートリアル。
フィルタ機能のひとつ「雲模様」フィルタを使うことで、本物そっくりな雲を青空にデザインすることができます。
背景色を変更することで青空以外にもお好みの空の色を表現することができます。
質感の高い無料テクスチャ素材などもいくつかエントリーしていますので、デザイン制作の時間が限られている方などは利用してみてはいかがでしょうか。
→ Photoshop VIPの「無料テクスチャ」カテゴリーをみる
参照元サイトには今回紹介したチュートリアル以外にも、いろいろなテクスチャをデザインすることができるPhotoshopチュートリアルがまとめられていますので、こちらもよろしかったら一緒に合わせてどうぞ。
[参照元 : 30+ Best Texture Tutorials for Photoshop – 1st Web Designer]
