リンクをクリップボードにコピー
コピー完了
使用している画像はPNGファイルです。
・下のスマホの画像を2つのレイヤーに(白い画面部分と黒の外枠部分)に分けたいです。
・白い画面の部分はペンツールで切り抜く事ができます。
・黒い部分もただ切り抜くことはできますが、白い画面の枠と同じ形で「黒い外枠の内側の線(赤い矢印の部分」が切り抜くことができません。白い画面と同じパスの形で「黒い外枠の内側の線(赤い矢印の部分」を切り抜くにはどうしたら良いのでしょうか?
ペンツールを使わずにレイヤーを2つに簡単にできる分割できる方法があれば、それでも良いので分かる方に教えていただきたいです。よろしくお願いいたします。
・Illustlator 2021を使用しています
リンクをクリップボードにコピー
コピー完了
This looks like a linked file. It could even be a raster file.
Spo please first embed the file and then check it out in the Layers panel. You might need to release a couple of clipping masks and groups.
リンクをクリップボードにコピー
コピー完了
Thank you for yor reply. But I don't speak English. I posted it wrong place.
リンクをクリップボードにコピー
コピー完了
I will move it to the Japanese forum.
リンクをクリップボードにコピー
コピー完了
Thank you.
リンクをクリップボードにコピー
コピー完了
各投稿には「翻訳」ボタンがついているので活用してみてください。
今回は英語フォーラムからジャパンフォーラムに移動されてきたようです。
(以下、まちがえてPhotoshop向けの回答をしてしまったため無視してください)
で、白の選択範囲を作ったら、⌘+shift+J で選択範囲を別レイヤーにカット&複製できます。
Windowsの場合は⌘のかわりにctrlです。
リンクをクリップボードにコピー
コピー完了
承知しました。
リンクをクリップボードにコピー
コピー完了
hibitoさん、こんちわ
ajabonさんが、Photoshopを使った回答をされていますが、この質問は、イラストレーターの質問でいいんですかね??
「ペンツールで切り抜く事ができます」とは、イラストレーターのクリッピングマスクの事ですか?
つまり、下図の「A」はできる、「B」もできる、だが「C」ができない、という事でしょうか?
だとすると、
「A」「B」の二つのパスを使って、複合パスにして下さい。
(「オブジェクト」>「複合パス」>「作成」)
穴の空いたオブジェクトができますので、これを使ってマスクしてみたらいかがでしょうか?
不透明マスクを使う方法もありますが、基本的には上の方法でしょうね
リンクをクリップボードにコピー
コピー完了
キィィー!!! さん、ご指摘ありがとうございます!
すみません完全に勘違いしていました…
せっかくなので別案を出しておきます。
こういう重なりのオブジェクトだとして(わかりやすくするために白をずらして見せています)
白と黒を両方選択して、パスファインダーパネルで「分割」
結果はグループ化されているので不要ならグループ解除するとよいです。
すみませんでした以後気をつけます。
リンクをクリップボードにコピー
コピー完了
どうも勘違いを重ねた節があり…
スマホの素材はすべてPNG画像、ということですかね。
Illustrator上のパスで作られたオブジェクトを「画像」と呼ぶ方がたまにいらっしゃるので、すっかり混乱してしまいましたすみません。
上記の認識で正しければ、白い部分に沿ってIllustratorでトレースするということでしょうか。
であれば、手間や精度の理由であまりよい手段とはいえないので、Photoshopで抜くのをおすすめします。
リンクをクリップボードにコピー
コピー完了
スマホの画像は1つなので、これはできないのではないかと思います。
今試しましたが、できませんでした。
リンクをクリップボードにコピー
コピー完了
一番のおすすめは、最初Photoshopと勘違いして回答した打ち消し線部分です。
画像を別名保存して2点重ねて配置することです
が、Illustratorでの分割手順を示しておきます。
Macでの作業と仮定してショートカットを記載しますが、
Windowsの場合は「⌘」を「ctrlキー」に読み替えてください。
1. 配置されたスマホ画像の白い領域に沿ってパスを作成
2. パスと画像を選択
3. 選択を解除してから「前面にペースト(⌘+F)」
4. そのままクリッピングマスク作成(⌘+7)
5. じゃまなのでいったん隠す(⌘+3)
6. スマホ全体を覆う長方形を作成
7. 白領域のパスと長方形を選択して複合パス作成(⌘+8)
8. 画像を追加選択してクリッピングマスク作成(⌘+7)
9. 隠しておいた画面部分のオブジェクトを表示(⌘+4)
で完成。
確認用にわざとずらしてみたものがこちら。
ただ、アンチエイリアスの影響があるため、どうあっても黒だけ、白だけ にはなりません。
どちらか、もしくは両方のエッジに中間色が残ります。
これを嫌うのであれば、Illustratordehaキィィー!!! さんが示された「不透明マスク」しか手段がないです。
「液晶部分を抜きたい」または「液晶部分に絵柄を入れたい」などがゴールであれば、不透明マスクは大いに有効です。
ただし「スマホの画像を内外で分離した状態を作りたい」がゴールなのであれば、やはりPhotoshopでの処理を強くおすすめします。
リンクをクリップボードにコピー
コピー完了
ご丁寧なご説明ありがとうございます。
せっかくなのですが私の知識不足でよく理解できませんでした。同じようにしたのですができませんでした。
結局、レイヤー2を作成して、レイヤー1のパスをコピーすることで2つの画像?に分離できました。
作成目的は動画でよく見るあるように、スマホの画面に画像や映像がある状態をAfterEffectsで作成したかったからです。おっしゃるようにPhotoshopのほうが綺麗にできました。こういう場合、イラストレーターで作るのが一般的という考えがあったので、イラストレーターで作ろうと思いました。
リンクをクリップボードにコピー
コピー完了
ご回答ありがとうございます。使用しているのはイラストレーターです。
複合パスにしてクリッピングマスクで「C」を作成することはできます。でも白画面が消えてしまいます。
白も別に作りたいのです。レイヤーを2つに分けたいのです。
黒と白に分ける方法が知りたいです。
リンクをクリップボードにコピー
コピー完了
私の前回の図で「C」をレイヤー1に、「A」をレイヤー2にして、重ねると完成します。
リンクをクリップボードにコピー
コピー完了
それができなかったのですが、レイヤー2を作成して、パスをコピーして前面にペーストすることでできました。ありがとうございます。