ネイル写真の加工と編集の仕方 画像編集ソフト説明

ネイル写真の加工で使うことが1番多いトリミングから説明します。
もともと写真を撮る時に気をつけたいことなのですが、ピントの関係でしょうがない時もおおいです。そんなときはネイル写真を加工して、見て欲しい部分を大きくします。

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

 

ネイル写真の加工と編集の仕方 画像編集ソフト説明

ネイル写真を加工したり編集したりする無料画像編集ソフトをダウンロードしてインストールできたので、

いよいよ使用方法を説明していきます。

 

最近のソフト類は、直感的にわかりやすいインターフェイスをしているので、もしかして・・・・・と思ったら、

イロイロやってみるといいと思います。

ネイル写真を自分でこうしたいなぁ・・・・ と思うことはたいてい出来ると思ってもらってもいいです。

ただ、やり方を知っているか、知らないかの違いで、加工後の写真が全く変わってきますので、とにかくソフトを使ってみてください。

広告

 

 

 

 

 

先ほどインストールした Photo Scape がデスクトップにあると思いますので、ダブルクリックで起動させます。

ネイル写真加工と編集ソフトショートカット起動

 

 

 

 

 

 

 

下記の操作画面が出てきます。

この時点は、この無料の画像編集ソフトでできることがわけられていて、初めに大きく分けて選択できるようになってます。

 

今回はネイル写真の加工編集に使うのは 『画像編集』 の1つだけです。

 

ここでアニメを作りたい方はそれを選ぶ必要がありますが、まずは、基本の画像編集を覚えます。

 

また、一括編集などは、写真を簡単に管理できるので便利です。

イロイロ使ってみてくださいね。

また、毎日するネイル施術の画像等の管理はここでしたほうが絶対楽だと思いますので、ぜひ使用してみてくださいね。

 

ネイル写真編集ソフト起動画面

 

 

 

 

 

 

 

 

 

下記の図が、今から使用していくネイル写真画像編集加工のメインページとなります。

初めて見る方は難しそうに感じるかもしれませんが、有料ソフトに比べるとメニューの数もかなり少なく、

見た感じで操作しやすいかんは非常に大きいですので、怖がらずに進んでください。

画面の左側に写真が出てきてますが、今から加工していく写真をここから選んでもいいです。

(私の選び方は今から説明します)

 

ネイル写真を編集ソフトに取り込む

 

 

 

 

 

 

 

 

 

編集ソフトからファイルを選んでもいいのですが、私の選び方です。

まず、今から編集したい画像フォルダを開きます。

開くときは、 ”””HPテンプレート””” に入ってなくても大丈夫ですので、まずは開きます。

 

そして、加工したい画像を見つけたら、そのフォルダから直接画像編集ソフトの画面にドラック&ドロップします。

理由は、編集ソフトの画面で元画像のフォルダを開いてしまうと、保存するときにそのまましちゃいますので、

保存するときは、 ”””HPテンプレート””” に置きますので、編集ソフトで開くのは保存する場合のみにしてます。

 

また、画像ですが、自分のお店の、自分の写真がいいと思いますが、どうしても、かっこいいものや、

何かに憧れている方は、インターネットで  『写真 フリー 素材』 などで調べると、色々な写真がフリー(無料)で使えますので、

一度調べてみるといいと思います。

 

また、写真以外のボタンなどにはフリー素材はよく使うので、調べてみて、どんなデザインやものが無料で使えるのか、

見ておくことが必要ですね。

 

編集するネイル写真画像を選ぶ

 

 

 

 

 

 

 

 

これが、加工したい画像を編集ソフトで開いた状態です。

今回は、HPを見た方が、 パッ とみ、ネイルサロンとわかるようにネイル画像を、HPの一番上の大きい画像にしていきます。

 

下記の図では、編集ソフトに普通に画像が入ってますが、カメラが一眼レフカメラで、画像がかなり大きいです。

横幅だけで5000PXぐらいありますので、それを今からHPの中に綺麗に収まるように加工していきます。

 

ネイル写真を画像編集ソフトに取り込んだ写真

 

 

 

 

 

 

 

 

では、まず初めに、ネイル写真等を加工編集した時に必ず使う 『トリミング』 を説明します。

トリミングとは、画像を自分の好みの大きさにきることをいいます。

下記の図のように、赤枠の 『トリミング』 をクリックしてください。

 

すると、赤枠の下のプロパティがかわります。これは今からトリミングをするので、トリミング専用のプロパティに変わりました。

 

