オブジェクトの回転| psgips

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

レッスン動画を配信中！

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

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

ドラッグで画像を配置する

２つの素材画像を開いて、複製したいオブジェクトを、ドラッグ＆ドロップで配置しましょう。そして、一般的に行われている操作の、通常の複製を確認してください。レイヤーの自動作成は、用途を優先した初期設定です。その違いを体感しておきましょう。

【操作方法】

素材画像をダウンロードして開きます。作例では、[ 幅 : 1920 pixel ] × [ 高さ : 1080 pixel ] の [ RGB カラー ] を使用しています。

素材画像を開く

photo by bess.hamiti@gmail.com

素材画像をダウンロードして開きます。作例では、[ 幅 : 547 pixel ] × [ 高さ : 640 pixel ] の [ RGB カラー ] を使用しています。

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

素材画像を開く

photo by PIRO

[ ウィンドウ ] メニューから、[ アレンジ ] – [ ２分割表示 – 垂直方向 ] を選択します。

[ ２分割表示 – 垂直方向 ] を選択

[ レイヤー ] パネルで、[ グループ ] フォルダー、または、対象のレイヤーを選択します。

[ レイヤー 1 ] を選択

レイヤーサムネールを配置する移動先に、ドラッグ＆ドロップします。

ドラッグ＆ドロップ

画像が配置されたことを確認してください。[ ウィンドウ ] メニューから、[ アレンジ ] – [ すべてをタブに統合 ] を選択します。

[ すべてをタブに統合 ] を選択

レイヤーを自動作成！

ドラッグ＆ドロップ、または、コピー＆ペーストで画像を配置すると、ドキュメントに新しいレイヤーが、自動的に作成されます。

自動作成されたレイヤーの名前を変更

自動的に作成されるレイヤーは、作成順に [ レイヤー 1 ]、[ レイヤー 2 ]…という連番が付けられます。ここでは、ドラッグ＆ドロップした元のレイヤーとして区別するため、レイヤー名を変更します。

通常の複製を確認

レイヤーには、数多くの利点がありますが、同じレイヤー内に、新しい画像をコピー＆ペーストすることができません。ここでは、一般的に行われている操作の、通常の複製を確認してみましょう。

【操作方法】

すべてを選択して、コピー＆ペーストします。すべてを選択 : [ command ( Ctrl ) ] + [ A ] コピー : [ command ( Ctrl ) ] + [ C ] ペースト : [ command ( Ctrl ) ] + [ V ]

新しい画像をコピー＆ペースト

[ レイヤー ] パネルで、新しいレイヤーが、自動作成されたことを確認してください。

新しいレイヤーを自動作成

ペーストを繰り返すと、再び、新しいレイヤーが自動作成されます。ペースト : [ command ( Ctrl ) ] + [ V ]

レイヤーの自動作成が確認できたら、操作を取り消します。操作の取り消し : [ command ( Ctrl ) ] + [ Z ]

ペーストを繰り返す

レイヤー独自の機能！

レイヤーの自動作成は、用途を優先した、レイヤー独自の機能によるものです。レイヤーマスクや、アルファチャンネルには適用されません。

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

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

The post これで解決！レイヤーを増やさない複製はこうやって作る！「複製オプションと再実行」【2024】 first appeared on psgips.

【ロゴ】フォントでつくる！飛び出すシャドウ文字「移動と複製でグングン押し出す！」【2023】

古岡ひふみ — Sun, 09 Jul 2023 23:00:00 +0000

【Photoshop講座】シャドウ処理は、文字を立体的に見せる効果的な技法です。シャドウ部分を長くすることで、文字列の一体感が生まれます。移動と複製を繰り返す裏技を使えば、3D 押し出し文字のような陰影も、簡単に付けることができます。ベースのフォントからアウトラインを作り、飛び出す方向にグングン押し出しましょう。

隠しコマンドを活用？

移動と複製を繰り返す操作は、[ 移動ツール ] のオプション機能です。このような「隠しコマンド」は、数多く存在します。方向キーの移動は、ピクセル単位で正確に行われます。

つまり、そこにオプションを併用すれば、キーを押した回数分の、正確な移動と複製が行えるワケです。

フォントでつくる！

飛び出すシャドウ文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

立体的なシャドウ文字に加工

これから行う操作は、入力したテキストを、立体的なシャドウ文字に加工する方法です。

ドキュメントにテキストを入力

飛び出すシャドウ文字に加工

おしゃれで平面的なグラフィックバージョンと、陰影を付けた 3D 押し出しバージョンを作成します。

グラフィックバージョン

3D押し出しバージョン

使用するフォントは任意で設定しますが、作例とは違うピクセルサイズの画像では、レイヤースタイルの効果が発揮できないことがあります。小さくしたい場合は、完成後にレイヤーを統合してリサイズしてください。

レッスン動画を配信中！

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

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

フォントを入力する

