アニメーションとは動く絵のことを指します。

アニメーションを作るには少しづつ変化する絵を重ねる必要があります。

GIMPではアニメーションを作ることもできます。

GIFアニメを作ろう

上記のように動いている画像。これがアニメーションです。

解りやすくいうと、このようにちょっとづつ変化する画像を書いて、パラパラとめくることにより、動いているように表現します。

今回はサムネイル画像で貼っているアニメーションを作ろうと思います。

⇒

新規レイヤーを追加し、ブラシを「circle」にします。

新規レイヤーにブラシで描画します。

コピーレイヤーを移動ツールでドラッグします。

真横にずらすだけで良いのでキーボードを使いましょう。

同様にコピー＆移動を繰り返します。レイヤーが多くなりますので解りやすく名前をつけておくと良いです。

ある程度複製できたら
フィルタ → アニメーション → 再生をクリックします

演奏をクリックすることでアニメーションが始まります。

こんな感じ↓

置き換えアニメを作ろう

上記のアニメーションでは、左から右へ●が流れていく間、表示された●はずっと残っていますが、一つ一つの●を表示させるアニメーションも作ることができます。

こんな感じ

やり方は上記通りにブラシで描画し、コピー＆移動を繰り返します。

アニメーションにする画像が揃ったら、

フィルタ⇒アニメーション⇒GIF要最適化をクリックします。

すると、このように、名前の部分が変化します。

この部分を変更することにより、アニメーションの効果を変更することができます。

combineをreplasceに変更すると前の画像と置き換えるという意味に変わります。

すると、下記の画像のように変化します。

combine	replasce

因みに、100msを変更することでアニメーションのスピードを変えることができます。

GIF形式で保存する！

アニメーションを作った後は、保存形式を〝GIF〟で行うようにしましょう。

理由は他の保存形式ではアニメーションとして機能してくれないからです。

GIFで保存する際、アニメーションとして保存する場合は画像のように、アニメーションとして保存を選択するようにしましょう。

エクスポートを押すと、速度やフレーム処理などの項目がでてくるので詳細をせんたくしましょう。無限にループすることも可能です。

項目を埋めて、保存で完了です。

各メニューから、さらに枝分かれして項目分けされています。加工・編集をしやすく、さらに使いやすく収納されているメニューバーの役割を覚えましょう。

メニューバーの役割まとめ

なおこのほかにも自分で追加することにより、メニューバーは増えることもあります。
(Script-Fuなど)

デフォルトで備わっているものでも十分ですが、より画像加工・編集の幅を広げるには色々取り入れてみると良いでしょう。

アンシャープマスクのダイアログ

イメージウインドウ上部メニュー ⇒フィルタ ⇒強調⇒アンシャープマスク

アンシャープマスクでは、画像の輪郭をくっきりとシャープにすることができます。

線がぼけている画像、写真をくっきりはっきりする場合などによく使われます。

プレビュー…下部の半径、量、しきい値の値による変化をプレビューで確認することができます。

半径、量、しきい値に関しては公式より抜粋しました。

半径
スライダーや数値記入欄で、 シャープ化される輪郭周辺の画素数を決めることになる値を 0.1 から 120.0 の範囲で設定します。 高解像度の画像なら半径に大きな値がとれます。 画像のシャープ化はいつもその最終解像度で行なう方が良いでしょう。

量
このスライダーや数値記入欄でシャープ化の強度が設定できます。 値の範囲は 0.00 から 5.00 です。

しきい値
このスライダーや数値記入欄で、 輪郭がシャープ化を受けるかどうかを示す画素の値の最小差異を設定できます。 値の範囲は 0 から 255 です。 これを用いてシャープ化を受けたくない滑らかな色変化の部分を守れますので、 天空や水面のような被写体に汚点を作らずに済みます。

難しい言葉が並んでいますが、半径では数値が大きいほど、シャープがかかる範囲が広がり、量はシャープのかかる強さが変わり、しきい値でシャープをかけたくない範囲を制限できるイメージです。

写真や画像により一概な数値が決まっているわけではないので、プレビューを確認しながら、調整すると良いでしょう。

また、GIMP公式ヘルプには、なぜシャープがかかるかの説明が書かれております。

難しい言葉で書かれておりますが、アンシャープマスクをかければくっきりとした画像になると覚えておけばOKです！

選択的ガウスぼかしダイアログの見方

イメージウインドウ上部メニュー ⇒フィルタ ⇒ぼかし⇒選択的ガウスぼかし

選択的ガウスぼかしは、コントラストの低いものを選んでぼかすことができます。

コントラストとは、画像や画面の暗い(黒い)部分から明るい(白い)部分までの幅のことで、明暗の差が大きいほどコントラストが強いと言います。

プレビューで、その効果をみながらかけていき、ぼかし半径の数値でぼかしの効果の幅を広げます。

