【画像の読み込み】


フォトエディターで画像を開くときには、右下の「参照」をクリックします。
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'
こんばんわ(^^♪
僕はいつも、JTrim使ってますが、こっちの方が高機能っぽいですねw
早速使ってみますw
オンライン上でこれだけ出来ると、ちょっとした画像加工なら
十分な機能を持っていますね。なによりインターフェースが
センス良いので初めての方もマニュアルレスでいけます。
でももっと細かいこと…といったら「JTrim」になるのかも。
これって確かインストールしなくても使えませんでした?。
フォトエディター意外にも NAVER自体、使い始めると
Googleに戻れなくなる便利さがあります。
これ、昨夜やっていたんです!
すご~~いって言いながら・・・・でも、透過性を逆に設定していて・・・・・頭抱えてました^^;
で、Ranさんが呟いていたな~って思って
呟きをさかのぼっていたけど見つけられず^^;
ここにありましたか!!!
もう一度、後日チャレンジします!
あのシンプルなボタンでこの機能は素晴らしいと思います!!
レイヤーを扱えるのはとても便利ですよね~。
編集状態を維持したままセーブ出来ない?ので、時間のかかる処理には向かないと思いますが、
オンラインで出来てしまうんですから、ちょっとした加工の時は強い味方。
レイヤーの重ね合わせは写真ならoverlayとかしてみると面白いです。
また、背景を作ったのは作業時に透明背景だと、市松模様が透けてしまって完成がイメージしにくい
ためですが、セーブ時には無くても白くなります。(多分なるはず(^_^;)。まさか選んである色が
割り当てられないと思うんですが堪忍してません)
で、背景色をいろんな色で試してみて、写真レイヤーを透過(addとか)すると色んな色彩に変化しますので、
イメージ的な処理をするには面白いと思います~。
あとプチ情報ですが、画像を加工する場合、オリジナルサイズに加工してオリジナルと同じままセーブすると
画像の劣化が目立ちますので、たとえばオリジナルが幅2000であれば、コレを50%、もしくは25%に表示し、
先鋭化などして具合を見て、すべての加工が終わってからリサイズして「1/2」か「1/4」。つまり1000か500に横幅を
併せて縮小します。
割り切れない数字は端数は切り捨てて大丈夫ですが、細かいことを言うと、割り切れる数値で縮小しないと、
ディテールのエッジにディサが発生して画像が汚くなりますので、ポイントとして覚えておいてください。
・加工はオリジナルに施し、全て終わったらリサイズ。
・リサイズは横/縦のどちらか割り切れるサイズの 1/2 もしくは 1/4 など。