クラフト紙| psgips https://psgips.net Photoshopの使い方がよくわかる初級講座 Sun, 08 Sep 2024 08:53:49 +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 【ロゴ】フォントでつくる！破れた段ボールの文字「マスクを活用した表現方法」【2023】 https://psgips.net/photoshop-tutorials/torn-cardboard-text-effect Thu, 11 May 2023 23:00:00 +0000 https://psgips.net/?p=24973 【Photoshop講座】段ボールの中芯の波形や、板紙が剥がれた様子を再現します。ベースに設定する効果から、３枚の層を複製して、それぞれのレイヤーマスクに、変更を加えていきましょう。 マスクで組み立てる！ レイヤーマスク […]

The post 【ロゴ】フォントでつくる！破れた段ボールの文字「マスクを活用した表現方法」【2023】 first appeared on psgips.]]> 【Photoshop講座】段ボールの中芯の波形や、板紙が剥がれた様子を再現します。ベースに設定する効果から、３枚の層を複製して、それぞれのレイヤーマスクに、変更を加えていきましょう。
マスクで組み立てる！
レイヤーマスクは、グループにも追加することができます。複数のレイヤーに共通したマスク領域が設定できると、効果の幅が広がることはもちろん、作業効率もぐんとアップします。再編集が可能なスマートオブジェクトを含めて、マスク操作を組み立てましょう。
フォントでつくる！
破れた段ボールの文字
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
[ STEP-05 ]
[ STEP-06 ]
prevnext

テキストを段ボールの文字に加工

これから行う操作は、入力したテキストを、破れた段ボールの文字に加工する方法です。段ボールの中芯の波形や、板紙が剥がれた様子を再現します。使用するフォントは、任意で設定しますが、破れた段ボールの効果が十分に発揮できる、太い書体を選んでください。
破れた段ボールの文字に加工
破れた段ボールの文字を作成する、大まかな操作手順は、まず、フォントをラスタライズしたレイヤーに、段ボールの質感を追加して、ベースとなる１枚の板紙を作成します。板紙を３枚に複製して、中芯に横縞のパターンを追加します。
STEP-01-03
波形の変形には、[ 置き換え ] フィルターを適用します。上面の板紙に、下面とは違ったパターンを適用して、文字列の上半分を破きます。[ ブラシツール ] で、剥がれた様子を描画して完成させます。
STEP-04-06
目次に戻る

フォントを設定する

新しいドキュメントを作成しましょう。このドキュメントに、テキストレイヤー、または、シェイプレイヤーを作成します。
【操作方法】
[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント ] ダイアログで、[ 幅 ] に、[ 1280 pixel ] を入力します。
[ 高さ ] に、[ 640 pixel ] を入力します。
[ 解像度 ] に、[ 300 pixel/inch ] を入力します。
[ カラーモード ] に、[ RGB カラー / 8 bit ] を選択します。
[ 作成 ] をクリックします。
新規ドキュメントを設定
新規ドキュメントを設定
新規ドキュメントが作成できました。
新規ドキュメントを作成
新規ドキュメントを作成
サイズの目安は？
破れた段ボールの文字を作成する際のドキュメントサイズは、１文字 (欧文) あたり、256 x 256 pixel を目安にしてください。レイヤースタイルの効果は、少なくとも、３つの階調を再現できるピクセル数が必要です。このため、エッジの幅は、5 pixle が推奨されています。
目次に戻る
レッスン動画を配信中！
【Photoshop講座】フォントでつくる！破れた段ボールの文字「マスクを活用した表現方法」【2023】
サムネールをクリックすると、
レッスン動画にリンクします。

テキストを入力

