Photoshop養成ギプス

デザイナーになりたい人のための初級Photoshop講座です。

基本がわかる!マスクの種類と作り方【1】

-
psgips
基本がわかる!マスクの種類と作り方【1】
【Photoshop基本操作】マスクとは不要な部分を消す機能です。Photoshop の作業で頻繁に行われる「オブジェクトの切り抜き(型抜き)」は、そのほとんどがマスクを利用しています。自然で滑らかな境界線が作成できるので、あらゆるテクニックの要となる存在です。まず、マスクの大まかなことを知りましょう。
0.5ピクセルの勝負!
「切り抜き」という言い方が定着していますが、マスクでの切り抜き方は、型紙のようなもので抜く「型抜き」です。その型紙を作るテクニックが求められます。なので、ハサミのようにパパッと切り抜いてしまっては、マスク本来のパフォーマンスが引き出せません。切り抜きの境界線は、1 pixel より小さい0.5 pixel の勝負です。そのような繊細さがなければ、マスクは攻略できません。

【ファイルの配置】文字をパースに合わせて変形する【シェイプに変換】

-
psgips
【ファイルの配置】文字をパースに合わせて変形する【シェイプに変換】
【Photoshop講座】[文字ツール]で入力したテキストにパースを付けるには、[ワープ]のカスタム設定を使用すれば可能です。しかし、この方法では、どうしても違和感が出てしまうし、微調整するのもひと苦労です。テキストレイヤーを[シェイプに変換]でアウトライン化することで、遠近法に忠実な変形が一度で行えます。
デジカメで撮影した画像に合わせよう!
[シェイプに変換]を使用するメリットは、遠近法に忠実な変形が行えることです。遠近法とは、「三点透視図法」に代表されるように、幅、高さ、奥行きの構造線が、遠くへ行くほど1点に集約するものです。これを勘に頼って変形するには、かなりの能力と労力を必要としますよね? いや、不可能と言ってもいいでしょう。
しかし、身の回りの物体や風景には、当たり前のように遠近法の構造線が含まれています。デジカメで撮影した画像のパースに合わせれば、正確な変形が簡単にできます。

【ファイルの配置】座標値にぴったり合わせる【基準点の位置】

-
psgips
【ファイルの配置】座標値にぴったり合わせる【基準点の位置】
【Photoshop講座】配置したファイル(画像)を正確な座標値に移動したい場合は、[変形]コマンドのバウンディングボックスを活用します。バウンディングボックスの座標値がオプションバーに表示され、[基準点の位置]をクリックして、どの位置の座標値を表示するかを切り替えられます。
ショートカットキーですばやく設定!
変形のバウンディングボックスは、[command(Ctrl)]+[T]キーを押すと表示できます。オブジェクトを変形するだけではなく、オプションバーで[基準点の位置]が確認できるので、正確な座標値で移動することが可能になります。

EPS形式で保存する失敗しないオススメ設定はコレ!

-
psgips
EPS形式で保存する失敗しないオススメ設定はコレ!
【Photoshop講座】EPS 形式とは、ベクトル画像、ビットマップ画像の両方のデータを保持できる、主に印刷用のファイル形式ですが、ファイルを保存するときに表示される[EPS オプション]を、何も気にせず[OK]をクリックしていませんか? たとえば、初期設定のままだと、データ容量が大きくなり過ぎて、取り扱いに困る迷惑な入稿データになってしまいます。
ファイルサイズを小さくする設定をしよう!
そもそも、EPS 形式とは何かというと、ポストスクリプトプリンターで出力することを前提とした、主に印刷用の「古い伝統的」なファイル形式です。なので、わざわざ EPS 形式でファイルを作成、保存する必要性があるのか? そのことをまず確認しましょう。
EPS 形式は、DTP アプリケーションなどで作業を円滑に進めるため、元データを保持しながら低解像度のプレビュー画像を表示することができます。[TIFF]や[JPEG]といった画像のファイル形式は、ほとんどの環境でサポートされているので、これらを活用した[EPS オプション]の設定を行い、大きくなりがちなファイルサイズを小さくしましょう。

【ロゴ】フォントでつくる!コピー機でつぶれたタイプ文字

