[Photoshop] プロのデザイナーなら1から作る!テクスチャ作成チュートリアル集

ikues
Photoshopでは写真の加工やグラフィック素材の作成など様々な利用方法があります。デザインに使うテクスチャ、素材集の使い回しでフリー素材を探しまわる、なんちゃってデザイナーになっていませんか?デザイナーと名乗るなら、オリジナルの素材を使って自由度の高いデザインをしましょう!

素材そのものを作るチュートリアル

空と雲を描く
空/雲を描く(Photoshopの使い方)
http://webcomic.idoval.com/ht/photoshop_kumo.html
地球を描く
地球を描く(Photoshopの使い方)
http://webcomic.idoval.com/ht/photoshop_kaku_earth.html
宇宙を描く1
「Photoshopでつくる宇宙空間」
http://www.graphicartsunit.com/tutorial/photoshop002.html
宇宙を描く2
Photoshopで宇宙を描くチュートリアル
http://www.actzero.jp/developer/report-3512.html
Photoshopで星雲と細かい星の作り方
Photoshopでグラデーションのノイズを使用して宇宙のシーンを作成します。
雲模様とクロムで水面のテクスチャ
Photoshop 水面のテクスチャの作り方
http://designers-tips.com/archives/4871
Photoshop Tips 炎の作り方
「炎」きました! Photoshop CC 自動生成シリーズ、新機能

https://matome.naver.jp/odai/2142262366158214701/2146122799293701703
Photoshopで雷を作成してみました!
Photoshopのレイヤースタイルで簡単にパールを作る方法
ドロップシャドウとベベルとエンボスで水滴のテクスチャ
汎用パーツ:レイヤースタイルだけで水滴を作る
http://www.photoshoplab.jp/tutorial/1376.html
水滴のテクスチャ2
Photoshopで水滴のイラストをリアルに作る
http://designers-tips.com/archives/5457
黒板のテクスチャ
黒板のイラストの作り方(Photoshop)
http://designers-tips.com/archives/12820
photoshopで波形グラデーションの作りかた
金属テクスチャをPhotoshopで作る方法
本物にしか見えない!?photoshopでメタリックな質感を表現する方法
スピード感のある背景イメージの作り方(Photoshop)
Photoshopできらめきくラメの作り方
布とエンボス紙のテクスチャ
Photoshop初心者でも簡単できる、かっこいいテクスチャ素材を作るチュートリアル
http://coliss.com/articles/build-websites/operation/design/how-to-create-a-simple-texture-by-splashnology.html
ノイズとぼかしの移動、ストライプに雲模様でデニム生地テクスチャ
デニム生地風テクスチャ作成法
http://kwsm.xii.jp/51
デニムっぽいテクスチャーの作り方。
この通りにやればできる!Photoshopでデニム生地を作ってみよう!
麻布っぽいテクスチャ
布テクスチャの作り方(Photoshop)
http://designers-tips.com/archives/4279
紙の材質を作る:ザラザラ紙・シワシワ紙
雲模様と岩のテクスチャスタイルで、古い紙のテクスチャ
Photoshop – 古い紙を作ろう! 01
http://www.kitaguniweb.com/cat-webdesign/2014/p-3951/
クラフト紙のテクスチャ
クラフト紙の背景テクスチャとヴィンテージ風デザイン
http://designers-tips.com/archives/3245
段ボールのテクスチャ
Photoshopで段ボールのテクスチャを作る
http://designers-tips.com/archives/5575
Photoshopで金屏風を作るチュートリアル -和素材作り-
雲模様とノイズ使用
Photoshopで、リアルな大理石テクスチャを作ってみる
http://biz.hino-tama.com/creative/blog0023/
Photoshopで画用紙の様なザラザラの紙を作る方法
壁のテクスチャ
ex.コンクリートのテクスチャーを描く
http://www.ltks.net/cg/2009/06/post-129.html
リアルレザーの質感を作る
Photoshopでレザーテクスチャを作る
http://trident-com.net/~2012w006/blog/?p=168
レザーテクスチャ2
Photoshopでシワの入った革のテクスチャの作り方
http://designers-tips.com/archives/19682
ノイズとぼかしの移動でベニヤ板のテクスチャ
Photoshop(フォトショップ)でベニヤ板風の木目テクスチャを作る方法
http://forty-n-five.boy.jp/blog/2012/08/photoshop_23.php
リアルなウッドパネルのテクスチャ
木目テクスチャ3
Photoshopでリアルな木目のテクスチャを作る
http://designers-tips.com/archives/4060
木目テクスチャ4
フォトショップで木目を描く方法
http://www.webdesignlibrary.jp/2007/05/photoshop_mokume_how_to.php
リアルな草のテクスチャ
光彩拡散と風で芝生のテクスチャ
「Photoshopでつくる芝生テクスチャ」
http://www.graphicartsunit.com/tutorial/photoshop001.html
イラストっぽい地面のテクスチャ
テクスチャでイラストっぽい地面を表現する
http://www.photoshoplab.jp/technique/1319.html
汚れた感じを出すテクスチャ
アナログ感のある要素を取り入れる
http://www.artarc.net/dtp/066/index.php

写真から作るテクスチャ

背景写真に「ぼかし効果」を巧く使ったWebデザイン事例(簡単なチュートリアル付き)
ポリゴンモザイクのテクスチャ
http://sitebk.com/photoshop/polygon-style-texture/
2014年の流行!?Photoshopを使ったポリゴンスタイルテクスチャの作り方
煙の写真から作るテクスチャ
写真からシームレスな芝生のテクスチャを作る
シームレステクスチャの作り方01
http://kuretex.at.webry.info/200812/article_1.html
コンクリートでシームレスなテクスチャ
【Photoshop】並べたときに繋ぎ目のない、シームレスなテクスチャの作り方
http://ideahacker.net/2012/09/15/2028/

線を使った表現


https://matome.naver.jp/odai/2142262366158214701/2155228275502456103

Tips

ひと目で分かる!Photoshopフィルターギャラリーの効果一覧

関連リンク

https://matome.naver.jp/odai/2142262366158214701
2019年03月11日