イラレ 使い方 PR

イラレの反転方法!図形オブジェクト・反転コピーの使い方

記事内に商品プロモーションを含む場合があります

図形の組み合わせで作画していくことの多いイラストレーターにとって、オブジェクトの反転・反転コピーは利用頻度の高いテクニックのひとつです。

今回は、そんな反転コピーの鉄板個別に変形」 を使った反転テクニック、直感的に反転コピーができるリピートミラー反転作画の事例などを紹介していきます。

よろしければ、お役立てください。

リフレクトは、「個別に変更」の一部機能です。
・「個別に変更」の方が機能的に充実しているので本項では割愛しています。

ジーナ
ジーナ
反転テクを覚えてイラレの作業効率を上げよう♪

illustrator バナー

イラレ 図形反転ツールの種類と方法

イラスト メリットを見出して頭の電球が光る女性

イラレで図形・オブジェクトを反転させる方法は4つ

どのやり方をしても同等の反転結果を得られますが、最初に覚えるなら汎用性の高い 個別に変更」 から覚えるのがおすすめです。

イラレ 反転ツールのおすすめは「個別に変更」

オブジェクトの反転と言っても、実際のニーズは微妙に違うことが多いです。

【イラレでオブジェクトを反転したいシーン】

  • 位置を変えずに、左右反転・上下反転・回転したい。
  • 位置をズラして、左右反転・上下反転・回転したい。
  • ‥‥上記パターンそれぞれで反転コピーしたい。

イラレの反転方法として、webでおすすめしてることが多いのはリフレクトですが、個人的には「個別に変更」の方がコントロールできること・汎用性があって扱いやすくおすすめです。

ジーナ
ジーナ
どれかひとつor最初に覚えるなら、「個別に変更」がおすすめ。

【illustrator:反転ツール 種類と特徴】

  個別に変更 リフレクト リピートミラー 効果>変形
おすすめシーン 反転・反転コピー 反転 ミラーリング 左右の反転コピー
特徴 反転軸を上・下・左・右の4辺で指定可。コピー・反転ともに使いやすい。 シンプルな反転ならコレ。オブジェクトの中心から反転可。 左右対称の反転コピー限定だが、直感操作で扱いやすい。 ベースデザインを元にミラーリングする機能。
デメリット なし。 コピーにはちょっと手間。 左右対象のみ。 表示のさせ方に癖がある。
操作方法 オブジェクト>変形>個別に変形 オブジェクト>変形>リフレクト オブジェクト>リピート>ミラー 効果>パスの変形>変形

イラレの反転・反転コピーのやり方:個別の変更

イラレの反転コピーは、「個別の変更」から覚えるのがおすすめです。

使い方・操作感はその他反転ツールと大差ない上に 出来ることが多い のが特徴です。

本項では「個別の変更」を使った反転・反転コピーの方法を中心に解説していきます。

ジーナ
ジーナ
「個別の変更」をマスターすれば、他のツールも使えるよ。

イラレ 反転のやり方

【illustrator:イラレで「個別の変更」で反転させる方法】

  1. 選択ツールでオブジェクトを選択。イラレ 反転 個別に変形 やり方1 オブジェクトを選択
  2. オブジェクト>変形>個別に変形をクリック。イラレ 反転 個別に変形 やり方2 個別に変形をクリック
  3. 反転したい方向にチェック。イラレ 反転 個別に変形 やり方3 反転方向とOKボタンの位置 図解
  4. OKをクリック。

イラレでオブジェクトを反転させたいときは、個別に対応でほぼ対処できます。

オブジェクトを中心で回転させたいときも、「個別に変形」パネル内の回転を使うと便利です。

イラレ 反転コピーのやり方

反転コピーとは、元のオブジェクトはそのまま残して、反転位置にオブジェクトを複製する機能です。

やり方は次の通りです。