新しいドキュメントが作成できたら、形状のベースにするテキストを入力します。まず、任意のフォントを設定しましょう。
【操作方法】
[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。
基本がわかる！文字の入力と編集
[横書き文字ツール]を選択
[ 横書き文字ツール ] を選択
オプションバーで、任意のフォントを設定します。
任意のフォントを設定
任意のフォントを設定
[ フォントサイズを設定 ] に [ 60 pt ] を入力します。
[ アンチエイリアスを設定 ] に [ 滑らかに ] を選択します。
[アンチエイリアスを設定]に[滑らかに]を選択
[ アンチエイリアスを設定 ] に [ 滑らかに ] を選択
任意のフォントを設定
作例では、「 FLY 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。
基本がわかる！文字の入力と編集
ドキュメント内をクリックして、ポイントテキストで文字を入力します。
文字を入力
文字を入力
並びをランダムに
作例で使用しているフォントは、それぞれの文字がランダムに並べられるので、ポイントテキストで入力した、そのままの文字列を採用しています。直線的な並びのフォントを使用する場合は、１文字づつを入力して、ランダムに並べ変えましょう。
目次に戻る

背景色を設定

文字の背景に敷く、塗りつぶしレイヤーを作成しましょう。段ボールのカラーが限定されているので、背景には、ホワイト、または、明るい無彩色がおすすめです。
【操作方法】
[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックして、メニューから、[ べた塗り ] を選択します。
[べた塗り1]を作成
[ べた塗り 1 ] を作成
[ カラーピッカー ] ダイアログで、[ カラー : H : 0°/ S : 0 % / B : 95 % ] を入力します。
[ OK ] をクリックします。
カラーピッカーの使い方
背景色を設定
背景色を設定
テキストをラスタライズ
テキストレイヤー、または、シェイプレイヤーには、フィルターなどの効果を、直接適用することができません。そのため、ベクトル画像から、ピクセルに変換する、ラスタライズを行う必要があります。
テキストをラスタライズ
目次に戻る
続きは↓下の番号をクリック！
123456

The post 【ロゴ】フォントでつくる！破れた段ボールの文字「マスクを活用した表現方法」【2023】 first appeared on psgips.]]> 【テクスチャ】ゼロからつくる！筋入りクラフト紙「繊細でレトロなハトロン紙」 https://psgips.net/photoshop-tutorials/kraft-paper-streaks Mon, 24 Feb 2020 23:00:00 +0000 https://psgips.net/?p=20581 【Photoshop講座】筋入りクラフト紙とは、封筒や洋裁の型紙などに使用される、細かい縞模様が入ったクラフト紙の一種です。ハトロン紙とも呼ばれています。表面に紙のたわみを付け、繊細でレトロな風合いを再現してみましょう。 […]

The post 【テクスチャ】ゼロからつくる！筋入りクラフト紙「繊細でレトロなハトロン紙」 first appeared on psgips.]]> 【Photoshop講座】筋入りクラフト紙とは、封筒や洋裁の型紙などに使用される、細かい縞模様が入ったクラフト紙の一種です。ハトロン紙とも呼ばれています。表面に紙のたわみを付け、繊細でレトロな風合いを再現してみましょう。ゼロからつくるテクスチャの利点は、色と風合いが自由に調整できることです。
本物よりもそれらしく！
特に用紙系の写真素材は、繊細な風合いが足りずフラットな印象になりがちです。そして、背景画像として用いることが多いため、その色調を調整するのにも手間がかかります。目的を見据えた誇張した表現で、本物よりもそれらしく見せるテクニックを身に付けましょう。
ゼロからつくる！
筋入りクラフト紙
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
prevnext

何もない状態からクラフト紙を描く

こらから行う操作は、Photoshop の機能だけを使って、何もない状態からクラフト紙を描く方法です。といっても、フリーハンドで描くような操作は一切ありません。ステップ・バイ・ステップ方式で、手順どおりに操作すれば、誰でも「筋入りクラフト紙」が作成できます。
何もない状態からクラフト紙を描く
目次に戻る
レッスン動画を配信中！
【Photoshop講座】ゼロからつくる！薄茶色のハトロン紙【CS6】
サムネールをクリックすると、
レッスン動画にリンクします。

ベースを作成する

