CC 2018| psgips

【色の校正】CMYK変換で再現できない色を確認する方法【色域外警告】

古岡ひふみ — Sun, 07 Oct 2018 23:00:00 +0000

【Photoshop基本操作】商業印刷の場合、RGB カラーの画像は、CMYK カラーへモード変換する必要があります。しかし、CMYK では、色の表現方法が異なり、RGB の色をすべて、再現できるわけではありません。色校正で大幅な修正をしなくて済むように、あらかじめ、[ 色域外警告 ] で確認しておきましょう。

色域外とは何か？を考える

たとえば、明度が同じでも、微妙に異なる色相で、陰影を表した箇所があるとします。その色が CMYK の色域外であったなら、同じ近似色に変換されて、フラットな印象になってしまう可能性があります。

これをトーンジャンプ (階調トビ) といい、商業印刷では、最善の注意を払わなければならないポイントのひとつです。変換前に色域外を確認して、CMYK 変換で最大の効果が発揮できるようにしましょう。

CMYK変換で

再現できない色を確認する方法

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

色域外警告を表示する方法

これから行う操作は、RGB カラーから CMYK カラーへモード変換するとき、あらかじめ注意する箇所を知り、改善するための校正機能である、[ 色域外警告 ] を表示する方法です。[ 色域外警告 ] は、CMYK カラーでプレビュー表示して、トーンジャンプを未然に防ぐための調整を行います。

目次に戻る

レッスン動画を配信中！

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

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

CMYKでプレビューする

RGB カラーから CMYK カラーへモード変換すると、元の RGB カラーの発色に戻すことができません。そのため、Photoshop では、CMYK でプレビューする機能があります。

【操作方法】

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

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

素材画像を開く

photo by P_and_A Internatinal

[ 表示 ] メニューから、[ 色の校正 ] を選択します。

[ 色の校正 ] を選択

すると、CMYK 変換後の画像がプレビューできます。

再現できる色が少ない！

CMYK カラーは RGB カラーに比べ、再現できるカラースペースが極端に狭いため、その色の近似色に置き換えて表現します。そのため、RGB カラー特有の鮮やかな色は、暗く濁ったような色に、変換される場合があります。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【色の校正】CMYK変換で再現できない色を確認する方法【色域外警告】 first appeared on psgips.

【画像の配置】複数のオブジェクトを中央に揃える方法「移動ツール・整列オプションの使い方」

古岡ひふみ — Thu, 04 Oct 2018 23:00:00 +0000

【Photoshop基本操作】ドキュメントに配置したオブジェクト (画像・図形・文字等) は、[ 移動ツール ] で自由に動かすことができます。しかし、複数のレイヤーオブジェクトを、アートボード、または、カンバスの中央に揃えたい場合は、[ 整列 ] オプションを使用すれば、正確で効率的な操作が行えます。

選択範囲内で揃える！

[ 整列 ] オプションの活用方法は、選択範囲との併用で拡がります。選択範囲を作成しない場合は、最背面のレイヤーオブジェクトの位置を基準とするので、[ 整列 ] オプションは、その領域内でしか働きません。

すべてのレイヤーオブジェクトを、アートボードの中央に揃えるには、まず、[ すべてを選択 ] で、アートボードの領域を選択します。

複数のオブジェクトを

中央に揃える方法

− 整列オプションの使い方 −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

整列で中央に揃える方法

これから行う操作は、[ 移動ツール ] の [ 整列 ] オプションを使用して、複数のレイヤーオブジェクトを、アートボード、または、カンバスの中央に揃える方法です。揃える基準点は、全部で９箇所です。垂直方向と、水平方向の移動を組み合わせて、トランスポーターのピクトマークを完成させましょう。

目次に戻る

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

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

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

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

レイヤーを確認する

素材画像を開いて、現在、ドキュメントが、どのようなレイヤー構造で作成されているかを確認しましょう。

【操作方法】

素材画像 ( PSD ドキュメント) をダウンロードして開きます。作例では、[ 幅 : 512 pixel ] × [ 高さ : 512 pixel ] の [ RGB カラー ] を使用しています。

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

素材画像 ( PSD ドキュメント) を開く

