【Photoshop】画像からパス-ブラシで水彩画風
![](https://www.beginavi.net/wp-content/uploads/2022/06/3567090_s.png)
![](https://www.beginavi.net/wp-content/uploads/2021/06/4495bed8051fcc9fd4ac4bababda36e3.png)
今回は水彩ブラシを使って写真からこのような絵に仕上げていきたいと思います。
![](https://www.beginavi.net/wp-content/uploads/2022/06/3567090_s.jpg)
画像からパスへ変換
1.画像の傾きを直します
素敵な画像ですが少し傾いているように見えるので水平にします。
画像を複製します。
元の画像は非表示にします。
【スポイトツール】を長押しすると出てくる【ものさしツール】を持ちます。
![](https://www.beginavi.net/wp-content/uploads/2022/06/1f2a079e9f4df274b22f50fdfff44382.png)
水平にしたいところに線を引きます。
(画像では分かりやすく赤い色をつけていますが実際は黒いです。)
水平に引くのではなく、傾いているとおりに引きます。
![](https://www.beginavi.net/wp-content/uploads/2022/06/9cc3a9689a9ff29d48dfdbe40617c3b3-640x432.png)
次に【イメージ】→【画像の回転】→【角度入力】でそのまま【OK】します
水平になりました。
![](https://www.beginavi.net/wp-content/uploads/2022/06/588f45b279103d6d01f61673c5c41189.png)
画像からパスへ
【フィルター】→【表現手法】→【輪郭検出】
![](https://www.beginavi.net/wp-content/uploads/2022/06/6-3-640x429.png)
【イメージ】→【レベル補正】→【彩度を下げる】
![](https://www.beginavi.net/wp-content/uploads/2022/06/36f9151c52d88327eab600f4409fbb09-640x428.png)
【イメージ】→【色調補正】→【レベル補正】
画像によっても違いますがだいたいこのくらいにして白いところと黒いところをはっきり分けます。
![](https://www.beginavi.net/wp-content/uploads/2022/06/02d00f201998f8db58da3a613097d1f0.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/9-2.png)
【選択範囲】→【色域指定】
![](https://www.beginavi.net/wp-content/uploads/2022/06/c3167c5f28c4b560413075ba9742287d.png)
こちらも滑らかな線で黒が濃すぎないように調節します。
OKで範囲選択されます。
【パスパネル】の【選択範囲から作業パスを作成】をクリックします。
パスパネルが出てない方は【ウィンドウ】→【パス】
![](https://www.beginavi.net/wp-content/uploads/2022/06/454d98e20020b7c57837340e331fda87.png)
作業用パスが出来ました。
![](https://www.beginavi.net/wp-content/uploads/2022/06/11-2.png)
次にそのままブラシツールを持ちます。
ブラシは【ブラシパネル】の検索欄に【鉛筆】と入れレガシーブラシの【硬い鉛筆(4H)】を選択します。大きさ1pxから2px
![](https://www.beginavi.net/wp-content/uploads/2022/06/e7e431b2819e4991a2d8445f12b26e75.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/7c9cac7efc8b98197e24c432da7b8a23.png)
背景色をグレーにします。今回は「#666666」にしました。
次にペンツールに持ち替えてパスの上で右クリックして【パスの境界線を描く】を選択します。
![](https://www.beginavi.net/wp-content/uploads/2022/06/12-3.png)
パスの境界線を描くパネルが出るので【ブラシ】を選択します。【OK】
![](https://www.beginavi.net/wp-content/uploads/2022/06/78acad99dbae41277799558486d346cd.png)
パスが鉛筆で描かれました。
【パスパネル】の作業用パスはもう不要なので削除します。
![](https://www.beginavi.net/wp-content/uploads/2022/06/2f8d765db01e97610b85290b9956fef3.png)
次にレイヤーマスクを追加して周りの景色を消します。
![](https://www.beginavi.net/wp-content/uploads/2022/06/0c664f9858eefd25a0bd12bc03adc0fa.png)
ブラシを持ちます。【ソフト円ブラシ】サイズは大きめ100pxくらいで不透明度と流量を少なめにしてぼんやり背景を消していきます。
![](https://www.beginavi.net/wp-content/uploads/2022/06/15-1-640x102.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/16.png)
描画色は黒
![](https://www.beginavi.net/wp-content/uploads/2022/06/7abc70389107706f0e32869d0f25da2a.png)
水彩ブラシで塗ります
レイヤーを2枚追加します。
1枚はベタ塗りで白で塗ります。そして画像レイヤーの下に。
1枚はそのままで画像レイヤーの上に重ねます。
![](https://www.beginavi.net/wp-content/uploads/2022/06/72ab356f46f3305004c20c48c1a83bb4.png)
まず背景のコピーレイヤー建物に塗っていきます。
背景のコピーレイヤーの画像の方が選択されていることを確認します。
ブラシを選択して【ブラシパネル】を出します。
【水彩】と検索すると水彩ブラシがたくさん出てくるのでお好きなブラシを試してみると良いと思います。
ブラシがそんなにない方はブラシパネル上の【三】からレガシーブラシを選択します。
本当になんでもお好きなもので良いですが汎用ブラシ水彩から塗ってみます。
汎用ブラシ水彩
![](https://www.beginavi.net/wp-content/uploads/2022/06/8ccadf5cab6111e4b470c735d2d54e9a.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/54548bb7a833446e1c7324005c289d4e.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/0addb77246a789b41b05ebe7b250c204-640x162.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/9ec23431bcf6219bd636a9495dd03b3c.png)
水彩ウォッシュ
![](https://www.beginavi.net/wp-content/uploads/2022/06/aae76aa63c4fb9d52943f2220ea304d6.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/59aa6e925a35ff3e363e06e2b60291dc-640x429.png)
水彩(ソルト)
![](https://www.beginavi.net/wp-content/uploads/2022/06/49f9ee972bff96cfcc084b5f13022b6e.png)
こんな感じで色いろ試していただけたらと思います。
完成
![](https://www.beginavi.net/wp-content/uploads/2022/06/3567090_s-1-640x432.png)
![](https://www.beginavi.net/wp-content/uploads/2022/06/e18dd6e259177e814414afa81f951a17.png)
もっとPhotoshopのテクニックを学びたい方におすすめ
Photoshop記事一覧