GIMPで斜めのストライプ線(縞模様)を描いてみよう

GIMP 斜めストライプTOP

無料画像編集ソフトGIMPを使って、斜めのストライプ線(縞模様)を描きたいんだけど、どうしたら綺麗に描けるんだろうって困っていませんか?

今回は、バナーなどの背景によく使われている斜めになったストライプ(縞模様)を描いてみよう。

Sponsored Links

斜めストライプ(縞模様)を描く方法

斜めのストライプの線(縞模様)を描く方法はいくつかありますが、フィルター機能を使えば、決まった間隔で簡単に綺麗なストライプを作成することができます。

 

画像の新規作成

GIMPを起動したら、いつものように「新しい画像」の設定をしよう。

今回は、300×250のバナーを作成したいので、少し大きめの400×400pxで作成しました。

新規作成

 

 

背景を塗りつぶそう

ストライプ(縞模様)となる色を決めておきましょう。

今回はバナーでよく使われているオレンジ色と赤色でストライプ(縞模様)を作成します。

オレンジ色:#ff3300   赤色:#ff0000

ツールボックスから「塗りつぶしツール」を選択して、ツールオプションの「背景」にチェックを入れて塗りつぶしましょう。

 

斜めのストライプを作成するときは、背景に明るい色をもっていくといい感じになりますよ。
背景を塗りつぶす

 

 

ストライプを入れよう

次に、メニューバーからフィルター下塗りパターングリッドを選択しましょう。

グリッドを選択

 

 

グリッドのダイアログが開くので、プレビューを見ながらあなたが思っている幅や間隔のストライプ(縞模様)の数値を設定しましょう。

このとき、幅の水平線と垂直線のチェーンを離して水平線を0pxにしておきましょう。チェーンがくっついていると、横の線も作成されてしまいます。

今回は幅の垂直線12px、間隔25pxにしました。

グリッドダイアログ画面

 

 

回転しよう

思ったようなストライプ(縞模様)ができたら、ツールボックスから「回転ツール」を選び、直接キャンバスの上にマウスを持っていき、ドラッグして回転させるか、回転ダイアログ画面で角度の数値を変更しましょう。

回転

 

 

今回は角度を45度にして、「回転」をクリックしましょう。

回転ダイアログ画面

 

 

切り抜こう

回転ができたら、ツールボックスから「切り抜きツール」を選んで、ツールオプションの「値を固定」にチェックを入れ、「サイズ」を選択して300×250の数値を設定します。

キャンバスにマウスを持っていき、左クリックすると、固定されたサイズの枠が出てくるので、ちょうどいいところに持っていきましょう。

ハイライトにチェックを入れていると下のように切り抜きたい部分以外は暗くなるのでわかりやすいですね。
切り抜きツール

 

 

位置が決まったら、切り抜きたい部分の上でクリックするか、キーボードのEnterキーを押すと切り抜かれます。

切り抜く

 

 

出来上がり

斜めのストライプ(縞模様)が完成したら、あとは下のようにテキストを入れればバナーの出来上がりです。

送料無料バナー

 

 

まとめ

GIMPを使って、斜めのストライプ(縞模様)を作成する方法はいくつかありますが、今回のようにフィルター機能を使って、ストライプを作成回転というやり方が、簡単な方法だと思います。

お疲れ様でした。

Sponsored Links

こちらの記事もよく読まれています

SNSでもご購読できます。

コメント

  1. 花壇 より:

    はじめまして!
    GIMP入門者で使い方が全然わからず、こちらのサイトを教科書に、動画を作成することが出来ました!
    実際にgimpをさわりながら一つずつ画像を作っていきました!

    ストライプの描き方だけでなく、パスに沿ってテキストを配置や、文字に枠線をつける方法など、たくさん参考にさせていただきました!

    ありがとうございました!!

    (完成した動画はこちらです→http://www.nicovideo.jp/watch/sm31114933 ほんとに参考にしまくっております!)

    もしリクエストが可能でしたら、画像に文字を刻む(凹ませる)方法を教えていただきたいです!

    無地の背景にテキストを凹ませる方法は知ってます!

    よろしくお願いいたします!!

    1. 管理人 sora より:

      花壇さん、はじめまして、コメントありがとうございます。
      当サイトがお役に立ててとても嬉しいです。
      動画よくできてますね!今後の配信も楽しみにしていますね!
      リクエストありがとうございます。
      画像に文字を刻む方法を、近いうちに書きたいと思いますので、ぜひ参考にしてくださいね!

  2. 花壇 より:

    soraさま

    ご返信ありがとうございます!
    初投稿でスルーされちゃうと思っていたので
    凄くうれしいです!
    動画もご視聴いただきありがとうございます!!(泣)
    リクエストもお受けいただいて恐縮です!
    本当は、タイトルロゴで凹ませたかったのですが、
    無地の背景を凹ませるやり方だとうまくできなくて、
    文字を掠れた感じにするやり方のパターンを変えて
    つくりました。
    次回動画は凹ませたいと思います!!

    ありがとうございました。

    1. 管理人 sora より:

      花壇さん、コメントありがとうございます。
      スルーなんてしませんよ!(笑)
      コメントいただき本当に嬉しく思います。
      次回も動画楽しみにしてますね!

コメントを残す

*

CAPTCHA