新しいドキュメントを作成して、シャドウ文字のベースになる、フォントを入力します。ここでは、テキストカラーを設定していますが、いつでも編集することができます。文字列のバランスを吟味しましょう。

フォントを入力する

テキストカラーを設定

新規ドキュメントを作成

ベースの文字列を入力する、新規ドキュメントを作成しましょう。基本的には、どんな大きさでもかまいません。しかし、後に文字列を回転する操作が含まれているので、スクエア、または、高さに余裕がある方が好ましいです。

【操作方法】

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

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

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

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

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

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

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

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

新しいドキュメントを作成

グループを作成

文字や効果などのデザイン要素は、すべて、グループ内に作成していきます。こうすることで、複数のレイヤーをグループ単位で操作できます。

【操作方法】

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

グループ名に [ content ] を入力します。

[ 新規グループを作成 ] をクリック

任意のフォントを設定

すべての要素を格納するグループが作成できたら、ベースの文字列を入力しましょう。テキストレイヤーの作成は、まず、ツールオプションで、任意のフォントを設定することから始めます。

【操作方法】

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

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

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

任意のフォントを設定

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

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

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

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

[ テキストの中央揃え ] を選択します。

[ テキストカラーを設定 ] をクリックします。

フォントサイズを設定: 150 pt

[ カラーピッカー ] ダイアログで、[ カラー : H : 57°/ S : 100 % / B : 100 % ] を設定します。

[ OK ] をクリック

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

カラーは編集できる！

テキストカラーは、いつでも編集することができます。白地での作成は、文字面を明るく、アウトラインを暗くしてください。

カラーピッカーの使い方

テキストレイヤーを作成

任意のフォントが設定できたら、ポイントテキストで、ドキュメントに文字を入力しましょう。ポイントテキストとは、文字の基準線上にアンカーポイントを持つテキストです。

【操作方法】

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

作例では、「 FineBoy 」を入力しました。

ドキュメントに文字を入力

グループ [ content ] 内に、テキストレイヤー、または、シェイプレイヤーを作成してください。

グループ内のテキストレイヤーを確認

文字の間隔を均等にしよう！

シャドウ文字の効果は、文字形の周囲に影 (立体的な側面) をつけるので、隣接する文字が近いとスペースが足りなくなり、離れすぎるとひとかたまりの文字列に見えなくなってしまいます。

[ 文字のカーニングを設定 ] に [ オプティカル ] を選択すると、実質的な文字の間隔を均等にすることができます。

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

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

Adobe Stock – 3D モデル – Coffee With Holder

The post 【ロゴ】フォントでつくる！飛び出すシャドウ文字「移動と複製でグングン押し出す！」【2023】 first appeared on psgips.

【Dimension】最初に覚えたい！基本操作10選「3DCGでモックアップをつくる」

古岡ひふみ — Sun, 07 Aug 2022 23:00:00 +0000

【Dimension基本操作】「 Dimension 」を簡単に言えば、立体物に画像を貼り付けるソフトです。3DCG のしくみや、操作がイマイチわからないというユーザーにとっては、取り組みやすいツールだと思います。最初に覚えたい基本操作を10項目に絞って、ひとつのモックアップ作品を作成してみましょう。新機能は Substance 3D に移行される予定

オブジェクトを正面で捉える！

一般的な 3DCG ソフトは、固定したモデルに対して、カメラ側の向きを変えるものです。そのため、背景との構図を決める作業が大変です。

Dimension は、レンダリング後の合成 (２次元画像) を、主な用途としているところが大きな特徴です。オブジェクトを正面で捉えて、Photoshop 上で位置を編集する方がカンタンですね。レンダリング : 3DCG の数値データから画像化すること

Dimension

最初に覚えたい！基本操作10選

[ SELECT-01 ]

[ SELECT-02 ]

[ SELECT-03 ]

[ SELECT-04 ]

[ SELECT-05 ]

[ SELECT-06 ]

[ SELECT-07 ]

[ SELECT-08 ]

[ SELECT-09 ]

[ SELECT-10 ]

外部の3Dモデルを読み込む

「 Adobe Stock 」などの外部フリー 3D モデル素材を、Dimension に読み込む方法です。作例で使用している「コーヒー用のフタ付きドリンクカップ」は Adobe Stock で取得できます。3D モデルがなきゃ始まりません。まずは、素材をダウンロードしましょう。

新しいドキュメントを作成

Photoshop などと同じように、Dimension も、新しいドキュメントから始めます。ただし、これは平面ではなく、3D 空間を見ている、カメラのファインダーからの視点です。

【操作方法】

起動画面で [ 新規作成 ] をクリックします。

Dimension を起動

[ 新規作成 ] をクリック

すると、接地面にグリッドが引かれた、新しいドキュメントが表示されます。接地面 : 3D 空間の底にあたる部分で、座標値が [ Y : 0 ] の平面

