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

Question

お世話になります。

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

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

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

宜しくお願い致します。

trgovec · Accepted Answer

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

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

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

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

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

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

chieffish · Answer

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

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

trgovec · Answer

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

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

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

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

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

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

chieffish · Answer

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

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

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

trgovec · Answer

２ですね。

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

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

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

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

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

trgovec · Answer

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

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

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

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

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

chieffish · Answer

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

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

chieffish · Answer

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

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

trgovec · Answer

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

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

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

trgovec · Answer

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

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

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

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

はがきデザインキットは使ったことはありませんが、日本郵便のページで説明を見るかぎり「素材を取り込む」というやり方で行うようです。

確かに切り取った部分は距形となるので四隅のぼかしは均一にならないのですが

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

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

この回答への補足

２ですね。

この回答への補足

>下地がオレンジなので挿入した画像が目立っています。

はがきデザインキットはpngにも対応しています。

はがきデザインキットをダウンロードしてみました。

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

＃１です。

似たような質問が見つかりました

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング