*

簡単!Photoshopで斜めのストライプ線の作り方

公開日: : Photoshop

ストライプ線の作り方

Webデザインやバナーなどでもストライプ線(斜めの縞々模様)はよく見かけるデザイン手法です。ウェブサイトで見出しの背景に使っても良い感じになります。しかしいざ作ってみようとすると作り方が思いつかないという方もいらっしゃると思います。一本一本線を引いて作るのも骨が折れるものです。

ちなみにストライプ線とは以下のようなものです。

stripe-line3

ストライプ線のパターンなどは素材サイトでも取り扱っている所がありますが、必ずしも好みのストライプ線が見つかるわけでもないでしょう。

しかし、このストライプ線。Photoshop で意外と簡単に作る事ができます。その方法について紹介しますね。

Photoshopでストライプ線を作る

stripe-line4

まずはファイルメニューから新規作成。実際に使用するサイズよりも大きめにサイズを設定します。今回は1500px四方のサイズにしました。

stripe-line6

ストライプ線とは色の違う線が交互に並んでいる線です。その2色をツールメニューの色の設定部分で選びます。上の四角と下の四角で異なる色を設定しましょう。

stripe-line5

続いて、画面上部のフィルターメニューから「スケッチ」→「ハーフトーンパターン」を選択します。

stripe-line7

ハーフトーンパターンの設定画面が開きます。パターンタイプから「線」を選びます。サイズのスライダーでは線の太さを設定、コントラストでは線の濃淡を設定します。適宜設定してお好みの設定を見つけてください。左側のプレビュー画面で常にどんな結果になるか確認する事ができます。

stripe-line8

ハーフトーンパターンを適用すると上図のような横縞の線が出来上がります。これでもうストライプ線が出来上がったわけですが、斜めのストライプ線を作ってみましょう。

stripe-line9

その為にはツールウィンドウの長方形選択ツールでカンバス全体をドラッグして全選択します。

stripe-line10

そして画面上部の編集メニューから「自由変形」を選択します。

stripe-line11

すると赤丸部分のように画像の端に四角いマークが出現します。この辺りにマウスポインタを近づけると曲がった矢印に変化します。この状態でドラッグすると画像を回転させる事ができるのです。Shift キーを押しながらドラッグすると15度ずつ画像を回転する事ができます。

Shift キーを押しながら3回回転させると画像が45度回転される事になります。これで斜めのストライプ線にする事ができました。あとは使用したいサイズに変更するだけです。

stripe-line12

イメージメニューから「カンバスサイズ」を選択します。

stripe-line13

ここで使用したいストライプ線のサイズを設定します。ここでは幅600px、高さ5pxの線を作ります。

stripe-line3

いかがでしょうか。これでストライプ線が出来上がりました。ストライプの線の太さはこれが最小ですが、もっと細い線にするには前述の画像を回転させる部分で画像の縮小も同時に行ってみましょう。縮小することで線は更に細くなります。その後カンバスサイズの変更でお好みのサイズに変更すれば、細いストライプ線の完成です。

  • Pocket

おすすめトピックス

関連記事

photoshop
知らない拡張子たくさん!Photoshopで保存できるファイル形式まとめ

Photoshop は仕事でもプライベートでもいつも大変よく使うソフトウェアです。Photoshop で画像を出力する時、jpg、gif、png がほとんどという方もいらっしゃると思いますが、Photoshop は多数の […]

Photoshopで選択範囲を回転するには

Photoshop を使っていて、選択ツールでの選択範囲を回転できたらいいなぁと思うことが多々ありました。画像を回転する方法では、選択範囲のみを回転する事はできませんでした。 でもそこはやっぱりさすがの Photosho […]

クリッピングマスク
【AI/PSD】画像の切り抜き、クリッピングマスクの使い方

クリッピングマスクという言葉、Photoshop や Illustrator をよく使う人ならよく耳にする言葉だと思います。逆にあまり使わない人なら、マスク?なにそれ?となるかもしれません。 マスクと言っても風邪や花粉症 […]

Photoshopで線の円や長方形を書く2つの方法

Photoshop で線の円や正方形を書く…見ただけでは基本中の基本に見える事かもしれません。しかし、Photoshop で線の円を書く事に躓く人も多いのではないかと思います。私も最初はそうだったのです。具体的には上の画 […]

Photoshopで写真の一部の色を変える色の置き換え機能の使い方

この写真のこの部分だけ色を変えたい!この商品画像の色を変えたい!という場合に Photoshop では便利な「色の置き換え」機能というものがあります。手軽に写真の一部分だけの色を変更する事ができます。 例えばある物の写真 […]

Photoshopで複数の画像を一つのPSDにレイヤーに分けて開く方法

通常複数の画像を Photoshop で開こうとすると開いた枚数分ファイルが複数タブで開かれます。通常なら別にそれで問題ないのですが、複数の画像を一つの PSD ファイルで開けたら便利と思うこともあります。 Photos […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
ジョモ
JOMOというガソリンスタンドは今どうなったのか?

ガソリンスタンドと言えば、有名所で ENEOS、出光、コスモ石

岐阜県大垣市で栃木のご当地佐野ラーメンが食べられる「政吉食堂」

佐野ラーメンというものをご存知でしょうか?佐野ラーメンとは栃木

ヤマト運輸の送料値上げでも送料を安く抑える為に出来る事5つ【2017年10月から】

クロネコヤマトのヤマト運輸が2017年10月より送料の値上げを

キャプテンラ・フランス
珍しい味のかき氷シロップ「キャプテンラ・フランス」の感想

気温も30度が近くなってくるといよいよかき氷のシーズンですね。

セブンイレブンからアイスキャラメルラテが発売されていたので感想など

セブンイレブンでお馴染みのセブンカフェからアイスキャラメルラテ

→もっと見る