パターン| psgips

不要なものを削除する

プロンプトを省略 (空白) にすると、従来の [ コンテンツに応じた塗りつぶし ] のように、画像の範囲を塗りつぶして、オブジェクトを削除することができます。プロンプト : テキストの命令文

コンテンツに応じた塗りつぶし

[ コンテンツに応じた塗りつぶし ] との違いは、よく似たピクセルを複製するのではなく、よく似たピクセルを予測して、AI が画像生成することです。削除したい人物の背景が、このような一点透視の場合でも、何事も無かったように処理できます。

生成を開始

ここでは、[ なげなわツール ] を使用して、フリーハンドの領域を選択します。「ジェネレーティブ塗りつぶし」の操作は、コンテキストタスクバーで行うと効率的です。

【操作方法】

[ ツール ] パネルで、[ なげなわツール ] を選択します。他の選択ツールでも可能です。

[ なげなわツール ] を選択

削除したいオブジェクトを囲む、選択範囲を作成します。オブジェクトの周囲に 32 px 以上の領域が必要です。

選択範囲を作成すると、自動的にコンテキストタスクバーが表示されます。[ ウィンドウ ] – [ コンテキストタスクバー ]

選択範囲を作成

photo by Victoria_Regen

[ ジェネレーティブ塗りつぶし (生成塗りつぶし) ] をクリックします。[ 編集 ] – [ ジェネレーティブ塗りつぶし (生成塗りつぶし) ]

[ ジェネレーティブ塗りつぶし (生成塗りつぶし) ] をクリック

プロンプトを省略します。

[ 生成 ] をクリックします。

[ 生成 ] をクリック

すると、画像生成が始まります。クラウド処理のため時間がかかります。

画像生成を処理中

選択範囲から生成！

「生成塗りつぶし」の機能は、選択範囲を作成すると発動されます。選択範囲外は、隠す領域として、生成レイヤーにレイヤーマスクが自動的に追加されます。

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

バリエーションを選択

「ジェネレーティブ塗りつぶし」は、１回につき、３種類のバリエーションを生成します。プロンプトを変更することも可能です。いろいろ試してみましょう。

【操作方法】

画像生成が完了しました。

画像生成が完了

違和感のないパース生成！

画像生成が完了すると、ジェネレーティブレイヤー (生成レイヤー) が作成されます。[ ジェネレーティブレイヤー ] は、[ 生成レイヤー ] に名称変更されました。

ジェネレーティブレイヤーを確認

[ プロパティ ] パネルで、[ バリエーション ] を展開します。

生成された３種類の中から、適した画像を選択します。

バリエーションを選択

作例では、いずれの結果も良好でした。

適した結果が出ない？

ジェネレーティブレイヤー (生成レイヤー) を選択した状態で、コンテキストタスクバー、または、[ プロパティ ] の [ 生成 ] をクリックすると、その他のバリエーションを追加して、生成することができます。

その他のバリエーションを生成

境界線に違和感が出るようなら、最初に作成する選択範囲を見直すことも必要です。

パターン要素も生成

たとえば、建物の窓など、同じ形状が連続するパターン的な要素も、シームレスに生成されます。簡単そうに見えるかも知れませんが、この規則正しさが意外に、ごまかしが効きません。

photo by Victoria_Regen

パターン生成！

ランダム的な要素はもちろん、線状の延長を予測した詳細な形状も、同一範囲内で処理できます。ベンチや柵のワイヤーパターンも、見事に予測して生成しています。これは凄いですね。

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 最初に覚えたい！画像生成AI・ジェネレーティブ塗りつぶし(Beta)「キーワードだけでも生成できる！」 first appeared on psgips.

【ロゴ】フォントでつくる！破れた段ボールの文字「マスクを活用した表現方法」【2023】

古岡ひふみ — Thu, 11 May 2023 23:00:00 +0000

【Photoshop講座】段ボールの中芯の波形や、板紙が剥がれた様子を再現します。ベースに設定する効果から、３枚の層を複製して、それぞれのレイヤーマスクに、変更を加えていきましょう。

マスクで組み立てる！

レイヤーマスクは、グループにも追加することができます。複数のレイヤーに共通したマスク領域が設定できると、効果の幅が広がることはもちろん、作業効率もぐんとアップします。再編集が可能なスマートオブジェクトを含めて、マスク操作を組み立てましょう。

フォントでつくる！

破れた段ボールの文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

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

これから行う操作は、入力したテキストを、破れた段ボールの文字に加工する方法です。段ボールの中芯の波形や、板紙が剥がれた様子を再現します。使用するフォントは、任意で設定しますが、破れた段ボールの効果が十分に発揮できる、太い書体を選んでください。

破れた段ボールの文字を作成する、大まかな操作手順は、まず、フォントをラスタライズしたレイヤーに、段ボールの質感を追加して、ベースとなる１枚の板紙を作成します。板紙を３枚に複製して、中芯に横縞のパターンを追加します。

波形の変形には、[ 置き換え ] フィルターを適用します。上面の板紙に、下面とは違ったパターンを適用して、文字列の上半分を破きます。[ ブラシツール ] で、剥がれた様子を描画して完成させます。

フォントを設定する

新しいドキュメントを作成しましょう。このドキュメントに、テキストレイヤー、または、シェイプレイヤーを作成します。

【操作方法】

[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント ] ダイアログで、[ 幅 ] に、[ 1280 pixel ] を入力します。

[ 高さ ] に、[ 640 pixel ] を入力します。

[ 解像度 ] に、[ 300 pixel/inch ] を入力します。

[ カラーモード ] に、[ RGB カラー / 8 bit ] を選択します。

