Photoshop

Photoshopでパターンを作ろう!斜めストライプを作る方法とは?


こんにちは、mayukouです。
先日仕事でIllustratorで斜めストライプの入ったバナーデザインをしたのですが、
Photoshopに移動して書き出そうとしたところ、
斜めストライプの切れ端部分が途切れて見えてしまって、
綺麗じゃなくなったので、Photoshopで作り直すこととしました。

そこでその方法をご紹介します。

スポンサードリンク

1.パターン定義のためのドキュメントを開く

ドキュメントサイズ:100px x 100px

2.真ん中に十字のガイドを引く

17-stripe-01


表示>新規ガイド…

でダイアログに垂直方向・50px (横幅の半分)
水平方向・50px

で真ん中に十字ガイドを引きましょう

3.ペンツールでシマシマの部分を描く

18-stripe-02

ペンツール:シェイプ、塗りーお好きな色を選択しておきます

19-stripe-03

対角線に沿った感じでグリッドに合わせて図のように描きましょう
描いたら、コピーしておきます。
コピーしたら図のところまで移動しましょう

20-stripe-04

4.パターン定義を選択

編集>パターン定義をクリックします

名前をつけて定義しましょう。

実際に使ってみましょう

21-stripe-05

比率を変えることで、細かいストライプにもなります。

23-stripe-07

22-stripe-06

最後に

いかがでしたか?私流ですが、割と綺麗にシームレスにつながる
斜めストライプの方法をご紹介しました。
ぜひ参考にされてください!

投稿者プロフィール

mayukou
mayukou
Webデザイナー修行中のmayukouです。口下手ですが、webデザインのお仕事を始めてなんとか約5年が経ちました。続けられているのが不思議です。仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。
詳しくはこちら

Twitterをフォローしていただくと、最新情報を見逃しません♫

関連記事

  1. Illustrator

    自分で作れると便利!illustratorでチェック柄を描く方法

    みなさんこんにちは、mayukouです。※熊本・大分で地震の被害に…

  2. Photoshop

    スキャンで取り込んだイラストの線をPhotoshopで抽出するSeparate Lineartが便利…

    みなさん、こんにちは、mayukouです。デザインやイラストの仕事…

  3. デザイン

    デザインの引き出しを増やすために!スクラップがオススメ♪

    みなさまこんにちは、mayukouです。いかがお過ごしですか?…

  4. デザイン

    おすすめ!かすれたロゴに最適なスタンプ風なフリーフォント

    みなさんこんにちは、mayukouです。福岡もやっと梅雨が明けまし…

  5. Illustrator

    ロゴやイラストに!Illustratorでかすれ表現をする方法!

    みなさんこんにちは、mayukouです。当ブログでよく読まれている記…

  6. Photoshop

    Photoshopのウィンドウを見やすく!ワークスペースを工夫してみよう

    こんにちは、mayukouです。なんだかすっきりしない天気です。九…

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

CAPTCHA


スポンサー

instagramもやっています

最近の記事

  1. 現像すると写真が生き生きする!Macの写真アプリが素敵
  2. 売り上げアップを実感♪目から鱗の本「どうすれば売れるのか」を…
  3. 購入して半年♪iPad Proで描いたイラストをご紹介。(主…
  4. ブロガーの味方?高級コンデジ、Panasonic LX9を買…
  5. デザインが成功するテンプレがここに。「なるほどデザイン」を読…

facebook更新中!

  1. jQuery

    ホームページに必須!?jQueryでトップへ戻るボタンの作り方
  2. Tutorial

    ワイヤーフレームがプロ仕様に!素敵なグラフィックスタイル「WireMagic」
  3. jQuery

    軽量のスクリプトで簡単に!レスポンシブメニューを実装できるResponsive …
  4. Web Design

    今流行りのロングシャドウの簡単な作り方
  5. Web Design

    CSS nite in FUKUOKA vol.6に行ってきました。
PAGE TOP