[ レイヤー ] パネルで、２つのレイヤーオブジェクトを確認してください。白いアートボードに、正円のシェイプと、荷物を載せた台車のピクトグラムが、ドキュメントの左上に揃っています。

２つのレイヤーオブジェクトを確認

左上に揃ったオブジェクト

[ 整列 ] オプションが利用できるのは、同じドキュメントに配置された、透明ピクセルを含むビットマップ画像、または、シェイプレイヤーやテキストレイヤーです。

作例で使用しているオブジェクトは、[ 楕円形ツール ] で作成したシェイプレイヤーと、Illustrator で作成したアウトラインデータを、Photoshop 上で変換したものです。それぞれのオブジェクトは、ドキュメントの左上を基準点として配置されています。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【画像の配置】複数のオブジェクトを中央に揃える方法「移動ツール・整列オプションの使い方」 first appeared on psgips.

【ガイド】ドキュメントサイズに最適なマージンを素早く作成する方法【スナップ】

古岡ひふみ — Mon, 17 Sep 2018 23:00:00 +0000

【Photoshop基本操作】ドキュメントの四方にマージン (余白) を設ける場合、[新規ガイドレイアウトを作成] を使用すれば、ピクセル単位の設定値で、カンタンにガイドを作成することができます。しかし、レイアウトを比率で割り出したい場合には、マージンの最適な距離が、予測しづらいかも知れません。ドキュメントサイズから縮小した、オブジェクトにスナップさせながら、マージンガイドを素早く作成しましょう。

画面比率によって異なる適正値！

マージンの最適な距離は、視覚的な影響により、狭くなったり広くなったりするものです。たとえば、対象のドキュメントが、名刺サイズでは狭く、A4 サイズでは広くなります。また、縦横比率によっても異なります。横長の長方形では、垂直方向が広く、水平方向が狭くなります。

最適なマージンガイドを作成する方法

これから行う操作は、ドキュメントサイズに最適な距離の、マージンガイドを作成する方法です。マージン値に明確な規定などはありません。しかし、ドキュメントサイズの大きさに対して、80 % 〜 90 % の有効領域を定義して、オブジェクトの端に吸着する「スナップ機能」を活用すると、作業効率は大幅にスピードアップします。

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

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

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

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

レイヤーを白く塗りつぶす

任意の新規ドキュメントを作成、または、素材画像を開きます。

[ 表示 ] メニューから、[ 定規 ] を選択して表示します。

基本がわかる！ガイドの作成

[ 定規 ] を表示

[ 表示 ] メニューから、[ スナップ先 ] – [ レイヤー ] を選択します。

[ レイヤー ] にチェックマークを入れる

スナップとは？

[ スナップ ] とは、選択範囲やシェイプなどを、正確に配置するための機能で、チェックマークが付けられた項目は、それぞれの設定位置、移動位置に、ぴったり吸着させることができます。[ スナップ先 ] の [ レイヤー ] が有効な場合、レイヤーオブジェクトの端にガイドが吸着するようになります。

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

基本がわかる！レイヤーの使い方

[ レイヤー 1 ] を作成

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

[ 内容 : ホワイト ] を選択

新規レイヤーを [ ホワイト ] で塗りつぶすことができました。

レイヤーを白く塗りつぶすことができた

塗りつぶしてオブジェクト化する！

新規レイヤーを塗りつぶす操作は、オブジェクトの端に吸着させる [ スナップ ] を有効にするためのものです。塗りつぶすことで、ピクセル情報を生成して、対象のドキュメントサイズと同じ大きさのオブジェクトを作成します。このため、塗りつぶす色は何でもかまいません。

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

古岡ひふみ

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

psgips.net

The post 【ガイド】ドキュメントサイズに最適なマージンを素早く作成する方法【スナップ】 first appeared on psgips.

【描画色】Webブラウザからカラーをサンプリングする方法【スポイトツール】

古岡ひふみ — Fri, 14 Sep 2018 23:00:00 +0000

【Photoshop基本操作】[ スポイトツール ] で画像内をクリックすると、カラーはカンタンに採取できます。しかし、Photoshop 以外の表示領域では、同様にサンプリングすることができません。たとえば、Web ブラウザに表示されているカラーを、すばやく調べたい…そんなときは、この裏技が大変便利です。

