Illustrator

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


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

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

スポンサードリンク

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

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

Illustratorでパターンを作る方法

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

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

パターンを選択

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

パターンの設定

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

タイルをずらす

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

スウォッチに追加される

完成

完成です!

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

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

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

最後に

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

投稿者プロフィール

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

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

関連記事

  1. Illustrator

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

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

  2. CSSフレームワーク

    簡単にBootstrapで!100%表示のレスポンシブ対応のカルーセルスライダー

    こんにちは、mayukouです。お盆も過ぎて、後半戦が始まった感じで…

  3. illustration

    簡単!Illustratorでキラキラ星を作る方法

    みなさんこんにちは。mayukouです。だいぶ秋らしくなってきまし…

  4. Web Design

    WordPressでポートフォリオサイトをリニューアルしました。wordpressで作るメリットとデ…

    みなさんこんにちは、mayukouです。約3年ぶりにポートフォリオサ…

  5. illustration

    photoshopでモコモコの線を描くには?

    こんにちは。mayukouです。今回は、photoshopでモ…

  6. Web Design

    自分の頭をデザイン脳に!CSS nite fukuoka vol.8に参加しました

    みなさんこんにちは、mayukouです。このあいだ1月に行われたセミ…

コメント

  • コメント (0)

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

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

CAPTCHA


メルマガを購読する

[mc4wp_form id=”2540″]

最近の記事

instagramもやっています

This error message is only visible to WordPress admins

Error: No connected account.

Please go to the Instagram Feed settings page to connect an account.

facebook更新中!

スポンサー

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

  1. Tutorial

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

    購入して半年♪iPad Proで描いたイラストをご紹介。(主にProcreate…
  3. デザイン

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

    Marvericksアップデート時のPhotoshopのバグが直りました
  5. Web Design

    【有料記事】スキルアップしよう。デザイン力が育つ方法とは。
PAGE TOP