[ 作成 ] をクリックします。

新規ドキュメントを設定

新規ドキュメントが作成できました。

新規ドキュメントを作成

サイズの目安は？

破れた段ボールの文字を作成する際のドキュメントサイズは、１文字 (欧文) あたり、256 x 256 pixel を目安にしてください。レイヤースタイルの効果は、少なくとも、３つの階調を再現できるピクセル数が必要です。このため、エッジの幅は、5 pixle が推奨されています。

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

テキストを入力

新しいドキュメントが作成できたら、形状のベースにするテキストを入力します。まず、任意のフォントを設定しましょう。

【操作方法】

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

基本がわかる！文字の入力と編集

[ 横書き文字ツール ] を選択

オプションバーで、任意のフォントを設定します。

任意のフォントを設定

[ フォントサイズを設定 ] に [ 60 pt ] を入力します。

[ アンチエイリアスを設定 ] に [ 滑らかに ] を選択します。

[ アンチエイリアスを設定 ] に [ 滑らかに ] を選択

任意のフォントを設定

作例では、「 FLY 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。

基本がわかる！文字の入力と編集

ドキュメント内をクリックして、ポイントテキストで文字を入力します。

文字を入力

並びをランダムに

作例で使用しているフォントは、それぞれの文字がランダムに並べられるので、ポイントテキストで入力した、そのままの文字列を採用しています。直線的な並びのフォントを使用する場合は、１文字づつを入力して、ランダムに並べ変えましょう。

背景色を設定

文字の背景に敷く、塗りつぶしレイヤーを作成しましょう。段ボールのカラーが限定されているので、背景には、ホワイト、または、明るい無彩色がおすすめです。

【操作方法】

[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックして、メニューから、[ べた塗り ] を選択します。

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ カラー : H : 0°/ S : 0 % / B : 95 % ] を入力します。

[ OK ] をクリックします。

カラーピッカーの使い方

背景色を設定

テキストをラスタライズ

テキストレイヤー、または、シェイプレイヤーには、フィルターなどの効果を、直接適用することができません。そのため、ベクトル画像から、ピクセルに変換する、ラスタライズを行う必要があります。

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

素材画像をダウンロードしよう！ ( 291 KB )

The post 【ロゴ】フォントでつくる！破れた段ボールの文字「マスクを活用した表現方法」【2023】 first appeared on psgips.

これで解決！カラーハーフトーンはこうやってかける！「ロゼッタパターン」【2023】

古岡ひふみ — Sun, 12 Feb 2023 23:00:00 +0000

【Photoshop基本操作】カラーハーフトーンは、網点模様を作り出すフィルターです。しかし、仕上がりのイメージが、ちょっと違うと感じたことはありませんか？そもそも、印刷製版に用いられるスクリーンを、擬似的に再現する機能です。RGB カラーでは、うまくできるハズがありません。

ロゼッタを効果的に！

網点が規則正しく繰り返されると、小さな花のような模様が現れます。これが「ロゼッタパターン」と言われるモアレ現象です。本来は少しでも緩和する調整が行われるものですが、ここでは、それを逆手にとって、カラーハーフトーンの特徴的な効果として再現しましょう。

カラーハーフトーンを正しく適用する方法

これから行う操作は、カラーハーフトーンを正しく適用する方法です。素材が RGB カラーの場合は、CMYK カラーモードに変換して、スクリーン角度に、印刷製版の設定値を活用します。

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

CMYKカラーに変換する

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1280 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像を開く

photo by Fotos pks

RGBの違和感？

カラーハーフトーンは、RGB カラーでも使えるフィルターですが、印刷製版のスクリーンを模したレガシー機能です。プロセスカラーによって分解される構造なので、CMYK カラーの減色混合によって、網点の色が表されます。減色混合 : C、M、Y の色料がすべて重なると黒色になり、何もない部分が白色 (透明) になる特性。

基本がわかる！RGBとCMYK

RGB カラーの加色混合は、真逆の性質を持っています。なのに、それは分解される R、G、B 色のみで、減色混合と同じく白地に乗算されます。おまけに、CMYK より１色足りない…。RGB カラーで、カラーハーフトーンを適用した時の違和感は、これが原因です。加色混合 : R、G、B の光がすべて重なると白色になり、何もない部分が黒色 (透明) になる特性。

網点の規則正しい重なりには、縞状の模様になってしまう「モアレ」が付きものです。これを緩和するために、影響力が大きい濃い色から角度を付けてずらすと、小さな花のような模様が浮かび上がります。これをロゼッタパターンといいます。雑誌風のロゼッタパターンは、CMYK カラーでないと上手く表せません。RGB カラーの場合は、加色混合によって、G+B=C / R+B=M / R+G=Y を表します。

カラーモードを変換

雑誌風のロゼッタパターンは、CMYK カラーで作成します。RGB カラーの画像を使用する場合は、あらかじめ、カラーモードの変換を行いましょう。

[ イメージ ] メニューから、[ モード ] – [ CMYK カラー ] を選択します。

ウィンドウタブで、CMYK カラーに変換されたことを確認してください。CMYK カラーに変換すると、画像の鮮やかさが失われます。

カラーモードを変換

プロファイルを指定！

カラーモードの変換は、現在、[ カラー設定 ] で指定されているプロファイルが用いられます。CMYK カラーは、一般的に [ Japan Color 2001 Coated ] が使用されています。

警告アラート

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

素材画像をダウンロードしよう！ ( 264 KB )

The post これで解決！カラーハーフトーンはこうやってかける！「ロゼッタパターン」【2023】 first appeared on psgips.

【ロゴ】フォントでつくる！焦げた焼印の文字「パス上文字ツールとシェイプバースト」【2022】