クラフト紙の色は、パルプ原料から漂白されていない自然な薄茶色です。明るすぎて暗すぎてもダメ。赤っぽくなったり青っぽくなったり、この微妙な調合には苦戦を強いられますが、色だけでそれっぽく見せることができれば、テクスチャの半分は出来たも同然です。
【操作方法】
[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント ] ダイアログで、[ 幅 ] に [ 1280 ] pixel、[ 高さ ] に [ 720 ] pixel、[ 解像度 ] に [ 300 ] pixel/inch、[ カラーモード ] に [ RGB カラー ]、[ 8 bit ] を設定して、[ 作成 ] をクリックします。
基本がわかる！新規ドキュメントの作成
[新規]を設定
[ 新規 ] を設定
新規ドキュメントを作成します。
新規ドキュメントを作成
新規ドキュメントを作成
[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックし、メニューから [ べた塗り ] を選択して、[ べた塗り 1 ] を作成します。
[べた塗り1]を作成
[ べた塗り 1 ] を作成
[ カラーピッカー ] ダイアログで、[ H : 37 / S : 49 / B : 65 ] を設定して、[ OK ] をクリックします。
カラーピッカーの使い方
[カラーピッカー]を設定
[ カラーピッカー ] を設定
クラフトペーパーやダンボールのような色で塗つぶせました。
ベースカラーを塗りつぶす
ベースカラーを塗りつぶす
目次に戻る

粒子を設定

塗りつぶしレイヤーで、ベースカラーが塗りつぶせたら、クラフト紙のザラザラした質感をつけます。質感と言っても、細かいものなので、ランダムなノイズのような効果を目指します。
【操作方法】
[ レイヤー ] パネルで、[ 新規レイヤーを作成 ] をクリックして、[ レイヤー 1 ] を作成します。
[新規レイヤーを作成]をクリック
[ 新規レイヤーを作成 ] をクリック
[ 編集 ] メニューから、[ 塗りつぶし ] を選択します。[ 塗りつぶし ] ダイアログで、[ 内容 ] に [ 50% グレー ] を選択して、[ OK ]をクリックします。
[塗りつぶし]を設定
[ 塗りつぶし ] を設定
[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。
スマートオブジェクトを確認
スマートオブジェクトを確認
スマートオブジェクトとは？
レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。
[ フィルター ] メニューから、[ フィルターギャラリー ] を選択します。[ フィルターギャラリー ] 操作パネルで、[ アーティスティック ] – [ 粒状フィルム ] を選択します。
[粒状フィルム]を選択
[ 粒状フィルム ] を選択
[ 粒状フィルム ] ダイアログで、[ 粒子 ] に [ 4 ]、[ 領域のハイライト ] に [ 0 ]、[ 密度 ] に [ 10 ] を入力して、[ OK ] をクリックします。初期設定
[粒状フィルム]を設定
[ 粒状フィルム ] を設定
粒子の強さを設定
[ 粒状フィルム ] は、対象画像の明るさに対して、[ 粒子 ] を適用します。適用範囲を [ 領域のハイライト ] で調整して、[ 密度 ] で境界線の滑らかさを調整します。
作例では、明るさが均一なべた塗り画像に適用しているので、効果の強さを調整する [ 粒子 ] のみが有効です。[ 領域のハイライト ]、[ 密度 ] の設定値を変えても変化しません。
[ レイヤー ] パネルで、描画モードに [ オーバーレイ ] を選択します。
[描画モード:オーバーレイ]を選択
[ 描画モード : オーバーレイ ] を選択
少しザラつきがあるクラフト紙のベースができました。
ベースの色と合成(部分)
下のレイヤーを反映する
描画モード [ オーバーレイ ] の中性色は「50% グレー」です。50% グレーの部分は、合成色として影響しないので、下のレイヤーの基本色がそのまま反映され、[ 粒状フィルム ] の粒子のみが適用されます。
基本がわかる！描画モードの種類と特性
目次に戻る
続きは↓下の番号をクリック！
1234

The post 【テクスチャ】ゼロからつくる！筋入りクラフト紙「繊細でレトロなハトロン紙」 first appeared on psgips.]]> 写真をイラスト調に！ダークなパステル画風 https://psgips.net/photoshop-tutorials/pastel-effect-1-1 Mon, 25 May 2015 23:00:00 +0000 https://psgips.net/?p=20830 【Photoshop講座】パステルとは、顔料を棒状に固めた絵の具です。場所を選ばず、手軽に描くことができるため、デッサンやスケッチに用いられる場合が多いです。白色が効果的に使えるクラフト紙を背景にして、写真の人物を、ダー […]

