• ベストアンサー

フォトショップでこのような効果はできないでしょうか?

再び失礼します。 以下のページのような画像を作りたいと思っています。 http://www.gs-lv.com/outline/outline.html 上のほうの、眺望と書いてある、背景は、白い線が横に走っていて中心に行くと白くなっていき、消えていますが、このような白い線を横に走らせるには、どうやれば一番効率がいいでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • s-tuki
  • ベストアンサー率39% (57/145)
回答No.3

色んな方法があると思いますが・・・ 1.まず、新規で縦2ピクセル、横1ピクセル、背景色透明の、小さなファイルを作ります。 2.上半分(1ピクセル×1ピクセル)をえんぴつツール1pxを使って白く塗りつぶします。 3.全てを選択して「編集」→「パターンを定義」  名前を付けておきます(例:ピンストライプなど) 4.作りたい画像のサイズ指定して、新規画面を開きます。 5.グレー→白→グレーのグラデーションでぬりつぶし。 6.新規レイヤーを重ねて  「編集」→「塗りつぶし」→「パターン」で「カスタムパターン」 さっき作ったパターンを選択。 できあがりです。 先に作ったちびっこファイルは保存せず削除してもOKです。 パターン登録しておけば、何度でも使えるし、 パターンで塗りつぶしたレイヤーは「透明部分の保護」しておいて、色変更するのも簡単です。 色々試して、やりやすい方法見つけてくださいね♪

loviiinnn
質問者

お礼

うぉ!ありがとうございました!!できました!!!感謝しております!!これで悩まずにできそうです!!!

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

noname#18887
noname#18887
回答No.2

まず、ベースに「グレー~白~グレー」のグラデーションを作ります。 次に、背景が透明の別レイヤーに白の横罫線を望む間隔で引けばOK。 ベースの「白」の部分を他の色にして、罫線をその色に合わせれば 同じ効果で違う印象のものが作れます。 罫線はPhotoshopで引くと何かと手間がかかりますから Illustratorで作成して「パス」でペースト、 「パスの境界線を描く」で行ったほうがラクです。

loviiinnn
質問者

お礼

こういうものはイラストレーターのほうがいいんですね。イラストレーターでもやってみます。ありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。
  • tomizou
  • ベストアンサー率40% (47/116)
回答No.1

白線が上下に渡って数本あるレイヤーの上に、中央に行くにつれて白が濃くなる(透明度が低くなる)画像のレイヤーを重ねると良いと思います。 フォトショップで作るとすると、グレー1色のレイヤーの上に、白色英字テキストで.......と入力した後、文字間隔を調節、ラスタライズ、びよ~んと縦拡大して画像を90度回転。上にエアブラシでホワイトを中央部にのせたレイヤーを重ねて完成。何か良い方法もありそうですが、普段フォトショップでは正確な図形は描かないので、参考にならなかったらすみません。 こういった画像はフォトショップよりもイラストレーターの方が正確で簡単に作れます。

loviiinnn
質問者

お礼

