デザイン 作りたい

イラレでオブジェクトを上下左右に反転させる方法!簡単に影や水面反射が作れる!

イラレでオブジェクトを上下左右に反転させる方法!簡単に影や水面反射が作れる!

Illustrator(イラストレーター)で、イラストや文字などのオブジェクト

  • 左右に反転
  • 上下に反転
  • 反転させてコピー
  • 基準点を決めて反転

する方法を紹介します。

よく使う機能なので覚えておいてください。

関連イラレでエリア内に文字を敷き詰める方法
関連Photoshopで1つの画像を背景に敷き詰める方法

オブジェクトを反転させる方法

Illustrator(イラストレーター)で、イラストや文字などのオブジェクトを反転させる方法を紹介します。

イラレでオブジェクト反転:イラストを準備
イラレでオブジェクト反転:イラストを準備

こちらのオシャレなイラストを反転させてみます。

「イラストAC」さんよりダウンロード
「イラストAC」さんよりダウンロード

イラストは、別の記事でも紹介した「イラストAC」さんからダウンロードさせてもらいました。

関連背景が透明なイラスト素材サイト
関連「写真AC」へのクリエイター登録から作品アップ

左右に反転

まずは1番よく使う「左右」に反転します。

反転させたいオブジェクトを選択します。

イラレでオブジェクト反転:「リフレクト」機能を使用
イラレでオブジェクト反転:「リフレクト」機能を使用

上部メニューの「オブジェクト」→「変形」→「リフレクト」をクリック。

イラレでオブジェクト反転:垂直軸で反転
イラレでオブジェクト反転:垂直軸で反転

表示された「リフレクト」ウィンドウ

リフレクトの軸を「垂直」を選択

して「OK」ボタンを押すと、選択したオブジェクトが左右に反転します。

上下に反転

続いて、上下に反転。

イラレでオブジェクト反転:水平軸で反転
イラレでオブジェクト反転:水平軸で反転

同じく「リフレクト」ウィンドウ

リフレクトの軸を「水平」を選択

して「OK」ボタンを押すと、選択したオブジェクトが上下に反転します。

反転させてコピー

イラレでオブジェクト反転:「コピー」で複製も
イラレでオブジェクト反転:「コピー」で複製も

最後を「OK」ボタンじゃなく左端の「コピー」ボタンを押すと、

イラレでオブジェクト反転:反転したオブジェクトが複製
イラレでオブジェクト反転:反転したオブジェクトが複製

元のオブジェクトはそのままで、もう1つ反転したオブジェクトを作ることができます。

基準点を決めて反転

基準点を決めて反転させたい場合は、ツールパレットの「リフレクトツール」を使います。

基準点を決めて反転:リフレクトツールを使用
基準点を決めて反転:リフレクトツールを使用

オブジェクトを選択して、リフレクトツールを選択します。

基準点を決めて反転:基準点を「⌘」キーを押しながらクリック
基準点を決めて反転:基準点を「⌘」キーを押しながらクリック

基準にしたいポイントを「⌘」キーを押しながらクリック。

リフレクトウィンドウが表示されるので、軸の向きを選択します。

基準点を決めて反転:基準点を軸に左右に反転
基準点を決めて反転:基準点を軸に左右に反転
  • リフレクト軸:垂直
  • コピー

を選択すると、基準にしたポイントを軸左右に反転させることができます。

「反転」の使用例

「リフレクト」機能使用サンプルをいくつか紹介します。

人や物の影を簡単に作る

イラレでオブジェクト反転:反転したオブジェクトが複製
イラレでオブジェクト反転:反転したオブジェクトが複製

先ほど紹介した「上下反転」+「コピー」したイラストを、

「反転」の使用例1:上下反転させた足元へ移動すると
「反転」の使用例:上下反転させた足元へ移動すると

そのままイラストの足元まで持っていきます。

「反転」の使用例1:人や物の影が簡単に作れる
「反転」の使用例1:人や物の影が簡単に作れる

足元のイラストを、グレーに塗りつぶすと、

人や物の影を簡単に作ることができます。

使うことの多い「×(かける)」も

何かと使う機会が多い「×(かける)」も、反転を使えば簡単に作れます。

「反転」の使用例:斜め45度に線を1本引く
「反転」の使用例:斜め45度に線を1本引く

まずは「直線ツール」でナナメ45度の直線を1本引きます。

「反転」の使用例:左右に反転さえてコピー
「反転」の使用例:左右に反転させてコピー

この直線を「反転(左右・上下どちらでもOK)」+「コピー」を実行

「反転」の使用例:よく使う「×(かける)」が簡単に作れる
「反転」の使用例:よく使う「×(かける)」が簡単に作れる

簡単に、よく使う「×(かける)」が作れます。

文字の反射にも

「反転」の使用例:文字を反射させる
「反転」の使用例:文字を反射させる

テキストにも「反転」は使えます。

文字を反転させると鏡面反射している表現が簡単に作れます。

「反転」の使用例:文字を上下反転させてコピー
「反転」の使用例:文字を上下反転させてコピー

イラストの時と同じように、テキストを選択し「上下に反転

ちょうどテキストの下に付くように配置します。

「反転」の使用例:グラデーションを整える
「反転」の使用例:グラデーションを整える

あとは、反転させた文字をグラデーションにし調整。

文字が反射している表現が簡単にできました。

まとめ:オブジェクトを反転させる方法

イラレで、オブジェクトを反転させる方法を紹介しました。

使用例で紹介した表現も含めて、よく使う機能なのでショートカットキーに登録しておくことをオススメします。

初期設定ではショートカットキーが設定されていません。

イラレで文字の中に画像を配置する方法:クリッピングマスク【Illustrator】

続きを見る

イラレでテキストの回り込みを作成!できない時の対処法も【オブジェクトに沿ったテキストエリア】
イラレでテキストの回り込みを作成!できない時の対処法も【オブジェクトに沿ったテキストエリア】

続きを見る

\「Adobe」のソフトを最安値で購入する方法を解説/

Check!
【約40%OFF⁉︎】Adobe CCをどこよりも安く購入する方法を解説!
【約40%OFF⁉︎】Adobe CCをどこよりも安く購入する方法を解説!

続きを見る

ファイル形式ごとの素材サイトも紹介しています!

PNG素材背景が透明なイラスト素材サイト
Gif素材無料のアニメーションGifがダウンロードできるサイト

イラレでテキストの回り込みを作成!できない時の対処法も【オブジェクトに沿ったテキストエリア】

デザイン 作りたい

2024/5/13

イラレでテキストの回り込みを作成!できない時の対処法も...

デザイン

2024/2/20

【Mac】Excelファイルが壊れて開けない時の修復ツ...

壊れた写真・動画・ファイルの修復ツール「EaseUS Fixo」

イイモノ デザイン

2023/12/29

壊れた写真/動画/PDFなどのファイルの修復ツール「E...

動画編集ソフト「Filmora(フィモーラ)13」の新機能を紹介!AI搭載で編集がむっちゃ簡単に!

イイモノ デザイン

2023/11/4

動画編集ソフト「Filmora(フィモーラ)13」の新...

パソコンのゴミ箱から完全に削したファイルを復元「Tenorshare 4DDiG」

デザイン

2023/10/11

Macで誤って完全削除したファイルを復元するソフト「T...

-デザイン, 作りたい
-