古岡ひふみ — Sun, 28 Nov 2021 23:00:00 +0000

【Photoshop講座】焼印とは、熱した金型を木や皮革などに押し付けて、それを何らかの印 (しるし) とするものです。Brand (ブランド) の語源とされているところが面白いですね。金型という特性があるので、ひとかたまりの文字にすると、それっぽく仕上がります。フォントや図形、イラストなど、あらゆるものに使える技法をご紹介しましょう。

シェイプバーストを効果的に使おう！

[ シェイプバースト ] とは、放射状のグラデーションを適用できる機能です。焼印には、高温の熱を感じさせるような、「焼け焦げ」の演出が欠かせません。透明度の変化だけではなく、広がる色にも変化を付けたいので、ここは、どうしても、手を加えたいところです。

フォントでつくる！

焦げた焼印の文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

焦げた焼印の効果をつける

これから行う操作は、入力したテキストを焼印風に加工する方法です。作例では、大小の文字を組んだ、スマートオブジェクトをベースとして、他のオブジェクトにも適用できるレイヤースタイルで、焦げた焼印の効果をつけます。使用するフォントは任意で設定しますが、目詰まりしにくいサンセリフ系の細い書体が最適です。

素材画像をダウンロードしよう！ ( 文字のベース付PSD : 8.7 MB )

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

フォントを入力する

焼印の文字のベースにする、フォントを選んで入力しましょう。ここでは、楕円形のネームスタンプを想定しているので、まず、その形状が収まる、新しいドキュメントを作成します。

【操作方法】

[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント] ダイアログで、[ 幅 ] に [ 1920 ] pixel、[ 高さ ] に [ 1080 ] pixel、[ 解像度 ] に [ 72 ] pixel/inch、[ カラーモード ] に [ RGB カラー ] を設定します。

[ 作成 ] をクリックします。

基本がわかる！新規ドキュメントの作成

[ 新規ドキュメント ] を設定

焼印の文字のベースになる、新規ドキュメントが作成できました。

新規ドキュメントを作成

ガイドを引こう！

ガイドとは、プリント出力では反映されない仮の基準線です。合成画像や文字などの配置を目安にしたり、スナップで吸着させたい場合などに使用します。正確さを必要とする作業には欠かせません。

フォントの設定

ドキュメントの中央に、焼印の文字のベースになる、フォントを配置しましょう。ここでは、ポイントテキストで入力します。

【操作方法】

[ ツール ] パネルで、[ 横書き文字ツール ] を選択します。

基本がわかる！文字の入力と編集

[ 横書き文字ツール ] を選択

オプションバーで、任意のフォントを設定します。

任意のフォントを選択

[ フォントサイズを設定 ] に [ 200 pt ] を入力します。

[ アンチエイリアスを設定 ] に [ 滑らかに ] を選択します。

[ 滑らかに ] を選択

任意のフォントを設定

作例では、「 Square 721 Extend Roman 」を設定していますが、フォント環境はご使用のパソコンによって異なります。リスト表示される任意のフォントを設定してください。フォントサイズは暫定値です。後ほど調整を行います。[ 整列オプション ] 、[ テキストカラーを設定 ] は、直接的な影響がないため、任意で行なってください。

ドキュメント内をクリックして、文字を入力します。[ enter ] キーを押して、入力を確定します。

文字を入力

[ command ( Ctrl ) ] キーを押しながら、入力した文字をドラッグして、ドキュメントの中央に揃えます。

文字を中央に揃える

文字間を調整

[ 文字 ] パネルでは、さまざまな書式設定が行えます。[ フォントサイズを設定] を選択したあと、方向キーの上下を押すと、設定値の微調整が行えます。作例では、[ 文字間のカーニングを設定 ] に [ オプティカル ] を選択、[ 選択した文字のトラッキングを設定 ] に [ 75 ] を設定しています。

フォントサイズと文字間を調整

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 【ロゴ】フォントでつくる！焦げた焼印の文字「パス上文字ツールとシェイプバースト」【2022】 first appeared on psgips.

写真をイラスト調に！フェアリー風のステンシルアート「３色シルクスクリーンの技法」

古岡ひふみ — Mon, 14 Jun 2021 23:00:00 +0000

【Photoshop講座】シェパード・フェアリーは、アメリカを代表する、ストリート・アーティストです。その独創的な配色や、抽象的に図案化された、肖像画のポスターなどが有名です。３色で刷られた、シルクスクリーンの技法を再現しましょう。

階調をハッキリ分ける！

ふだんは嫌われるギザギザを、要所に取り入れることが成功の秘訣です。たとえば、切り抜きのマスクを２階調化します。ポスタリゼーションで、モノクロの階調を５段階にハッキリ分けて、塗りやハーフトーンの領域を作り出します。

写真をイラスト調に！

フェアリー風のステンシルアート

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

フェアリー風のステンシルアート

これから行う操作は、人物写真を、フェアリー風のステンシルアートに、加工する方法です。あらかじめ、カラーやテクスチャなどを設定した、レッスン用ファイルからスタートして、ひとつの作品を完成させましょう。

出典 : Shepard Fairey ( シェパード・フェアリー ) / HUBLOT ( ウブロ )

素材画像をダウンロードしよう！ ( 5.6 MB )

人物を配置する