次に、トリミングのプロパティ(下の部分) の中のプルダウンメニュー(下三角▼)のついた自由変形をクリックします。

 

ネイル写真をいる部分だけ切り抜く写真

 

 

 

 

 

 

 

 

すると以下のプルダウンメニューが開き、その中から選ぶことができるようになります。

ここでは、どんなふうに切り取っていくかの基本を選ぶ場所です。

サイズを指定するのか、あなたの好きなように切り取るのか等を選ぶことができます。

 

今回は 『比較 サイズの割り当て』 を選択します。 (自分でサイズを指定して切り取る場合は、比較・サイズの割り当てです)

サイズを指定しずに、写真を見ながら好きな大きさに切り取る場合は自由を選択するといいですが、

今回は、HPのトップ画像の大きさに合わせて切り取るので、 比較・サイズの割り当て を選んで指定していきます。

 

切り抜く時のメニュー

 

 

 

 

 

 

 

 

 

 

プルダウンメニューから 『比較・サイズの割り当て』 を選択したら、下記の画面が出てきます。

ここで、今から作るネイル画像のサイズがわかってないとトリミング(切り取り)できないので、この画面のまま、

作る画像の大きさを調べます。

 

ネイル写真トリミング設定画面

 

 

 

 

 

 

 

 

 

画像編集ソフトの Photo Scape はそのままにしておいて、HP編集ソフトの aled を開きます。

そして、画像を編集したいページを開き (全開お伝えした方法で開いてください) 変えたい画像を下記画面のように、アクティブにします。

下記の画像では、 HPテンプレートフォルダの中の hp1 の中にある index.html を開いています。

画像はアクティブにすると、下記画像のように、写真の周りに □ ができます。

この状態にしてください。

 

今から使う画像の大きさを確認する方法

 

 

 

 

 

 

 

 

 

ここで、マウスの右クリックを押すと、下記の図のように、メニューが出てきますので、

このメニューの中の反転している部分 『画像のプロパティ』 を見ます。

どんな画像でも、今現在画像が入っている部分であれば、この見方で大丈夫です。

 

もじ、画像も何も入ってない場所に画像が入れたくて、でも横のサイズがわからない・・・・ なんてときは、

後ほど説明するCSSで確認してからつくる必要があります。

 

HPテンプレートの中に入っているHPは全部説明してあり、書いてありますので、調べる必要はありませんのでご安心ください。

 

ネイル写真の大きさ確認方法

 

 

 

 

 

 

 

 

 

 

下記の画像が、 右クリックから 『画像のプロパティ』 を選択した時に出てくる画面です。

この赤枠に書いてあるのが、今現在HPに使ってある画像の大きさになります。

 

見て確認できたら HP編集ソフトの aled はとりあえずそのままにしておいていいです。

 

今から、この一番目立つ場所に入れる画像を作っていきますので、

5000PX以上ある写真を、この 661 × 254 の大きさにトリミング(切り取り)していきます。

 

ネイル写真のプロパティを見る

 

 

 

 

 

 

 

 

 

 

 

 

では、先ほどの画像編集ソフトの Photo Scape に戻り、幅に 661 と 254 を入れます。

幅が 661 で 高さが 254 です。

記入して OK を押してください。

 

サイズを入力する

 

 

 

 

 

 

 

 

 

 

 

 

すると、 661×254 のサイズの トリミングする部分ができます。

画面の赤枠の部分です。

 

なぜこんなに小さいのかは、写真の大きさは横だけで5000px以上あるので、

それに対して今回指定したトリミングの横が661pxなのでかなり小さい範囲になりますが、今はそれでいいです。

 

後で全体を小さくするので、今は大きいまま綺麗にトリミングすることを考えます。

 

赤枠の中の青枠部分を ドラック&ドロップ して大きさを指定していきます。

 

ネイル写真と実際の大きさをみて切り抜いていく

 

 

 

 

 

 

 

 

 

 

 

 

上記の赤枠の中の青枠の右下にある □ をドラック&ドロップするときには、 shift を押しながら操作してください。

そうすることで、縦と横の比率がそのままで拡大縮小できます。

 

『比較・サイズの割り当て』 を選択しているので、 shift を押さなくても縦横比は変わらないのですが、

エクセルや、ワード等の基本のソフトでは、 shift を押して操作すると比率が変わらないので、癖にしてください。

 

縦、横の比率を変えたい時は、トリミングのメニューを選択するときに 自由 を選択します。

 