【illustrator:イラレで「個別の変更」で反転させる方法】

  1. 選択ツールでオブジェクトを選択。イラレ 反転 個別に変形 やり方1 オブジェクトを選択
  2. オブジェクト>変形>個別に変形をクリック。イラレ 反転 個別に変形 やり方2 個別に変形をクリック
  3. 反転したい方向にチェック。イラレ 反転 個別に変形 やり方4 反転コピー 図解
  4. 中心ラインを選択。イラレ 個別に変形 中心ポイントの動き アイコン
  5. コピーをクリック。

◎中心ラインの8つのチェックポイントについて

中心ラインの選択は8ポイント指定できますが、各辺3点のいずれか一つを選択すれば同じ結果になります。

イラレ 個別に変形 中心ポイントの動き アイコン

例)上3点のどこを選んでも元オブジェクトの上辺を軸に反転する。

中心ライン選択チェックの仕組み・図解

中心ラインの選択ポイントは各辺3つはどれを選んでも同じ結果になります。

◎左側3ポイントのどれかを選んだとき

\元オブジェクトの左ラインを軸に反転する/

 

イラレ 個別に変形 中心ポイントの動き 図解4 左辺


◎右側3ポイントのどれかを選んだとき

\元オブジェクトの右ラインを軸に反転する/

イラレ 個別に変形 中心ポイントの動き 図解3 右辺


◎上側3ポイントのどれかを選んだとき

\元オブジェクトの上ラインを軸に反転する/

イラレ 個別に変形 中心ポイントの動き 図解1 上辺


◎下側3ポイントのどれかを選んだとき

\元オブジェクトの下ラインを軸に反転する/

イラレ 個別に変形 中心ポイントの動き 図解2 下辺


【反転コピーに欲しい機能】

反転コピーは、元のオブジェクトに重ならずに複製できる方が便利です。

\コピーが元オブジェクトに重なると地味に面倒…/

イラレ 反転 個別に変形 やり方5 中心点を軸に反転 サンプル

反転に良く使われる「リフレクト」だと、位置をずらしての反転コピーは出来ません

ジーナ
ジーナ
反転・反転コピーツールに「個別に変形」を最初におすすめする理由がコレ。

イラレの反転コピーのやり方:リピート ミラー

イラレの反転・反転コピーで最も直感的に編集できるのは リピート>ミラー です。

左右反転しかできないというデメリットはありますが、イラレでわかりにくい中心点のコントロールが簡単にできます。

リピート>ミラーを使った反転コピーのやり方

【illustrator:リピート ミラーのやり方】

  1. 選択ツールで、反転したいオブジェクト選ぶイラレ 反転 リピート ミラーのやり方 オブジェクトの選択
  2. メニュー>オブジェクト>リピート>ミラー 選択
  3. コピーオブジェクトとの間に境界線が表示されるので、真ん中のスライダーを左右に動かして距離を調整。イラレ 反転 リピート ミラーのやり方1 距離の調整
  4. 中心線の上下のポインタを左右に動かすと角度が変わる。真ん中のスライダーを上下に動かすことで中心点を変えられる。

イラレ 反転 リピート ミラーのやり方2 回転角度の付け方

【リピート>ミラーのメリット・デメリット】

  • メリット:垂直反転コピー・角度を付けた反転コピーが最も直感的にできる。
  • デメリット:水平反転ができない。

イラレの反転応用:文字の鏡面反射 作り方

イラレ 反転コピー応用 鏡面反射オブジェクト 文字 作り方 サンプル

鏡面反射したような文字オブジェクトの作り方

文字エフェクトでよく見る鏡面反射したようなオブジェクトは、反転コピーの応用です。

作り方は次の通りです。