人物写真をレッスン用ドキュメントに配置しましょう。ここでは、一般的な配置方法である [ 埋め込みを配置 ] を使用し、JPEG 形式の画像をスマートオブジェクトで、レイヤー更新ができるように操作します。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1440 pixel ]、[ 高さ : 1440 pixel ]、 [ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。ファイル容量に注意してください。

素材画像を開く

[ レイヤー ] パネルで、[ コンテンツ-A ] – [ 背景-塗り ] を選択します。

[ 背景-塗り ] を選択

設定済みドキュメント

レッスン用ドキュメントは、ツートンカラーの背景を想定した２種類のグレーで塗り分けられています。そして、再編集できるグラデーションマップが設定されています。

グラデーションマップやテクスチャは、初期設定では非表示にされていますが、作業中に表示しても問題はありません。必要に応じて、表示 / 非表示を切り替えてください。

[ ファイル ] メニューから、[ 埋め込みを配置 ] を選択します。[ portrait.jpg ] を選択します。

[ 配置 ] をクリックします。

[ portrait.jpg ] を選択

すると、レッスン用ドキュメントに、人物写真のサンプル画像が配置されます。変形を確定しない

サンプル画像を配置

オプションバーで、[ 水平比率を設定 ]、または、[ 垂直比率を設定 ] を確認してください。

[ enter ] キーを押して、変形を確定します。拡大・縮小比率を確認後に実行

配置画像の拡大・縮小比率を確認

ビッグドキュメントとは？

JPEG 形式の画像を配置した場合は、ビッグドキュメント形式での更新ができません。ここでは、オリジナルサイズでラスタライズした後、再び、スマートオブジェクトに変換する方法を取ります。

JPEGを配置した場合

ビッグドキュメント形式とは、スマートオブジェクトが採用する保存形式です。従来の PSD ( Photoshop ) 形式に、容量制限 ( 2 GB / 30,000 px まで) があるため、それよりも大きなドキュメントに対応することができます。32 bit チャンネル / 300,000 px までをサポートしています。

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

ビッグドキュメント形式に変更

JPEG 形式の配置画像を、オリジナルサイズでラスタライズした後、再び、スマートオブジェクトに変換します。これは、JPEG 形式が、レイヤーなどの機能に対応していないために生じる、不便さを解消する操作です。

ラスタライズすることで、ビッグドキュメント形式に変更され、さまざまなコンテンツの編集、更新ができるようになります。

【操作方法】

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ レイヤーに変換 ] を選択します。[ スマートオブジェクトレイヤーに適用された変形を保持しますか？ ] に、[ いいえ ] をクリックします。

変形を保持しない [ いいえ ] をクリック

すると、オリジナルサイズでのラスタライズが行えます。

オリジナルサイズでのラスタライズ

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。[ レイヤー ] パネルで、スマートオブジェクトに変換されたことを確認してください。

スマートオブジェクトを確認

スマートオブジェクトとは？

レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。

変形のバウンディングボックスを表示します。オプションバーで、[ 縦横比を固定 ] をクリックします。自由変形 : [ command ( Ctrl ) ] + [ T ]

[ 水平比率を設定 ]、または、[ 垂直比率を設定 ] に、[ 80% ] を入力します。

[ 水平比率を設定 : 80 % ]

変形を確定します。人物写真を配置することができました。変形を確定 : [ enter ]

変形を確定

トリミングはここで！

サンプル画像は、あらかじめ、ドキュメントの比率でトリミングしています。フレーム内のトリミングが必要な場合は、この時点で調整を行ってください。スマートオブジェクトに変換しているので、いつでも再編集が可能です。

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

素材画像をダウンロードしよう！ ( 936 KB )

The post 写真をイラスト調に！フェアリー風のステンシルアート「３色シルクスクリーンの技法」 first appeared on psgips.

【レタッチ】スーパー解像度をJPEGに適用する方法【Rawディテール】

古岡ひふみ — Sun, 09 May 2021 23:00:00 +0000

【Photoshop基本操作】スーパー解像度とは、ディテールの強化を機械学習して、縦横比２倍の大きさに自動変換します。しかし、Camera Raw に搭載されている機能なので、Photoshop で使えない、使い方がわからないなど、疑問だらけの機能でもあります。スーパー解像度を JPEG に適用して、その効果を検証してみましょう！

補間のしくみを知る！

低解像度から高解像度にするアップサンプリングは、画質が劣化するので推奨されません。ピクセル情報の補間方法は、その画質の劣化を最小限に抑える技術なのです。

そのため、対象となる画像に適した方法は、その作成や保存条件によって異なるものなのです。補間のしくみを知ることは、最適なアップサンプリング方法を導き出すことにつながります。

スーパー解像度を

JPEGに適用する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

スーパー解像度をJPEGに適用する方法

これから行う操作は、[ スーパー解像度 ] によるアップサンプリングを、JPEG 形式の画像に適用する方法です。高解像度化によって、元画像のディテールが、どのように変化するのでしょうか？ [ ディテールを保持 2.0 ] との比較も行いましょう。

スーパー解像度とは？

スーパー解像度とは、Camera Raw に搭載されている機能です。ディテールの強化を機械学習して、縦横比２倍の大きさに自動変換します。

Raw 画像を高解像度化するものですが、JREG や TIFF 形式にも適用できます。[ スーパー解像度 ] で、効果を最大に発揮できる要素は、以下のとおりです。

大きく印刷または表示したい写真

ノイズが多く含まれる画像

微細なディテールを多く含む画像

[ スーパー解像度 ] の効果は、自動作成される DNG 形式のファイルに含まれます。適用後の画像を JPEG 画像として、上書き保存することはできません。JPEG 形式で保存したい場合は、Camera Raw で、[ コピーで開く ] を選択してください。

なぜ高解像度化？

たとえば、印刷用の大判ポスターで、写真を大きく引き伸ばしたいとき、低解像度データのままだと、モザイク状の不鮮明な仕上がりになってしまいます。

