フォト ショップ 文字 加工。 【Photoshop】写真と文字を『チョークアート風』に加工してみた!

5分でつくる、フォトショップで本物のようなメタリック文字の作り方

フォト ショップ 文字 加工

フォトショップエレメンツを起動したら、[ファイル] メニューから [新規] にカーソルを合わせ [白紙ファイル] をクリックします。 [新規] 画面が表示されたら、[OK] をクリックします。 ここでは例として以下のように設定します。 [プリセット]:日本標準用紙• [サイズ]:A4• [解像度]:300• [カラーモード]:RGBカラー ツールボックスから、文字ツールを選択します。 ドキュメントに文字を入力します。 画面下部にあるツールオプションで [ワープテキストを作成] をクリックします。 [スタイル] をクリックし、スタイルを選択します。 ここでは曲線にテキストが沿うように [円弧] を選択します。 スタイルの調整を行います。 ここでは [円弧] のカーブやゆがみを調整し [OK] ボタンをクリックします。 緑のチェックボタンをクリックして確定します。 以上で、テキストにワープを適用する手順は完了です。 フォトショップエレメンツを起動したら、[ファイル] メニューから [新規] にカーソルを合わせ [白紙ファイル] をクリックします。 [新規] 画面が表示されたら、[OK] をクリックします。 ここでは例として以下のように設定します。 [プリセット]:日本標準用紙• [サイズ]:A4• [解像度]:300• [カラーモード]:RGBカラー ツールボックスで文字ツールをクリックします。 画面下部にあるツールオプションで [シェイプに沿ったテキストの追加ツール] を選択します。 シェイプを選択します。 ここでは [楕円形を描画] を選択します。 ドキュメント上にシェイプ(形)を作成します。 シェイプの線上をクリックして文字を入力し、入力できたら緑のチェックボタンをクリックして確定します。 以上で、シェイプに沿ったテキストの入力手順は完了です。 フォトショップエレメンツを起動したら、[ファイル] メニューから [新規] にカーソルを合わせ [白紙ファイル] をクリックします。 [新規] 画面が表示されたら、[OK] をクリックします。 ここでは例として以下のように設定します。 [プリセット]:日本標準用紙• [サイズ]:A4• [解像度]:300• [カラーモード]:RGBカラー ツールボックスで文字ツールをクリックします。 画面下部にあるツールオプションで [カスタムパスに沿ったテキストの追加ツール] を選択します。 ドキュメント上でドラック(クリックした状態で移動すること)したまま線を描き、緑のチェックボタンをクリックして確定します。 線上をクリックして文字を入力し、入力できたら緑のチェックボタンをクリックして確定します。 以上で、パスに沿ったテキストの入力手順は完了です。

次の

紙スローガンで画像の様な文字の加工をしたいのですが、なんのアプリで

フォト ショップ 文字 加工