選択的ガウスぼかしでは、隣接するコントラストの低い部分のみをぼかすことができ、その基本地は、最大△(デルタ)の数値で変更することができます。

最大△(デルタ)とは

ぼかしをうける画素とその付近の画素の値の差の最大値を 0 から 255 の範囲で設定します。 この微変量値デルタを越える画素にはぼかしがかかりません。

選択的ガウスぼかしの使いどころ

上の説明ではいまいちなんのこっちゃ？だと思いますので、こういう時に使いますの一例を紹介します。

上記の画像ではのように手前のものをはっきりと、奥のものをぼかして見せるときに使えます。

が、写真や画像によりコントラストは一定ではなく、なかなか思うように効果がかかりにくいです。

そこで、ぼかしをかけたい部分を選択し、重ねることでよりくっきりと奥行との差を演出することができます。

下記画像は分かりやすいようにぼかしをかけすぎてますが、上の画像とくらべ、建物の線は残しつつ、奥行との差がくっきりとでています。

モザイク処理ダイアログの見方

イメージウインドウ上部メニュー ⇒フィルタ ⇒ぼかし⇒モザイク処理

※旧バージョンでは「ピクセル化」と表示されます。

モザイク処理のダイアログはいたってシンプルです。

プレビューは他ぼかし同様、効果のプレビューを確認することができます。

ピクセル幅では横幅を、ピクセル高では縦幅をそれぞれの値を増減することで効果の幅を変えることができます。

右側の「　(くさり)」を有効にすると、ピクセル幅、ピクセル高どちらも同じだけ数値が動きます。

基本的には□のドットでモザイクがかかったような画像処理をしてくれ、数値が大きくなればなるほど、ドットが大きくなります。

縦横同じ比率だと、ドットは□でモザイクがかかります。

幅の数値が大きいと横幅が長いモザイクがかかります。

高の数値が大きいと縦幅が長いモザイクがかかります。

モーションぼかしダイアログの見方

イメージウインドウ上部メニュー ⇒フィルタ ⇒ぼかし⇒モーションぼかし

モーションぼかしでは、三つのモーション(動き)あるぼかしをかけることができるぼかし方法です。

モーションぼかしの共通項目

プレビュー

チェックボックスをつけることで、モーションぼかしの効果をプレビューで確認できます。

ぼかしの中心

X軸(横軸)、Y軸(縦軸)の数値を変化させることで軸位置を設定できます。

モーションぼかし～線形～

まずは元になるサンプル画像から

モーションぼかしの線形では、線のうごきのあるぼかし効果をかけることができます。

左上から右下にかけて線でぼかしているような効果がかかっています。

※左上から右下だけでなくいろいろな角度にかけることができます。

モーションぼかしダイアログ下部にある、ぼかしのパラメーターの長さ、角度によりぼかしのかかり具合を変化させることができます。

モーションぼかし～回転～

モーションぼかしの回転では、円の動きのあるぼかし効果をかけることができます。

回転を選択すると、ぼかしのパラメーターの長さを選択できないようになります。

モーションぼかし～拡大～

モーションぼかしの拡大では、拡大するようなぼかし効果をかけることができます。

拡大を選択すると、ぼかしのパラメーターの角度を選択できないようになります。

ぼかしの特徴

イメージウインドウ上部メニュー ⇒フィルタ ⇒ぼかし⇒ぼかし

ぼかしは数あるぼかし効果のなかでも最もシンプルにぼかします。

言葉とおりですが、その特徴は処理速度の速さです。

他のぼかし効果と違い、ダイアログ画面が表示されるわけでもなく、細かい調整を行うことはできませんが処理速度が早いため、大きい画像をぼかす際には向いています。

※その他ぼかし効果に関しては、処理の度合いにより少し時間がかかります（環境にもよりますがストレスになるほどではありません）

デメリットとしては、細かい調整を行えないため、大きな画像、小さな画像、すべての画像に同じ幅でぼかしがかかります。

そのため、小さな画像ではぼかしが大きくかかり、強くかかってみえるようになります。

大きな画像ではメリットですが、小さな画像をぼかす場合は注意が必要です。

ガウスぼかしダイアログの見方

イメージウインドウ上部メニュー ⇒フィルタ ⇒ぼかし⇒タイル化可能ぼかし

タイル化可能ぼかしの項目をクリックするとタイル化可能ぼかしダイアログが開かれます。

半径

半径の数値を増減ことで、交換の幅を変えることができます。

垂直ぼかし、水平ぼかしのチェックボックスは、垂直ぼかしが上下、水平ぼかしが左右の”つなぎ”が繋がりやすいようになります。

ぼかしタイプ

ガウスぼかしでも書きましたが、IIRは写真に向いており、RLEはコンピューターで作られた画像に向いています。

