• ベストアンサー

Photoshop/Illustrator 縁取り加工の手法について

Photoshop CS を使って、デジカメ写真を加工しようとしています。 写真の縁を、葉っぱの様な雰囲気に縁取りしたい(文末の出来上がりイメージを参照下さい)のですが、どのようにやるのでしょうか? ご存じの方、アドバイスお願いいたします。(もしかして、Illustratorが必要でしょうか?) また、他にも縁取りの手法はあると思いますので、参考サイトなどがありましたら、教えていただけると助かります。 出来上がりイメージ(こちらのサイトの桃の写真のように) http://www.kinki.maff.go.jp/introduction/seibi/jigyou/minamikinki/aboutus.html

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

  • ベストアンサー
  • dailylab
  • ベストアンサー率51% (267/514)
回答No.7

【好きな形で写真を切り抜きたい】 ●「背景レイヤー」をダブルクリックしてアクティブにする。  ↓ ●目的の選択範囲を作成する  ↓ ●レイヤーパレットの下の「レイヤーマスクを追加」ボタンを押す ...でOKです。 【葉っぱの形(の選択範囲)を作成したい】 (作戦1)Photoshopのペンツールで頑張る(クリッピングパスで抜く) (作戦2)木の写真を用意して、コントラストを強くしてバックを飛ばして色域指定や自動選択ツールでうまく葉っぱの輪郭を抜く (作戦3)葉っぱ型の図形を何枚も拡大・縮小・回転させて組み合わせていく     〈自由変形[command+T]、レイヤーの複製[command+J]を繰り返す〉 (作戦4)イラレ上でクリッピングパスで抜く(Photoshop上では何もしない) うーん、イラレのパスファインダとかが使えるので(作戦4)が手っ取り早いか..?

kinoko084
質問者

お礼