新しいドキュメントが表示される

基本学習ツアーに参加

Dimension を起動すると、起動画面が表示されます。[ ラーニング ] をクリックすると、Dimension を使った 3D 空間での作業の基本が学習できます。これにざっと目を通しておくと、より理解が深められるでしょう。

[ ツアーを開始 ] をクリック

カンバスサイズを設定

Dimension の [ 新規作成 ] をクリックすると、カンバスサイズが初期設定された新しいドキュメント ( 1,024 x 768 px ) が作成されます。自由なカンバスサイズを設定するには、[ 新規作成 ] の右側にある [ … ] をクリックします。カンバスサイズ : Dimension では、カメラのファインダーから見た画角サイズ

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

[ 初期設定にする ] を有効にすると、新しいカンバスサイズが初期設定されます。使用する背景画像のピクセルサイズや縦横比に適した設定を行いましょう。

Adobe Stock – 3D モデル – Coffee With Holder

レッスン動画を配信中！

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

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

3Dモデルを読み込む

ここでは、Adobe Stock で取得した、3D モデルを読み込みましょう。その他の 3D モデルを、外部から読み込む場合も同じ操作です。Dimension で読み込めるファイル形式に注意してください。

【操作方法】

[ ファイル ] メニューから、[ 読み込み ] – [ 3D モデル ] を選択します。読み込み : [ command ( Ctrl ) ] + [ I ]

[ 3D モデル ] を選択

3D モデルを読み込むダイアログで、Adobe Stock で取得した 3D モデルのファイル「 coffee_withHolder.obj 」を選択します。

[ 開く ] をクリックします。

OBJ 形式のファイルを選択

対応するファイル形式は？

Dimension が読み込める 3D モデルのファイル形式は、「Wavefront OBJ ( .obj )」です。その他の対応ファイル形式は、グラフィックが「 .jpg 」、「 .png 」、「 .psd 」。マテリアルが「 .mdl 」。ライトが「 .hdri 」、「 .exr 」、「 .ibl 」です。

読み込んだ 3D モデルが、カンバスの中央に配置されます。

読み込んだ 3D モデルが配置される

アセットから配置するには？

[ アセット ] パネルで、3D モデルをクリック、または、カンバスにドラッグして、好きな場所に配置することができます。

3D モデルをカンバスにドラッグ

接地面の座標を読む

[ プロパティ ] パネルの [ 位置 ] では、3D モデルの回転軸を起点とした座標が表示されます。[ 回転軸 ] に [ 下 ] を選択すると、3D モデルの底部が起点になります。たとえば、[ Y ] に [ 0 cm ] を設定すると、接地面のグリッドにぴったり合うので、オブジェクトが宙に浮いてしまう失敗を防げます。

[ プロパティ ] パネルで [ 位置 ] を確認

[ プロパティ ] パネルは、現在、選択されているシーンによって、表示される内容が異なります。[ シーン ] パネルの選択項目を確認してください。ひとつのオブジェクト全体の座標値を確認したい場合は、3D モデルのフォルダ [ coffee_withHolder ] を選択します。

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

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

The post 【Dimension】最初に覚えたい！基本操作10選「3DCGでモックアップをつくる」 first appeared on psgips.

最初に覚えたい！画像のトリミング方法10選「必要な部分を切り抜く基本操作」

古岡ひふみ — Mon, 16 May 2022 23:00:00 +0000

【Photoshop基本操作】トリミングとは、画像の不要な部分を取り除く、または、必要な部分を切り抜いて、目的の形状内で、構図を整えることを言います。Photoshop には、画像のトリミングに関した操作が、数多くあります。その代表的なトリミング方法をご紹介しましょう。

目的のサイズを決めておく！

不要な部分を取り除くトリミング以外は、作業をフリーハンドで行うなんてナンセンスです。その理由は、トリミングを行う動機として、目的とする形状や、決まったサイズがあるハズだからです。そして、拡大・縮小による、画質の劣化にも気を付けなければなりません。失敗しないトリミングには、非破壊編集が常識です。

最初に覚えたい！

画像のトリミング方法10選

[ SELECT-01 ]

[ SELECT-02 ]

[ SELECT-03 ]

[ SELECT-04 ]

[ SELECT-05 ]

[ SELECT-06 ]

[ SELECT-07 ]

[ SELECT-08 ]

[ SELECT-09 ]

[ SELECT-10 ]

選択範囲で切り抜く

スクリーンショットの不要な部分を取り除く場合など、切り抜く境界線がハッキリした画像に適しています。直感的な操作で手早く切り抜くことができます。

【操作方法】

[ ツール ] パネルで、[ 長方形選択ツール ] を選択します。

[ 長方形選択ツール ] を選択

ドキュメントの必要な部分をドラッグして、選択範囲を作成します。

必要な部分をドラッグ

[ イメージ ] メニューから、[ 切り抜き ] を選択して適用します。

