みずほ証券大丈夫でしょうか?
Webサイト制作者のボヤッキー > PictBear加工講座 > 範囲選択を丸型や星型にする−マスク編
画像の縁をぼかすに関連した質問が多くなってきているので、今回はそれに役立つ画像処理方法で、範囲選択を丸型や星型にする方法です。

範囲選択を丸型や星型にする−マスク編 元画像 範囲選択を丸型や星型にする−マスク編 丸型 範囲選択を丸型や星型にする−マスク編 丸型ぼかし

選択範囲を丸型や星型にする場合、マスクを使って選択する方法とレイヤー+色域指定を使って選択する方法がありますが、それぞれメリット・デメリットがあるので、用途によって使い分けてください。

今回は、マスクを使った画像加工方法ですが、その前にマスクによる範囲選択のメリットとデメリットをあげておきます。
■メリット
 ・簡単で早い。*1
 ・[境界のぼかし]を使う場合、ぼかし具合が確認できる。
■デメリット
 ・選択位置の微調整が出来ない。

*1.マスクとは何かを理解するのが難しいかもしれないので、ここが理解できないと、分かりにくいというデメリットにもなります。ちなみに私はマスクがなかなか理解できませんでした(´・ω・`)

それでは加工方法です。どぞ(*・ェ・*)ノ

(1)まず縁をぼかしたい画像を用意します。
・このとき表示したい画像のサイズ調整は事前に設定しておいてください。

(2)マスクの編集(Ctrl+M)でマスクモードにします。
・上部メニューバーの マスクの編集アイコン のアイコンをクリックしてもマスクモードになります。
・メニューの[表示]→[マスクの編集]でもマスクモードになります。

(3)パレットの色を黒に設定し、ツールバーの塗りつぶし楕円ツールを選択し、
切り抜きたい範囲を選択して塗りつぶします。
・このとき半透明の赤い部分が選択範囲になります。
・今回、丸型にしていますが、星型やハート型に塗りつぶせば星型やハート型に選択できます。
範囲選択を丸型や星型にする−マスク編 マスクモード丸型

(4)イメージの編集(Ctrl+I)でイメージモードにすれば、
切り抜かれる範囲が選択されます。
・上部メニューバーの イメージの編集アイコン のアイコンをクリックしてもイメージモードになります。
・メニューの[表示]→[イメージの編集]でもイメージモードになります。
範囲選択を丸型や星型にする−マスク編 切り抜き範囲選択

(5)キーボード[Delete]のボタンを押せば完成です。
範囲選択を丸型や星型にする−マスク編 丸型切抜き

■番外編Part1−丸型にぼかす。
手順(3)までは同じです。

(3-a)境界線のぼかし(Ctrl+Shift+D)でぼかしの範囲の値を入力します。
・境界線のぼかしはメニューの[選択範囲]→[境界線のぼかし]でもできます。
・今回のぼかし範囲の値は[10]にしました。
範囲選択を丸型や星型にする−マスク編 マスクモード丸型ぼかし

(4)、(5)の手順で丸型のぼかし画像が完成です。
範囲選択を丸型や星型にする−マスク編 丸型ぼかし

■番外編Part2−星型にぼかす。
手順(3)のパレットの色を黒に設定までは同じです。

星型は、文字列ツール(文字列アイコン)で★と書けば星型に塗りつぶせます。他にも探せばいろんな形のブラシのプラグインがあるので、ハート型なんかも簡単に作れます。

塗りつぶした後、[番外編Part−1]の手順で完成します。
範囲選択を丸型や星型にする−マスク編 星型ぼかし


★ランキングに参加しています。応援よろしくお願いします(*・ェ・*)ノ
あなたのクリックは私に喜びを与える。人気blogランキング あなたのクリックは私に喜びを与える。ブログランキング ranQ(ランキュー) あなたのクリックは私に喜びを与える。お気に入りに追加
  1. 2006/04/15|
  2. PictBear加工講座
  3. | トラックバック:0
  4. | コメント:3
コメント、アドバイス大歓迎です!
みなさんの一言でトンズラーを喜ばせたり、落ち込ませたりすることができます(笑)
(宣伝や誘導行為および中傷コメントは削除させていただく場合があります。)
 
はじめまして。HPについて質問があるのですがよろしいでしょうか。

ホームページビルダーでHPをつくったのですが、プレビューで見ると文字全体が大きくなって、レイアウトがくずれてしまいます。

固定するにはどうしたらいいのでしょうか。できれば、簡単に教えてほしいです。
  1. 2006/04/30(日) 04:41:19 |
  2. URL |
  3. まっく #-
  4. [ 編集]
まっくさんへ 
まっくさん、はじめまして。

私は、ホームページビルダーを使ったことが無いので、正確な回答は出来ませんが、以下のURLに文字サイズの指定方法について、書かれていました。

http://www.tku.ac.jp/~densan/local/homepage-builder/hpb.html
(2-1.作成方法:文字の入力)

上記の方法は、たぶん相対的なサイズの指定方法みたいなので、固定は出来ないと思いますが(ブラウザの表示設定で変更できてしまいそうな気がします。)、ある程度は解決できると思います。

ちなみに、以下URLに、
「文字サイズを〜ピクセルで固定したい」 などの場合はスタイルを使用して設定を行います。
というのがありました。参考になるかもしれないのでどうぞ。

http://www.aimix.jp/hazime.html

正直なところ、まっくさんからの情報だけでは原因を特定することができません。URLを教えていただければ、多少のアドバイスは出来ますよ(*・ェ・*)ノ
  1. 2006/05/01(月) 11:20:09 |
  2. URL |
  3. トンズラー(管理人) #-
  4. [ 編集]
相互リンクのお願い 
相互リンクのお願いに参りました。

貴サイトはすでに「web製作1」のカテゴリーにリンクしているのでご確認ください。
http://c-recipe.main.jp/sougo/webseisaku1.html

こちらが私のサイトになります。
サイト名: 節約!クレジットカードレシピ
サイトアドレス: http://c-recipe.main.jp/
↓紹介文を付けていただける場合はこちらを参考にお願いします。都合により短くしても構いません。
クレジットカードの解説兼申し込みサイトです。主に節約という観点からクレジットカードについてコメントしています。比較できるところは徹底的に比較しているので、他のクレジットカードサイトよりもカードを選びやすいと思います。

よろしければ目立たない所でもいいので私のサイトのリンクを願いします。
  1. 2006/09/15(金) 16:02:11 |
  2. URL |
  3. みう #fnHJ2HM6
  4. [ 編集]
管理者にだけ表示を許可する

【Webサイト制作者のボヤッキー】では記事の内容と繋がりのないもの
および宣伝や誘導を目的としたトラックバックは拒否させていただいています。
トンズラーの判断により削除させていただく場合がありますので、
上記事項に該当しないことを各自判断した上でトラックバックを行って下さい。

有意義なトラックバックは大歓迎です。

この記事へのトラックバックURLはこちら