200910 02

NAVER フォトエディターの使い方

 

NAVER フォトエディター初級編(画像合成)

NAVER フォトエディターを使って、簡単に2枚(5枚まで可能)の画像を合成する手順です。


画像の読み込み




フォトエディターで画像を開くときには、右下の「参照」をクリックします。
GIF画像など対応していないファイルは読み込めませんが、5枚まで同時編集が可能です。

今回は画像合成の説明ですので、2枚の画像を読み込み処理してみます。


1枚目の画像を読み込んだところ。
中央下部分に読み込んだ画像のサムネイルが表示され、ココをクリックすることで編集対象の画像を切り替えます。







2枚目を読み込んだところ。



サムネイルの2枚目がアクティブになり、2枚目が編集対象になっているのが分かりますね。


画像の合成


(1)サムネイルの最初の画像を選ぶ。

(2)次に2枚目の画像をマウスで摘んで、(3)の編集画面にドロップします。

位置はあとで調整しますので、お好きな場所で構いません。





ドロップした直後は編集可能状態ですが、それがクリアされてしまったらアイコンから「移動」を選んで、配置する場所に「左上」を合わせて移動させます。


画像の変形


次にアイコンから「変形」を選ぶと、再び編集対象画像にハンドルカーソルがつきます。

これを摘んで好きな大きさにする訳ですが、そのまま変形させると自由変形になり、縦横比が変わってしまいますので、「シフトキー」を押しながら右下の「□」をマウスで摘んで大きさを変更します。





拡大している図です。

希望の大きさになったら、「適用」ボタンをクリックして決定です。





もし途中で範囲選択が解除出来なくなった場合などは、マウス右クリックから「選択解除」。

「コピー」や「貼り付け」も行えます。



次に最初の画像を同じように変形し、位置を合わせます。

この時、右側のレイヤーで1枚目の画像サムネイルをクリックして編集対象にしておきます。

※『レイヤーとは?
アニメのセル画のようなもので、1枚の絵の上に別の絵のレイヤーを重ねる事。
昔のグラフィックソフトはこの機能がありませんでしたので、1枚の画像に別のものを貼り付けると、その下にあった画像は消えてしまいましたが、レイヤー使うことによって、オリジナルを保ったまま、複雑な合成が出来、いつでも気に入らなければ元に戻せる便利な機能です。




1枚目も「変形」でアクティブになった「□」を摘んで大きさを調整します。

シフトキー同時押しはお忘れ無く。
失敗したら「取り消し」で戻せます。



全体的な大きさの調整


2枚の画像の縦のサイズが合いました。

でも、オリジナルの1枚目の画像サイズが大きく、それを縮小しましたので、余白部分が出来てしまいましたね。

この部分の余白を切り取ります。



アイコンから「切り取り」を選びます。



マウスを左上から右下に左クリックしたまま伸ばすと、切り取られる領域が指定出来ます。

これは「サイズ変更」ではなく、画像の特定の部分だけを切り取る作業です。

作業が終わったら「適用」ボタンを押します。



これで余白が切り取られ、画像だけの範囲で新しいサイズの画像が出来ました。
今回は分かりやすく、かつ簡単な処理ですが、レイヤーを使えばもっと複雑な画像合成も出来るはずです。

ちょっと遊んでみる


レイヤーというのは何も新しい画像のためだけにある訳ではありません。

文字を入れるときや落書きする場所。

また、作業的に「透かした状態」を見るための背景レイヤーを作るのにも使えます。

まず空のレイヤーを作るにはレイヤーメニューにある「レイヤーを追加」ボタンをクリックします。



ボタンを押すと、アクティブなレイヤーの上に「新規レイヤー」が出来ます。画像では「level4」がそれです。

Photoshopなどでは、コントロールキーとの同時押しで、「アクティブなレイヤーの下に作る」など簡単にできますが、NAVERエディターは流石にそこまで小技は効かないようです。

なので!。

一番下に必要な「背景レイヤー」ですから、マウスで摘んで「level1」の下に移動します。



次にアイコンから「バケツ」を選択。


パレットから「白」を選択。


分かりやすいように、表示されている画像を消します。

「level1」と「level3」の画像レイヤーの左側のチェックボタンをクリックし、画像の表示をオフにします。



すると編集メイン画面から先ほどの画像が消え、「level4」のレイヤーだけが表示された状態に。

まだこのレイヤーには何も描かれていませんので「透明」な状態です。

ここに文字を書けば、文字以外の透明部分は透けてしたの画像が見える。という仕組みですね。

では、この画面に先ほど選んだ「バケツ」で色を流し込みます。

※選択範囲が無いので、全画面その色で塗られます。
特定箇所を塗りつぶしたい場合は、予め選択領域を作り、そこに流し込みます。



「level 4」のレイヤーが真っ白になりました。




試しに「level 1」のレイヤーを表示させると、余白が白くなっていますね。
基本、上のレイヤーはそのままでは、下のレイヤーを透過しませんので、「level 1」の画像には何も影響はありません。


