可愛くHPに載せる為に写真の角を丸くする方法

あなたのサロンのHPに写真を可愛く載せたい時などに使える、写真の角を丸くする方法です。また、バックのカラーが違うと色がちがっちゃいますので、それを合わせるやり方と方法も伝えます。これを使えば枠なども可愛くせっていできちゃいますね。

ネイル画像編集ソフトのやり方使い方説明

 

写真の角を丸くして可愛くHPに載せる方法

写真の角を丸くする方法と円にして可愛くする方法を説明します。

 

紹介ページや、サロンの出来事、ブログ等や、思い出ページなどで、画像を丸くしたいこともありますよね。

私自身、角丸や、円の写真はほかのサイトでかなり重宝してます。

 

このページでは、そのやり方を説明していきます。コツを掴んじゃえば、簡単にできますよ!!

 

 

 

 

 

ここで使っている画像は、先ほど大きさを 661 × 254 にしたあとにセピアをかけた画像を使用しています。

 

大きさが決まっている状態で、 『トリミング』 を選択します。

トリミングのプロパティで、 『円形にトリミング』 にチェックを入れることで丸く切り取ることができちゃいます。

 

そして、赤枠のカラーは、切り抜いた部分のバックのカラーを指定するのですが、

あなたのHPのバックカラーに合わせることで、HPに挿入した時に、区切れ目が見えずに綺麗になります。

 

ですので、HPのバックカラーが赤であれば、ココを赤に設定するといいです。

 

なぜ、バックカラーを指定しないといけないかは、画像やファイルなどは、基本四角でしか保存できません。

ですので、丸に切り取ったようにみえますが、丸の画像があり、周りは色の付いた四角い画像として切り取る(トリミングする)わけです。

 

そうすることで、HP上に置いた時に丸だけがみえて、丸い画像になるようになってます。

ですので、切り取りした時に、赤枠のカラーの部分をHPのバックカラーと全然違うカラーにすると、

丸い絵の周りに色の付いた四角があるHPにみえちゃいますので注意が必要です。

 

写真の角を丸くする方法と説明

 

 

 

 

 

 

 

 

 

下記が、トリミングのカラーを ホワイト で切り抜いた写真の画像です。

これなら、HPのバックカラーがホワイトであれば、丸い写真のようになります。

 

実際においてみないとイメージがつかめないと思いますので、1度は必ずHPにおいてみてください。

(ちょっと感動しますよ 笑)

 

そして、これを使えば、写真から文字をはみ出してHPに乗っているようにしたりとイロイロできますね。

 

色々なHPを見ていると、丸い画像がたまにありますが、このやり方がほとんどです。

(現在は、pngという拡張子のものがあり、この場合は背景とかなくても丸は丸で表示されますが、有料ソフトでしか編集できません)

 

写真の角を丸くしてうまくHPに入れる方法

 

 

 

 

 

 

 

 

特別バージョン

 

 

次は、角を丸くする方法を説明します。

 

さっきの画像を丸くするのとは違い、角だけを丸くするので、ポップな感じのHPにはぴったりだと思います。

赤枠の部分を丸くしていきます。

 

『ホーム』 の 『円形』 を選択してください。 赤枠の部分です。

 

写真の角を丸くする方法

 

 

 

 

 

 

 

 

 

すると、下記の画面が出てきます。

 

ここで、”””丸にトリミングする””” で説明したように背景色を設定します。

それから ”””回転(ピクセル) で、丸角の大きさを指定します。

 

余白は・・・やってみてください。

フレームラインは画像の周りにラインを引くかどうかで、 ””厚さ”” でラインの太さを指定します。

 

1度やってみるとスグに丸角のやり方はわかると思います。

ネイルデザイン集などの画像を角丸にすると、上品で可愛い感じになったりしますね。

広告

 

円形の設定

 

 

 

 

 

 

 

 

下記の図は、 『ホーム』 の 『フレームライン』 をクリックした場合です。

イロイロなフレームがあり、クリックしただけで、編集中の画像に当てはめれるのでかなり便利です。

 

また、半分から画像をぼかしたりなども出来ますので、実際にやってみてください。

 

半分から画像をぼかす場合は、左右の、白 と 黒 の4種類がありますが、HPテンプレートの中でも使用しているくらい

使い道が多いので、是非やってみてくださいね。

 

フレームライン

広告

HP作成過程

 

1 実際にアナタのサイトを作っていく順番説明

サイトを一通り読み終えたら、それを元にして、イヨイヨ完全無料でのサロンのHPを作成していきます。その手順を順番にかいてます。

2 あなたのHPになるテンプレートダウンロード

まずは、あなたのサロンのHPの元になるテンプレートをダウンロードします。
イロイロ分かるようになってきてから、完全オリジナルに編集していきます。

3 当サイトで使用無料作成ソフト 初心者向き説明 

当サイトで使用する完全無料のソフトの紹介です。このページから一括でダウンロードする事もできます。

4 HP作成後の集客出来るHP作成説明の
PDF・動画説明を見る

HPを作成した後の、テクニックの紹介です。コレをできるようになれば、今の私とまったく同じ知識がついているのと同じになります。SEOやHPの集客を強くするコツです。