Illustrator

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


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

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

スポンサードリンク

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

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

Illustratorでパターンを作る方法

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

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

パターンを選択

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

パターンの設定

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

タイルをずらす

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

スウォッチに追加される

完成

完成です!

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

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

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

最後に

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

投稿者プロフィール

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

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

関連記事

  1. Illustrator

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

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

  2. Photoshop

    Photoshop の水彩画ブラシで描いた植物イラストのご紹介

    みなさんこんにちは、mayukou です。肌寒いような暖かくなった…

  3. Illustrator

    空を可愛く!Illustratorで虹を簡単に描ける方法&ダウンロードできる素材を作りました

    みなさん、こんにちはmayukouです。台風も過ぎ去り、梅雨ももう…

  4. Web Design

    丸からスライドして出てくる検索ボックスの作り方

    みなさまこんにちは、mayukouです。今日は天気がいいのでランニ…

  5. CSSフレームワーク

    サイト制作が早くなる!Bootstrapの特徴

    サイト制作のスピードを上げたい、そんな方に。6、7年くらい前にこのB…

  6. デザイン

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

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

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

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

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


最近の記事

instagramもやっています

facebook更新中!

スポンサー

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

  1. Illustrator

    webデザインに活用するゴーストボタンを作るときの文字をセンタリングする方法
  2. 写真

    食べ物やブツ撮りにおすすめ♩PENTAXの単焦点レンズ買いました。撮ったものなど…
  3. Photoshop

    Photoshop の水彩画ブラシで描いた植物イラストのご紹介
  4. お仕事紹介

    お仕事紹介:保育園のお祭りパンフレットを作りました!
  5. iPad Pro

    iPad Proを液タブに♫Astropad Studioはイラストレーターには…
PAGE TOP