そこで、高解像度データが必要になるワケですが、印刷で推奨される画像解像度に足りない場合、その条件を満たすためのアップサンプリングが行われます。

一般的なオフセット印刷の紙面は、CMYK という４つの色と、小さな網点によって構成されています。さまざまな色は、４つの網点の重ね合わせで表現されているので、理論上、面積比で４倍、縦横比で２倍のピクセルが必要とされます。

具体的には、スクリーン線数 (網点の細かさ) を 175 dpi としたとき、画像解像度は、その縦横比２倍の 350 ppi が必要になります。

基本がわかる！画像解像度の設定

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 【レタッチ】スーパー解像度をJPEGに適用する方法【Rawディテール】 first appeared on psgips.

【レタッチ】金網をなかったように消す方法【コンじる】

古岡ひふみ — Thu, 29 Apr 2021 23:00:00 +0000

【Photoshop基本操作】細部の修正はもちろん、広範囲をごっそり穴埋めできる [ コンテンツに応じた塗りつぶし ] は、初期設定のままでも、驚くような結果が期待できます。「コンじる」で、金網をなかったように消しちゃいましょう！ブラシサイズを金網の太さに合わせれば、意外とカンタンにトレースできますよ？

成功のカギは選択範囲！

無敵の AI 機能と言えども、まず最初に、選択範囲が必要です。広範囲の修正なら、一括りの操作で終わってしまいますが、被写体に重なった金網となると、ちょっと手間がかかっちゃいますね。

そんなときは、クイックマスクを使いましょう。細い金網をカバーする塗りつぶし領域だから、大まかな範囲でいいのです。ブラシサイズは、ショートカットキーを使えば、ドキュメント上でスピーディに調整できます。

金網をなかったように消す方法

[ STEP-01 ]

選択範囲を作成する

[ STEP-02 ]

選択範囲を塗りつぶす

[ STEP-03 ]

結果を出力する

金網をなかったように消す！

これから行う操作は、被写体に重なった金網を、何もなかったように消す方法です。

[ コンテンツに応じた塗りつぶし ] は、初期設定のままでも、驚くような結果が期待できます。その性能を最大限に引き出すには、適切な塗りつぶし領域が必要です。

クイックマスクによる、選択範囲の作成と合わせて、一連の操作を組み立てましょう。

元画像

金網をなかったように消す

素材画像をダウンロードしよう！ ( 961 KB )

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

選択範囲を作成する

金網の領域に、大まかな選択範囲を作成します。選択範囲の作成は、クイックマスクを使用して、ブラシで塗りつぶした領域から、読み込む方法を取ります。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1301 pixel ]、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。

素材画像を開く

photo by katerinavulcova

[ ツール ] パネルで、[ クイックマスクモードで編集 ] をクリックします。

[ クイックマスクモードで編集 ] をクリック

[ レイヤー ] パネルで、選択レイヤーの、赤いアクティブ表示を確認してください。

赤いアクティブ表示を確認

クイックマスクとは？

[ クイックマスクモードで編集 ] は、ブラシで塗りつぶした領域から、選択範囲を読み込むことができます。

クイックマスクの作業は、一時的に作成される、アルファチャンネル上で行われます。そのため、現在の選択レイヤーは、赤いアクティブ表示に変わり、描画などができない状態であることを示しています。

ブラシの直径を調整

[ クイックマスクモードで編集 ] では、[ ブラシツール ] で、ドキュメント上を直接ドラッグして、修正したい箇所を塗りつぶします。金網のトレースを効率よく行うために、適切なブラシの直径を設定しましょう。

【操作方法】

[ ツール ] パネルで、[ ブラシツール ] を選択します。

[ ブラシツール ] を選択

オプションバーで、[ 不透明度 ] に [ 100% ]、[ 流量 ] に [ 100% ]、[ 滑らかさ ] に [ 0% ] を入力します。初期設定

ブラシオプションを設定

ドキュメント内に、マウスカーソルを置きます。初期設定のカーソルは、現在の、ブラシの大きさを表示します。このカーソルの大きさを、金網の太さの約２倍に調整します。初期設定 : [ Photoshop ( 編集 ) ] – [ 環境設定 ] – [ カーソル ] – [ ペイントカーソル ] – [ ブラシの先端 ( 標準サイズ ) ]

ドキュメントにオンマウス

Macintosh の場合は、[ control ] + [ option ] キーを押しながら、クリックしたままにします。Windows の場合は、[ Alt ] + 右クリックです。すると、現在の [ 直径 ]、[ 硬さ ]、[ 不透明度 ] の設定値がポップアップします。設定値がポップアップされたら、キーを離します。

ドキュメントにオンマウス

ドラッグで大きさを変更

ブラシサイズの大きさは、オプションバーにある [ ブラシプリセットピッカー ] で行いますが、ドキュメント上にポップアップすることもできます。目的の画像に合わせた大きさが、スピーディーに設定できます。

直径の変更

左右にドラッグすると、[ 直径 ] が変更できます。数値は、左方向にドラッグすると小さくなり、右方向にドラッグすると大きくなります。

左右のドラッグで [ 直径 ] が変更できる

硬さの変更

上下にドラッグすると、[ 硬さ ] が変更できます。数値は、上方向にドラッグすると小さくなり、下方向にドラッグすると大きくなります。

上下のドラッグで [ 硬さ ] が変更できる

ここでは、[ 直径 ] に [ 18 px ] を設定します。ブラシの [ 直径 ] が設定できたら、マウスボタンを離します。[ 直径 : 18 px ] [ 硬さ : 100% ] [ 不透明度 : 100% ]

[ 直径 : 18 px ] でドロップ