しかし「千里の道も一歩から」というように、どんな難儀な業も小さな努力を積み重ねていけば必ず成せるものです。 Photoshopでどんなことができるのかを知ると、作りたいもののイメージが広がり、やる気も上がるのではないでしょうか? それでは、どんなものが作れるのか?を11個の例でご紹介していきます。 1.Photoshopとは? Photoshopはパソコン上での写真や画像の加工・編集ができるアプリケーションソフトウェアです。 写真のプロ用のフォトレタッチ・画像合成をおこなうことや、印刷物・Web制作・イラスト制作・漫画制作・CG制作のために必要なワークスペースも用意されています。 画像を扱う制作の全般に使えるたいへん優秀なソフトです。 2.Photoshopで何ができるの? 2-1.カラー写真をレトロ風に レトロ風写真はビンテージ風・トイカメラ風写真などと呼ばれていて、古い写真の雰囲気を出すときに使われます。 おしゃれな雰囲気を出したいとき、昭和のポスターなど時代を感じさせる加工をしたいときに使われています。 2-2.曇り空を青空に 曇り空でよどんだ雰囲気の風景写真を、明るく好印象な写真にできます。 分譲マンションのチラシなど建物の写真をきれいに見せる加工にも使われています。 2-3.知らない人が写り込んでしまったのを消す 写真から人を消す加工です。 集合写真に余計な人が写り込んでしまった写真を修正したり、間違って写ってしまった物をきれいさっぱり跡形もなく消すことができます。 さまざまな写真を修正するために使われています。 2-4.虹を掛ける 雨上がりの空に虹が掛かっている…そういうシーンの写真を作りたいと思うことはありませんか?普通の空の写真に、まるで本当に掛かっているかのようにきれいな虹を掛けることができます。 2-5.ラーメンから湯気を出す 食べ物の写真に湯気を加えておいしそうに見せる加工です。 飲食店のポスター・チラシ・メニュー表など、できたての料理に湯気が立ち上っているイメージに使われています。 2-6.文字で画像を切り抜く クッキーの写真で切り抜いた文字です。 他にも芝生・空・花束など、さまざまな写真で切り抜いたら面白い切り抜き文字が作れます。 グリーティングカードや雑誌の表紙などに使われています。 2-7.髪の毛を切り抜く 人物の髪の毛を切り抜く加工です。 背景を別の色にしたり別の写真と合成する目的で使います。 雑誌やポスターなど街中のいろんなデザインに使われています。 2-8.人の肌をきれいにする シワ・しみ・くすみ・陰影などをなくし肌を整えて人の肌をきれいにする加工です。 また、写真の上から化粧をほどこすこともできます。 肌の加工は人が登場する雑誌やポスターやCMなど、ありとあらゆる場面で使われています。 2-9.文字をかっこよくする 文字に効果やスタイルをかける加工です。 ロゴデザイン・タイトル文字・チラシの見出しなどインパクトを強めたい文字に使われます。 2-10.鏡面反射を写り込ませる 床や鏡に反射して写り込んでいるような加工のことを鏡面反射といいます。 これはネットショップの商品画像をきれいに見せるなど、Web上でよく使われています。 2-11.影をつくる 人物の写真を切り抜いたとき、写真の背景に影がついていないと不自然に見えます。 そのため切り抜いた状態で影のないものには影をつくる必要があります。 これは、合成写真を自然な仕上がりにするために使われます。 このページを見ている人におすすめの商品 3.代替ソフトウェアの紹介 3-1.写真加工の代替ソフト 写真加工でPhotoshopの代わりになる無料 フリー のアプリケーションソフトウェアは、• Googleが提供している初心者にも扱いが簡単な• Photoshopの代替ソフトとして知られていますが、RGBの画像しか扱えない などがあります。 しかしそれらと比較すると、PhotoshopはAdobe社の有料な編集ソフトなだけあって、DTP・Webを問わず高度なプロ向けの編集が可能です。 3-2.画像加工の代用ソフト 画像加工ができる有料のソフトウェアでPhotoshopの代替になるものは、• Photoshopと同年代の1991年発売で、混色系イラストを得意とする• フィルターや画像編集は一切できませんが、ペンタブで絵を描くことに特化した• Mac OS Xのみ対応ですが、Photoshopよりも動作が軽くて安価なことで人気な が挙げられます。 いづれもペンタブレットでイラストを描く事に特化しているソフトなので、写真加工やwebデザインの作業をするなら断然Photoshopの方が向いています。 4.まとめ Photoshopを使えるようになると美しい加工ができます。 以下のURLはGoogleで抽出された作品例です。 素晴らしい作品がたくさん出てきますね。 あなたにも作れるようになるんです! どうでしょうか、やる気はわいてきましたか? 今後sitebookでは、上級者向けにイラストの作成・高度なテクニック・フォトレタッチの方法も盛り込んでいくので、ネタをお探しの方へのヒントにもなります。 ぜひ、をブックマークしてご活用ください! この記事はお役に立ちましたか?• いいえ 閲覧数ランキングで探す• 新着記事で探す•

