menu

イラレの使い方画像編!配置写真をポラロイド風に簡単加工!

イラストレーターで写真をポラロイド風に見せる簡単加工をご紹介!!ちょこちょこっと設定をするだけでよくある写真をポラロイド風に配置する方法です!

使いやすい高品質画像はこちら
>>>>>高品質画像『Shutterstock』 <<<<<
簡単無料無料で使い放題!
>>>>>ベクターデータのイラストなら【イラストAC】<<<<<

カフェのメニューとかであるような写真レイアウトがパパッとできちゃうんですよ!画像を貼り付けるたびに背面に白のオブジェクトを作って、写真と位置合わせをするなんてとんでもないっ!!

それじゃ、せっかくのデザインが納期に間に合わないかもしれませんよ。のんびりしてる暇はありませんっ!!!作業の効率化アーーンド綺麗にレイアウトするためにも、イラレで配置した写真をポラロイド風にするやり方をぜひ覚えてください。

IllustratorCS5・6・CCをお使いのあなた、これから始めようと思っているあなた、もし知らないのであればしっかりとマスターしてください!すぐに使えますよーー。

イラストレーターで配置画像をポラロイド風にする方法!!

用意して頂くもの

  • 幅77ミリ×高さ79mmの写真・画像(このサイズはあくまでポラロイド原寸にする場合です。画像の大きさはお好きなサイズで用意してくださいね)

ちなみにこれがポラロイドのサイズです!!

イラストレーター,使い方,画像,写真,ポラロイド

 

まずは用意した画像をイラレで新規追加したアートボードに配置します。

イラストレーター,使い方,画像,写真,ポラロイド

そして、「アピアランス」のオプション「新規塗りを追加」をクリックします。

イラストレーター,使い方,画像,写真,ポラロイド

追加した塗りを白で塗ったら、最背面にします。

イラストレーター,使い方,画像,写真,ポラロイド

そして、追加した塗りに対して「効果」メニューから「形状に変換」の「長方形」を選びます。

イラストレーター,使い方,画像,写真,ポラロイド

お次ぎは長方形の設定をします。下記の画像の数値を入力します。これも任意です。今回は原寸のポラロイド写真に合わせてます。

イラストレーター,使い方,画像,写真,ポラロイド

そしてそして、その次に「効果」メニューの「パスの変形」から「変形」を選択します。そして下記の画像の数値設定をします。

イラストレーター,使い方,画像,写真,ポラロイド

するとー配置した画像がこんな感じに!!!

イラストレーター,使い方,画像,写真,ポラロイド

これで完成です!!お疲れ様でした。

ただこのままだと、拡大縮小をした際に背面も白の部分も画像に合わせて拡大縮小が行われないので「オブジェクト」メニューから「アピアランスを分割」を選びましょう。

そしてドロップシャドウなり、拡大縮小なり、回転をしてみましょう。

 

イラストレーターで画像をポラロイド風にする方法のまとめ!

クリッピングパスで画像をマスク(切り抜いて)してやればいいじゃんという意見もありますが、それだと「形状に変化」の効果がマスクする前の画像の大きさに影響されて思うように変形ができないことがあります。

ですので、そのままの画像を使うかポラロイドと同じにしたいのであれば今回のように画像を始めから切り抜いたものを用意して使うことをオススメします。

イラストレーター,ペンツール,基礎,曲線,ベジェ曲線イラストレーター基礎編!ペンツールのベジェ曲線の描き方練習法!

イラストレーター,作り方,もこもこ,文字,雲イラレで可愛いもこもこ文字の作り方!雲エフェクトチュートリアル!

関連記事

  1. イラストレーター,ペンツール,基礎,曲線,ベジェ曲線

    イラストレーター基礎編!ペンツールのベジェ曲線の描き方練習法!

    イラストレーターの基礎編!ペンツールでベジェ曲線を描くをご紹介しますね!ベジェ曲線の描き方を簡単な動…

  2. イラストレーター,ブラシ,無料,筆,水彩

    イラストレーターの無料毛筆ブラシセット!高品質で使える素材まとめ…

    デザイナーの方にぜひ見てほしいイラストレーターの毛筆ブラシセットのご紹介!何か使えるブラシは無いかな…

  3. イラストレーター,マップ,制作,エフェクト,チュートリアル

    イラレでマップ制作時に役立つエフェクト!質感を簡単にアップする方…

    Illustratorの簡単エフェクトチュートリアル!!今回は、地図やアクセスマップを作る際に、道路…

  4. Illustrator,チュートリアル,CC,画像,切手

    Illustrator CCチュートリアル | 画像・写真を切手…

    Illustrator CCチュートリアル画像編!!イラレで画像や写真を切手風デザインにする作り方を…

  5. Illustrator,CC,文字,変形,ツール

    便利で超簡単!Illustrator CCでテキストを1文字ごと…

    イラストレーターでテキストにアウトラインをかけずに、なんと1文字ずつ個別に変形する、スゥゥゥーーーパ…

  6. イラストレーター,パターン,素材,チェック,無料

    イラストレーターの無料で高品質なチェックのシームレスパターン素材…

    イラストレーターの無料のシームレスパターン特集!!今回は、デザイナーにオススメな高品質なチェックパタ…

  7. イラストレーター,使い方,基礎,初心者

    イラストレーターCCの基本的な使い方!ツールの紹介【基礎編】

    イラストレーターCCの使い方 ツール基本編!!今回は超基礎的な初心者のあなたや、イラレに興味あるけど…

  8. Illustrator,文立体,影,シャドウ,付け方

    Illustratorで文字に立体的な影の付け方 | 簡単設定チ…

    Illustratorで作る立体的な影の付け方を紹介!ドロップシャドウや3D効果を使わずに簡単に設定…

コメント

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

  1. この記事へのトラックバックはありません。

CAPTCHA


人物の無料イラストはこちらから

デザイナーさんの制作時間短縮!姉妹サイト 無料イラスト「イラストパーツラボ」はこちら!

デザイナーさんの制作時間短縮!姉妹サイト 無料イラスト「イラストパーツラボ」はこちら!

Google+でつながる!

PAGE TOP
error: Content is protected !!
%d人のブロガーが「いいね」をつけました。