適切なブラシサイズとは？

ここでは、適切なブラシサイズとして、金網の太さの約２倍を推奨しています。これは、金網の直線部分をすべてカバーする大きさです。

[ コンテンツに応じた塗りつぶし ] は、塗りつぶし領域との境界線において、ピクセルの補間が行われます。そのため、半径には少なくとも、約 8 pixel が必要だと考えられます。しかし、塗りつぶす領域が小さいほど、最適な結果を出しやすくなるので、大きくなりすぎず、最小限の範囲が望ましいです。

作例のような金網や電線などのような、細い形状に適切なブラシサイズは、8 + 8 = 16 px 以上の直径であれば、すべてがカバーできる最小値がベストです。

革命をもたらす新機能！

Photoshop (Beta) の新機能「生成塗りつぶし (ジェネレーティブ塗りつぶし) 」は、画像生成 AI「Adobe Firefly (Beta)」の機能を、そのままコンテンツ内で使用できるようにしたものです。これまで、何時間もかかったような画像の修正や加工作業が、ほんの数分で仕上げることができます。しかも、驚くようなクオリティです。

直線部分の塗りつぶし

まず、金網の直線部分を、塗りつぶして行きましょう。直線部分と交差部分を分けることで、操作のリズムを掴み、作業の効率化を目指します。

【操作方法】

開始点をクリックします。

[ shift ] キーを押しながら、終了点をクリックします。すると、開始点と終了点を結ぶ、直線が引けます。

開始点をクリック

終了点を [ shift ] + クリック

同じ要領で、その他の直線部分を塗りつぶしましょう。

その他の直線部分を塗りつぶし

直線部分をカバーする

この塗りつぶし領域は、[ コンテンツに応じた塗りつぶし ] の、塗りつぶし領域 ( 修正箇所 ) になります。金網の直線部分を、すべてカバーしてください。

画像の端や、金網の交差部分は、直線部分が終わった後で、細部を修正しながら塗りつぶします。

少し曲がった金網は、２、３回に分けて塗りつぶしましょう。[ shift ] キーを押したまま、複数箇所をクリックして、終了点でキーを離します。

面倒な作業ですが、塗り残しのないように、注意してください。

交差部分の塗りつぶし

続いて、画像の端や、金網の交差部分を、塗りつぶして行きましょう。金網の交差部分は、くの字のドラッグを組み合わせます。

【操作方法】

金網の交差部分を、形状に合わせてドラッグします。

直線部分とのつなぎ目に注意して、はみ出し部分を、できるだけ少なくしてください。

くの字のドラッグを組み合わせる

はみ出し部分を少なくする

金網の交差部分が塗りつぶせました。

交差部分の塗りつぶしが完了

選択範囲を読み込む

クイックマスクの描画部分 ( 赤い部分 ) は、マスク領域 ( 隠す領域 ) です。ここでは、金網の形状をトレースする目的があったので、このままでは、選択範囲が逆になってしまいます。階調の反転を忘れずに行ってください。

【操作方法】

[ イメージ ] メニューから、[ 色調補正 ] – [ 階調の反転 ] を選択します。ショートカットキー : [ command ( Ctrl ) ] + [ I ]

[ 階調の反転 ] を選択

[ ツール ] パネルで、[ 画像描画モードで編集 ] をクリックします。

[ 画像描画モードで編集 ] をクリック

すると、選択範囲が作成されます。金網の領域に、選択範囲が作成されたことを確認してください。

金網の領域に選択範囲が作成されたことを確認

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 【レタッチ】金網をなかったように消す方法【コンじる】 first appeared on psgips.

写真をイラスト調に！紙幣のような肖像画「４種類のハーフトーンを使ったエングレービング風」

古岡ひふみ — Sat, 27 Feb 2021 23:00:00 +0000

【Photoshop講座】紙幣の肖像画は、精密な線を重ね合わせて描かれています。そのレトロでアンテークな趣のある技法は、銅版画に属する「凹版彫刻・エングレービング」と呼ばれいます。４種類のハーフトーンを使って、紙幣のような肖像画を作成しましょう。

ハーフトーンに波線を用いる！

基本機能にある [ ハーフトーン ] は、点や線を規則正しく並べたものですが、そのパターンを波線にすることで、肖像画の形状に沿って描かれた精密な線らしくします。作例では、密度や角度が違う４種類のハーフトーンパターンを用意して、４段階の異なる「しきい値」を持つ [ ２階調化 ] 画像に適用します。

写真をイラスト調に！

紙幣のような肖像画

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

人物写真を紙幣のような肖像画に加工

これから行う操作は、人物写真を紙幣のような肖像画に加工する方法です。SNS などのプロフィール用に最適ですね。作例では、ハーフトーンを適用するまでの手順に絞っています。着色やテクスチャの適用、フレーム装飾などを加えて、さらにレトロでアンティークな演出にも挑戦してみましょう。

元画像

紙幣のような肖像画

ハーフトーン [ 6px_0msk ] ( 4 KB )

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

４種類のハーフトーンを定義する

マスクとして使用することを前提とした、細い波線のシームレスパターン (つなぎ目のない模様) を用意します。ハーフトーンパターンは、以下のリンクをクリックしてダウンロードしてください。

ハーフトーン [ 4px_90msk ] ( 5 KB )

ハーフトーン [ 2px_0msk ] ( 4 KB )

ハーフトーン [ 1px_45msk ] ( 71 KB )

【操作方法】

ダウンロードしたハーフトーン [ 6px_0msk ] を開きます。

ハーフトーン [ 6px_0msk ] を開く

