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

Illustrator

Illustrator CCチュートリアル | 画像・写真を切手風にする作り方

更新日:

スポンサーリンク

 

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

写真をただ貼り付けるよりも味がある感じにレイアウトできるのでぜひデザインの一部に取り入れてくださいなー。

しかも単体のオブジェクト一つと画像があればアピアランスで簡単に設定できちゃうんですよー。

だから切手のギザギザをいちいち丸の画像で四角を型抜きしたりなんて手間はないですので、しっかりとマスターしてくださいよっ!!

画像だけでなく応用でイラスト組み合わせることもできるので、どんどんデザインの幅が広がっちゃうのがいいですね〜。Illustrator CCで画像を切手風にするチュートリアル、スタート!!

Illustrator CCで写真画像に切手風フレームを付けるチュートリアル!

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

完成系の切手風デザインは上のような感じです!

 

まずは新規ドキュメントを作って、使いたい画像を配置します。

配置した画像を埋め込みます。

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

その埋め込んだ画像をシンボルパレットへドラッグドロップして登録します。

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

次の作業は、画像と同じ大きさの四角のオブジェクトを長方形ツールで描きます。

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

そしたらお次ぎは、この長方形のオブジェクトに「新規線を追加」します。

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

この追加した線を選択したまま、今度は破線の設定をします。
この時に重要なのが「破線」の線分を「0」にしてください。

安心してくださいっ!!

0にしても破線は描かれます。先端を丸にして、破線の角の設定を画像のようにしてください。

線幅や破線の間隔はオブジェクトの大きさによってプレビューを見ながら、任意の数値で設定してくださいね。

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

そして、その破線に「効果」から「パス」「パスのアウトライン」を設定します。

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

そしてまだまだ破線の設定は続きます!
丸の破線に「効果」から「パスファインダー」の「前面オブジェクトで型抜き」を付けます。Illustrator,チュートリアル,CC,画像,切手

するとこんなエラーメッセージが出ますけどOKをクリック!

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

次は「前面オブジェクトで型抜き」を塗りの下のレイヤーに移動します。

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

こんな感じになります。だいぶ切手になってきましたね。

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

その後は、「効果」から「3D」の「押し出し・ベベル」を選択します。

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

「3D」設定は

「位置」を「自由回転」

角度全てを「0」

「押し出しの奥行き」を「0」

「ベベル」はなし

表面も陰影なしに設定します。

そして「マッピング」をクリックして下さい。

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

ここで、最初に登録した画像のシンボルが登場!!!

シンボルを登録した写真に設定して、プレビューを見ながら切手のフレームに入るように大きさを調整します。

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

これでOKを押すと写真が切手風フレームに囲まれたデザインができると思います。「3D押し出し・ベベル」のレイヤーは一番下にしてくださいよーー!!テストには出ないけど、これ重要ですっ!!

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

あとはダイレクト選択ツールで上下左右の枠が均等になるように調整します。
サンプルは左右が長いので少し内側に移動しました。

そして完成系がこれです!!

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

覚えたら簡単にできるようになると思うので、何度も練習してみてください!

写真・画像を変更したい場合は、新しい写真をまた埋め込んでシンボルに登録して「アピアランス」の「「3D押し出し・ベベル」の設定で「マッピング」を新しい写真に変えてくださいなっ!!

切手風デザインはもうこれでマスターですねっ!!

Illustrator CCチュートリアル 画像を切手風にする作り方のまとめ

今回は画像を組み合わせいますがイラストでも可能なので、ぜひ挑戦してみてくださいね。
アンティーク・レトロなデザインをする際には大活躍できるIllustratorCCのチュートリアルでしたー!!

今回はここまでっ!!!

次ページはこちら!

