Macで画像編集（丸くトリミング・縁をぼかす）

質問

お世話になります。

年賀状作成で「丸く切り取って縁をぼかしたもの」を貼付けたいと思っています。

Macですと、どのようなソフトで行えばよろしいでしょうか？

出来ればデフォルト・フリーソフトがいいのですが。

宜しくお願い致します。

回答No.6

trgovec · ベストアンサー

はがきデザインキットは使ったことはありませんが、日本郵便のページで説明を見るかぎり「素材を取り込む」というやり方で行うようです。
そのためには、四隅が透明な画像ファイルを予め用意しなければならないようです。フォトショップやギンプの上だけで完結するなら今まで説明したコピー・貼付けでいいのですが、はがきデザインキットなど別のソフトが「貼付け」でなく「取り込む」という方法しかとれないのなら、画像ファイルを予め作っておく必要があります。

そのためには準備段階としてしておくことがあります。

GIMP を起動して「編集」メニュー→「環境設定」を開きます。開いたウィンドウの左欄の「新しい画像の設定」を選択し下から２番目の「塗りつぶし色」で「透明」を選択したらOKを押してウィンドウを閉じます。

以上の設定を行った後、前回の説明のように「選択」「コピー」まで進みます（境界をぼかす を忘れないこと）。次は「ファイル」メニュー→「画像の生成」→「クリップボードから」。添付画像のような画像が新たなウィンドウで作成されます。四隅が格子模様になっていますがこれが透明であることを示しています（以上、フォトショップでも基本的に同じ）。

次にこの画像を「名前を付けて保存」します。そのとき「ファイルタイプを選択（左の小さな三角をクリック）」で「PNG画像」を選択します。これははがきデザインキットで取り込める画像のうち透明部分を持てるのはPNGしかないからです。JPGは透明部分がなく、GIFは256色しか扱えないためぼかし部分が汚くなります。小さなウィンドウが開きますが気にせずそのまま「保存」をクリックします。

こうして保存された画像をはがきデザインスタジオから取り込みます。もしこれでも四隅が透明にならないならはがきデザインスタジオはPNG画像は取り込めても透明部分を扱えないということです（別の言い方をすればアルファチャンネルを扱えない）。

お礼

PNG画像で完璧に出来てます！
ありがとうございました。
表題の内容はこれで完了しましたが、
もしよろしければ追加でお聞きしてもよろしいでしょうか？
（一旦締切った方が良いならそうします）

下地がオレンジなので挿入した画像が目立っています。
下地に溶け込むように縁だけ透明にすることは可能ですか？

回答No.13

chieffish

確かに切り取った部分は距形となるので四隅のぼかしは均一にならないのですが
Gifにすると幾分ましです。
リンク先の左はpng、右はgif。

http://pupld.net/07/111226/ygo9myxzet/index.cgi

お礼

笑っちゃいけないような気がしますが・・・
自分的にはストライクゾーンでしたｗｗｗ

トリミングのセンスも素材選びのセンスもいい感じですねー
ありがとうございました！！

回答No.12

trgovec

>縁を「ぼかす+透明」にしたいです。
>No.8のchieffish様があげて頂いた花（ピンク）のようなイメージです。（花の中心は透明でない）

添付画像のようなことでしょうか。

「ぼかす」というのは周辺に向かって徐々に透明に近づけることです。よって「ぼかす＋透明」ということはなく、透明になり始めるところと完全に透明になるところの間の幅を広く取るとより周囲にとけ込むようになります。

具体的には Gimp などのソフトでは「境界をぼかす」をチェックして出てくるスライダーで数値を大きくします。添付画像では左は10右は30です。数値は切り抜く画像の大きさで変わりますから、試行錯誤してください。ある程度は試行錯誤をしないとなかなか操作は覚えません。

はがきデザインキットの機能でもできるかもしれませんが、使用例を見ると透明になる度合いが均質でなく、上下左右が四隅より透明度が高くなっているのが気になります。これはおそらく読み込んだ画像を「四角形」として扱い、四辺をぼかしているからではないでしょうか（丸い画像ファイルというものは無く、丸く見えても実際は周囲が透明の四角い画像ファイルです）。

画像処理ソフトを使うのが初めてならどう表現していいいものか分からないこともあるでしょう。あまりお気になさらないように。

お礼

ありがとうございました！！

回答No.11

chieffish

>No.8のchieffish様があげて頂いた花（ピンク）のようなイメージです。（花の中心は透明でない）

「ぼかし」ははがきデザインキットの「ぼかす」を使いました。
外周からぼかされて行きますが、中心までは行かないようです。

丸く切り取った中身はどんな画像なのですか。

補足

丸く切り取った中身は、写真を人物だけ切り取ったようなものです。
Gimpでぼかして切り取ったうえに、はがきデザインキットでぼかしました。
とてもいい感じです。
あとはぼかした部分がもう少し透明になればと思ってます・・・

回答No.10

trgovec

２ですね。

まず、多分読み込もうとする元画像は透明部分を持っていないでしょうから（JPEGなど）このままでは扱えません。