-
psgips
【ロゴ】フォントでつくる!コピー機でつぶれたタイプ文字
【Photoshop講座】既成書体を劣化させる手法は、タイトルや商品名などに幅広く使われています。比較的簡単に作成でき情緒的なイメージを演出できますが、可読性が低くなるというデメリットも持ち合わせています。何度もコピー機を通して文字がかすれつぶれてしまったようなロゴを作成しましょう。
複数のフィルタで文字を劣化させよう!
全体のフォルムを[はね]フィルタで崩して、[メゾティント]フィルタで「かすれ」を加えます。文字の周囲に散らしておくことで、より自然な仕上がりが演出できます。「つぶれ」は調整しながら[レベル補正]で行います。

【ロゴ】フォントでつくる!金属メッキのエンブレム

-
psgips
【ロゴ】フォントでつくる!金属メッキのエンブレム
【Photoshop講座】たとえば、実際の製品に付けられたロゴをグラフィック表現しなければならない場合、その材質や質感のイメージを損なうことなく、アレンジするテクニックが求められます。乗用車や家電製品に多く見られる「メッキのエンブレム」は、その代表的なものです。リアルなメッキの光沢感をグラフィック表現しましょう。
エッジの側面に乱反射をつくる!
金属メッキの大半は、グラデーションによる平面的な映り込みで表現できます。たとえば、具体的な像が映る「鏡面」には、グラデーションに変えて、実写の風景などを使う方法も考えられます。課題とされるのは、立体的にするエッジの側面です。通常の質感を持つオブジェクトでは、光の入射角度に対して明るくなりますが、金属メッキのオブジェクトでは逆方向にして、階調のねじれを表現することがコツです。

【テクスチャ】ゼロからつくる!豪華な天然大理石【2】

-
psgips
【テクスチャ】ゼロからつくる!豪華な天然大理石【2】
【Photoshop講座】ランダムに生成される[雲模様 1]をベースに、大理石風のマーブル模様を抽出して、[ラップ]で重厚な結晶の質感を加えます。ギリシャ建築のような贅を尽くした高級石材をイメージして仕上げましょう。
結晶の透明感を表現しよう!
重ね合わせたマーブル模様に、それぞれ異なる色を設定して、色の深みを出すとともに結晶の透明感を表現します。描画モードによって画像はカンタンに合成できますが、それだけでは「遠近感」を表現できません。ベースのマーブル模様の彩度や明度を調整して、少しトーンを弱くしておきましょう。

【テクスチャ】ゼロからつくる!豪華な天然大理石【1】

-
psgips
【テクスチャ】ゼロからつくる!豪華な天然大理石【1】
【Photoshop講座】ランダムに生成される[雲模様 1]をベースに、大理石風のマーブル模様を抽出して、[ラップ]で重厚な結晶の質感を加えます。ギリシャ建築のような贅を尽くした高級石材をイメージして仕上げましょう。
平坦な断面を意識しよう!
ランダムに描かれた模様を際立たせることで、起伏を感じさせないベースをつくり、同様の模様を縦横無尽に重ね合わせ、より起伏感を分散させるよう意識して作成しましょう。

【テクスチャ】ゼロからつくる!赤錆びた鉄扉【3】

-
psgips
【テクスチャ】ゼロからつくる!赤錆びた鉄扉【3】
【Photoshop講座】画像の粒子を[ベベルとエンボス]で隆起させ、塗料の剥がれたリアルな錆色を[グラデーションマップ]で表現します。グレースケール(モノクロ)画像を着色する観察力を身につけましょう。
レイヤースタイルをとことん使おう!
立体的な効果が簡単に作成できる[ベベルとエンボス]は、数値を探りながら最適な設定ができるゴキゲンな機能です。細かい粒子でも起きてくれます。

【テクスチャ】ゼロからつくる!赤錆びた鉄扉【2】

-
psgips
【テクスチャ】ゼロからつくる!赤錆びた鉄扉【2】
【Photoshop講座】画像の粒子を[ベベルとエンボス]で隆起させ、塗料の剥がれたリアルな錆色を[グラデーションマップ]で表現します。グレースケール(モノクロ)画像を着色する観察力を身につけましょう。
色付けのために階調を増やしておく!
ゴツゴツした質感を出そうとすると、どんどん階調範囲は狭くなっていくものです。その対象が細かいノイズだったら、さらにその範囲は限定されてしまうでしょう。あらかじめ、隆起させる部分を[色域指定]で選択しておき、その範囲をコピーしたレイヤーを2まい作成し、片方をぼかして階調を増やしましょう。