時間を区切ってすぐ集中力アップ!人間の集中力は15分が限界?... 勉強や仕事で集中してやりなさいと簡単に言われますが、実は人間が本気で集中できる時間ってあるのを知ってます? では人間が集中できる時間って、いったいどれくらいなんでしょうか? スポーツなどの制限時間は45分ハーフなんてのもあるし、学校の授業で言えば、60分や90分というぐあいになります。 でも実...
クリスマスカードの無料イラスト素材集!高品質で可愛い画像が勢揃い!... クリスマスカードの無料イラストテンプレート集をご紹介します! 高品質なイラストで、可愛いサンタクロースやトナカイ・スノーマンやクリスマスツリー・クリスマスリース、プレゼントのイラストなどが入っている子供向けのタイプから大人向けのクラシックでシンプルな上品なタイプまで幅広く集めてみました。 いつも...
WordPressプラグインのMilliardが超便利!関連記事表示はコレに決まり!... ワードプレスの関連記事を表示してくれるプラグインといえば??? WordPressRelatedPosts?YARPP? 確かに、確かにこの二つのプラグインもとってもお世話になっています。 ですが、見つけてしまったんです! とーーーっても良くできた秀逸な関連記事表示プラグインを!! その名...
30秒で完了!ChromeでWordPress記事のスマホプレビュー簡単表示法... ChromeでWordPressの記事のスマホプレビュー設定が30秒でできます! いやもしかしたら、もっと早く出来るかもしれませんねー。 それぐらい恐ろしく簡単です。 そもそもなぜGoogle Chromeでワードプレス記事のスマホプレビューを表示しようと思ったのかというと、スマホプレビュー...
リファラスパムに注意! googlemare.comはスパムでグーグルと関係なし... リファラスパムがまた来ました! 管理人が運営するサイトに来たリファラスパムについてはまとめ記事を書いているのですが、そちらだと見落とすこともあると思うので記事にしようと思います。 グーグルアナリティクスの画面にgooglemare.comが表示されたら、即座にズバッとフィルタで除外してやってくだ...
MacOSマニュアル基礎!ファイルのアイコン画像変更チュートリアル!... Mac OSを使う上で基礎中の基礎になるファイルのアイコン画像の変更方法をご紹介します!! とーーーっても簡単です!本当に簡単です!! 初めてMacを使うあなた、これからMacを購入して使おうかなと考えているあなたでもこのマニュアルをみればすぐにできると思います。 用意してもらうのは変えようと...
自分で自分を褒めてストレスフリーな人生!打たれ強くへこまなくなる方法!... ストレスに悩まされて、いつもへこんでばかり。 打たれ弱い自分がさらに嫌いになってしまう。 人の意見がすごく気になって、他人の前で作った自分を演じることで余計にストレスが溜まる毎日。 そんな方のためにあなた自身を認めてくれる最高の味方を紹介したいと思います。 それは自分自身です。 へっ?!...
イラレでキラキラ グリッターエフェクト文字の作り方チュートリアル... イラストレーターでキラキラした感じのグリッター風のエフェクトを文字にかける方法をご紹介! そんなのPhotoshopで作っちゃえばいいじゃん! はい。確かにそうですよね。 でもきらきらしたグリッター風のエフェクトってイラストレーターでもけっこう作れちゃうんですよ。 イラレに貼り付けたPSD...
【警告】コーヒー好きはカフェイン中毒の危険!毎日4以上飲む人は…!... 毎日、コーヒーを4杯以上は飲むというあなた!! 時々、頭が締め付けられるような頭痛がしませんか? 胃がムカムカ気持ち悪くありませんか? 気分がそわそわして落ち着かないことないですか? 健康診断で最近血圧が上がってないですか? 動悸がありませんか? こんな症状があるあら、もしかしたら...
イラストレーター基礎編!ペンツールのベジェ曲線の描き方練習法!... イラストレーターの基礎編! ペンツールでベジェ曲線を描くをご紹介しますね! ベジェ曲線の描き方を簡単な動画で解説しているので、初心者の方はぜひ参考にしてみてくださいね。 描き方が独特なベジェ曲線。 イラレを使ってみようと始めたはいいけど、このベジェ曲線で行き詰まったって人もいるんじゃない?...

スポンサーリンク



-Illustrator

error: Content is protected !!

Copyright© BUZZ GEEK MAGAZINE , 2018 All Rights Reserved.