ウィンドウを同時に表示する！

デスクトップ画面をすべて覆う「アプリケーションフレーム」では、Photoshop から、他のアプリケーション画面へ、完全に切り替わってしまいます。つまり、サンプリング箇所に移行する操作が行えません。アプリケーションフレームを縮小、または、機能を無効にして、デスクトップ画面に、ドキュメントウィンドウとサンプリング箇所を、同時に表示しましょう。

Webブラウザのカラーを採取する方法

これから行う操作は、Web ブラウザに表示されているカラーを、サンプリング (採取) する方法です。この方法は、Web ブラウザに限らず、パソコン画面に表示されている、すべての領域で可能です。まずは、デスクトップ画面が表示されるように設定しましょう。

Web ブラウザを表示

カラーをサンプリングする

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

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

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

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

フレームを無効にする

[ ウィンドウ ] メニューから、[ アプリケーションフレーム ] を選択して、チェックマークを外します。

アプリケーションフレームの有効時

アプリケーションフレームを無効

Photoshop パネル類の背景に、デスクトップ画面が表示されます。デスクトップにピクチャを設定している場合

背景にデスクトップ画面が表示される

アプリケーションフレーム？

アプリケーションフレームとは、Photoshop の作業で使う、ツールやパネルなどの要素を、ひとつのウィンドウ上にまとめたフレームです。無効にすると、ドキュメントウィンドウが分離され、背景にデスクトップ画面が表示されます。

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

古岡ひふみ

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

psgips.net

The post 【描画色】Webブラウザからカラーをサンプリングする方法【スポイトツール】 first appeared on psgips.

【選択範囲】正確な開始点をすばやく見つける方法【楕円形選択ツール】

古岡ひふみ — Tue, 11 Sep 2018 23:00:00 +0000

【Photoshop基本操作】選択範囲の開始点は、四角形のコーナーに設定されているため、球体などの円形を選択する場合は、オブジェクトの境界から離れた、何もないところを探さなくてはなりません。[ 定規 ] の交差点をドラッグすると表示される、十字線を活用すれば、見つけにくい開始点を、正確に知ることができます。

交差点を座標ゼロにする！

[ 定規 ] の交差点 (原点) は、移動することができます。選択範囲の開始点を、座標 0 (ゼロ) にしよう！…というのが、この裏技の着眼点です。そのため、座標を読む習慣は、身につけておきたいですね。

水平軸は [ X ]、垂直軸は [ Y ]。覚えておくのは、これだけです。[ 定規 ] の交差点を移動して、選択範囲の開始点を X : 0、Y : 0 に設定してみましょう。

球体に選択範囲を作成する方法

これから行う操作は、球体オブジェクトに、正確な選択範囲を作成する方法です。[ 楕円形選択ツール ] を使用しますが、選択範囲の開始点をすばやく見つけ出すところに「裏技」があります。

方法は極めてカンタンです。[ 定規 ] の交差点を移動して、座標値を X : 0、Y : 0 に設定します。

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

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

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

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

定規から十字線を引き出す

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

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

素材画像を開く

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

[ 楕円形選択ツール ] を選択

[ 表示 ] メニューから、[ 定規 ] を選択して、ドキュメントウィンドウに [ 定規 ] を表示します。

[ 定規 ] を表示

[ 定規 ] の交差点 (ドキュメントの左上) から、ドキュメント内へドラッグします。すると、マウスカーソルの位置を中心とした、十字線が表示されます。

[ 定規 ] の交差点をドラッグして十字線を表示

原点を設定する機能！

[ 定規 ] の交差点から引き出せる十字線は、[ 定規 ] の目盛りの原点 ( 0 の位置) を変更するためのものです。マウスボタンを離すと、[ 定規 ] の新しい原点が表示されます。

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

古岡ひふみ

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

psgips.net

The post 【選択範囲】正確な開始点をすばやく見つける方法【楕円形選択ツール】 first appeared on psgips.

【効果】曇り空を夕焼けに！サンプル画像の色調に合わせる方法【カラーの適用】

古岡ひふみ — Mon, 27 Aug 2018 23:00:00 +0000