[ 編集 ] メニューから、[ パターンを定義 ] を選択します。[ パターン名 ] ダイアログで、[パターン名] に [ 6px_0msk ] を入力して、[ OK ] をクリックします。

[ パターン名 ] を設定

同じ要領で、その他のハーフトーンを定義して、プリセットに保存します。バージョン 2020 以降では、[ パターン ] パネルで保存・管理します。

プリセットマネージャーで確認した例 (バージョン 2019 以前)

パターンを定義でどうなる？

[ パターンを定義 ] を適用すると、定義した画像がパターンプリセットとして登録されます。定義した画像は、[ 塗りつぶし ] コマンドや塗りつぶし調整レイヤーなどのパターンとして選択することができます。

バージョン 2020 [ パターン ] パネルで確認した例

パターンの管理は、[ 編集 ] メニューから、[ プリセット ] – [ プリセットマネージャー ] を選択します。バージョン 2020 以降では、プリセットの管理方法が大幅に見直されたため、[ パターン ] パネルに保存されます。

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 写真をイラスト調に！紙幣のような肖像画「４種類のハーフトーンを使ったエングレービング風」 first appeared on psgips.

基本がわかる！パネルの操作「ワークスペースを自由にカスタマイズ」【2021】

古岡ひふみ — Sun, 25 Oct 2020 23:00:00 +0000

【Photoshop基本操作】Photoshop のパネル機能は、作業スペースを確保したり、効率的に表示させたりする機能が備わっています。グループからの分離、ドッキングなど、用途に応じたカスタマイズも自由に組み合わせできます。

タブを掴んで移動する！

「タブ」とは、本やノートの端に付けられた出っ張りのことです。タブのおかげで、目的のページが素早く見つけられます。Photoshop のパネルにも、このようなタブが付けられていて、クリックすると、目的のパネルが表示される仕組みです。

しかし、それだけではありません。パネルを切り離したり、順番を入れ替えたり、自由自在のアレンジを可能にするのもタブなのです。操作はタブを掴んで移動する感覚です。

基本がわかる！パネルの操作

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

[ CHAPTER-06 ]

[ CHAPTER-07 ]

[ CHAPTER-08 ]

パネルの分離とドッキング

パネルの表示の切り替え、分離やドッキングは、パネル名を表示する上部のタブで行います。また、アイコン化して非表示にしたり、パネルメニューを表示するためのボタンもあります。まず、それらの位置と役割を確認しておきましょう。

Photoshop のパネル (タブグループ)

タブ

タブグループの表示されていないタブをクリックすると、パネルを切り替えることができます。タブをドラッグして、個別のパネルに分離したり、他のパネルにドッキングすることもできます。

アイコンパネル化・パネルを展開

クリックすると、表示中のパネル (タブグループ) がたたまれ、省スペースのアイコンとパネル名だけの表示になります。

アイコンパネル化・パネルを展開

パネルメニュー

クリックすると、それぞれのパネルに含まれるオプションが選択できる、パネルメニューが表示されます。

パネルメニュー

一部のパネルしか表示されていない！

初期設定では、一部のパネル (タブグループ) しか表示されていません。たとえば、[ アクション ] パネルや、[ ナビゲーター ] パネルなどを表示したい場合は、[ ウィンドウ ] メニューから選択します。

パネルの表示・非表示

現在、表示されていないパネルを表示したり、表示中のパネルを非表示にする操作です。

【操作方法】

[ ウィンドウ ] メニューから、[ (パネル名) ] を選択します。

選択したパネルは、あらかじめ設定されたタブグループで表示されます。

[ ナビゲーター ] を選択

アイコンパネル化・パネルを展開

クリックすると、表示中のパネル (タブグループ) がたたまれ、省スペースのアイコンと、パネル名だけの表示になります。

アイコンパネル化・パネルを展開

パネルの表示・非表示

アイコンをクリックすると、パネルの表示・非表示が切り替えられます。

使うときだけ現れる！

[ tab ] キーを押すと、パネルを完全に画面から消すことができます。非表示になったパネルは、マウスカーソルを画面の端に置くと表示され、離すと非表示になります。パネルが邪魔なときは便利ですね。再び、[ tab ] キーを押すと通常の表示に戻ります。

基本がわかる動画を配信中！

基本がわかる！画像解像度の設定

基本がわかる！色かぶりの補正

チャンネル登録をお願いします！

タブグループから分離

タブグループの中にあるパネルを、独立したひとつのパネルとして分離します。

【操作方法】

タブをクリックして、分離させたいパネルを表示します。

表示したタブをクリックホールド

タブの上でマウスボタンを押したままドラッグして、分離させたい位置まで移動します。

タブをパネルグループの外へドラッグ＆ドロップ

分離させたい位置で、マウスボタンを離します。

パネルをタブグループから分離できた

タブグループとは？

タブグループとは、ひとつのパネルに、複数のパネルをまとめたものです。使用するパネルをタブで切り替えることによって、作業スペースが確保できます。

タブグループにドッキング

独立したひとつのパネルを、タブグループにまとめます。タブグループの分離やドッキングは、タブとして開くドキュメントウィンドウでも、同様に行えます。

【操作方法】

ドッキングさせたいパネルの、タブをクリックして表示します。

表示したタブをクリックホールド

タブの上で、マウスボタンを押したままドラッグして、ドッキングさせたいパネルのタブスペースまで移動します。

ドッキングさせたいパネルまでタブをドラッグ＆ドロップ

移動先のパネルの枠が青くなったら、マウスボタンを離します。

タブグループにドッキングできた

ドキュメントの操作も同じ

複数のドキュメントを開くと、ドキュメントウィンドウがドッキングされて、それぞれのファイル名のタブが上部に表示されます。