・元画像を開き、「選択」メニュー→「全てを選択」、「編集」メニュー→「コピー」
・「ファイル」メニュー→「画像の生成」→「クリップボードから」

見た目全く同じ画像が新規作成されますがこれは透明が扱えます（先の回答にあるように、初期設定で塗りつぶし色が透明に設定されていること）。元画像は閉じて結構です。

・ツールパレットで「矩形選択」をクリックし、「境界をぼかす」をチェック。数値は10位から試してください（仕上がりが気に入らなければはじめからやり直します。大きい数値ほどぼやける範囲が広くなります）。
・外周ギリギリのところで四角く選択します（「選択」→「全てを選択」、「選択」→「境界をぼかす…」の方が簡単そうですがGimpではうまくいきません）。添付画像の例よりもっと外周に近いところであればあるほどよい。
・コピー
・もう一度「ファイル」メニュー→「画像の生成」→「クリップボードから」

これで周囲がぼやけた画像ができているはずです。これを先ほどと同じようにPNGで保存してはがきデザインキットで使用します。

補足

trgovec様
縁を「ぼかす+透明」にしたいです。

No.8のchieffish様があげて頂いた花（ピンク）のようなイメージです。（花の中心は透明でない）
chieffish様はVoilaを使ってると思うのですが、
Gimpでも出来るのでしょうか？
言葉足らずで申し訳ありません。

回答No.9

trgovec

>下地がオレンジなので挿入した画像が目立っています。
>下地に溶け込むように縁だけ透明にすることは可能ですか？

１：挿入した画像に「縁」がありこれを透明にしたい（添付画像の上）
２：下地との境界線がはっきりしているのでこれをとけ込むようにしたい（添付画像の下）

どちらでしょうか。あるいはこれら以外ですか。

１なら透明にするより、縁を削除します。「楕円選択」のとなりの「矩形選択」で画像の内側を選択し「画像」メニュー→「選択範囲で切り抜き」。保存してからはがきデザインキットで読み込み。

２の場合はちょっと手間がかかります。

お礼

２の場合です。
宜しくお願い致します。

回答No.8

chieffish

はがきデザインキットはpngにも対応しています。
というか保存形式がpngですね。

http://pupld.net/21/111223/b76vqfw45w/index.cgi

回答No.7

chieffish

はがきデザインキットをダウンロードしてみました。
便利そうですね。ボカシ機能も付いていますね。
丸で切り抜いた背景を取るにはGIFにする必要があります。256色？
リンク先の画像はVoilaで丸くトリミングした花をGif保存して、はがきデザインキット
のテンプレートに読み込んではがきデザインキットのボカシを加えたものです。

http://pupld.net/21/111223/wb69pabvgm/index.cgi

お礼

無料だし便利そうなんです！
Voilaも便利そうですね！！

回答No.5

trgovec

>ですが自分の環境だと、ボカす機能がどこにあるのかわかりません

Gimp、プレビュー、どちらのことでしょうか。当方はOS10.5ですがGimpのバージョンは10.5用も10.6以上用も2.6.11なので機能は同じだと思いますが、違っていますか。説明で分かりにくかったとすれば、選択作業の前に「境界をぼかす」チェックボックスをチェックしておいてから円形に選択してコピー→貼付けを行います。

もし、プレビューで同様の操作ということであれば、プレビューではぼかすことは多分できないと思います。

お礼

遅くなりまして申し訳ありません。
プレビューで行なっていました。
アドバイス通り、Gimpでなんとか
No.2様のような画像まで出来ました。

しかし・・・
はがきデザインキットに挿入しましたら、
四隅の白地の部分が下地をつぶしています。
透明にしたり、丸部分のみ挿入するこは可能なのでしょうか？
聞いてばかりで申し訳ありません。

回答No.4

trgovec

＃１です。誤解されることのないよう、手順を画像にしましたのでダウンロードしてプレビューでご覧ください。
http://www1.axfc.net/uploader/Img/so/131796

＃１で述べたのはこの画像で示された手順です。これは Photoshop など他のソフトでも、ツールなどの位置は違いますが同じ手順です。

もし違う手順なら補足してください。

お礼

すごくわかりやすいご回答、ありがとうございます！！
手順通りやらせてもらって、トリミング・カット・貼り付けまでできました。

ですが自分の環境だと、ボカす機能がどこにあるのかわかりません。
OS10.6なのですが、もしかして10.7の新機能なのでしょうか？
(10.7からプレビューが向上するらしい)

回答No.3

kazuboku2012

Adobe Photoshop Elements 10 は、有料の高価なものですが、
30日間、無料で体験できる体験版があります。
年賀状ぐらいだったら、十分でしょう。
　http://www.adobe.com/jp/downloads/

Gimp は無料ですが、丸型にしたものを丸い輪郭に合わせてボカすことはできません。

お礼

30日間無料体験で使用するという方法もあったんですね！
全然思いつきませんでした・・・
とりあえずもう少しGimpで頑張ってみます！
ありがとうございました。