Photoshop テクニックス

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

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


スポンサーサイト

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

パスに沿ってテキストを流し込む方法。

Photoshopでパスに沿ってテキストを流し込む方法
フォトショップでパスを描き、そのパス状に沿ってテキスト(文字)を入力していく方法。らせんに文字を並べることも可能なのです。
 
▼本日の素材

Spiral staircase up the Arc de Triomphe / waitscm



▼さて今回の素材ですが、そのままでは少々野暮ったいので、[イメージ]-[色調補正]から[レベル補正]を選び、色調にメリハリをつけてみましょう。
Photoshopでパスに沿ってテキストを流し込む方法

▼さらに[レイヤー]-[レイヤースタイル]で[グラデーションオーバーレイ]。描画モードはオーバーレイ、グラデーションをレインボーカラーにし、不透明度15%、スタイルを円形にしてみました(※これは任意です)。
Photoshopでパスに沿ってテキストを流し込む方法

▼ツールパネルから[ペンツール]を選択。
Photoshopでパスに沿ってテキストを流し込む方法

▼このパスに沿ってテキスト(文字)を流し込むので右回り、今回は階段下の中央付近を始点とし、登ってくるようにパスを描いてください。カラーは何色でもかまいませんが、形が確認しやすいように、パスのレイヤーの不透明度を下げておくとよいでしょいう。
Photoshopでパスに沿ってテキストを流し込む方法

▼ツールパネルから[横書き文字ツール]を選択します。
Photoshopでパスに沿ってテキストを流し込む方法

▼[横書き文字ツール]が選択された状態で、パスを描き始めた始点の位置あたりをクリックし、テキストを入力してください。するとこのようにパスに沿って文字を並べることが出来ました。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: タイトルなし 
ボクもイラストレーターでのやり方は知っていたのですが、Photoshopでも出来るのでは、と試してみました!

もし、なにかリクエストなどあれば、ぜひぜひお寄せくださいまし^^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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。