タブを水平にドラッグして順番を入れ替え

このドキュメントウィンドウもパネルと同じく、タブをドラッグすることで、分離やドッキング、タブグループ内での順番の入れ替えが行えます。

続きは［＞］をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。

The post 基本がわかる！パネルの操作「ワークスペースを自由にカスタマイズ」【2021】 first appeared on psgips.

【テクスチャ】ゼロからつくる！筋入りクラフト紙「繊細でレトロなハトロン紙」

古岡ひふみ — Mon, 24 Feb 2020 23:00:00 +0000

【Photoshop講座】筋入りクラフト紙とは、封筒や洋裁の型紙などに使用される、細かい縞模様が入ったクラフト紙の一種です。ハトロン紙とも呼ばれています。表面に紙のたわみを付け、繊細でレトロな風合いを再現してみましょう。ゼロからつくるテクスチャの利点は、色と風合いが自由に調整できることです。

本物よりもそれらしく！

特に用紙系の写真素材は、繊細な風合いが足りずフラットな印象になりがちです。そして、背景画像として用いることが多いため、その色調を調整するのにも手間がかかります。目的を見据えた誇張した表現で、本物よりもそれらしく見せるテクニックを身に付けましょう。

ゼロからつくる！

筋入りクラフト紙

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

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

こらから行う操作は、Photoshop の機能だけを使って、何もない状態からクラフト紙を描く方法です。といっても、フリーハンドで描くような操作は一切ありません。ステップ・バイ・ステップ方式で、手順どおりに操作すれば、誰でも「筋入りクラフト紙」が作成できます。

レッスン動画を配信中！

サムネールをクリックすると、

レッスン動画にリンクします。

ベースを作成する

クラフト紙の色は、パルプ原料から漂白されていない自然な薄茶色です。明るすぎて暗すぎてもダメ。赤っぽくなったり青っぽくなったり、この微妙な調合には苦戦を強いられますが、色だけでそれっぽく見せることができれば、テクスチャの半分は出来たも同然です。

【操作方法】

[ ファイル ] メニューから、[ 新規 ] を選択します。[ 新規ドキュメント ] ダイアログで、[ 幅 ] に [ 1280 ] pixel、[ 高さ ] に [ 720 ] pixel、[ 解像度 ] に [ 300 ] pixel/inch、[ カラーモード ] に [ RGB カラー ]、[ 8 bit ] を設定して、[ 作成 ] をクリックします。

基本がわかる！新規ドキュメントの作成

[ 新規 ] を設定

新規ドキュメントを作成します。

新規ドキュメントを作成

[ レイヤー ] パネルで、[ 塗りつぶしレイヤーを新規作成 ] をクリックし、メニューから [ べた塗り ] を選択して、[ べた塗り 1 ] を作成します。

[ べた塗り 1 ] を作成

[ カラーピッカー ] ダイアログで、[ H : 37 / S : 49 / B : 65 ] を設定して、[ OK ] をクリックします。

カラーピッカーの使い方

[ カラーピッカー ] を設定

クラフトペーパーやダンボールのような色で塗つぶせました。

ベースカラーを塗りつぶす

粒子を設定

塗りつぶしレイヤーで、ベースカラーが塗りつぶせたら、クラフト紙のザラザラした質感をつけます。質感と言っても、細かいものなので、ランダムなノイズのような効果を目指します。

【操作方法】

[ レイヤー ] パネルで、[ 新規レイヤーを作成 ] をクリックして、[ レイヤー 1 ] を作成します。

[ 新規レイヤーを作成 ] をクリック

[ 編集 ] メニューから、[ 塗りつぶし ] を選択します。[ 塗りつぶし ] ダイアログで、[ 内容 ] に [ 50% グレー ] を選択して、[ OK ]をクリックします。

[ 塗りつぶし ] を設定

[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ スマートオブジェクトに変換 ] を選択します。

スマートオブジェクトを確認

スマートオブジェクトとは？

レイヤーや背景を、スマートオブジェクトに変換しておくと、適用するフィルターや、色調補正などの調整が、再編集できるようになります。

[ フィルター ] メニューから、[ フィルターギャラリー ] を選択します。[ フィルターギャラリー ] 操作パネルで、[ アーティスティック ] – [ 粒状フィルム ] を選択します。

[ 粒状フィルム ] を選択

[ 粒状フィルム ] ダイアログで、[ 粒子 ] に [ 4 ]、[ 領域のハイライト ] に [ 0 ]、[ 密度 ] に [ 10 ] を入力して、[ OK ] をクリックします。初期設定

[ 粒状フィルム ] を設定

粒子の強さを設定

[ 粒状フィルム ] は、対象画像の明るさに対して、[ 粒子 ] を適用します。適用範囲を [ 領域のハイライト ] で調整して、[ 密度 ] で境界線の滑らかさを調整します。

作例では、明るさが均一なべた塗り画像に適用しているので、効果の強さを調整する [ 粒子 ] のみが有効です。[ 領域のハイライト ]、[ 密度 ] の設定値を変えても変化しません。

[ レイヤー ] パネルで、描画モードに [ オーバーレイ ] を選択します。

[ 描画モード : オーバーレイ ] を選択

少しザラつきがあるクラフト紙のベースができました。

下のレイヤーを反映する

描画モード [ オーバーレイ ] の中性色は「50% グレー」です。50% グレーの部分は、合成色として影響しないので、下のレイヤーの基本色がそのまま反映され、[ 粒状フィルム ] の粒子のみが適用されます。

続きは↓下の番号をクリック！

フリーのグラフィックデザイナーです。カタログ、ポスター、パッケージなど様々な分野に携わってきました。