Illustrator

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


みなさんこんにちは、mayukouです。

※熊本・大分で地震の被害に合われた方、お見舞い申し上げます。1日も早い復旧を願います。Yahooネット基金に募金させていただきました。

さて、本題に入ります。チェック柄のデザインというのは、何かと便利です。
先日は、テーブルクロスをイメージした料理のデザインに使えました。
そのほかにもガーリーなデザイン等にもおすすめです。
チェック柄を素材集でダウンロードするのもいいですが、
自分の好きな色の組み合わせが作れるのは、オリジナルのものですよね。
今回は、そんなillustratorでチェック柄を描く簡単な方法をご紹介します。

スポンサードリンク

チェック柄の作り方

四角ツールで正方形を描く

ベースとなる背景色を設定します。※背景が白の場合はこの工程はいりません。

スクリーンショット 2016-04-20 18.52.21

中の柄を描く

その中に長方形を描きます。まず縦を描きます(高さが正方形と同じになるようにしましょう)。

書いた長方形をコピーペーストして、90度回転させます。

48-kaiten

 

縦横それぞれ別の色にしても同じ色で構いません。好きな色を選びましょう。

縦と横を揃える

三つのオブジェクト(正方形+二つの長方形)を選択し、次に選択した状態で正方形をクリック(正方形が太線で囲まれます)。

その後整列パネルで図に指し示したところをクリックしましょう。縦と横が揃います。

49-soroe

乗算を選択または透明度を低くする

二つの長方形を選択したら乗算を選びましょう。

50-jouzan

※背景色に長方形の色が混ざって欲しくない場合は、長方形の透明度を下げましょう。

 

スウォッチに登録する

スウォッチパネルにドラッグし登録します。

スクリーンショット 2016-04-20 21.36.03

実際に、四角ツールで書いたものに適用してみました。(パターンは50%縮小しています)

スクリーンショット 2016-04-20 21.37.56

別のバージョンを作ってみました。縦横に長方形を増やしています。

スクリーンショット 2016-04-20 21.42.10

最後に

いかがでしたか?バリエーションも豊富に作れて便利ですので
ぜひデザインに活用してみてください。

投稿者プロフィール

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

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

関連記事

  1. Photoshop

    必見!Photoshopでスタンプ風のかすれた表現をする方法まとめ

    こんにちは、mayukouです。だいぶ、暖かな気候になってきて、過…

  2. Web Design

    今後のデザインのトレンドとして注目!コンテンツファーストのサイトをまとめてみた

    みなさんこんにちは、mayukouです。ウェブデザインのトレンドであ…

  3. Photoshop

    点線もかける!Photoshopでラインを引く方法を新たに発見(ストローク機能)!

    みなさまこんにちは、mayukouです。以前の記事でphoto…

  4. Illustrator

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

    みなさんこんにちは、mayukouです。今回は、アピアランスに関す…

  5. Tutorial

    簡単!photoshopでスタンプ風のかすれた表現をする方法

    今回は、スタンプ風のかすれた表現をご紹介します。私は、仕事で使うこと…

  6. free font

    デザイン

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

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

コメント

  • コメント (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. jQuery

    横幅いっぱいに表示可能なスライダーのjQueryプラグイン 「Skippr」が便…
  2. jQuery

    fullpage.jsで全画面表示&スクロールを実現できます。その方法をご紹介
  3. Photoshop

    いい味が出る!リアルな水彩画風タッチに最適なPhotoshopのブラシ
  4. wordpress

    自分のブログを冬仕様に!wordpressに雪を降らせるプラグイン
  5. Photoshop

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