しかし、下のレイヤーを透過しないと言うことは、単に紙を積み重ねているだけで「重ね合わせる」というレイヤーの本来の目的ではありませんので、そこで効果を付け加えます。

ご覧のメニューはアクティブなレイヤーが、下に対してどの様に透過するか?を設定する項目。

デフォルトでは上にあるレイヤーに透明部分はなく、同じ大きさの画像を重ねると下は見えなくなってしまいます。

しかし、この項目、一口では効果を説明出来ない、グラフィックソフトを使う上で結構テクと知識のいる項目なので、詳しい説明はそのうち「説明したくなったら」説明します(^_^;)。だいたい、これの使い方って企業秘密ですし。



ま、色々と項目を選ぶと、画像の様に変化するので分かると思いますが、下や上にくる色によって、効果に現れる結果は様々です。また、すべてのレイヤーに指定出来ますので、その組み合わせといったら…なので企業秘密な訳です。



逆に一番簡単な「透かし画像」の作り方。

「透明度」を変更すれば、上のレイヤーが下を透過します。



こんな感じ。あくまで簡単な処理です。
綺麗に合成するにはボカシをかけた切り取りなど、他の作業も必要ですが、何より大切なのはセンスあるのみ!。
「センスがセンスしないようにご注意を。

簡単でしたが、NAVER フォトエディターの使い方でした。
参考になれば幸いです。

Qapla'


にほんブログ村・MAZDA
 
マツダ車系ブログです。 プログピープル・漫画 プログピープル・車

  この記事に頂いたコメント Comment [4]

  •   コメント  [No:001006]   kojikoji8  さん BlogMaster 2009年10月 2日 22:20 | 【 返信 】

    こんばんわ(^^♪
    僕はいつも、JTrim使ってますが、こっちの方が高機能っぽいですねw
    早速使ってみますw

    •   コメント  [No:001007] Author Profile Page  Ran  さん BlogMaster 2009年10月 2日 22:30 | 【 返信 】

        返信コメント  【 Comment No.1006  kojikoji8 】さんのコメントへの返信 

      オンライン上でこれだけ出来ると、ちょっとした画像加工なら
      十分な機能を持っていますね。なによりインターフェースが
      センス良いので初めての方もマニュアルレスでいけます。

      でももっと細かいこと…といったら「JTrim」になるのかも。
      これって確かインストールしなくても使えませんでした?。

      フォトエディター意外にも NAVER自体、使い始めると
      Googleに戻れなくなる便利さがあります。

  •   コメント  [No:001008]   瑤子  さん BlogMaster 2009年10月 3日 12:58 | 【 返信 】

    これ、昨夜やっていたんです!
    すご~~いって言いながら・・・・でも、透過性を逆に設定していて・・・・・頭抱えてました^^;
    で、Ranさんが呟いていたな~って思って
    呟きをさかのぼっていたけど見つけられず^^;
    ここにありましたか!!!

    もう一度、後日チャレンジします!
    あのシンプルなボタンでこの機能は素晴らしいと思います!!

    •   コメント  [No:001009] Author Profile Page  Ran  さん BlogMaster 2009年10月 3日 14:17 | 【 返信 】

        返信コメント  【 Comment No.1008  瑤子 】さんのコメントへの返信 

      レイヤーを扱えるのはとても便利ですよね~。

      編集状態を維持したままセーブ出来ない?ので、時間のかかる処理には向かないと思いますが、
      オンラインで出来てしまうんですから、ちょっとした加工の時は強い味方。

      レイヤーの重ね合わせは写真ならoverlayとかしてみると面白いです。

      また、背景を作ったのは作業時に透明背景だと、市松模様が透けてしまって完成がイメージしにくい
      ためですが、セーブ時には無くても白くなります。(多分なるはず(^_^;)。まさか選んである色が
      割り当てられないと思うんですが堪忍してません)

      で、背景色をいろんな色で試してみて、写真レイヤーを透過(addとか)すると色んな色彩に変化しますので、
      イメージ的な処理をするには面白いと思います~。

      あとプチ情報ですが、画像を加工する場合、オリジナルサイズに加工してオリジナルと同じままセーブすると
      画像の劣化が目立ちますので、たとえばオリジナルが幅2000であれば、コレを50%、もしくは25%に表示し、
      先鋭化などして具合を見て、すべての加工が終わってからリサイズして「1/2」か「1/4」。つまり1000か500に横幅を
      併せて縮小します。

      割り切れない数字は端数は切り捨てて大丈夫ですが、細かいことを言うと、割り切れる数値で縮小しないと、
      ディテールのエッジにディサが発生して画像が汚くなりますので、ポイントとして覚えておいてください。

      ・加工はオリジナルに施し、全て終わったらリサイズ。
      ・リサイズは横/縦のどちらか割り切れるサイズの 1/2 もしくは 1/4 など。

  •   →  Comment Post

    お名前は必須です。URLを記入いただくとファビコンを表示します

    ご利用のブラウザ、設定ではご利用になれません。

      この記事のトラックバックURL Trackbacks-URL

    この記事のトラックバック URL です  [ボタンクリックでクリップボードへコピーします]