RSSを購読する
follow us in feedly
ふかふか交易所 | ネットの情報をわかりやすくお届け!
RSSを購読する
follow us in feedly

ニュータウンシリーズ まとめ

マインクラフト関連記事 まとめ

VR関連記事 まとめ

トップ ゲーム 動画 ホームページ 掲示板 お問い合わせ サイトマップ ページ下部へ

ホームページカテゴリ 新着記事

サイト内検索

過去7日間の人気記事

  • 総合
  • ゲーム
  • 動画
  • ホームページ

ホーム > ホームページカテゴリー No.21 ~ No.30 > 記事No.29

GIMP2で画像に薄く斜線を表示させる方法

← 前の記事

次の記事 →

oveflow_ellipsis

ホームページの背景に画像を設置することにより見栄えが良くなりますが、場合によっては 画像の色合いが強すぎて閲覧者にとって目障りになってしまうこともあります。

そこで今回は、無料画像編集ソフトの「GIMP2」を用いて、画像に斜線を入れることによってオシャレに 色合いを抑える方法について解説します!

斜線適用のためのレイヤーを作成

今回の解説では以下の、横:700px 縦:350px の画像を使用します。

白地のキャンパスを作成

まずGIMP2を開き、「新しい画像」から白地のキャンパスを作成してください。このとき、キャンパスサイズは対象の画像に合わせてください。

新しいレイヤーを作成

次に「レイヤー」タブから「新しいレイヤーの追加」を選択し、レイヤーの塗りつぶし方法を透明にし、 画像と同じサイズのレイヤーを生成してください。

レイヤーを生成すると、レイヤーウィンドウにレイヤーが追加されます。

※レイヤーウィンドウが表示されていない場合は「ウィンドウ」→「最近閉じたドック」からレイヤーウィンドウを出現させてください。

レイヤーの編集

次に「ウィンドウ」→「ドッキング可能なダイアログ」→「描画色/背景色」を選択し、下の枠にe5e5e5と入力してください。

※ここで指定する色が斜線の色となります。

そして「編集」→「描画色で塗りつぶす」を選択し、先程の色でレイヤーに着色します。

いよいよ斜線の生成を行います。

「フィルター」→「変形」→「新聞印刷」を選択します。

ここの設定画面で、各設定値を以下のようにします。

入力:72

出力:24 (セルサイズの値に伴い変化します)

セルサイズ:3 (斜線の太さを決める値です。任意に設定してください)

スクリーン:輝度

角度:45

スポット形状:線形

オーバーサンプル:15

設定が完了した後「OK」を押し、フィルターに薄く線が入っていれば成功です。

最後に「フィルター」→「マップ」→「シームレス化」を選択し、シームレス化(並べてもつなぎ目がわからなく)すればフィルターの生成手順は完了です。


画像への適用

いよいよ生成した斜線フィルターを画像に適用していきます。

斜線を入れたい画像をGIMPのウィンドウ上にドラッグして取り込んでください。

レイヤーウィンドウを見ると、取り込んだ画像が上に来ていると思います。

これではレイヤーが表示されないので、レイヤーの方を上にし、最初に作った白い背景は目のマークをクリックして非表示にします。

すると斜線が画像の上に浮かび上がります。

あとはレイヤーを選択して、レイヤーウィンドウ上部の「不透明度」の値を左右にいじって、斜線の濃さを 決めれば編集は完了です。

編集終了後、「ファイル」→「エクスポート」から画像を出力しましょう。


以上の手順で出来上がった画像がコチラです!

ちょっと線が薄すぎて分かりにくいかもしれませんが、全体的に斜線が入っています。

最初の画像より色合いが抑えられ、さりげなく背景画像にもってくるにはピッタリです。

設定をうまく合わせることでセンスの良い画像に仕上げることも可能だと思います。みなさんも是非やってみてくださいね!


関連記事はこちら


  ■ 一言コメントをどうぞ!(100字まで)


過去7日間の人気記事

マインクラフト関連記事 まとめ

VR関連記事 まとめ

Aviutl(動画編集)関連記事まとめ

AR関連記事 まとめ

ご意見・ご質問等は 掲示板へ!

コメントを公開されたくない場合は メッセージフォームへ!


当サイトについて  月極広告の募集

©Copyright fukafuka295.jp 2016 All rights reserved.

トップ ゲーム 動画 ホームページ 掲示板 お問い合わせ サイトマップ ページ上部へ