選択範囲がそのまま残っているので、[ command ( Ctrl ) ] + [ D ] キーを押して、選択を解除します。

[ 切り抜き ] を適用

変形値表示の無敵ツール

[ 長方形選択ツール ] で選択範囲を作成するとき、カーソルの近くに状況に応じた変形値が表示されます。ピクセル単位の詳細な操作性と利便性は、他のツールの追随を許さないほどのパフォーマンスがあります。

レッスン動画を配信中！

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

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

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

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

The post 最初に覚えたい！画像のトリミング方法10選「必要な部分を切り抜く基本操作」 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.

【テクスチャ】ゼロからつくる！涼しげな水の波紋「濃淡のグラデーションから生成する」【2020】

古岡ひふみ — Mon, 11 Jan 2021 23:00:00 +0000

【Photoshop講座】水の波紋には、幾重にも広がる輪や規則正しいリズムがあります。その物静かな清涼感や環境イメージは、タイトルや商品などを意図的にアピールする手法とされています。

グラデで決まる！

波紋の生成に [ ジグザグ ] を使う方法では、元のピクセルを変形させるので、それに適した濃淡のグラデーションが必要になるワケです。

ハイライト部分が水面の輝き色、シャドウ部分が最深部の水色です。明るい色を左上に配置することで、視覚的な遠近感が表現できます。

ゼロからつくる！

涼しげな水の波紋

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

何もない状態から水の波紋を描く

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

ベース色を設定する

「涼しげな水の波紋」は、ドキュメントを正方形から長方形に変形させる方法を取ります。このため、手順の前半は、真上から見た波紋を想定しながら行います。

【操作方法】

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

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

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

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

新規ドキュメントを作成

サイズで効果が変わる！

「涼しげな水の波紋」は、フィルターの機能によって、ピクセルレイヤーを変形します。作例より大きいドキュメントサイズでは、輪の数が多くなり、小さなドキュメントサイズでは、輪の数が少なくなります。

レッスン動画を配信中！

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

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

グラデーションを設定

ベースにする色は、[ グラデーション ] 塗りつぶしレイヤーで設定します。波紋を生成するには、濃淡のグラデーションが必要です。単調にならないように、中間調にもカラーを設定しましょう。

【操作方法】

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

[ グラデーション 1 ] を作成

[ グラデーションで塗りつぶし ] ダイアログで、[ クリックでグラデーションを編集 ] をクリックして、[ グラデーションエディター ] ダイアログを表示します。

[ クリックでグラデーションを編集 ] をクリック

[ グラデーションエディター ] ダイアログで、次のグラデーションを設定して、[ OK ] をクリックします。

基本がわかる！グラデーションの作り方

[ グラデーションエディター ] を設定

【設定値】

[ 位置 : 0 % ] [ 不透明度 : 100 % ]

[ 位置 : 100 % ] [ 不透明度 : 100 % ]

[ 位置 : 0 % ] [ カラー : H : 209°/ S : 95 % / B : 66 % ]

[ 位置 : 50 % ] [ カラー : H : 198°/ S : 32 % / B : 89 % ]

[ 位置 : 100 % ] [ カラー : H : 206°/ S : 6 % / B : 99 % ]

[ グラデーションで塗りつぶし ] ダイアログで、[ 角度 ] に [ 120 ]°を入力して、[ OK ] をクリックします。

[ グラデーションで塗りつぶし ] を設定

ベースの色となるグラデーションが作成できました。

ベースの色が設定できた

角度で効果が変わる！

[ グラデーションで塗りつぶし ] ダイアログで設定する [ 角度 ] は大変重要です。グラデーションの最も明るい部分が光源となるので、右上からの入射角にしたい場合は、[ 角度 ] を [ 75 ]°から [ 30 ]°までの範囲に設定します。

スマートオブジェクトに変換

ベースの色が設定できたら、ドキュメントのすべてを、スマートオブジェクトに変換しましょう。

【操作方法】

[ レイヤー ] パネルで、[ 背景 ] を [ command ( Ctrl ) ] キーを押しながらクリックして、[ グラデーション 1 ] と [ 背景 ] を選択します。

[ command ( Ctrl ) ] + クリック

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

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

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

[ スマートオブジェクトに変換 ] を適用すると、[ 背景 ] やレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、適用後の色調補正やフィルターが再編集できます。

複数のレイヤーをスマートオブジェクトに変換すると、前面のレイヤー名が反映されます。操作には影響ないですが、作例のように [ グラデーション 1 ] では、ちょっとヘンですよね (笑)。レイヤー名をダブルクリックして、任意の名称に変更することができます。

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

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

The post 【テクスチャ】ゼロからつくる！涼しげな水の波紋「濃淡のグラデーションから生成する」【2020】 first appeared on psgips.

基本がわかる！文字の変形と回転「最初に覚えたい操作とワープテキスト」