The post 写真をイラスト調に！ダークなパステル画風 first appeared on psgips.]]> 【Photoshop講座】パステルとは、顔料を棒状に固めた絵の具です。場所を選ばず、手軽に描くことができるため、デッサンやスケッチに用いられる場合が多いです。白色が効果的に使えるクラフト紙を背景にして、写真の人物を、ダークな色調のパステル画風に仕上げましょう。
選択範囲の作成テクニック！
選択範囲を保存すると、白黒の画像で境界線が編集できる「アルファチャンネル」が作成されます。不要な部分があっても、アルファチャンネルで黒く塗りつぶせば、簡単に修正ができるワケです。しかし、元の選択範囲がマズイと、アルファチャンネルを修正するのも大変になります。
「王道」とも言える選択範囲の作成テクニックは、[ クイック選択ツール ] で大まかな選択範囲を作成し、[ 境界線を調整 ] で曖昧な境界線を自動検出して、その選択範囲をアルファチャンネルに出力 (選択範囲を保存) することです。
写真をイラスト調に！
ダークなパステル画風
[ STEP-01 ]
[ STEP-02 ]
[ STEP-03 ]
[ STEP-04 ]
[ STEP-05 ]
prevnext

ハイライトを起こす効果

これから行う操作は、写真をイラスト調に加工する方法です。パステル画の特徴は、粗くかすれたタッチですが、チョークやクレヨンと差別化するには、ハイライトを起こす効果で、それっぽくなるでしょう。そのためには、白色以外の用紙が必要です。
ダークなパステル画風
肌色に近い中間調のクラフト紙は、ザラッとした質感もあり、ダークな表現にはぴったりです。実際のクラフト紙に描くような感覚で、写真をダークなパステル風に加工しましょう。
目次に戻る
レッスン動画を配信中！
【Photoshop講座】写真をイラスト調に！ダークなパステル画風風
サムネールをクリックすると、
レッスン動画にリンクします。

２つの選択範囲を作成する