IIR
Infinite Impulse Response (無限インパルス応答) の略です。 このぼかし方法は写真などコンピューター生成でない画像において大きな半径を設定した場合に最高の仕上りが期待できます。

RLE
Run-Length Encoding (連長圧縮) の略です。 RLE ガウスぼかしの方法はコンピューター生成画像や等質な強度の部分が広く分布する画像において最高の仕上りが期待できます。

上記はGIMP公式ヘルプより抜粋しました。

ん～…、難しい言葉でかかれていますね(^^;

公式でも書いてある通り、両者の効果にさほどの違いはないとのことなのであまり気にしなくて良いかもしれません。

タイル化可能ぼかしの効果

実際の効果を見た方が、イメージが沸くと思います。

実際、上記の記載や、GIMP公式の文句では難しい言葉が使われいまいちよくわかりません。

そこで、GIMP公式のヘルプにある、ヒントの流れを追って比べてみます。

※ヒントの通り作成すれば、そのとおり作成することはできますが、よくわからない場合は効果だけでも確認できればと思います。

ヒント
タイル化する画像の縁だけをぼかしたい場合は、 このフィルターをそのまま画像全体にかけるわけにはいきません。 つぎの手順を踏めばこの課題も処理できます。

画像の複製をとり ( レイヤー → レイヤーの複製 )、 加工対象にするためそのレイヤーを選んで活性化します。

「タイル化可能ぼかし」フィルターを半径 20 ピクセルの設定でこのレイヤーに適用します。

このレイヤー全体を選択 (Ctrl+A) してから、 ぼかした縁取りの幅を適当に残せるよう選択範囲を縮小 ( 選択 → 選択範囲の縮小… ) します。

その選択範囲の輪郭をぼかします ( 選択 → 境界をぼかす… )。

キーボードショートカット Ctrl+K で選択を解除します。

両レイヤーを統合 ( レイヤー → 下のレイヤーと統合 ) します。

すると、下記画像のようになります。

効果はすべて5.0でかけております。

ビンの画像の周りに自然に馴染むようにぼかしがかかってます。

ガウスぼかしダイアログの見方

イメージウインドウ上部メニュー ⇒フィルタ ⇒ぼかし⇒ガウスぼかし

ガウスぼかしの項目をクリックするとガウスぼかしのダイアログが開かれます。

プレビュー

チェックボックスをつけることで、ガウスぼかしの効果をプレビューで確認できます。

上部画像だとぼかし半径、水平5.0、垂直5.0のプレビューが表示されています。

数値を変えるとそれだけ効果の差を比べることができます。

チェックボックスを外すと、ぼかしのかかっていない状態になります。

上部画像だと見比べることができますが、ダイアログ画面でウインドウ上の画像が隠れ直接確認できない場合もプレビューで確認することができます。

ぼかし半径

水平と垂直の数値を上下することで、効果の幅を変えることができます。

水平は横に、垂直は縦の幅を変更することができ、右側の「　(くさり)」を有効にすると、水平、垂直どちらも同じだけ数値が動きます。

くさりを外している状態だと、水平と垂直、変化させた片方だけ値が動きます。

ぼかしの種類

IIR
Infinite Impulse Response (無限インパルス応答) の略です。 このぼかし方法は写真などコンピューター生成でない画像において大きな半径を設定した場合に最高の仕上りが期待できます。

RLE
Run-Length Encoding (連長圧縮) の略です。 RLE ガウスぼかしの方法はコンピューター生成画像や等質な強度の部分が広く分布する画像において最高の仕上りが期待できます。

上記はGIMP公式ヘルプより抜粋しました。

ん～…、難しい言葉でかかれていますね(^^;

公式でも書いてある通り、両者の効果にさほどの違いはないとのことなのであまり気にしなくて良いかもしれません。

IIRは写真で、RLEは下記のような画像？を想像しました(^^;

着色ダイアログの見方

着色で変化させた画像は、色付きのグレースケール画像のようになります。

イメージウインドウ上部メニュー ⇒色 ⇒着色

のコマンドで、着色ダイアログが開かれます。

プリセットメニュー

プリセットの欄をクリックすると、導入されている着色のパターンを使用することができます。

「＋」を押せばプリセットの登録をおこなうことができます。一度作ったもので何度も使用する場合や、お気に入りのパターンは登録しておきましょう。

また、プリセットの編集を「」からおこなうことができます。

色の選択

色の選択では、色相/彩度/輝度の値をそれぞれ変えることができます。

着色の場合

• 色相…初期値が180で、0～360までの間で設定ができます。
• 彩度…初期値が50で、0～100の間で設定ができます。
• 輝度…初期値が0で、-100～+100の間で設定ができます。

プレビュー

カラーバランスで変化させた値がイメージウインドウ上の画像にも反映され確認することができます。