ありがとうございました。なるほど、90度回転すれば簡単そうですね。やってみます。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • フォトショップの有効な覚え方

    CS2のフォトショップの使い方で質問があります。 合成の方法です。 目指している画像はテレビに半分隠れている猫というものです。 我流ですが以下の通りにやりました。 まずテレビの置いてある部屋(以下A)の画像と猫だけの画像(以下B)を用意します。 次にAの上にBの画像を移動します。当然このままだとテレビの上に猫がまるまる乗ってしまいます。そこでAの画像の複製(以下C)を作ります。レイヤーでの順番はCを一番上に持ってきます。 Cの画面で猫と重なる部分のテレビをなげなわツールでかこみます。そして選択範囲で“選択範囲を反転”を選択します。そうすると猫を重なった部分だけ残り周りの背景は消えます。 以上ような作業をすると猫の一部がテレビに隠れた画像ができます。 問題はここからなんです。猫の位置をもう少し調整しようとずらしたのですが、猫の体もなげなわツールできられた部分が切れているのです。 なげなわツールを使ったのはCの画面です。B、つまり猫のレイヤーではありません。なげなわツールは下のレイヤーも切り抜いてしまうのですか?

    • ベストアンサー
    • Mac
  • フォトショップ エレメンツで絵を描く。

    フォトショップエレメンツで、絵を描くときの質問です。 アナログで描いた線画をスキャンしてそれをフォトショップで処理するのではなく、 線画自体をフォトショップで描き、色を着けたりして完成させる時のことです。 どうしても、線がガタガタになってしましますが、これは仕方ないのでしょうか。 滑らかな線にしたい場合は、手描き線画をスキャンして取り込むしかないですか? また、マイピクチャに携帯写メで取り込んで保存した手描きの絵を、フォトショップに取り込むとき、 参照→画像を選択→右クリックで開くと、フォトショップ画面にその画像が出てきますが、レイヤーを見ると、背景にその線画があり、レイヤーを上にしか重ねることができず、色塗りなど作業ができません。 背景に画像が設定されないやり方がありましたら、どうぞ教えてください。 取り込んだ画像の処理が出来ず困っています。 どうぞ宜しくお願いいたします。スキャンで取り込まないと、背景でないレイヤーには設定できないのでしょうか??

  • フォトショップ 色の一部反転について

    添付画像のように、背景の白い部分は黒の線を、背景が黒い部分には白の線を引きたいのですが、どう設定すれば出来るようになるでしょうか。 ちなみにこの画像は、白のキャンバスの上に黒丸のシェイプ→黒のブラシツールで文字を書く→シェイプの不透明度を20%くらいまで下げる→黒ブラシレイヤーの上から白ブラシでなぞる→シェイプの不透明度を100%にする というようにして作成しました。 もっと簡単に出来る方法を教えてください。 補足 使用ソフトはフォトショップエレメンツ7.0です

  • パソコンは何が(どんなのが)おすすめ?フォトショップやイラストレーターを入れたいです。

    パソコン購入を考えています。 値段は20万以下で、 家族で使います。 音楽を入れたり、イラストレーターやフォトショップを 使っての画像編集を中心に考えてます。 (ゲームは全く使いません。) TVの横に置くのでTVチューナーは  なくていいです。 それより 画像や音楽をたくさん取り込んでも 機能よく動くものを望んでいます。 ウィンドウズ希望です。 パソコンにあまり詳しくないので いろいろ教えてください。 よろしくお願いいたいます

  • フォトショップの透過グラデーションをイラストレーターへ

    こんにちは フォトショップで画像を中心から外側へおおよそ円形に 透過グラデーションを作りました。(psdで保存) イメージ的には、だいたいこんな感じです。 http://www.pet-p.com/tubekubiwa/sankou/keikou_pink.jpg フォトショップで、実際は 中心部あたりは透明度0(画像はくっきり) 中心から外側へは透明度はだんだん大きくなっていき(透明になっていく) (フォトショップで透明度を表すチェックの市松模様があります。) さて、ここからが本題なのですが このフォトショップで作った画像を イラストレーター(8.01)で配置したら 透過されてなく白いままでした。 どうしたらよろしいでしょうか? (もしかしたらイラストレーター(8.01)では、できないのでしょうか?) よろしくお願いします。 [補足1] 透過グラデーションではなく、単なる透過の画像を イラストレーター(8.01)へ配置したら、ちゃんと透過されてました。 (背景がみえる。) [補足2] OS:win98SE フォトショップ 5.5 イラストレーター8.01

  • フォトショップCS3で半透明の帯

    以下のサイトのメイン画像右側のCorso~コースの背景の半透明な ガラスのような表現はどうすればよろしいのでしょうか? http://www.arancia-del-sole.com/cgi-bin/arancia/siteup.cgi?category=1&page=1

  • マウスオーバーと背景画像の固定

    今、素材を中心にしたHPを作成しています。 背景画像のサンプルとして、マウスを 画像の上にのせるだけで、背景をその画像に 変更するようにしたいのです!!! 何度か挑戦してみたのですが、なかなか上手くいきません。 さらに、できればその背景画像を 画面の上に、横に並べて固定したいのです。 説明が不十分で 注文も多くてすいません。 誰か知っていたら教えてほしいです!!

  • 格子状(チェック柄?グリッド線?)の背景の作り方

    ページ全体の背景に格子状の線(縦・横)を入れたいのですが…。 使用しているサイトのソースをみてもよくわかりませんでした。これは画像ですか? もしよかったら作り方を教えて下さい。 宜しくお願い申し上げます。

    • ベストアンサー
    • CSS
  • 画像の中心でパスを書く方法

    Adobe Streamline などのソフトを使って画像の中心でパスを書く方法が有れば教えて下さい。たとえば文字をアウトラインすると文字の外枠に沿ってパスが作成されます。今回は文字の中心に線でパスを作成したいのです。十字の画像でしたら縦の直線と横の直線のパスになるような方法です。文字を横長に変形したら縦線が太くなってしますので、そのように成らないように、始めに文字の中心にパスを書いてそのパスを変形させた後そのパスに線の太さで指定したら縦も横も同じ大きさの線がかけるのでそのような使いかとをしたいと考えています。 Adobe Streamline の設定で出来るので有ればその方法でも良いし、その他のソフトで出来るようでしたらそのソフトと方法を教えて下さい。 よろしくお願いします。

  • フォトショップで画像を斜め移動でくっつける方法

    2枚の画像を1枚つなげたいのですが。片方だけ角度変更でナナメ状態にしたまま、もう1枚の画像につなげる事はできないでしょうか? 角度変更の際、生まれた斜めの四隅余白はいらないのですが。移動ツールでつなぐ時、余白が一緒についてくるのが邪魔なんです。 GIFに変換して背景を透明化した上でナナメ合体を試したが無理でした。 あるいは2つの正面画像をつなげた後、部分的に個別に片側の画だけ角度変更できないでしょうか。要するに、画像をつなげる継ぎ目を立横だけじゃなく、斜め継ぎ目にしたいのです。