今回は、トップ画像の 661 × 254 を作成するので、縦横の比率が大切です。

まずは、横を画面いっぱいに広げました。(画像によってですので、絶対に横にいっぱいにしないといけないわけではありません)

 

ネイル写真と実際の大きさをみて切り抜いていく2

 

 

 

 

 

 

 

 

 

 

 

上記で横いっぱいに広げたので、次は、その範囲の中で、どこの画像を切り取るか・・・・ は、

イロイロ上下に動かしてみて、あなたが いい!! と思ったところでいいと思います。

 

上下に動かすときは、普通にドラック&ドロップでいいです。

 

ネイル写真と実際の大きさをみて切り抜いていく3

 

 

 

 

 

 

 

 

 

トリミング(切り抜く)したい場所を、トリミングの範囲内にいれて いい!! と思ったら エンター を押してください。

※ いい!! と思ったときに ダブルクリックでもOKです。

 

すると、下記の画面のように、指定した部分でトリミング出来ました。

ただ、トリミング出来たのはいいですが、 661 × 254 の比率でかなり大きくしてますので、(5000px × 1700pxぐらいになってます)

次に、661×254 の大きさにしていきます。

 

※今回の作業で、比率を合わせながら、自分の欲しい部分を切り抜きました。

 

ネイル写真の切り抜く大きさを設定する

 

 

 

 

 

 

 

 

 

 

広告

上記まで進んだら、次に、 aled(HP編集ソフト) の下記画像の左赤枠の 『ホーム』 を選択します。

『ホーム』 を選択すると下に ホームのプロパティ が出てきます。

その中にある 『リサイズ』 を選択してください。

 

切り抜く(トリミング)の洗濯方法

 

 

 

 

 

 

 

 

 

 

『ホーム』 のプロパティの 『リサイズ』 を選択すると 下記の画面が出てきます。

先ほどトリミングした画像の大きさが出てきました。 4592 × 1765 でしたね。

これは 661 × 254 の倍数なので、このまま縮めれます。

 

今からこの赤枠の部分を、あなたのHPに入れたい画像の大きさに指定していきます。

ちなみに下の赤枠の 『アスペクト比を保持』 はチェックを入れておいてください。

これを外すと、 661 × 254 にならずに、 縦 と 横 の比率が変わってしまいますので注意です。

※逆に縦と横の比率を、今決めたい時は変えてもらってもいいです。

 

元の大きさと、欲しい大きさ縮小する

 

 

 

 

 

 

 

あなたのサロンのHPのネイル画像に合わせて、数字を入力してください。

今回は、661 × 254 ですので、入力します。

 

アスペクト比を保持にチェックが入っていると、 幅 か 高さ どちらかに数字を入力すると、

当然ですが自然と相手側の数字が入力されます。片方を基準に比率がきまってるので。

 

OK をおしてください。

 

元の大きさと、ネイル写真の欲しい大きさ縮小する

 

 

 

 

 

 

 

 

 

 

すると、 自分が気に入った部分をトリミングした、サイズが 661 × 254 の画像が出来上がりました。

 

中には、先ほど、好きにトリミングして大きいまま使いたい方もいるかもしれませんが、

4592 × 1765 だとかなり画像のサイズが大きくて、サーバーの中の容量が減ってしまうのと、HPの開く速度が遅くなっちゃいます(-_-;)

 

私自身たまに凝ったHPで表示が遅いものは見ずに、違うサイトに移動しちゃうので、画像はちょうどより少し大きいぐらいがいいと思います。

また、トップ画像に関しては、丁度に合わせたほうが、画像が綺麗に見えるのと表示が早いのでぴったりにしてます。

 

しかし、ネイルギャラリーなどで、画像をクリックしたら、大きく画像を見せたいのであれば、

3倍ぐらいの大きさで作っておいて、HP編集ソフトの中で、小さく縮めておきます。

そうすることで、1枚の画像で(3倍の大きさ)すみますので、ワザワザ大きい画像と、小さい画像をつくらなくてすみますので (笑

 

ネイル写真を上手く切り抜いた(トリミング)状態

 

 

 

 

 

 

 

続いて、画像を好きな部分でトリミング(切り抜き)できるようになり、大きさの調整(リサイズ)もできるようになったので、

縁を四角くしてみたり、色を変えたり、画像の上に画像をおいてみたり、字を書いてみたりしていきます。

広告

HP作成過程

 

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

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

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

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

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

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

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

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