【illustrator:文字の鏡面反射の作り方】

  1. 文字を作って選択ツールで文字オブジェクト選択イラレ 反転コピー応用 鏡面反射オブジェクト 文字 作り方1 オブジェクトを選択
  2. 「個別の変形」で下方向・垂直に反転コピーイラレ 反転コピー応用 鏡面反射オブジェクト 文字 作り方1 反転コピー
  3. 適宜レイアウト
    ※下の例では隙間を詰めた。イラレ 反転コピー応用 鏡面反射オブジェクト 文字 作り方3 レイアウト
  4. 下テキストを覆うように、やや大きめの 四角形オブジェクト 作成イラレ 反転コピー応用 鏡面反射オブジェクト 文字 作り方4 四角形オブジェクト作成
  5. 四角形オブジェクトの塗りグラデーションを設定。イラレ 反転コピー応用 鏡面反射オブジェクト 文字 作り方5 塗りをグラデーションへ
  6. 選択ツールで四角形オブジェクトテキストオブジェクト2つを選択イラレ 反転コピー応用 鏡面反射オブジェクト 文字 作り方6 下の文字と四角形オブジェクトを選択
  7. 透明パネルでマスク作成クリックイラレ 反転コピー応用 鏡面反射オブジェクト 文字 作り方7 透明パネルでマスク作成

鏡面反射のグラフィックには、反転コピー以外にもいくつかのテクニックが必要です。

◎グラデーションの編集について

グラデーションの初期設定は横向きです。

この中―とリアルにあるような縦方向に変更するには「グラデーション編集」を行います。

グラデーション編集:方向のやり方はコチラ

グラデーション編集は、グラデーションしたいオブジェクトクリックしたのち、次の手順で編集します。

【グラデーション編集のやり方】

  1. 四角形オブジェクトの塗りグラデーションに変更。イラレ 反転コピー応用 鏡面反射オブジェクト 文字 作り方5 塗りをグラデーションへ
  2. グラデーションパネルの「グラデーション変更」をクリック。イラレ 塗り グラデーション 編集方法1 グラデーションを編集
  3. グラデーションバーの両端ドラッグして縦方向へ回転。イラレ 塗り グラデーション 編集方法2 グラデーションの方向を変更
  4. 最薄ポイント・中心点・再濃ポイントドラッグで調整。イラレ 塗り グラデーション 編集方法3 グラデーションの調整

イラレの反転応用:反転コピーで作るハートマーク

左右対象のオブジェクトは、パーツの反転コピー+合成すると比較的楽に作れます。

ハートマークはわかりやすいチュートリアルなので、ぜひ試してみてください。

反転コピーで作るハートマーク

【illustrator:ハートマークの作り方】

  1. 丸・四角形オブジェクトのパスを「ダイレクト選択ツール」で成形。ハートマークの半分を作る。イラレ 反転 応用 ハートマークの作り方1 ハートの片方をデザインする
  2. 「個別の変更」反転コピーする。イラレ 反転 応用 ハートマークの作り方2 反転コピーして合わせる
  3. 選択ツール2つのオブジェクトを選択したあと、パスファインダー合成する。イラレ 反転 応用 ハートマークの作り方3 パスファインダーで合成する

合成前のパースが多少いびつでも、反転コピー+合成することで綺麗なシンメトリーになります。

中央部分の重なりは、合成すれば跡形もなくなります。

ジーナ
ジーナ
シンメトリーな図形は反転コピー+合成すると大抵は綺麗な形に仕上がる♪

イラレの反転 まとめ

illustrator バナー

イラレで反転・反転コピーする方法は幾つかありますが、基本的に「個別に変更」を覚えておけば困ることはまずありません。

左右反転に限れば、リピート>ミラーも直感的にできておすすめです。

【illustrator:反転ツール 種類と特徴】

  個別に変更 リフレクト リピートミラー 効果>変形
おすすめシーン 反転コピー 反転 ミラーリング 左右の反転コピー
特徴 反転軸を上・下・左・右の4辺で指定可。コピー・反転ともに使いやすい シンプルな反転ならコレ。オブジェクトの中心から反転 左右対称の反転コピー限定だが、直感操作で扱いやすい。 ベースデザインを元にミラーリングする機能。
デメリット なし。 反転コピーにはちょっと手間。 左右対象のみ。 表示のさせ方に癖がある。
操作方法 オブジェクト>変形>個別に変形 オブジェクト>変形>リフレクト オブジェクト>リピート>ミラー 効果>パスの変形>変形