つたない説明を読み取って頂きありがとうございました(^^; これです、この手法が知りたかったです。 作戦4が一番楽そうで、あと輪郭が綺麗そうでした。 この手法を使っていこうと思います。 残す大きな問題は、 Illustratorで「パスの形を葉っぱをちりばめた形にする」方法。 皆様、何かありましたら、またアドバイスをお願いいたします。

kinoko084
質問者

補足

※書き込む場所が無いのでここに書かせて頂きます※ 質問内容が『Illustratorで「パスの形を葉っぱをちりばめた形にする」方法』に変わりましたので、 この質問は閉じて、改めて質問させて頂きます。 アドバイスを頂いた皆様、ありがとうございました。

その他の回答 (6)

回答No.6

補足です。 何回もすいません。 境界線を縮小ではなく、選択範囲を縮小 でした。 すみません。 さらにこれはまた別ですが、 グラデのツールで、背景色から透明色へ と設定し 写真上のボケるところをドラッグしても同じようになります。 かなりランダムではありますが。 色々研究してみて下さい。

回答No.5

下の者です。 葉っぱの形にしたいのでしたら、 パスをペンツールで作成。 ウィンドウでパスのウィンドウを出します。 そのウィンドウの右に三角が右を指しているとこがあります。 そこを押すと、メニューがでてきて パスから選択範囲を作成できます。パスが選択された状態で そこで、選択範囲を作成する、で選択範囲を作ります。 あとは、 境界線を縮小 境界線をぼかす 選択範囲の反転 背景色を設定 DELETE これで大丈夫かと。

kinoko084
質問者

お礼

そうですそうです。 でも、この「葉っぱの形」のパスを作成する方法に悩んでいます(^^;

回答No.4

先程のURLが間違いでした。 http://macototo.cool.ne.jp/junics/dark_waterball.html 大変申し訳ありませんでした。

参考URL:
http://macototo.cool.ne.jp/junics/dark_waterball.html
kinoko084
質問者

お礼

わざわざ、URLの訂正、ありがとうございました(^^

回答No.3

文章がよくわかりづらかったのですが、 ボカシ・ボケ足のことでしょうか。 それとも葉っぱにして写真をその上に乗せたいのでしょうか? もし見本のように、ただぼかすだけであれば、 ぼかす範囲を選択範囲で選択し ぼかし→ガウス ここでプレビューにし、数値をお好みに調整します。 でできるのではないでしょうか。 グラデをかけ、同時にボカす方法もあります。 ※こちらのやり方の方がキレイです 写真全部を選択〔コマンドORコントロール +A〕 ※コマンドかコントロールかは、マックかウィンドウズで使い分け下さい。 選択範囲が設定されたら、編集(だっけかな?)→選択範囲を縮小→で全体のサイズより5ミリから1センチほど小さくします。 背景色を設定します。 境界線をぼかす→数値はお好みで。大きいほどボケ足が長いです。 それが終わったら、選択範囲を反転します→DELETEキーを押します。 外側が背景色でグラデががり、同時にボケるかと思います。

kinoko084
質問者

お礼

アドバイスありがとうございました。 質問の文章が下手でごめんなさい。 質問文に記載のリンク先ページの少し下の方に表示される「桃の写真」の 縁取りが「葉っぱをちりばめたような形」で白くカットしてある、 これをやりたかったんです(^^;;

回答No.2

はじめまして。 kinoko084さんのイメージに合うかどうか分かりませんが、 こちらのサイトは分かりやすくて良い所だとおもいますよ。 頑張ってくださいね♪

参考URL:
http://macototo.cool.ne.jp/junics/dark_waterball.html​
kinoko084
質問者

お礼

アドバイスありがとうございました。 質問の文章が下手でごめんなさい。 質問文に記載のリンク先ページの少し下の方に表示される「桃の写真」の 縁取りが「葉っぱをちりばめたような形」で白くカットしてある、 これをやりたかったんです(^^;; でも、教えていただいたサイトの手法、 これはとても役立ちそうです(^-^) ありがとうございました。

noname#39970
noname#39970
回答No.1

・投げ縄ツールで葉っぱのような形の選択範囲を作成する ・写真をレイヤー化する ・写真レイヤーに先ほどの選択範囲をレイヤーマスクとして保存 ・レイヤー効果→境界線

kinoko084
質問者

お礼

アドバイスありがとうございました。 レイヤ化の手法、初めて知りました。 まさにコレです。 残る大きな問題は、「葉っぱのような形の選択範囲の作成」ですが…(^^;

関連するQ&A

  • Illustratorの「パスの変形」でできる形について

    Illustrator CS の「パスの変形」にて、 「どの様にしたらどういう形のパスになるか」、色々な手法を知りたいです。 お手数ですが、例えとして下記URLの画像を見てみてください。 http://www.kinki.maff.go.jp/introduction/seibi/jigyou/minamikinki/img/01_img05.jpg 多分これは、下記の手順で作成したものと思いますが、 どの様にしたら、パスをこのような「葉っぱをちりばめた様な形」に変形できるでしょうか?  1.桃の写真の上に四角いパスを作成  2.フィルタ>パスの変形 で葉っぱをちりばめた様な形にパスを変形  3.桃の写真とパスを選択して、クリッピングマスクを作成 また、他にも、色んな形の変形されたパスが知りたいので、 手法や紹介してあるサイトなどがありましたら、 アドバイス頂けると嬉しいです。 よろしくお願いします。

  • PhotoShopかIllustratorか

    2DCGに挑戦してみたいと思うのですが、PhotoShopとIllustratorのどちらが初心者に扱い易いのでしょうか。 少し古いバージョンになってしまいますがPhotoShopの7なら所持しているのですがPhotoShopというとどうしても写真の修整などのイメージが強くて・・・とはいうもののPhotoShopでCGを描く人も多いですから問題ないのだと思いますがIllustratorのほうが初心者にははじめ易かったりするのでしょうか? 以前の質問で検索してみた際Illustratorで描いてPhotoShopで修正、というパターンが理想との書き込みを見つけたのですがそのパターンがベストでしょうか?高価なソフトですので購入をためらっていますがIllustratorとPhotoShopそれぞれの強いところ、また弱いところなどを教えていただけると幸いです。

  • Adobe Photoshop、イラストレーター

    Adobe Photoshop、イラストレーター CS6の初心者が基礎から学べる分かりやすいサイトがありましたら教えてください。

  • photoshopかIllustratorどっち買うべきか・・・

    携帯向けの待ち受けサイトをしています。 写真を使った待ち受けではなく、完全手書きの画像です。 photoshopと、Illustratorどちらが適しているんでしょうか・・・

  • PhotoshopとIllustratorの購入

    PhotoshopとIllustratorの購入を考えています。 アドビのサイトで確認したところ、この2つを普通に購入すると Photoshop CS3 100,000円 Illustrator CS3 84,000円 とのことですが、少しでも安価で買える方法はありますか? 今後仕事等で使いたいので、Photoshop Elementsや、安価で似た機能の他ソフトは考えていません。(学生でないのでアカデミックも無理です) アドビ製品はあまり値引きは無いと聞いたので、家電量販店などで購入すれば、ポイント還元で少し安く購入できるかなと考えましたが… 例えばネット通販などで安い店がある、割引になる買い方がある、など方法があれば教えてほしいです。 よろしくお願いします。

  • Photoshop か Illustratorでできますか?

    Adobe Photoshop Elements 2.0 と Adobe Illustrator 10 が使えるPCがあるのですが、両者ともほとんど使った事がないので分かりません。 やりたい事は、写真(町並みを写したもの)データを パステル(水彩画?)風にアレンジしてみたいのです。 イメージ的には、↓のサイトのでピッタリです。 http://pipo-hiyasins.chu.jp/ple/bg50/toko-ya.jpg http://pipo-hiyasins.chu.jp/ple/bg50/komati.jpg なにぶん初心者ですので分かりやすく手順を教えていただけると嬉しいです。 よろしくお願いします。

  • Adobe Photoshop cs4とIllustrator cs4

    現在Adobe Photoshop cs4を所有しております。 デジタル一眼レフ加工のために購入しましたが、趣味でwebサイトも開設してるので、その素材作りにも大きく利用価値があると知って、いまではグラデのバナーなども製作できるようになりました。 ところで最近はコンテンツも増えて充実してきたのでこれを機にリニューアルを計画してます。 そそこでますwebサイトにグローバルナビを付けたいのですが、デザイン的には下記サイトのようなものを自分で作成してみたいと思っております。 こういうのはAdobe Photoshop cs4ではなくIllustrator cs4のようが作りやすいのでしょうか? http://css-happylife.com/template/07/ またIllustrator cs4はweb製作に関して、どのような場面で出てくることが多いですか? ご意見をお聞かせください。

  • PhotoShop、illustrator で、効率良く雨を描く方法

    仕事上、ある風景写真に、雨を降らせる必要があるのですが、 効率の良い方法が判らず、困っております。 風景の写真(晴れ)があるとして、 そこに雨が降っている様な処理を施し、 雨の景色にしたいと思っています。 PhotoShop、illustrator のバージョンは、CS を使っています。 どうぞ、よろしくお願い致します。 m(_ _)m

  • IllustratorまたはPhotoshopで、写真に星形の穴を開け

    IllustratorまたはPhotoshopで、写真に星形の穴を開けたいです。 Illustrator CS の画面に写真を1枚配置して、その上に星形のオブジェクト を重ねて「オブジェクト」→「複合パス」をしましたが、写真に星形の穴は開けられませんでした。 そこで、確認の為に大きな四角形を描いて着色し、その上に同じ星形を重ねて 同様の操作をすると、星形の穴が開きました。 よって、複合パスのやり方は間違っていないようです。 どうして出来なかったのでしょうか? 写真の形式は同じ写真のjpeg、psd(フォトショップ形式)の二種類で試しましたが両方ともできませんでした。 写真に複合パスを行って穴を開けるにはどうすればよいでしょうか? または、写真に対しては不可能なのでしょうか? または、Photoshop6で写真に穴をあける方法があれば、教えてください。 よろしくお願いいたします。

  • photoshop - なんとなく立体的な平面

    なんとなく立体的に見える平面の作り方を教えてください。 photoshopおよびillustratorのcs3を所有しています。 うまく伝わるか不安ですが、たとえばphotoshop cs3を立ち上げる際、起動中に画面の真ん中あたりにブルーの長方形が現れますが、あの長方形はなんとなく立体的に見えます。 okwebをはじめ、よくウェブサイトのリンクボタンなどに立体的に見えるような加工がしてありますが、それらよりももっと微妙で、なんとなく、という感じ。 たとえば、コチラのサイトの丈夫の黒い部分、右の3つの四角形も同様になんとなく立体的です。 → http://mespixels.com/ これを実現させる手法はなんでしょうか? グラデーションを使ってみましたが、このような微妙な表現ができません。