【Photoshop基本操作】一般的な色調補正は、元画像のカラー情報を増減させて行います。しかし、[ カラーの適用 ] では、別画像のカラー情報に置き換えて、全体の色調をまるごと変換します。たとえば、静寂な青い海を、エネルギッシュな夕景に変えることだって可能です。サンプル画像の色調に合わせましょう。

予測不能な面白さを狙う！

[ カラーの適用 ] は、複数の画像間でのカラーを一致させるための機能です。しかし、そのような微調整ではなくて、まったく異質な色調に変換したい場合、その予測不能な面白さは痛快です。彩度が高ければ、階調が失われがちになります。そのため、適切な [ 輝度 ] を、設定することがポイントとなります。

サンプル画像の色調に合わせる方法

これから行う操作は、ソース (サンプル) 画像のカラーで、ターゲット (加工対象) 画像のカラーを一致させる方法です。

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

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

夕日や白熱灯などで撮影した写真は、色温度の減少によって、赤みがかった印象になりやすいです。また、早朝や日陰などで撮影した写真は、色温度の増大によって、青みがかった印象になりやすいです。

このような色調の違いを、色調補正ツールで調整するのは、技術も労力も必要とします。もっと簡単に、色調を統一させたい…。そんなときは、[ カラーの適用 ] を試してみましょう。

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

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

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

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

２つの素材画像を開く

ソース画像とターゲット画像、２つの素材画像を開きます。

ソース画像 [ urban_sunrise.jpg ] をクリックして表示します。

ソース画像を表示

ソース画像の選び方！

[ カラーの適用 ] で重要なのは、ソース画像です。それは、ソース画像によって、結果が大きく異なるからです。たとえば、ターゲット画像に、多くのカラーが含まれている場合、ソース画像にモノトーンを選ぶと、比較的簡単に色調は統一できます。

しかし、ターゲット画像がモノトーンで、ソース画像に、多くのカラーが含まれている場合、色調の統一は非常に難しくなります。この場合、ソース画像には、ひとつの色系で統一されたものが適しています。

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

古岡ひふみ

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

psgips.net

The post 【効果】曇り空を夕焼けに！サンプル画像の色調に合わせる方法【カラーの適用】 first appeared on psgips.

【レタッチ】青空から鳥影を瞬時に消す方法【スポット修復ブラシツール】

古岡ひふみ — Sun, 26 Aug 2018 06:11:00 +0000

【Photoshop基本操作】バージョンアップを重ねるごとに、精度を増したスゴイ機能 [ コンテンツに応じる ]。これは、自動的に周囲のカラー情報を解析して、いいカンジに修復してくれるというものです。その「コンじる」を搭載した [ スポット修復ブラシツール ] を使って、青空から鳥影を瞬時に消してみましょう。

ブラシ直径を対象物で調整！

[ コンテンツに応じる ] は、その領域が狭いほど処理能力は向上します。たとえば、対象物をカバーできる最低限の大きさ × 1.5 倍を、あらかじめブラシ直径に設定しておけば、 [ スポット修復ブラシツール ] は、ワンクリックで見事に修復してくれます。

ワンクリック修復を目指す！

これから行う操作は、[ スポット修復ブラシツール ] を使用して、青空に飛ぶ不要な鳥影を瞬時に消す、レタッチ (画像修復) 作業です。[ スポット修復ブラシツール ] は、クリックやドラッグするだけで、ゴミやキズなどを一瞬で消すことができますが、対象物が大きくなると、難易度も高くなります。より効率的な作業を行うために、まず論理的なアプローチ方法を探っていきましょう。

消し跡が残りやすい！

消したい鳥影の背景は、青空が滑らかなグラデーションとなって、濃淡が変化しています。次の作例は、[ コピースタンプツール ] などで安易に修正すると、消し跡が残ってしまうケースです。

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

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

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

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

対象物の大きさを計測する

素材画像をダウンロードして開きます。素材画像は、港の風景を撮影したものですが、カメラの前を通りかかった、カモメが偶然写ってしまった失敗例です。このカモメをワンクリックで消しましょう。

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

素材画像を開く

[ ツール ] パネルで、[ ズームツール ] を選択して、消したい対象物の箇所をドラッグして拡大します。