古岡ひふみ — Thu, 18 Jun 2020 23:00:00 +0000

【Photoshop基本操作】文字ツールで作成したテキストレイヤー内の文字は、後でスペルまちがいを訂正するなどの、編集可能な状態で、変形や回転を加えることができます。変形は、[ 変形 ] コマンド、[ ワープテキスト ] 機能などで行え、オプションバーとの併用で、詳細な数値入力も可能です。

目的に合った変形方法を選ぼう！

テキストレイヤーの文字が、そのまま変形できることは大変便利ですね。[ ワープテキスト ] なら、「アーチ」や「波形」など、さまざまな変形が簡単に試せます。

しかし、なんか思うように変形してくれない…と感じることもあります。その原因のひとつは、フォントが持つバウンディングスペースです。文字の変形にこだわるなら、[ シェイプに変換 ] を適用することをオススメいたします。

基本がわかる！文字の変形と回転

[ CHAPTER-01 ]

[ CHAPTER-02 ]

[ CHAPTER-03 ]

[ CHAPTER-04 ]

[ CHAPTER-05 ]

変形コマンドによる変形

[ 変形 ] コマンドは、テキストレイヤーを、そのまま、変形することができます。クリックしてカーソルを入れいれば、変形率を維持しながら、入力まちがいなどの再編集が可能です。

[ 変形 ] コマンドによる変形

テキストレイヤーには、ポイントテキスト、または、段落テキストで作成されたものがあります。変形する操作は基本的に同じですが、２つを分けて操作方法を知っておく方が効率的です。

【操作方法】

文字ツールで、ドキュメントに文字を入力します。ここでは、ポイントテキストで入力したテキストレイヤーに、縦横比を固定した変形を適用します。

文字の入力方法は？

ドキュメントに文字を入力

[ レイヤー ] パネルで、対象のテキストレイヤーが、選択されていることを確認してください。

レイヤーとは？

テキストレイヤーを選択

文字をどのように変形させたいかで、[ 変形 ] コマンドのサブメニューが異なります。ここでは、[ 編集 ] メニューから、[ 変形 ] – [ 拡大・縮小 ] を選択します。すると、テキストレイヤーの文字の範囲に、変形のバウンディングボックスが表示されます。自由変形 : [ command ( Ctrl ) ] + [ T ]

変形のバウンディングボックスを表示

右上コーナーハンドルをドラッグして、縦横比を固定した拡大・縮小の変形を行います。バージョン CC 2018 以前では、縦横比が固定されません。

右上コーナーハンドルをドラッグ

ショートカットキーを使おう！

[ command ( Ctrl ) ] + [ T ] キーを押すと、自由変形のバウンディングボックスを表示することができます。

自由変形は、それぞれのハンドルをドラッグして、個別の変形が行えるコマンドです。しかし、対象がテキストレイヤーの場合、バウンディングボックスの向かい合う辺が相対的に変形します。たとえば、バウンディングボックスが台形になる、遠近法の変形は行えません。

レッスン動画を配信中！

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

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

拡大・縮小の場合

変形の操作は、どこの変形ハンドルをドラッグするかで、その種類が決定されます。幅、あるいは、高さを拡大・縮小する場合は、四辺中央にある側面ハンドルを使用します。初期設定 : 縦横比を固定

【操作方法】

[ 編集 ] メニューから、[ 変形 ] – [ 拡大・縮小 ] を選択します。自由変形 : [ command ( Ctrl ) ] + [ T ]

四辺中央にある側面ハンドルを、[ shift ] キーを押しながらドラッグします。すると、水平方向、または、垂直方向を保つ変形ができます。バージョン CC 2018 以前では、[ shift ] キーを併用すると縦横比が固定されます。

側面ハンドルを [ shift ] + ドラッグ

幅と高さを同時に変形

コーナーハンドルを [ shift ] + ドラッグすると、幅、高さの変形が同時に行えます。[ shift ] キーを併用しない場合は、幅、高さの比率を固定した変形が行えます。バージョン CC 2018 以前では、操作方法が異なります。

ゆがみの場合

ゆがみとは、文字が斜めに傾いた変形を示します。操作する変形ハンドルは、[ 拡大・縮小 ] と同じ、四辺中央にある側面ハンドルです。コマンドの選択で、変形の種類が切り替わります。

【操作方法】

[ 編集 ] メニューから、[ 変形 ] – [ ゆがみ ] を選択します。

四辺中央にある側面ハンドルをドラッグします。すると、水平方向、または、垂直方向を保つ変形ができます。

側面ハンドルをドラッグ

回転の場合

文字そのものには変形を加えず、バウンディングボックスが 360° 回転します。回転は、バウンディングボックス中央にある、基準点を回転軸とします。

【操作方法】

[ 編集 ] メニューから、[ 変形 ] – [ 回転 ] を選択します。

バウンディングボックスの外側にマウスカーソルを置いてドラッグします。