イラレは図形のコピペ・反転・合成を頻繁に使いがちなツール。

結果は同じでも、「何を使うか」で作業時間が大きくかわるのが特徴です。

最初は汎用性があって失敗し難い基本のやり方をマスターして、徐々にオブジェクトにあったツール・手法を幅広く取り入れていくのが効率の良い学習方法です。

ジーナ
ジーナ
焦らず一つずつ覚えていこう。

イラストレーターで切り抜き!画像トリミングの方法イラストレーターで画像を切り抜く方法は3種類。うち、主に使うのはクリッピングマスクを使う方法。❶画像素材をざっくりとカットしたい?⇒「画像の切り抜き」でトリミング。❷イメージ通りの形でカットしたい?⇒図形orペンツールでオブジェクトを作成し、クリッピングマスクで切り抜き。....詳細はコチラ。...
イラストレーターで塗りつぶしするツールと方法・illustratorイラストレーターには、ペイントツールにあるようなバケツツールはないものの、背景はキャンバスより大きい長方形ツールの面を塗って最下層レイヤーへの配置で対応可。線画もライブペイント」で自動パーツ分け&塗り分けできるからとても便利。図形は線と塗りで一瞬に塗りつぶしできる。....illustratorの塗り方法・詳細はコチラ。...
イラレ 矢印の作り方!初心者でも簡単・illustratorイラレで作るシンプルな線矢印は、色・太さ・矢印の形・線幅・長さ・曲線の変更がいつでも自由自在。とても使いやすいのが特徴。対して縁取りや3D加工した矢印は後からラインを変更するのは線矢印より面倒に。いずれも初心者でも簡単に作れ、後修正もやりやすいです。....illustrator:詳細はコチラ。...
イラレで背景透過した画像・イラストの書き出し設定とやり方イラレで制作した作品は、素材としての利用も多く背景透過できるPNGでの書き出し頻度は高め。基本、以下3つのポイントをすべて満たせば出力できないことはまずない。❶アートボードの背景を透明グリッドにする。❷PNGの書き出し設定で背景を透明で保存する。❸書き出し時にPNG形式を選択する。....やり方・詳細はコチラ。...
イラレのアートボード・サイズ変更の方法とキャンバス設定イラレのアートボードは出力範囲のこと。編集時の背景としても使え、複数並べらるのでパーツの仮置きにも最適。また、イラレでは流用・書き出し変更はたびたびあるのでスムーズに変更できるようになっておくと、後々楽なやつ。方法は3つありますが、値で変更できる「アートボードオプション」を使うのがおすすめ。....やり方・詳細はコチラ。...
イラレ 画像トレースの使い方!イラストの編集とパス手描きイラストのベクター化・写真画像のトレースするなら画像トレースを使うのがおすすめ。一発で完璧な精度には絶対ならないものの、必要最低限の追記・修正で高精度なトレースができるので、確実に時短できる。上手く付き合っていくポイントは次の3点。トレース精度に完璧を求めない。敷地補正は必須。必要に応じてパス補正は必須。....詳細はコチラ。...
イラレ クリッピングマスク
イラレでクリッピングマスク!編集の方法とポイントイラレのクリッピングマスクの編集ルールは3つ。❶テキストオブジェクトは上のレイヤーに配置する。❷画像オブジェクトは下のレイヤーに配置する。❸テキストオブジェクトと画像オブジェクトは同じレイヤーに配置する。....方法とポイントの詳細はコチラ。...
イラレ 吹き出し
イラレで吹き出し!簡単な作り方とデザイン illustrator吹き出しは凝ったデザインも多いですが、使いやすくてオシャレなのはシンプルな吹き出しデザイン。そしてシンプルなデザインは超簡単に作れるので、素材をダウンロードするよりも自作するほうがおすすめ。❶円オブジェクトを作る。❷ペン追加ツールで3つのアンカーポイントを追加する。❸ ダイレクト選択ツールで真ん中のアンカーを引き延ばす。....詳細はコチラ。illustrator:...