TOP

            デザイる2|Webサイト製作初心者に向けて情報発信していきます。

画像の角を角丸にしちゃう Round Pic

画像の角を角丸にしちゃう Round Pic

画像の角を角丸にしちゃう Round Pic
Round Pic

画像の角を丸くカットして、柔らかい雰囲気にするRound Picの紹介。角丸のサイズも12種類と、好みの角丸に加工してくれます。気を付けたいのは、画像を角丸の枠内に表示する際に、枠の角丸より小さい角丸にすること。


Round Picの使い方

ファイルを選択

ファイルを選択、または画像のあるURLを入力し「Round it!」をクリック。

ファイルを選択、または画像のあるURLを入力し「Round it!」をクリック。


各パラメーターの設定

パラメーターを設定し「Round」をクリックすると下のプレビュー画面に表示されます。

corners角丸にしたい箇所にチェックを入れる
Image必要に応じてリサイズ、constrain proportionsにチェックを
入れておくと縦横比保持したままリサイズできます
Qualityお好み
Roundお好み
Pngチェックを入れると透過Pngで生成されます

「Round」をクリックするとプレビュー画面に表示されます。


画像のダウンロード

ファイル名を確認し「DOWNLOAD」をクリックして保存します。

ファイル名を確認し「DOWNLOAD」をクリックして保存します。

あとがき

画像及びサイトの雰囲気を変えたい場合にはもってこいですね!
あまり大きい角丸だと、画像サイズによりやぼったくなることも。

関連記事


最新記事

a:83570 t:3 y:0







■この記事に足りないと思ったことがあったらぜひ教えてください。

powered by HAIK 7.0.2
based on PukiWiki 1.4.7 License is GPL. HAIK

最新の更新 RSS  Valid XHTML 1.0 Transitional