次の

Photoshopで簡単にテキストをスタンプ風に加工する方法

フォト ショップ 文字 加工

まずはレイヤースタイルからやってみようか。 これが一番簡単な方法になると思うよ。 目次 本記事では3つの項目に分けてご紹介します。 文字の入力と調整 まずは簡単な文字の入力からしてみます。 Photoshopで文字を入力します。 ツールバーのテキストツールアイコンを右クリックします。 今回は「横書き文字ツール」を使用します。 テキストを入力します。 フォントの種類、大きさなどは上のメニューから調整できます。 メニューの「編集」から「自由変形」を選択し、大きさを調整します。 また、このとき文字は回転することもできます。 文字の入力と調整はここまでです。 レイヤースタイルを利用する方法 次に、「レイヤースタイル」という機能を使うことによって、少ない手順ですぐに文字の加工ができます。 レイヤーウィンドウ下より「レイヤースタイルを追加」アイコンをクリックします。 「レイヤー効果」を選択します。 「スタイル」内のチェックボックスから利用したい効果を選びます。 (複数選択可能) 「OK」を押すと適用されます。 これでレイヤースタイルが使えました。 はい!やってみます! 作業用パスと選択範囲を利用する方法 最後に、文字の部分を選択範囲として抽出し、自由に加工する方法です。 テキストを入力したレイヤーを右クリックして「作業用パスを作成」を選択します。 このように表示されます。 次に、レイヤーウィンドウで「パス」のタブをクリックします。 「作業用パス」を右クリックして「選択範囲を作成」を選び、OKを押します。 文字の部分が選択されます。 「レイヤー」タブに戻り、新規レイヤーを追加してテキストのレイヤーを非表示にします。 さらにここからは、ペンツールを使う方法と画像を使う方法に分けて紹介します。 ペンツールを使う方法 ツールボックスより「ブラシツール」を選択します。 ブラシサイズや種類などを選択します。 選択範囲内をドラッグして塗っていきます。 画像を使う方法 テクスチャ用の画像を別ファイルで開き、「すべて選択」してから「コピー」します。 文字レイヤーの上にテクスチャ画像用のレイヤーを追加し、先ほどコピーした画像をペーストします。 (背景画像が一時隠れますが問題ありません) 先ほどと同様に、作業用パスから選択範囲を作成します。 「選択範囲を反転」を選択します。 文字以外の部分が選択された形になります。 メニューの「編集」から「消去」を選ぶと、文字の部分にテクスチャ画像が反映されます。 これで完了です。 Photoshopでは文字を簡単に加工することができます。 そのうち今回は、選択範囲作成機能とブラシツールを使用して、画像や文字をクレヨン風に加工する方法をご紹介します。 なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。 田島悠介 色々方法があるけれど、今回は選択範囲とブラシツールを使ってみよう。 大石ゆかり 文字から選択範囲が作れるんですか~? 田島悠介 簡単な手順で、文字の形そのままの範囲を作成できるよ。 まずはそこからやってみよう。 事前準備 まず、テキストツールを使用して文字を入力します。 このファイルでは、白で塗りつぶしたレイヤーの上にテキストのレイヤーを作成しています。 選択範囲を作成する クレヨン風に加工する場所を、選択範囲で指定します。 自動選択を使う場合 テキストを入力したレイヤーを右クリックし、「テキストをラスタライズ」を選択します。 次に左のツールから選択範囲アイコンを右クリックし、「自動選択ツール」を選びます。 上のオプション内の「隣接」にチェックが入っている場合は外します。 ここでキャンバス上の、文字以外の適当な場所でクリックします。 文字以外の全ての部分が選択されました。 「選択範囲」から「選択範囲を反転」を選びます。 これで、文字の部分だけが選択された状態になりました。 文字レイヤーの上に加工用のレイヤーを新規に作成し、それを選択した状態にします。 先ほど文字を入力し、ラスタライズしたレイヤーは非表示にします。 このような状態になります。 作業用パスを使う場合 テキストを入力したレイヤー この方法ではラスタライズしません を右クリックし、「作業用パスを作成」を選択します。 「パス」のタブを選択し、「作業用パス」レイヤーを右クリックして「選択範囲を作成」を選びます。 さらに「レイヤー」タブをクリックするとレイヤーの画面に戻ります。 その後は自動選択を使った時と同様に、文字のレイヤーを非表示にして新規レイヤーを作成してください。 (この方法の場合、後からテキストを編集して選択範囲を作成し直すことができます) 田島悠介 作業用パスを使うとテキストをラスタライズする必要がない上にあとから編集できるので、こっちの方が便利かもしれないね。 大石ゆかり 文字の部分だけ、いい感じに選択できました! 田島悠介 それではブラシツールを使って実際に塗りつぶしていってみよう。 [PR] Webデザインで挫折しない学習方法を動画で公開中選択範囲内をクレヨン風に加工 作成された範囲内で作業していきます。 左のメニューから「ブラシツール」を選択します。 ブラシの種類から「チョーク」を選択します。 文字の形に作成された選択範囲の中をドラッグして塗っていきます。 あまり塗りつぶしすぎないようにすると、クレヨン風に仕上がります。 なお、先ほど白一色にしていた下のレイヤーを写真にした場合はこの画像のようになります。 このように、完全に塗りつぶされていない透明の部分には背景の状態が適用されています。 また、画像からでも同様の手順で選択範囲を作成し、クレヨン風に加工することも可能です。 今回の記事は以上です。 ぜひ自分でも試してみてください。 田島悠介 ブラシツールを使うときは、あまり全部塗りつぶしきってしまわない方が雰囲気が出ていいと思うよ。 大石ゆかり 文字だけでなく、図形などにも応用できていいですね。 田島悠介 シェイプや文字とブラシツールを組み合わせるだけでも、こんな風に手描きのイラスト風画像を簡単に作ることができるので色々試してみよう。 大石ゆかり 分かりました。 ありがとうございます! さらにPhotoshopを使いこなしたい場合は、Photoshopで写真をモノクロにする方法も合わせてご覧ください。 [お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。 現役デザイナーに毎日チャットで質問することができます。 Photoshop Photoshopの変形機能を使って画像を左右反転することができます。 画像全体を左右反転する他に、選択した部分だけを左右反転、特定のレイヤーだけを左右反転することも可能ですので合わせて紹介します。 なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。 画像全体を反転・画像内の一部分を反転・特定のレイヤーを反転の3つの方法を試してみるよ。 大石ゆかり 画像の一部分を反転することもできるんですか? 田島悠介 全体を反転するときと部分やレイヤーを反転するときはそれぞれ少し操作が違うけど、どれも簡単にできるよ。 実際にやってみようか。 目次 今回は3つの方法をご紹介します。 画像全体を左右反転する 画像の一部を左右反転する 特定のレイヤーだけを左右反転する 画像全体を左右反転する まず、キャンバス全体を左右反転する方法です。 こちらの画像を使います。 画像が左右反転されます。 この作業は「背景レイヤー」のままでも可能です。 画像全体の左右反転はこれだけです。 [PR] Webデザインで挫折しない学習方法を動画で公開中画像の一部を左右反転する 次に、画像の一部を左右反転する方法です。 一番左の親ペンギンだけを右に向かせてみたいと思います。 左のメニューから選択範囲のアイコンを選びます。 左右反転したいところだけを選択します。 選択範囲を作成した状態で、上メニューの「編集」をクリックします。 選択していた部分だけが、位置はそのままに反転されました。 この方法も「背景レイヤー」のまますることができます。 田島悠介 一部分だけを反転させる場合はこんな感じだよ。 大石ゆかり 「左右反転」じゃなくて「水平方向に反転」と書かれているんですね。 田島悠介 効果としては同じようになるね。 ここではやっていないけれど、「垂直方向に反転」は「上下反転」と一緒だと考えるといいよ。 特定のレイヤーだけを左右反転する 複数のレイヤーに分かれている場合、選択したレイヤーだけを左右反転することも可能です。 このファイルでは背景画像のレイヤー2の上に、人形の周りが透過処理(何も描かれていない状態)のレイヤー1があるという構成になっています。 背景であるレイヤー2の向きは変えずに、このレイヤー1の人形の部分だけを左右反転してみたいと思います。 反転させたいレイヤーを選択していることを確認して、上メニューの「編集」をクリックします。 「変形」から「水平方向に反転」を選択します。 これで背景画像はそのままに、人形のレイヤーだけが左右反転されました。 レイヤーを右クリックして「背景からレイヤーへ」を選択する必要があります。 ) うまくできましたか? 田島悠介 レイヤーだけの反転も、複数の画像を合成する場合に使うことがあるかもしれないね。 大石ゆかり やっぱり元に戻したいなーと思ったときはどうしたらいいですか~? 田島悠介 そんな時は同じ手順をもう一度やるといいよ。 大石ゆかり なるほど!分かりました! 画像の加工をさらにしたい場合は、Photoshopで写真の色を置き換える方法も合わせてご覧ください。 [お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。 現役デザイナーに毎日チャットで質問することができます。 Photoshop Photoshopで鏡面反射の効果を付ける方法を初心者向けに解説した記事です。 一見難しそうに見えますが、Photoshopのレイヤーマスク機能とグラデーション効果を使用することで、鏡面反射の画像を作ることができます。 なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。 大石ゆかり 田島メンター!!テーブルに置かれたビンやグラスとかが、下に反射して見えるような表現をやってみたいです! 田島悠介 鏡面反射だね。 これはレイヤーの複製&反転と、レイヤーマスク&グラデーションのふたつの組み合わせを使うことで表現できるよ。 大石ゆかり 今回も色々な機能を使うんですね。 大変そう…… 田島悠介 実際にやってみると分かるけれど、ほとんど時間はかからないからね。 早速画像を開いてみようか。 鏡面反射の効果を付ける 今回は例としてこの画像を使用します。 構成は黒で塗りつぶした「レイヤー1」の上に地球の画像がある「レイヤー0」がある状態です。 この地球の画像を下方向に反射させていきます。 まず、反射させる対象のあるレイヤー0を右クリックし「レイヤーを複製」を選択します。 レイヤー複製のダイアログが表示されるので、名前を任意でつけ「OK」を押します。 ここではデフォルトで表示される「レイヤー0のコピー」としました。 複製したレイヤー ここでは「レイヤー0のコピー」 を選択した状態でメニューから「編集」をクリックします。 これで地球の画像が上下反転しました。 そのまま左のツールから「移動ツール」を選択してください。 反転させたレイヤーを下へ移動させます。 画像のように水平方向の移動距離が0. 0mmになるようにしましょう。 田島悠介 今回は下に移動しているけれど、左右に反射させるよう表現したい場合は横に動かすことになるよ。 大石ゆかり これだけだと反射しているというより、対称的にくっついてふたつ並んでるだけみたいになりますね。 田島悠介 下に複製した画像にちょっと手を加えることで雰囲気がだいぶ変わってくるからね。 続いてレイヤーマスクとグラデーションを使った効果を入れてみよう。 移動が完了したら、レイヤーパレットの下から「レイヤーマスクを追加」をクリックします。 反転し、下に移動させたレイヤーにレイヤーマスクが追加されました。 レイヤーマスクは黒の部分が非表示、白の部分が表示された状態になります。 これを利用し、反転&移動させた地球に効果を加えていきます。 「レイヤー0のコピー」内のレイヤーマスクが選択されていることを確認し、左のメニューから「グラデーションツール」を選択します。 グラデーションの種類から「黒・白」を選択しましょう。 「線形グラデーション」を選択します。 図のように、画像の下から上へドラッグしてください。 ドラッグの開始地点や距離によって、反射の範囲が変化します。 グラデーションの範囲がどのようになっているかは、レイヤーパレット内のレイヤーマスクの部分を見ながら確認しましょう。 これで完成です。 今回の記事は以上です。 田島悠介 レイヤーマスク内のグラデーションの範囲によって、反射した部分の表現が変わってくるからね。 大石ゆかり そうそう、こういうのがやりたかったんです! 田島悠介 できるだけ元の画像がはっきりと見えないようにするのが自然な反射に見せるコツだと思うよ。 いろいろ試してみよう。 大石ゆかり 分かりました! さらにPhotoshopを使いこなしたい場合は、Photoshopでトーンカーブを使って色調補正する方法も合わせてご覧ください。 [お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。 現役デザイナーに毎日チャットで質問することができます。 Photoshop Photoshopでは元の写真を加工して他の写真のようにすることができます。 今回ご紹介するのはミニチュア風の加工です。 ミニチュア風にするために、「色調補正」「調整レイヤー」「フィルター」機能などを使っていきます。 なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。 大石ゆかり 具体的には何と何を使ったらいいんでしょう? 田島悠介 色々な表現方法があるけれど、ここでは簡単なやり方を3つの手順に分けて実践してみよう。 サンプル画像 今回はこちらの画像を使用します。 ミニチュア風に加工する 早速加工していきましょう。 画像の色合いや明るさによって細かい調整などは違ってきますが、下記が大まかな手順です。 ダイアログが表示されるので、明るさとコントラストのスライダーをプレビューを見ながら少し右へ移動させます。 今回は図のように調整しています。 レイヤーパレットの下メニューから「塗りつぶしまたは調整レイヤーを新規作成」をクリックします。 「色相・彩度」を選択します。 「色相・彩度」の調整レイヤーが新規に作成され、ダイアログが開きます。 「彩度」のスライダーを少し右に調整します。 ここでは「+25」としています。 あまり上げすぎると画像が荒くなるため、必ずプレビューを見ながら調整しましょう。 またこの時、特別に彩度を上げたい色がある場合は「マスター」の部分を「レッド」や「グリーン」などに変更することによって独自に彩度を上げることができます。 写真によく使われている色を調整したい時などに便利です。 田島悠介 色を明るくはっきりさせることでおもちゃっぽい雰囲気を出すことができるんだ。 大石ゆかり これだけでも結構雰囲気が変わってきますね。 田島悠介 最後にぼかし機能を使うことで、目立たせたい部分とそうでない部分を分けるとそれっぽくなるよ。 「色相・彩度」のレイヤーが選択された状態になっているので、調整が終わったら元画像のレイヤー ここでは「レイヤー0」 を選択した状態に戻します。 「トーンカーブ」のダイアログが開きます。 明るい部分を少しだけ明るく、暗い部分を少し暗くしていきます。 図のように曲線を調整し「OK」を押します。 ぼかしの範囲を下図の赤丸内の矢印で変更します。 「ぼかし」の項目を調整して「OK」を押します。 ここでは「10px」としています。 これでミニチュア風に加工できました。 今回は以上です。 田島悠介 できあがったら最初の写真と比べてみよう。 大石ゆかり あーこれ!思ってた感じになりました! 田島悠介 「色の彩度を上げる」「コントラストと輪郭をはっきりさせる」「中心あるいは対象となるもの以外をぼかす」を意識していれば、だいたいの写真は加工できると思うよ。 あとは元画像の状態によって色々調整してみよう。 [お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。 現役デザイナーに毎日チャットで質問することができます。 Photoshop Photoshopでレイヤーマスクを描画する方法を初心者向けに解説した記事です。 レイヤーマスクを使用することによってレイヤーの一部を非表示にしたり、表示の状態に戻したりすることができます。 画像の情報を完全に保持したまま非表示・表示を切り替えることができるのが特徴です。 なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。 これを知っておくと画像の編集が非常にやりやすくなるよ。 大石ゆかり レイヤーマスクっていうのは何ですか~? 田島悠介 元々の画像の状態を保ったまま、その一部を消したり表示したりできる機能なんだ。 大石ゆかり つまりあとからいくらでもやり直しがきくって事ですね!是非覚えておきたいです。 事前準備 今回はこの2つの画像を使用します。 この画像のレイヤーの構成はこのようになっています。 背景レイヤーの上に、地球と人形の画像「レイヤー1」がある状態です。 レイヤーマスクを作成する レイヤーパレット内にて「レイヤー1」が選択されていることを確認してから、下のメニューから「レイヤーマスクを追加」をクリックします。 この操作は、対象がテキストやシェイプのレイヤーの場合でも可能です。 「背景」のレイヤーの場合は、レイヤーを右クリックして「背景からレイヤーへ」を選択してから行います。 「レイヤー1」の右部分に白い画面が作成されました。 これがレイヤーマスクになります。 この部分を編集して画像の表示・非表示を切り替えていきます。 [PR] Webデザインで挫折しない学習方法を動画で公開中レイヤーの一部を非表示にする レイヤーマスクはグレースケールの画像で、白と黒で構成されています。 先ほど作成したレイヤーマスクを選択した状態でレイヤー1の背景部分を自動選択ツールなどで範囲作成し、黒で塗りつぶしてみましょう。 黒色の部分は非表示になります。 塗りつぶした部分だけが消え、背景レイヤーの状態が反映されました。 大石ゆかり 画像の一部が消えましたね。 田島悠介 一見、消しゴムなどを使って元画像の一部を消してしまったように見えるね。 でも実は元々の写真の情報はなにひとつ消えていなくて、そのまま残ってるんだ。 大石ゆかり なるほど、それがレイヤーマスクなんですね!でも残ってる情報はどこで確認できるんでしょう? 田島悠介 元画像の情報を確認したいときはレイヤーパレットを見てみよう。 こんな感じになってるはずだよ。 レイヤーパレットを見るとこのような状態になっています。 塗りつぶした部分が黒色に変更されています。 これが非表示になる部分です。 ここで大事なのはあくまで「非表示」になっているという点で、レイヤーの情報自体は全て残っていることがレイヤーパレットからも確認できます。 なので一度画面から見えなくなった部分をいつでも表示の状態に戻すことができます。 レイヤーの一部を表示にする それでは今度は非表示にした部分をもう一度表示させてみましょう。 先ほど黒色を使用することによって画像の一部を見えなくしましたが、逆に白色にした部分は見えるようになっています。 そのままの状態で、ブラシツールを選択し今度は白色で描画してみましょう。 白で塗った部分だけ、元のレイヤーの画像が反映されました。 今回の記事は以上です。 田島悠介 要するに、レイヤーマスクの描画の状態で元画像の表示と非表示が決まるんだ。 本来の画像に一切触らずにそれらを切り替えることができるよ。 大石ゆかり とても便利ですね!どこかで必ず使うことになりそうな気がします。 田島悠介 複数の画像を合成したりするときはほぼ必須の手法と言ってもいいかもしれないね。 できるだけ使い方に慣れておこう。 大石ゆかり そうですね、勉強しておきます。 ありがとうございました! さらにPhotoshopを使いこなしたい場合は、Photoshopで写真の解像度を変更する方法も合わせてご覧ください。 [お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。 現役デザイナーに毎日チャットで質問することができます。 Photoshop Photoshopの基本中の基本となる「レイヤー操作」について初心者向けに解説した記事です。 Photoshopのファイルはレイヤーという透明のフィルムが何枚も重なっている状態で管理されています。 レイヤーを分けることによって背景・オブジェクト・文字などにそれぞれ違う属性を設定したり、他のレイヤーの情報に影響を与えることなく画像を編集することができます。 なお本記事は、TechAcademyのオンラインPhotoshop講座のカリキュラムをもとに執筆しています。 田島悠介 Photoshop内の透明なフィルム、その一枚一枚をレイヤーというんだ。 各レイヤーにはそれぞれ「描画モード」というものを設定することができるようになっているよ。 大石ゆかり 「描画モード」ですか? 田島悠介 レイヤー内の要素を、画像全体の中でどのような合成方法で使用するかという機能なんだ。 試しにレイヤーを作成してモードを変更してみようか。 レイヤーの「描画モード」 レイヤーには様々な種類が存在します。 今回はいくつか基本的なものを紹介します。 田島悠介 レイヤーを新規作成すると「通常」の状態で作成されるよ。 また、レイヤーの描画モードはいつでも変更可能なんだ。 大石ゆかり ずいぶんたくさん種類がありますね!でも、これだけあると何を使っていいか分からなくなりませんか~? 田島悠介 各モードをクリックするとその場で画像に反映されるので、画面を見ながらどれを使ったらいいか考えることもできるからね。 よく使う描画モードについて見てみよう。 例として、背景のレイヤー0の上に、もみじの葉以外の部分が透明の状態になっているレイヤー1があるとします。 このレイヤー1にいくつかの代表的な描画モードを設定してみましょう。 描画モードは赤枠の部分をクリックすることで変更が可能です。 通常レイヤー デフォルトで設定されている属性です。 上のレイヤーにあるものが優先して表示されます。 透過の部分は下のレイヤーが見えます。 乗算 下のレイヤーの状態と上のレイヤーの状態を掛け合わせ、色が暗くなる演算をおこないます。 スクリーン 下のレイヤーの状態と上のレイヤーの状態を掛け合わせ、色が明るくなる演算をおこないます。 レイヤーの不透明度 各レイヤーには不透明度を設定することができます。 デフォルトでは100%になっており、数値を下げると下のレイヤーが透けて見えるようになります。 上のレイヤーの透明度を50%・属性を通常にした場合です。 [PR] Webデザインで挫折しない学習方法を動画で公開中背景レイヤー 背景レイヤーという、透明ピクセルの存在しない状態のレイヤーがあります。 このレイヤーは、描画モードや不透明度を設定することができません。 背景からレイヤーへ変更する場合は、背景レイヤーを右クリックし「背景からレイヤーへ」を選択します。 用途に合わせて使い分けてください。 レイヤーの新規作成・複製・削除 最後に新規作成・複製・削除の基本操作を紹介します。 レイヤーを新しく作成する場合はこのアイコンをクリックします。 レイヤーを削除する場合は、削除したいレイヤーを選択した状態でこのアイコンをクリックします。 この時、複製されるレイヤーは描画モードや不透明度も元のレイヤーと同じ状態で作成されます。 今回の記事は以上です。 田島悠介 レイヤーの複製や削除もしょっちゅう使う機能だから覚えておこう。 大石ゆかり ちなみにレイヤーを分けると、具体的にどんないいことがあるんですか? 田島悠介 例えば文字と画像それぞれの不透明度を別にしたり、背景部分にだけフィルターを適用したりすることが可能になる。 しかも別レイヤーに分けておくことによって、好きなときに変えたい箇所だけを調整することができるよ。 大石ゆかり 画面内の要素によって、色々なレイヤーを使い分けるのが大事なんですね。 よく分かりました! Photoshopの基本操作をさらに知りたい場合は、Photoshopでガイドを表示させる方法も合わせてご覧ください。 [お知らせ]TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインPhotoshop講座を開催しています。 現役デザイナーに毎日チャットで質問することができます。 Photoshop.

次の