[ ツール ] パネルで、[ ものさしツール ] を選択して、消したい対象物の最大直径をドラッグします。

オプションバーで、[ L1 ] の計測値をメモします。

[ L1 ] の計測値をメモする

大まかなサイズを知る！

[ スポット修復ブラシツール ] の [ コンテンツに応じる ] は、クリックしたブラシサイズの周辺に隣接する、ピクセルを自動的に解析します。ブラシの [ 直径 ] を設定する目安として、消したい対象物の大まかなピクセルサイズを確認しましょう。

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

古岡ひふみ

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

psgips.net

The post 【レタッチ】青空から鳥影を瞬時に消す方法【スポット修復ブラシツール】 first appeared on psgips.

【レタッチ】画像内の人物を移動して自動修復する方法【コンテンツに応じた移動ツール】

古岡ひふみ — Thu, 09 Aug 2018 23:00:00 +0000

【Photoshop基本操作】画像内の対象物が切り抜きオブジェクトのように移動できれば、デザインの自由度は広がります。[ コンテンツに応じた移動ツール ] は、移動元の穴埋めと移動先の境界線を、一度に自動修復してくれるツールです。意図したレイアウトに合わせて、計画的に画像内の主体を移動させましょう。

均等な間隔と単純化！

[ コンテンツに応じた移動ツール ] は、選択範囲をドラッグするだけで、移動元の穴埋めと、移動先の境界線を、何もなかったように自動修復する、驚くべきツールです。

しかし、そのパフォーマンスを最大限に活かすには、移動領域に作成する、選択範囲にコツがあります。均等な間隔を設けて、単純化した形状に編集しましょう。

画像内の人物を移動して

自動修復する方法

− コンテンツに応じた移動ツール −

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

人物を移動して構図を変える方法

これから行う操作は、元画像の要素を移動して構図を変える方法です。作例の素材画像は、浜辺を歩く人物が中央に配置されています。これを左側へ移動することで、中央に空間を設けます。

[ コンテンツに応じた移動ツール ] は、対象画像を描画して修復する機能です。そのため、要素の移動は一発勝負となります。計画的に操作する方法も学びましょう。

目次に戻る

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

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

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

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

背景を複製する

元画像を保護するため、背景を複製しておきましょう。[ コンテンツに応じた移動ツール ] は、非破壊編集には対応していません。

【操作方法】

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

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

素材画像を開く

シームレス化しやすい素材

ここでは、素材画像に浜辺を歩く女性を使用しています。[ コンテンツに応じた移動ツール ] は、作成した選択範囲に隣接するよく似たピクセルで穴埋めするため、海や砂浜のような、シームレス化しやすい素材が適しています。

[ レイヤー ] パネルで、[ 背景 ] を [ 新規レイヤーを作成 ] にドラッグして、[ 背景のコピー ] を作成します。

基本がわかる！レイヤーの使い方

[ 背景のコピー ] を作成

修正するための複製

レイヤーの複製は、後の手順で元画像をレイヤーマスクで抽出して、不自然な部分を修正するためのものです。元画像を保護する必要がない場合でも、[ 背景のコピー ] を作成してください。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【レタッチ】画像内の人物を移動して自動修復する方法【コンテンツに応じた移動ツール】 first appeared on psgips.

【ロゴ】フォントでつくる！複写機で劣化したタイプ文字

古岡ひふみ — Sun, 29 Jul 2018 23:00:00 +0000

【Photoshop講座】既存フォントを劣化させる手法は、情緒的なイメージが簡単に演出できるので、タイトルや商品名などに幅広く使われています。複写機を何度も通して、繊細な形がつぶれてしまった、タイプライター風のロゴを作成しましょう。作例で使用する「 Courier 」は、オーソドックスな等幅フォントです。

可読性に気をつけよう！

文字をつぶし過ぎると読みづらくなるので、ベースに使用するフォントの種類や、文字間にも注意しましょう。タイプライター系のフォントは、縦線と横線が均一な太さで、エッジには力強いセリフ ( インク溜め ) が付いています。これは、劣化による可読性を考えたデザインです。これなら、つぶし甲斐もありますね (笑)。

フォントでつくる！