ダークなパステル画風では、元画像から、２つの選択範囲を作成します。ひとつめは、人物を切り抜くシルエットです。そして、２つめは、ハイライトを起こす領域です。
【操作方法】
素材画像を開きます。素材画像は、[ 幅 : 800 pixel ]、[ 高さ : 800 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。
素材画像を開く
素材画像を開く
Ronaldinho / photo by Alex Carvalho
画像の大きさに注意！
Photoshop のフィルター効果は、対象画像のピクセル数に大きく影響されるので、他の素材画像で応用する場合は、あらかじめ適切な大きさにリサイズしてください。
基本がわかる！画像解像度の設定
[ ツール ] パネルから、[ クイック選択ツール ] を選択します。
クイック選択ツールの使い方
[クイック選択ツール]を選択
[ クイック選択ツール ] を選択
オプションバーで、ブラシの [ 直径 ] に [ 50 px ]、[ 硬さ ] に [ 100% ] を入力します。
[ 自動調整 (エッジを強調) ] を有効にします。
[自動調整(エッジを強調)]を有効
[ 自動調整 (エッジを強調) ] を有効
適切なブラシサイズを設定
ブラシの [ 直径 ] は、対象オブジェクトの形状に合わせ、できるだけ大きなサイズを設定しましょう。
人物の領域をドラッグして、選択範囲を作成します。
人物の領域をドラッグして選択範囲を作成
人物の領域をドラッグして選択範囲を作成
選択範囲の修正方法
選択できなかった部分がある場合は、クリックで少しずつ選択範囲を広げましょう。
不要な部分が選択された場合は、[ option ( Alt ) ] キーを押しながらドラッグ、または、クリックして、少しずつ選択範囲を削除しましょう。
背景の空の大部分が選択されてしまった場合は、選択を解除してやり直してください。
目次に戻る

境界線を調整する設定

現在の選択範囲から、さらに詳細な選択範囲に編集できるのが [ 境界線を調整 ] オプションです。髪の毛などの曖昧な境界線を自動検出することができます。
【操作方法】
[ 選択範囲 ] メニューから、[ 境界線を調整 ] を選択します。[ 境界線を調整 ] ダイアログで、[ エッジの検出 ] セクションの [ スマート半径 ] を有効にします。バージョン CC 2018 以降 : [ 選択とマスク ] を選択
[ 半径 ] に [ 32 ] px を入力します。
[ 出力 ] セクションの [ 出力先 ] に [ 選択範囲 ] を選択して、[ OK ] をクリックします。
切り抜きを極める！境界線を調整する方法10選
[境界線を調整]を設定
[ 境界線を調整 ] を設定
人物の境界線に、調整された選択範囲が作成されました。
調整された選択範囲を確認
調整された選択範囲を確認
スマート半径とは？
[ スマート半径 ] を有効にしておくと、髪の毛のような曖昧な境界線が自動検出されます。[ 半径 ] の設定値は、元の選択範囲の境界線から、どこまでを検出するかの距離です。
[スマート半径]で自動検出
[ スマート半径 ] で自動検出
この設定値は、大きすぎても小さすぎても不自然になります。プレビューで確認しながら調整しましょう。
目次に戻る

選択範囲を保存

作成した選択範囲は、アルファチャンネルに保存することができます。ここでは、同じ選択範囲を複数回利用します。そのため、[ 選択範囲を保存 ] コマンドを使用する方法を取ります。
【操作方法】
[ 選択範囲 ] メニューから、[ 選択範囲を保存 ] を選択します。[ 選択範囲を保存 ] ダイアログで、[ OK ] をクリックします。
[選択範囲を保存]ダイアログ
[ 選択範囲を保存 ] ダイアログ
選択範囲を保存すると、[ チャンネル ] パネルに、[ アルファチャンネル 1 ] が作成され、選択範囲のマスクが保存されます。
基本がわかる！マスクの種類と作り方
[アルファチャンネル1]を確認
[ アルファチャンネル 1 ] を確認
選択範囲の保存場所は？
[ 選択範囲を保存 ] ダイアログでは、選択範囲を保存するドキュメント、チャンネル、名前が設定できます。初期設定では、現在のドキュメントに新規チャンネル [ アルファチャンネル 1 ] を作成します。
目次に戻る

アルファチャンネルを作成

２つめの選択範囲を、アルファチャンネルに作成しましょう。ハイライトを起こす領域は、[ 色域指定 ] の [ ハイライト ] から作成します。
【操作方法】
[ 選択範囲 ] メニューから、[ 色域指定 ] を選択します。[ 色域指定 ] ダイアログで、[ 選択 ] に [ ハイライト ] を選択して、[ OK ] をクリックします。
[選択:ハイライト]
[ 選択 : ハイライト ]
すると、ハイライトの選択範囲が作成されます。
ハイライトの選択範囲を確認
ハイライトの選択範囲を確認
[ チャンネル ] パネルで、[ 選択範囲をチャンネルとして保存 ] をクリックして、[ アルファチャンネル 2 ] を作成します。
[ command ( Ctrl ) ] + [ D ] キーを押して、選択を解除します。２つのアルファチャンネルが作成できました。
[選択範囲をチャンネルとして保存]をクリック
[ 選択範囲をチャンネルとして保存 ] をクリック
選択範囲を保存する
[ 選択範囲をチャンネルとして保存 ] は、[ 選択範囲 ] メニューから選択する [ 選択範囲を保存 ] と同じ働きをするものです。
アルファチャンネルやレイヤーマスクを作成する基本操作として、「現在の選択範囲を保存する」という概念を身につけましょう。
２つのアルファチャンネル
２つのアルファチャンネルは、人物を切り抜くシルエットと、ハイライトを起こす領域です。最終的な仕上がりに影響を与えるものです。
人物を切り抜くシルエット
ハイライトを起こす領域
人物を切り抜くシルエット
ハイライトを起こす領域
切り抜きの境界線やハイライト領域など、それぞれ最適な選択範囲が作成できるように、必要に応じて修正を加えておきましょう。
目次に戻る
続きは↓下の番号をクリック！
12345

The post 写真をイラスト調に！ダークなパステル画風 first appeared on psgips.]]>