画像を指定した形に切り抜く

この情報はお役に立ちましたか？よろしければ皆様にもお知らせください。

画像を、指定した形に切り抜く方法です。

まず、画像を用意してFireworksで開きます。

画像を用意する

次に、矩形ツールなどを使って、切り抜きたい形を作ります。今回は楕円形ツールを使って円を描きました。

円形ツールで円を描く

描いた矩形（円）を、切り抜きたい位置に移動します。

切り取りたい位置に移動する

矩形（円）を選択した状態で、[変更]->[パスを選択範囲に変換]をクリックします。

パスを選択範囲に変換

「パスを選択範囲に変換」ダイアログボックスが表示されるので、エッジを選びます。

パスを選択範囲に変換ダイアログボックス

境界線がドットになり、はっきりと区別されるため、丸みを帯びている場合には、荒くなります。

境界線が滑らかになります。円形などの角が丸みを帯びているものの場合はよりきれいになります。

境界線がぼやけます。

ここでは、アンチエイリアスを選びました。

選択範囲に変換された

[編集]->[カット]を指定します。以下のように、画像が切り取られます。

編集→カット

円形に画像が切り取られた

[ファイル]->[新規作成]で、新規ドキュメントをつくり、[編集]->[ペースト]で、切り取った画像を貼り付けます。以下のように、指定した矩形の範囲だけの画像になっていることが確認できます。

円形に画像ができた

よく読まれている記事

UpDate:2012-2-12

〔Amazonの書籍紹介ページを開きます〕

Fireworks初心者向けの本。説明どおりに画像を作成していくことで、つくり方を覚えるという構成になっています。Fireworksの使い方をある程度知っている人には物足りなく感じてしまうかもしれませんが、初めてFireworksを使うという人には適しています。

ウェブ用の画像制作に特化した画像加工ツール。Photoshopは複雑すぎる、高すぎるという人にお奨め。実際、便利な機能がそろっており、ウェブ用の画像をつくるだけであれば、十分な機能を有しており、私も今まで困ったことはありません。

Dreamweaver 、Fireworks初心者向けの本。Fireworksでつくった画像をDreamweaver で貼り付けてウェブサイトを制作する方法をやさしく解説。HTMLやCSSなどもわかりやすく解説しており、コンピュータ初心者であっても操作できるであろう平易な内容に好感が持てます。

ウェブサイトの制作に沿った形で参照できるDreamweaver の解説本。逆引きリファレンスのような感覚で、知りたい箇所から読んで理解することができる、非常に分かりやすい本。初心者～中級者向け。

中級者以降向け。独学でDreamweaver を使ってきた人など、実は便利な機能があることや正しい使い方を知らない、という人に向いています。本書はCS3を想定してかかれていますが、それ以外のバージョンであっても読むことはできます。