紳士はピッタリサイズで配置

DESIGN

紳士はピッタリサイズで配置する!illustratorにPhotoshop画像を配置する時の手順

正しい手順知ってます・・・?

illustratorで作業していてPhotoshopの画像データを貼り付ける場面って結構多いと思うんですが、どうやって配置してますか?
illustraotr上で拡大・縮小などの操作をしてしまうと画像が劣化してしまうのでPhotoshop側でサイズを指定して加工しなければいけないのです。

けれど、、、サイズメモって画像サイズを変更して・・・

 icon-comments-o 面倒ですよね

ファイルのやりとりにとても便利な機能!

オブジェクトをコピーするとその情報がクリップボードに保存されるのですが、新規ファイル作成時にクリップボードにあるオブジェクトサイズで新規ファイルを作製してくれるっていう機能が備わっていたのです。これ知ってました?僕はしってたよ・・・う、うん本当さ

この手順を知ってるだけで作業スピートが格段にアップするので覚えておいて下さい。

illustratorにPhotoshopのデータを配置する手順

Photoshopeで加工した画像をillustratorに配置するには、illustratorであらかじめ仮オブジェクトを作成しておいてその大きさに加工した画像データを配置する必要があります。
フォトショとイラレデータやりとり

この時、オブジェクトのサイズをメモって「widthが320pxでーっ!えっとー・・・」って感じになるんですが、、、

実はいい方法がありますよ

仮オブジェクトをコピー > Photoshopを開いて新規ファイルを作製
新規作製はcommand + N(winはcontrol + N)
illustratorに配置してあった仮オブジェクトをコピー、その状態でPhotoshopを開いて新規ファイルを作製するとコピーしておいた仮オブジェクトのサイズで新規のファイルが作製されました!この状態で画像を配置して加工するとさきほどのオブジェクトのサイズでillustratorにファイルを配置することができます。

フォトショップで新規ファイルを作製

Photoshopではスマートオブジェクトで拡大・縮小を行うと元画像のデータが保持されるので劣化を防ぐことができます。

あとはillustratorに配置して整列するだけ!

仮オブジェクトのサイズで画像を作製しましたので、そのまま配置するとサイズがぴったり。配置した後に画像を拡大・縮小する必要がないので無駄な画像の劣化を防ぐことができます。

加工済み画像をイラレに配置します

ファイル > 配置
+ shift + P で画像ファイルを配置(winはcontrol + shift + P)
ファイルを配置したら仮オブジェクトと画像の両方を選択、仮オブジェクトをもう一度クリックしてキーオブジェクトにして整列したらピタッ!!

画像がピタッ!とハマります

もう一度おさらい

背景素材もオブジェクトを作製しておいて、
コピー > Photoshopで新規ファイル作製 > 加工した画像はillustratorに配置

オブジェクトでサイズを合わせてから加工するとピッタリです

配置した画像はサイズがピッタリ合います。

どうですか?簡単でしょ?

データが完成しました!

すごくシンプルな工程なんですが、意外と知られていない機能かと思います。illustratorで雑誌やリーフレットの作製をする方も多いと思うので覚えておくと便利な機能でした。こういった機能を使いこなせると作業スピードが格段にアップすると思いますので、しっかり覚えておきましょう!

ついでにもう一回おさらいしましょ

作業工程をgifでまとめました。

記事が気に入ったら
bhav.meを"いいね!"
Facebookで更新情報をお届け。

bhav.yourself | ビーハヴ

ビーハブ・デザイン | トミー

グラフィックデザイナーとして、印刷物やWebのデザイン・コーディングをやっています。プレミアリーグとWWEと読書とコーヒーだけで一生過ごしたかたったが、デザインワークで人の役に立てる、まともな人間に最近なりました。

最近の記事

  1. 今選ぶペンタブレットはコレ!
  2. 無料でダウンロードできる写真素材サイトまとめ!
  3. neuro-marketingの本
  4. free-make bgm
  5. Amper Music

一瞬にしてハイクオリティ | WordPressテーマ [MAG]

WordPressテーマ「MAG(TCD036)」

おすすめ書籍

  1. jukedeck

    HOT

    無料で使えるBGMがたった30秒で!!AI自動作曲サービスJukedeckが凄い…
  2. 油絵風アートが簡単にかける

    photoshop

    Photoshopで油絵風アートが描けるスゴ技アクション。
  3. ガーリーなカットデザイン加工

    photoshop

    画像の切り抜きがめちゃくちゃ簡単!多角形ツールはざっくりでCool!!
  4. photoshopでぬり絵

    DESIGN

    【Photoshop】ぬり絵を4ステップで簡単に作成しちゃう方法
  5. スマートオブジェクトって知ってる?

    photoshop

    【フォトショ初心者卒業】スマートオブジェクト知らないの?!photoshopで画…
PAGE TOP