バウンディングボックスの外側をドラッグ

外側ならどこでも回転

マウスカーソルの位置は、バウンディングボックスの外側ならどこでも回転させることができます。ドラッグする方向は、左回りなら下から上へ、右回りなら上から下へ、縦向きの動きを基本にするといいでしょう。

変形を確定

バウンディングボックスが表示されているうちは、現在の変形が確定されていません。[ 変形 ] コマンドは、変形を確定するまで、複数の変形を組み合わせることができます。

【操作方法】

オプションバーで、[ 変形を確定 ] をクリック、または、[ enter ] キーを押して、文字の変形を確定します。

[ 変形を確定 ] をクリック

すると、変形のバウンディングボックスが消えて、文字の変形が確定されます。

文字の変形が確定される

複数の変形を組み合わせる

[ 変形 ] コマンドによる変形では、コマンド内のメニュー (拡大・縮小、回転、ゆがみ等) を一度の操作で切り替えて使用できます。作例は、基準点を固定 + 拡大・縮小、ゆがみ、回転を併用しています。

ボックスの形がちがう？

テキストレイヤーと段落テキストのバウンディングボックスを比較してみると、その形状が異なっていることに気付きます。欧文書体では、アセンダーラインからディセンダーラインまでのスペースが取られているので、その領域に文字がなくても、バウンディングボックスの範囲とされています。

段落テキストのバウンディングスペース例

段落テキストでは、行の終わりと下にポイントテキストよりも多くスペースが取られています。これらのバウンディングボックスの大きさは、個別のフォントに書き込まれた情報によるものです。そのため、テキストレイヤーで変形する際には、どうしても付きまとう「厄介者」となるわけです。

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

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

The post 基本がわかる！文字の変形と回転「最初に覚えたい操作とワープテキスト」 first appeared on psgips.

【ロゴ】フォントでつくる！キラキラ輝く金属文字「ベベルとエンボス」

古岡ひふみ — Mon, 09 Dec 2019 23:00:00 +0000

【Photoshop講座】キラキラ輝く演出には、光源から放たれる線 (光条) を交差させる「クロス」がポピュラーです。６本の光条がある「スノークロス」を疑似的に作成して、金属の立体文字に配置しましょう。

スペクトルで差をつける！

キラキラ輝くスノークロスを、よりリアルなものにするには、光が乱反射する、虹色のスペクトルを取り入れます。放射状のグラデーションは、[ スタイル ] に [ 円形 ] を選択して、カスタム設定します。

フォントでつくる！

キラキラ輝く金属文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

キラキラ輝く光の演出を加える

これから行う操作は、入力したテキストを、立体的な金属文字に加工する方法です。レイヤースタイルでつくり出した文字列のベースに、シェイプで作成したスノークロスを配置して、キラキラ輝く光の演出を加えます。使用するフォントは、任意で設定しますが、セリフ系や明朝系の細い書体でも、対応できる技法を用います。

画像にテキストを入力

キラキラ輝く光の演出を加える

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

境界線で文字を太らせる

キラキラ輝く金属文字のベースになるフォントを素材画像 (任意のドキュメント) に入力します。特に筆記体などは、文字が細いものが多いので、効果が付きやすくするため、境界線で太らせておくことがポイントです。

【操作方法】

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

素材画像を開く

どんな画像にも対応

背景に敷く画像は、工法とは直接関係しません。キラキラ輝く光が強調できる暗い素材なら、どんな画像にも対応できます。もちろん、黒地でもかまいません。

黒地カンバスで作成した例

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

[ レイヤー 1 ] を作成

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

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

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

オプションバーで、任意のフォントを設定して、[ フォントサイズを設定 ] に、[ 36 pt ] を入力します。

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

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

任意のフォントを設定

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

整列とカラーは任意に設定

ドキュメント内をクリックして、ポイントテキストで文字を入力します。すべての文字が入力できたら、[ enter ] キーを押して、入力を確定します。

文字を入力

バランスを整えよう！

作例では省略しますが、文字列のバランスを整えるため、頭文字のサイズを大きく調整します。もちろん、そのままのサイズでも OK です。使用するフォントに合わせて、文字と文字の間隔を調整しましょう。

頭文字の大きさと位置を調整

文字列のバランスを整える

レッスン動画を配信中！

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

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

文字列を回転

ベースの文字が入力できたら、文字列を右上りに少し回転させましょう。回転の初期設定では、ボックスの中央にある、基準点の位置が固定されています。対象が筆記体の場合は、ディセンダライン (ベースラインから最底部までの領域) が多く取られているものもあります。

【操作方法】

[ 編集 ] メニューから、[ 変形 ] – [ 回転 ] を選択、または、[ command ( Ctrl ) ] + [ T ] キーを押して、変形のバウンディングボックスを表示します。

バウンディングボックスの外側をドラッグして、文字列を反時計回りに回転します。

