トレース| psgips https://psgips.net Photoshopの使い方がよくわかる初級講座 Wed, 20 Mar 2024 07:05:30 +0000 ja hourly 1 https://wordpress.org/?v=6.7.2 https://psgips.net/wp-content/uploads/2016/04/cropped-psgips_icon512x512-1-32x32.png トレース| psgips https://psgips.net 32 32 【選択範囲】コーヒーカップを基本図形で切り抜く方法「楕円形パスの組み合わせ」 https://psgips.net/photoshop-reference/combine-paths Wed, 06 Apr 2022 23:00:00 +0000 https://psgips.net/?p=18668 【Photoshop基本操作】パスを最初から描画することは難しいです。しかし、コーヒーカップのような形状なら、基本図形の組み合わせだけで、簡単に作成できる場合があります。滑らかで明瞭な曲線を持つオブジェクトを、すばやくき […]

The post 【選択範囲】コーヒーカップを基本図形で切り抜く方法「楕円形パスの組み合わせ」 first appeared on psgips.]]> 【Photoshop基本操作】パスを最初から描画することは難しいです。しかし、コーヒーカップのような形状なら、基本図形の組み合わせだけで、簡単に作成できる場合があります。滑らかで明瞭な曲線を持つオブジェクトを、すばやくきれいに切り抜くメリットもあります。パスの基本的な機能と操作を学びましょう。
ガイドにスナップさせる！
パスの操作は、ピクセルグリッドにスナップ (吸着) させずに行うことが基本とされています。しかし、ここはスナップさせたい！と思うことも多いかと思います。
そんなときは、スナップさせたい箇所にガイドを作成します。パスには、ガイドにスナップする機能があり、たとえば、楕円形パスを囲む長方形の領域に、あらかじめ、ガイドを作成しておけば、簡単に素早く、パスを作成することができます。
コーヒーカップを
基本図形で切り抜く方法
– 楕円形パスの組み合わせ –
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
[ STEP-05 ]
[ STEP-06 ]
prevnext

コーヒーカップを基本図形で切り抜く

これから行う操作は、コーヒーカップを切り抜く方法です。切り抜きにはパスを使用して、選択範囲の作成から、レイヤーマスクの出力までを行います。大まかには、楕円形パスを２つ組み合わせることで、高品質な切り抜きの境界線をレイヤーマスクに出力します。
基本図形で切り抜く
目次に戻る
レッスン動画を配信中！
【Photoshop講座】コーヒーカップを基本図形で切り抜く方法「楕円形パスの組み合わせ」【2022】
サムネールをクリックすると、
レッスン動画にリンクします。

ガイドを作成する

正確な操作を行うために、ガイドを作成しましょう。あらかじめ、ガイドを作成しておくと、ガイドにパスがスナップ (吸着) できます。
【操作方法】
素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1286 pixel ] 、[ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。
素材画像をダウンロードしよう！ ( 799 KB )
素材画像を開く
素材画像を開く
[ 表示 ] メニューから、[ 定規 ] を選択して、[ 定規 ] を表示します。ショートカットキー : [ command ( Ctrl ) ] + [ R ]
[ 定規 ] からドキュメント内にドラッグして、コーヒーカップの円形の頂点に合わせて、ガイドを作成します。
センターとマージンにすばやくガイドを引く
[ 定規 ] からドラッグしてガイドを作成
[ 定規 ] からドラッグしてガイドを作成
続いて、円形の左右の側面に合わせてガイドを作成します。
コーヒーカップを囲む３点のガイドが作成できた
コーヒーカップを囲む３点のガイドが作成できた
境界線の少し内側に作成
ドキュメントの表示をズームアップして、コーヒーカップの境界線の最大位置を約 1 pixel 内側にガイドを作成しましょう。作成するガイドは、左右の側面と上辺、または、下辺の３点です。ガイド作成時に [ shift ] キーを併用すると、目盛りにぴったり合わせることができます。
センターとマージンにすばやくガイドを引く
目次に戻る

ツールの環境設定

パスを作成する前に、ツールの環境設定 [ ベクトルツールと変形をピクセルグリッドにスナップ ] の有効 / 無効を確認しておきましょう。
[ Photoshop (編集) ] メニューから、[ 環境設定 ] – [ ツール ] を選択します。
[ 環境設定 ] ダイアログで、[ ベクトルツールと変形をピクセルグリッドにスナップ ] を無効にします。
[ OK ] をクリックします。
[環境設定]を設定
[ 環境設定 ] を設定
スナップさせない！
これから作成するパスが、ピクセルグリッドにスナップすると、アンカーポイントの位置や方向線の角度が制限されるため、[ ベクトルツールと変形をピクセルグリッドにスナップ ] を無効にしておきます。
パスを作成後、このオプションを有効に戻しても、アンカーポイントの位置や方向線の角度は、そのまま保持されますが、移動や編集を加えると、ピクセルグリッドにスナップされるので、注意が必要です。
目次に戻る
続きは↓下の番号をクリック！
123456

The post 【選択範囲】コーヒーカップを基本図形で切り抜く方法「楕円形パスの組み合わせ」 first appeared on psgips.]]> 写真をイラスト調に！マンガ風景の描き方「モノクロ・場面転換・都会の雑踏」 https://psgips.net/photoshop-tutorials/comic-landscape Mon, 13 Dec 2021 23:00:00 +0000 https://psgips.net/?p=19317 【Photoshop講座】漫画でよく見かける風景は、実際の写真をトレースしたものが多いです。場面転換のカットとして、都会の雑踏を感じさせるイメージを教材に選びました。スッキリ整理された線を素材から抽出して、ハーフトーンで […]

