ここでの記事は、筆者が独自に調査、検証したものであり、内容を保証するものではありません。記事の内容を業務等で利用する場合は自己責任でお願いします。タイムラインに表示する画像を作成する手順。無料で利用可能なフォトレタッチソフトを利用した方法に関して説明しています。Facebookタイムラインと謳っていますが、フォトレタッチソフトを利用した画像加工の初歩としても使えるかも。※この記事のバナー(進撃の画像作成)もこの記事の方法+αで作成しています。)画像作成のコツまとめ関連記事はじめに進撃の巨人が関西弁になっただけでギャグ漫画化する事に衝撃を覚えた今日この頃、みなさんいかがお過ごしですか。当Webサイトでは技術記事を作成した際に、記事のバナーを作成してたりするのですが、今回はその作成方法に関して紹介してみます。利用する方が多いのではないかと思われますが、無料で利用可能なソフトウェアを使った方法に関して説明します。※ここでは画像の作成方法に関して説明しています。行うにあたって、作業の概要を以下に示します。タイムラインで表示する際に適した画像を作成するものとします。ピクセルの画像を用意する事が推奨されていますので、このサイズの画像を作成する事にします。構成されたものとします。非デザイナーが短時間で作成可能なものとします。環境は以下になります。GIMPが動作する環境であれば、同様の手順で作成可能だと思います。)先ず、画像作成に必要となる環境を構築します。手順に従ってください。いう形で機能拡張を行う事ができます。追加する事で同様の機能をGIMPでも実現できるようになります。従ってインストールします。スクリプトファイルをダウンロードします。以下をダウンロードして下さい。スクリプト用フォルダにコピーします。[フォルダー]>[スクリプト]を選択する事で確認できます。※上図では二つ表示されています。以下のフォルダにコピーします。※GIMPのバージョンによってはフォルダは異なる可能性があります。メニューが追加されます。利用可能になりました。以外にも多数のプラグインが存在しています。多数のプラグインが登録されています。使えるプラグインを探してみるのも面白いかもしれません。)手順1で画像の作成環境が整ったら、画像を作成してみましょう。画像を作成するにあたって、先ず以下の素材を用意します。時間、及び、腕がある方ならば自分で写真を撮る等してもよいでしょうが、先に「短時間で非デザイナーが作成可能」とうたっているように、ここでは写真素材を利用させていただく事にします。さんから以下画像を選ばせて頂きました。画像をダウンロードします。素材を用意したらGIMPで作業を開始します。画像の読み込み先ずは取得した画像をGIMPで開きます。ダウンロードした画像ファイルをGIMPにドラッグ&ドロップする等して開いてください。ファイルを読み込むとGIMP上で画像が表示されます。タイムラインに適したサイズにリサイズ/トリミングします。そのLサイズの画像は大きい(ここで利用している桜の写真は3024x4032ピクセル)ので先ずは縮小します。ボタンをクリックします。適当な部分を切り取ります。切り取りたい部分をドラッグします。画像上に矩形(四角)の線が現れるので、選択範囲を選んで下さい。この際画面下部に選択中の矩形サイズが表示されるので、最終的に設定したいサイズにする。)矩形が選択できたらドラックするのを止め、選択範囲をコピーします。[編集]>[クリップボードから生成]>[画像]を実行します。コピーした部分で新たに画像が作成されます。GIMP2.8系の場合には、タブが追加されて、ここに作成した画像が表示されます。文字入れ背景画像ができたので文字入れします。文字を置きたい(先頭)部分をクリックします。すると、テキスト入力状態になるので設定したい文字列を入力すればOKです。フォントや文字色等はテキストのプロパティとして設定します。文字ごとの設定でそれぞれ設定可能です。文字のフォント、大きさ、位置、色を調整します。※複数のフォントを使いたい場合には、複数回テキスト入力を行って、それぞれのテキストに対してフォントを設定します。利用して後から移動できます。上の文字入れの画像を見ると判りますが、背景画像によっては文字が読みにくくなる場合があります。このような問題を解決する方法の一つは、文字が背景から浮かび上がるように加工を施す事です。利用する事でこれを実現します。以下の効果を追加する事ができます。文字を立体的にします。指定した色で塗りつぶします。指定したグラデーションで塗りつぶします。指定したパターンで塗りつぶします。