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デザインのお仕事を始めて約4年が経ちました。ここでは、仕事で得た知識やお役立ち情報をご紹介いたします。宜しくお願いします。水彩画を勉強中です。趣味は音楽鑑賞(洋楽)、料理、読書、ブログです。
詳しくはこちら

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

関連記事

  1. Photoshop

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

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

  2. Photoshop

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

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

  3. jQuery

    簡単設置で見やすい!レスポンシブ対応メニューslicknavの使用方法

    みなさんこんにちは、mayukouです。さて、4月21日から、goo…

  4. free font

    デザイン

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

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

  5. Illustrator

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

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

コメント

  • コメント (0)

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

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

CAPTCHA


スポンサー

instagramもやっています

最近の記事

  1. 一手間でおしゃれに。CSSでマテリアルデザイン風のボタンを作…
  2. モバイルフレンドリーなwebデザインするときにおすすめなツー…
  3. かすれや濃淡が出る!かわいい手描き感のあるブラシのご紹介♩(…
  4. 今や欠かせない存在!iPad Pro “9.7を…
  5. iPad Proを液タブに♫Astropad Studioは…

facebook更新中!

  1. ブログ

    ポートフォリオサイトをリニューアルしました
  2. Photoshop

    Photoshopでスタンプ表現が簡単に!PSD素材で一発表現!
  3. CSS

    一手間でおしゃれに。CSSでマテリアルデザイン風のボタンを作る方法
  4. illy

    レポート

    うちカフェでホッと一息できる*illyのコーヒー粉が届きました!
  5. Illustrator

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