Illustrator

面倒じゃない!簡単なIllustratorでシームレスなパターンの作り方


みなさんこんにちは、mayukouです。
デザインを作る上で、背景がシンプルすぎたりさみしいなというとき、
パターンが入っていると、賑やかになって、デザインが元気になってきますね。
パターンを作る際、端と端がつながっていないといけない、
というイメージがあり、ちょっと面倒だと思っていました。
でも、そんなことしなくてもできてしまうんです。

そこで今回は簡単なシームレスパターンの作り方をご紹介します。
とっても簡単です。

スポンサードリンク

参考:LIGブログを参考にさせていただいています

シームレスとは?
シームレスとは、継ぎ目のない状態のことです。

Illustratorでパターンを作る方法

パターンにしたいモチーフを描く

今回は、仕事の関係上ですが、葉っぱにしました。枠は、正方形じゃなくても大丈夫です。

パターンを選択

葉っぱのモチーフを選択した状態で、オブジェクト>パターン>作成を選択します

パターンの設定

パターンの端と端がぶつかるのがわかりますね。ちょっとタイルをずらしてみましょう。

タイルをずらす

タイルの種類を「レンガ(縦)」にすると端がぶつかりません。便利ですね!

スウォッチに追加される

完成

完成です!

ダウンロード素材はこちら

今回作った素材はここからダウンロードできます。

無料 葉っぱのダウンロード

最後に

いかがでしたか?シームレスなパターンを作って、
良いデザインを作りましょうね!

投稿者プロフィール

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

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

関連記事

  1. Web Design

    スキルアップ!Webデザイナーになるための勉強をしたい人にオススメ書籍まとめ

    みなさんこんにちは、mayukouです。webの業界は、日々進歩して…

  2. free font

    デザイン

    デザインの質が上がる!私が利用しているフリーフォントサイト

    こんにちは。mayukouです。遅くなりましたが、新年明けましてお…

  3. indesign

    デザイン

    Indesignを使って、冊子を作りました!

    知り合いの手伝いで、初めてIndesignを使って冊子を作りました!…

  4. デザイン

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

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

  5. Photoshop

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

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

  6. Photoshop

    ついつい押したくなる!立体的なボタンのデザインをPhotoshopで作る方法

    みなさん、こんにちはmayukouです。今回は、ランディングページ…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

Web Design Cafeの メルマガを購読する

更新情報や、お知らせ、お得情報をゆる〜く配信(月1程度)。


最近の記事

instagramもやっています

facebook更新中!

スポンサー

こんなサイトも作ってます。

  1. Photoshop

    あっという間に!Photoshopのブラシで写真を手描き風にする方法
  2. Photoshop

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

    起きてしまった!MacOSのMarvericksの不具合
  4. CSSフレームワーク

    サイト制作が早くなる!Bootstrapの特徴
  5. クリスマス

    メリークリスマス☆ハイアットのケーキや、ケンタッキーのチキンなど家で過ごしたクリ…
PAGE TOP