The post 写真をイラスト調に！マンガ風景の描き方「モノクロ・場面転換・都会の雑踏」 first appeared on psgips.]]> 【Photoshop講座】漫画でよく見かける風景は、実際の写真をトレースしたものが多いです。場面転換のカットとして、都会の雑踏を感じさせるイメージを教材に選びました。スッキリ整理された線を素材から抽出して、ハーフトーンでそれっぽく仕上げましょう。墨入れバージョンも作れます。
白地を活かす！
写真の生っぽさを消すひとつの方法に、陰影を少なくして白地を活かすことがあげられます。あとは輪郭線と墨入れにメリハリを付ければ、「マンガ風景」のムードを、一気に高めることができるでしょう。
写真をイラスト調に！
マンガ風景の描き方
– モノクロ・場面転換・都会の雑踏 –
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
[ STEP-05 ]
[ STEP-06 ]
prevnext

漫画の風景カットのように加工

これから行う操作は、写真を漫画の風景カットのように加工する方法です。スマートオブジェクトに複数の色調補正やフィルターを加えて完成させます。
漫画の風景カットのように加工
「マンガ風景の描き方」は、元画像をそのまま利用する方法です。そのため、作例とは違うピクセルサイズの画像では、効果が発揮できないことがあります。他の素材に応用する場合は、あらかじめ、使用する画像の長辺をリサイズしてください。
目次に戻る
レッスン動画を配信中！
写真をイラスト調に！マンガ風景の描き方【2022】
サムネールをクリックすると、
レッスン動画にリンクします。

暗い部分を明るくする

暗い部分を明るくする操作は、写真をイラスト調にする効果として、なくてはならないものです。写真の生っぽさをなくすには、ノイズを除去して、階調を滑らかにすることも効果的です。
【操作方法】
素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1276 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。加工する素材は、陰影がはっきりした建物や乗り物など、線画になっても形状がわかりやすい写真が好ましいです。
素材画像をダウンロードしよう！ ( 611 KB )
素材画像を開く
素材画像を開く
photo by Free-Photos
[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択して適用します。
スマートオブジェクトを確認
スマートオブジェクトを確認
スマートオブジェクトとは？
[ スマートオブジェクトに変換 ] を適用すると、[ 背景 ] やレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、適用後の色調補正やフィルターが再編集できます。
[ 背景 ] に適用すると、レイヤー名が [ レイヤー 0 ] に変更され、[ 背景 ] では設定できなかった [ 描画モード ] や [ 不透明度 ]、[ 位置をロック ] などが有効になります。
目次に戻る

ノイズの除去

後の手順で、ポスタリゼーションの効果と輪郭線を抽出するため、あらかじめ、写真素材に含まれているノイズを除去して、階調を滑らかにしておきます。
【操作方法】
[ フィルター ] メニューから、[ ぼかし ] – [ ぼかし (表面) ] を選択します。[ ぼかし (表面) ] ダイアログで、[ 半径 ] に [ 5 ] pixel、[ しきい値 ] に [ 10 ] pixel を入力して、[ OK ] をクリックします。
[ぼかし(表面)]を設定
[ ぼかし (表面) ] を設定
写真素材のノイズを除去して、階調を滑らかにすることができました。
ノイズを除去して階調を滑らかに
輪郭を残して表面をぼかす
[ ぼかし (表面) ] は、階調の段差ができている部分を中心線として、その周囲をブレンドすることにより、輪郭を残して表面をぼかします。[ 半径 ] はブレンドする距離で、[ しきい値 ] は残す輪郭の幅です。
[ 半径 ] の数値が大きいほど滑らかになります。[ しきい値 ] の数値で、輪郭の際立ちをコントロールできますが、大きくなりすぎると逆効果になるので気をつけましょう。
目次に戻る

シャドウ・ハイライトを設定

[ シャドウ・ハイライト ] は、影を明るくすることに特化した色調補正ツールです。明るくする量は、50% をベースとして、素材により、階調 (中間調) を調整することがコツになります。
【操作方法】
[ イメージ ] メニューから、[ 色調補正 ] – [ シャドウ・ハイライト ] を選択します。[ シャドウ・ハイライト ] ダイアログで、[ 調整 ] セクションの [ シャドウのクリップ ] に [ 10 ] % を入力します。
[ シャドウ ] セクションの [ 量 ] に [ 50 ] % を入力します。[ OK ] をクリックします。
基本がわかる！シャドウ・ハイライト
[シャドウ・ハイライト]を設定
[ シャドウ・ハイライト ] を設定
暗い部分を明るくすることができました。
暗い部分を明るくする
素材により適正値は違う！
[ シャドウ・ハイライト ] の適正値は、対象の素材により異なります。暗い部分を明るくする設定は共通しているので、素材が明るい場合には、[ 量 ] に [ 10 ] %、一般的には、[ 量 ] に [ 35 ] % を設定してください。再編集はいつでも行えます。
目次に戻る
続きは↓下の番号をクリック！
123333

The post 写真をイラスト調に！マンガ風景の描き方「モノクロ・場面転換・都会の雑踏」 first appeared on psgips.]]>