複写機で劣化したタイプ文字

[ STEP-01 ]

[ STEP-02 ]

[ STEP-03 ]

[ STEP-04 ]

[ STEP-05 ]

[ STEP-06 ]

テキストをタイプ文字風に加工

これから行う操作は、入力したテキストを、複写機で劣化した、タイプ文字風に加工する方法です。複数のフィルターで、形状を崩して、レイヤースタイルの効果で、背景紙と馴染ませます。

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

目次に戻る

レッスン動画を配信中！

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

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

フォントを入力する

タイプ文字のベースになるフォントを、素材画像 (任意のドキュメント) に入力します。タイプ文字風の書体がベストですが、スタンダードなゴシック体でも、複写機で劣化した効果をつけることができます。

【操作方法】

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1280 pixel ]、[ 高さ : 853 pixel ] 、[ 解像度 : 72 pixel/inch ]、[ カラーモード : RGBカラー ] を使用しています。背景に敷く素材は、破いた紙やくしゃくしゃの紙などを使用すると、劣化したタイプ文字がより象徴できるでしょう。

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

素材画像を開く

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

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

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

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

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

任意のフォントを設定

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

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

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

文字を入力

文字の間隔を空けよう！

作例で使用している「Courier」は、等幅フォントと言われる、文字幅が変化しないものです。そのため、文字の間隔は、設定していません。複写機で劣化した効果は、隣接する文字が近いと出にくくなります。

トラッキングを設定

文字によって文字幅が異なる、プロポーショナルフォントを使用する場合は、あらかじめ、トラッキングなどで、文字の間隔を少し空けておくと効果的です。

目次に戻る

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

古岡ひふみ

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

psgips.net

The post 【ロゴ】フォントでつくる！複写機で劣化したタイプ文字 first appeared on psgips.

【効果】ピントを変える！擬似的な被写界深度をつくる方法【ハイパス】

古岡ひふみ — Wed, 11 Jul 2018 23:00:00 +0000

【Photoshop基本操作】近くのものをハッキリと、遠くのものをボンヤリと見せたい場合、それぞれの領域で、シャープとブラーを、個別に適用することが考えられます。しかし、その境界線が不自然になったり、マスクで抽出したり、何かと操作が面倒そうですね。もっと簡単な方法があります。擬似的な被写界深度を調整しましょう。

シャープの反転はブラー？

[ ハイパス ] で行うシャープの効果は、ハロー (光がぼやけて見える現象) を設けてエッジを強調するものです。

ここでは、これを描画モード [ オーバーレイ ] で増幅させているので、画像の階調を反転すると負の値になり、シャープと正反対の効果、つまり、ブラー (ぼかし) の効果に変わります。これは、ちょっとした魔法ですね。操作の省力化はもちろん、シャープからブラーに切り替わる境界線も自然です。

擬似的な被写界深度をつくる方法

これから行う操作は、擬似的な被写界深度をつくる方法です。被写界深度とは、カメラレンズのピントが合う前後の範囲を表します。ピント範囲が広いことを「被写界深度が深い」といい、狭いことを「被写界深度が浅い」といいます。

作例では、近くにあるサボテンのトゲをより鮮明に補正しながら、同時に被写界深度を浅くして、手前から奥へ行くほど、ぼかしを強めていきます。

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

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

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

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

元画像を複製する

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

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

素材画像を開く

[ レイヤー ] パネルで、[ 背景 ] を [ 新規レイヤーを作成 ] にドラッグして、[ 背景のコピー ] を作成します。

[ 新規レイヤーを作成 ] にドラッグ

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

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

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

[ スマートオブジェクトに変換 ] を適用すると、[ 背景 ] やレイヤーが「スマートオブジェクト」に変換されます。スマートオブジェクトにすることで、切り抜き後の画像が再編集できます。

[ 背景 ] に適用すると、レイヤー名が [ レイヤー 0 ] に変更され、[ 背景 ] では設定できなかった [ 描画モード ] や [ 不透明度 ]、[ 位置をロック ] などが有効になります。

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

古岡ひふみ

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

psgips.net

The post 【効果】ピントを変える！擬似的な被写界深度をつくる方法【ハイパス】 first appeared on psgips.