基本がわかる！文字の変形と回転

文字列を反時計回りに回転

オブジェクトの回転ができたら、[ enter ] キーを押して変形を確定します。

[ enter ] キーを押して変形を確定

スマートさを強調する

作例で使用している書体は、繊細な筆跡が特徴です。筆記体は右上がりの方が、視覚的に安定します。文字列を少しだけ回転させておくことで、動きのあるスマートさが強調できます。

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

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

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

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

境界線を設定

ここでは、境界線を太らせる方法に、レイヤースタイルを用います。レイヤースタイルの効果なら、設定後にベースの文字列を調整したり、内容そのものだって変更できるので、とても便利です。レイヤースタイルの [ 境界線 ] は、立体的な効果の、下地としての役割があります。

【操作方法】

[ レイヤー ] パネルで、[ レイヤースタイルを追加 ] をクリックして、メニューから、[ 境界線 ] を選択します。

[ 境界線 ] を選択

[ レイヤースタイル ] ダイアログで、[ 構造 ] セクションの [ サイズ ] に [ 12 ] px を入力します。

[ 位置 ] に [ 外側 ] を選択します。

基本がわかる！レイヤースタイルの操作

[ サイズ : 12 px ]

[ 塗りつぶしタイプ ] に、[ グラデーション ] を選択します。

[ グラデーション ] を選択

[ スタイル ] に、[ シェイプバースト ] を選択します。

[ クリックでグラデーションを編集 ] をクリックします。

[ クリックでグラデーションを編集 ] をクリック

【設定値】

[ サイズ ] に [ 12 ] px を入力

[ 位置 ] に [ 外側 ] を選択

[ 描画モード ] に [ 通常 ] を選択

[ 不透明度 ] に [ 100 ] % を入力

[ オーバープリント ] を無効

[ 塗りつぶしタイプ ] に [ グラデーション ] を選択

[ グラデーション ] を設定

[ 逆方向 ] を無効

[ スタイル ] に [ シェイプバースト ] を選択

[レイヤーに整列] オン

[ 角度 ] に [ 90 ]°を入力

[ ディザ ] を無効

[ スケール ] に [ 100 ] % を入力

[ グラデーションエディター ] ダイアログで、次のグラデーションを設定します。

基本がわかる！グラデーションの作り方

[ グラデーションエディター ] を設定

【設定値】

[ 位置 : 0 % ] [ 不透明度 : 100 % ]

[ 位置 : 100 % ] [ 不透明度 : 100 % ]

[ 位置 : 0 % ] [ カラー : H : 228° / S : 16 % / B : 25 % ]

[ 位置 : 100 % ] [ カラー : H : 228° / S : 16 % / B : 75 % ]

文字列を境界線で太らせることができました。

適用前

境界線で太らせる

エッジを立体的に見せる

[ 境界線 ] の設定は、文字列を立体的に見せるために使用します。作例のような細い書体では、シルエットを太らせる役目もあります。

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

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

The post 【ロゴ】フォントでつくる！キラキラ輝く金属文字「ベベルとエンボス」 first appeared on psgips.

【ロゴ】フォントでつくる！透明アクリルの押し出し文字「3D機能を使わない押し出し」【2020】

古岡ひふみ — Sat, 19 Oct 2019 23:00:00 +0000

【Photoshop講座】このレッスンは、難しい「 3D 機能」を使わない簡単な方法です。入力した好みのフォントから、ぼかしの軌跡をハッキリさせることで、3D ソフトで作成したような、立体的な効果をつくり出すことができます。ポップでキュートな、透明アクリルの押し出し文字を作成しましょう。

ぼかしの軌跡を利用する！

オブジェクトのシルエットに [ ぼかし (移動) ] を適用すると、移動した距離に、ぼかしの軌跡が残ります。これに、[ 輪郭検出 ] を適用すると、ぼかしの軌跡がはっきりして、3D ソフトで作成したような、押し出しが表現できます。といっても、これだけでは不十分です。リアルな質感を出すために、不透明な部分や、表面が反射している様子を加えていきましょう。

フォントでつくる！

透明アクリルの押し出し文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

3D機能を使わない押し出し

これから行う操作は、入力したテキストから、難しい「3D 機能」を使わずに、立体的な効果を加える方法です。使用するフォントは任意で設定しますが、作例とは違うピクセルサイズの画像では、フィルターの効果が発揮できないことがあります。透明アクリルの質感が十分に発揮できる、太い書体を選んでください。

画像にテキストを入力

押し出し文字をつくる

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

レッスン動画を配信中！

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

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

フォントを入力する

押し出し文字のベースになるフォントを、素材画像 (任意のドキュメント) に入力しましょう。後の操作では、複数のレイヤーを使用します。そのため、ひとつにまとめるグループを作成します。

【操作方法】

素材画像を開く

どんな画像にも対応

