Adobe認定トレーニングセンター

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

Illustrator

パターンのみを変形する

使用ソフト: Illustrator CC 2018(CSでも可能)  

パターンの設定

パターン設定の前準備

イラストレーターで観葉植物を描きました。

観葉植物のイラスト
イラストレーターのデフォルトパターンの中から選んで、鉢に模様を入れようと思います。

鉢の部分を選択ツールで選択します。
(長方形を描いて「効果」→「ワープ」→「でこぼこ」と変形した鉢なので、選択するとパスは長方形です。)
鉢の部分を選択
現在の鉢の色も使いたいので、鉢を複製して、そちらの色をパターンにしようと思います。
操作が混乱しないように、レイヤーを分けます。先に新規レイヤーを作っておきましょう。
では、鉢をコピーします。
Command+C(Windows:Ctrl+C)でコピー
Command+F(Windows:Ctrl+F)で前面へペースト。
※ただのペーストにすると、位置合わせが面倒なので、前面へペーストしましょう。

ペーストされた鉢をレイヤー2へ移動します。
前面へペーストされた鉢が選択されていますので、レイヤーパネルの右端の選択コラム(下の画像では赤い四角)をレイヤー2へドラッグ。
レイヤー1は間違って動かさないようにロックします。
レイヤーパネル、選択コラム
これで心配なくパターンを試せます。
デフォルトのみでも沢山のパターンがありますよ。

パターンの設定

スウォッチパネルの下にスウォッチライブラリメニューがあります。
スウォッチライブラリメニュー

今回使ったのは、「装飾_レガシー」の中の「菱形のまだら模様(カラー)」
(CSは「装飾_幾何学模様1」に同じパターンがあります。)
パターンの選択

レイヤー2の鉢の色にパターンを選びました。
パターンを設定した鉢

レイヤー1の鉢はそのままです。
レイヤーパネル 構造

こんな重なりになっています。
元のイラストとパターンの重なり
でもなんとなく模様が細かすぎてうるさいです。

パターンのみを変形する

鉢植えの大きさは変更しない

レイヤー2の鉢植えを選択して、拡大・縮小ツールをWクリックします。
拡大・縮小ツール

拡大・縮小ダイアログが出ます。オプションのチェックを「パターンの変形」だけにします。
プレビューにチェックを入れて、好みの大きさに変更しましょう。
パターンのみを拡大

パターンは拡大縮小以外も変形可能

同じ要領で回転。模様の向きが変形します。
パターンのみを回転

移動。今回使用したパターンは色がありますので、目立つ赤をどこに置くか、移動しながら試してみましょう。
パターンのみを移動

パターンの描画モードを変更

透明パネルで描画モードを変更すると、パターンの色変更が簡単にできます。
描画モード「除外」を適用。印象が変わりますね。

描画モードを変更したパターン

描画モード「スクリーン」を適用。
描画モードを変更したパターン

まとめ

いかがでしたか?
デフォルトだけでも、パターンは沢山あって迷ってしまいますね。
いつ使うのかな?というパターンも、変形と描画モードの組み合わせ次第で、使い勝手のいいパターンになるのかもしれません。
直接絵を描くのが苦手な人でも、素敵なイラストが作れそうです。

応用したイラスト

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Illustrator

    エンベロープを使って文字列を図形にあわせて変形させるには

    今回はエンベロープの機能のひとつを使ってオブジェクトの形に合わせて文字…

  2. Illustrator

    色の比率を保ったまま濃淡を変える

    気に入った色ができた。この色の濃淡だけ変えたい。そんな時に使え…

  3. Illustrator

    文字ツール「山路を登りながら」を消す方法

    IllustratorCCで文字ツールを入力しようとすると何も文字…

  4. Illustrator

    金色(GOLD)のグラデーションを作ってみよう

    Illustratorで文字を金色にする事って案外多くないですか?…

  5. Illustrator

    巻三つ折り用ガイドの作り方

    ガイドはオブジェクトや文字などを配置する時に目安になる目安線のことです…

  6. DTP

    オブジェクトにトンボをつけよう

    トンボについて印刷物を作成する際に、仕上がりサイズや断裁する位置、…

人気の記事

  1. Illustrator

    How to Warp Text with Envelope Distort
  2. Illustrator

    How to Make a Sunburst Vector Easily
  3. Illustrator

    Use the Star Tool!
  4. Photoshop

    How to add shine to hair in Photoshop
  5. Photoshop

    Create 3D Text with Photoshop Layer Styl…
PAGE TOP