Photoshop テクニックス

Adobe Photoshop CS5 テクニック 講座 アドビ フォトショップ

アドビ フォトショップ(フォトショ)の基本的な使い方。様々な写真・画像の加工テクニック(切り抜き、トリミングからプロ仕様の効果まで)の解説&動画。フリーのフォントや無料の素材、ブラシ、テクスチャ、役立つ情報なんかも紹介しています。 Adobe CS5


スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

グラデーションはレイヤースタイルでつける!

グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル
フォトショップで画像にグラデーションをつけたいのなら、レイヤースタイルを使えば、超カンタン♪
 
職種にもよりますが、以外によく使われるPhotoshopでの加工のひとつに『グラデーション』があります。特にポップやバナー広告などでは、必ずといっていいほど使われる技術なので、ぜひ習得しておきましょう!

▼さて、まずは入力したテキストのレイヤーにグラデーションをかけてみましょう!
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

▼[レイヤー]-[レイヤースタイル]から[レイヤー効果]。あるいはテキストのレイヤーをレイヤーパレットでダブルクリックすれば、レイヤースタイルの窓が開きます。
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

▼このようにさまざまな効果がレイヤースタイルではつけられますが、今回は[グラデーション]を選択します。
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

▼[グラデーション]にチェックマークが入り、かつ選択されていることを意味する青くなっている状態を確認します。
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

▼まずパネル内のグラデーションと書かれた右横にある黒から白になっているボックスをクリックします。するとグラデーションエディターが登場しますので、任意で好きなグラデーションを選択、あるいは自らカスタマイズしてもかまいません(今回は虹色のグラデーションを選択しています)。
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

▼次に角度の調整。デフォルト(初期設定)では90°(縦方法にグラデーションをかけた状態)になっていますが、今回は横向きにグラデーションをかけるので0°に設定しました。
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

▼[スタイル]もいくつかあり、初期設定では線形となっていますが、円形などもよく使われるスタイルだと思われます(菱形は☆を散らしたカンジです)。
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

▼あとは描画モードでマッチング。よく使われるのはスクリーン、オーバーレイ、乗算あたりでしょうか(サイズ補正まちがえて、この画像だけやたらデカいや^^;)。
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

▼トップの画像のようにドロップシャドウをつける場合は、先に境界線を設定すると見やすいものに仕上がります。
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

▼ついでなので、ポップバナー広告でよく見かける端っこが半透明になっていっているような加工もやっておきましょう(どんなカンジかは見てのお楽しみ)。
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

▼まずは上記のレイヤーにレイヤースタイル、グラデーションを設定します。右端を半透明にしたいので、角度はやはり横向きになる0°にします。
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

描画モード スクリーン。早くも出来上がりに近いですね。
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

▼またグラデーションのボックス(黒から白になっているところ)をクリックし、グラデーションエディターを呼び出します。そしてカラーピッカーで黒の位置を右へとスライドさせます(数値を入れてもいいですし、このピッカーの扱いに関しては、また別で記事を書こうかな、と考えています)。
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

▼仕上げに不透明度を調整して出来上がり!
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル

▼今回の手法を応用すれば、こういった加工もできます。床(地面)に商品なんかが映りこんでいるように見える、これまた広告の商品紹介なんかでよく見かける加工ですね。高級感を出したい商品なんかには、特によく使われますよね。これについては、また記事にする予定ですが、手法としては複製した商品レイヤーを自由変形で垂直方法に反転させて、適切な位置にもってきたら、今回の手法(描画モードは乗算)を使えば、あっというまに出来上がりです。
グラデーション Photoshop フォトショップ やり方 つけ方 方法 レイヤースタイル
それではまた。

▼使えるデザインテクニック本たち。ちょっと書店に行かない間に、またいろいろと出てますなぁ(笑)

腕のいいデザイン事務所で修業しないとふつうは身につかない知識と技と心得 Photoshop CS6 スーパーリファレンス for Windows 魅せる写真の加工・デザイン技 ~Photoshopでオシャレ写真を作るアイデア 5日間で学ぶ!お絵描きPhotoshop教室 Photoshop 10年使える逆引き手帖 Photoshop三ツ星テクニック大全 目を奪われるプロの上級技法集 (インプレスムック エムディエヌ・ムック) プロだって意外に知らない 仕事でいきるデザインの定番技 (インプレスムック エムディエヌ・ムック|DESIGN MOOK) Photoshop手描き風テクニック あらゆる難局であなたを助けるデザインの技 (インプレスムック エムディエヌ・ムック) 本格派のPhotoshop プロのテクニックを紐解く (インプレスムック エムディエヌ・ムック) 作業を10倍加速する Photoshop「超」仕事術 -最少の労力で最高の写真に仕上げる効率化テクニックの極意 FASHION ILLUSTRATION WORKS Photoshop & Illustrator デザインを学ぶシリーズ ロゴづくりアイデア大全 クリエイティブ ロゴデザイン アートワークス Photoshop&Illustrator プロになるためのWebデザイン入門講座 実践で役立つPhotoshop&Illustrator徹底ガイド ほめられデザイン事典 レイアウトデザイン Photoshop & Illustrator Photoshopプロフェッショナルズ アイコン・マーク・ロゴデザイン Photoshop×Illustrator プロフェッショナルズ テクスチャ・背景・壁紙デザイン カメラマンのためのPhotoshop Lightroom 5 人物フォト素材 ライフスタイル 人物フォト素材ビジネスシーン Girly Style with GOLD オシャレな質感の大人デザイン装飾素材集(DVD-ROM付) おしゃれde可愛いWebデザインレシピ帖―着せかえ素材がぎゅっと詰まったテンプレート素材集!

▼各種ブログランキングでおます。

fc2 blog rankingブログランキング・にほんブログ村へ人気ブログランキングへPVランキングブログランキング写真学び

Comments

文字をかっこ良く 
文字色は黒で、文字の形をかっこ良くする方法もよければ載せてください。
Re: 文字をかっこ良く 
> 文字色は黒で、文字の形をかっこ良くする方法もよければ載せてください。

黒文字のグラデーションということでしょうか?
それに関しては、白から黒へと変化していくグラデーションを選択するとよいでしょう
あとは不透明度などを調整するとOKです^^b

▼ブログ内検索
▼ピックアップ過去記事
レイヤーマスクの操作を写真付きで分かりやすく解説 free_sozai.jpg free_font.jpg 【オススメ】人物フォト素材集2点 collage.jpg tatoo.jpg anime_illust.jpg 【オシャレ】写真の一部をイラストに置き換える イラスト風加工の限界突破!! horse.jpg 写真に古びを持たせる お手軽レシピ スクリーンでカンタンだけど超COOLな加工テク!! 【お手軽クール】イベント・フライヤーにも使える加工 ぼかし(移動)を使って写真に臨場感を! 【フリーソフト】GIMP2はフォトショップに匹敵する!? チャンネルミキサー完全攻略 RGB編
▼フォトショ画像掲示板
フォトショ画像掲示板 Photoshop BBS フォトショップ
▼プロフィール

photoshop76

Author:photoshop76 フォトショの使用歴は浅いですが、ビシバシです(なにが笑)

Adobe Photoshop CS5


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。