背景に敷く画像は、工法とは直接関係しません。濃いエッジ部分と対比できる明るい素材なら、どんな画像にも対応できます。もちろん、白地でもかまいません。

白地カンバスで作成した例

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

[ グループ 1 ] を作成

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

[ レイヤー 1 ] を作成

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

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

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

オプションバーで、任意のフォントを設定して、[ フォントサイズを設定 ] に [ 140 pt ] を入力します。

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

アンチエイリアスを設定: 滑らかに

任意のフォントを設定

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

ドキュメント内をクリックして、ポイントテキストで文字を入力します。すべての文字が入力できたら、[ enter ] キーを押して、入力を確定します。

文字を入力

シェイプに変換

作例では省略しますが、文字と文字のつなぎ目に修正を加えるため、テキストをシェイプに変換します。修正する必要がない場合は、テキストレーヤーのままでも OK です。テキストレイヤー、シェイプレイヤー、ピクセルレイヤー、いずれも工法は同じです。それぞれを読み換えてください。

基本がわかる！文字の変形と回転

つなぎ目に修正を加える

テキストをシェイプに変換

[ レイヤー ] パネルで、テキストレイヤー、または、シェイプレイヤーを選択します。レイヤーが選択されていることを、必ず確認してください。

シェイプレイヤーを選択

[ 編集 ] メニューから、[ 変形 ] – [ 回転 ] を選択、または、[ command ( Ctrl ) ] + [ T ] キーを押して、変形のバウンディングボックスを表示します。

バウンディングボックスの外側をドラッグして、文字列を反時計回りに回転します。オブジェクトの回転ができたら、[ enter ] キーを押して変形を確定します。

バウンディングボックスを表示

文字列を反時計回りに回転

押し出し効果を強調

押し出しの効果には、立体化したオブジェクトの側面が必要です。文字列を少しだけ回転させておくと、その懐が広くなり、擬似的な遠近感との馴染みもよくなります。文字列を斜めにすることで、押し出し効果をより強調することができます。

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

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

The post 【ロゴ】フォントでつくる！透明アクリルの押し出し文字「3D機能を使わない押し出し」【2020】 first appeared on psgips.

【画像の変形】カンタンに盛れる！デカ目＆小顔に加工する方法【顔立ちを調整】

古岡ひふみ — Sun, 21 Jul 2019 23:00:00 +0000

【Photoshop基本操作】目を大きくしたり、スッキリ小顔にする画像加工が、プロパティをコントロールするだけでカンタンにできてしまいます。[ 顔立ちを調整 ] は、画像から自動的に顔を検出して、目、鼻、口はもちろん、顔の形状や額の広さまで、それぞれが詳細に調整できるので、不自然になりがちな印象も解消できます。

左右対称に整える！

人の顔って、ホントは左右対称じゃないですよね？そのアンバランスさを整えるだけでも、[ 顔立ちを調整 ] の利用価値は大いにあります。盛るだけが顔面補正じゃない！(笑) 「目は口ほどに物を言う」ということわざ通り、目は重要な部位ですから、最後の仕上げに、少しずつ数値を変えて、見比べてみましょう。

目を大きくスッキリ小顔に補正する方法

これから行う操作は、[ ゆがみ ] フィルターの [ 顔立ちを調整 ] を使って、人物の顔を補正する方法です。作例では、明確な変化をわかりやすくするため、Max 値を基準に用いています。くれぐれも違和感のない補正を、優先してくださいね。

画像から顔を自動検出する

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

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

素材画像を開く

photo by TheDigitalArtist

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

[ スマートオブジェクトに変換 ] を適用

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

[ スマートオブジェクトに変換 ] を適用すると、[ 背景 ] やレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、適用後の色調補正やフィルターが再編集できます。[ 背景 ] に適用すると、レイヤー名が [ レイヤー 0 ] に変更され、[ 背景 ] では設定できなかった [ 描画モード ] や [ 不透明度 ]、[ 位置をロック ] などが有効になります。

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

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

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

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

[ レイヤー ] メニューから、[ ゆがみ ] を選択します。[ ゆがみ ] プロパティパネルで、[ 顔立ちを調整 ] セクションを展開します。

[ 顔立ちを調整 ] をクリック

[ ゆがみ ] プロパティパネルで、[ 顔ツール ] を選択します。

[ 顔ツール ] を選択

すると、プレビュー画面に、自動検出されている顔マーカーが表示されます。

目、鼻、口などの部位にカーソルを合わせると、それぞれの形状を象ったコントローラーが表示されます。

画像から顔が自動検出される

直感的なドラッグ操作！

[ 顔立ちを調整 ] では、[ 顔ツール ] により直感的なドラッグ操作が行えます。マーカー上にあるコントロールポイントをドラッグすることで、水平方向、または、垂直方向、回転などの変形ができます。目、鼻、口は、部位単位で移動することもできます。

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

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