初心者用Illustratoの使い方講座

イラレぼかし(ガウス)で写真の一部を透明化し画像になじませる方法

2008年5月7日

イラレには、線や画像、クリッピングマスクした画像。または、写真画像そのものをぼかす機能があります。

イラレぼかし(ガウス)で写真の一部を透明化し画像になじませる方法を、読者からの質問に答える形でレクチャーします。

 

イラレ ぼかし 一部
イラレ ぼかし(ガウス)

イラストレーター 画像 なじませる
イラレ ぼかし グラデーション
イラストレーター 写真の一 部 を透明に
イラストレーター ぼかし 色

イラレ ぼかし ブラシ
イラレ ぼかし できない
イラレ ぼかし(詳細)
イラレ ぼかし 白くなる

イラストレーター ぼかし 写真
イラストレーター ぼかし 片側
イラストレーター ぼかし 四角枠

イラレ ぼかし フチ
イラレ 縁取り ぼかし
イラレ ドロップシャドウ 四角い枠

 

 

イラレぼかし(ガウス)で写真の一部を透明化し画像になじませる方法

フジヤマ様のご質問内容。

はてな

千葉名人様 はじめまして、私フジヤマと申します。
大変お恥ずかしい限りですが、イラストレーターの 初心者で不明な点がございましてもしよろしければ ご教授頂ければ幸いです。
今、会社のHPを作成しておりまして 表紙のメイン画像を作成しているのですが、下記の参考サイトのようにしたいと思い作成しております。
参考サイトのようにうまく画像と右側のイラストの 境目のぼかし・グラデーションが表現できません。

参考サイトの画像

どのような作業を行えば、上記の参考サイトのように綺麗に画像とイラストを一体化させれるようなぼかし・グラデーションができるのでしょうか?

どうぞよろしくお願いいたします。 

 

 

イラレぼかし(ガウス)を適用するオブジェクトの作成

Illustrator 使い方

まず、写真の上に来ているオブジェクト自体をIllustratorで作成します。

 

その際、サイトのHTMLを解析しました。

結果、お手本サイトでは「写真部分」がAdobe Flashで作られてました。この図形画像をFLASH側で「ムービークリップ」とし半透明にしてます。

わたしはFLASHアニメ制作会社で働いていたのでオーサリングに詳しいので一発でわかりました。

 

イラレで写真と図形をぼかして合成する

Illustratorでも同じことができるので再現します。

Illustrator 使い方

背面に来る茶色の四角形のオブジェクトを長方形ツールで作成します。

そして先に作った図形の「背面」に配置します。グループ化はしません。

 

ぼかし ガウス でオブジェクトの周りを半透明にする

Illustrator

この、四角形の図形オブジェクトを選択し「効果/ぼかし/ぼかし(ガウス)」を適用します。

Illustrator 使い方

数値的に、ちょうどいい値を探ってみます。とりあえず50ピクセルです。

Illustrator 使い方

こんな風に、四角形の周りだけが、半透明のグラデーションのぼかしがかかった状態になりました。

これで半透明で、写真を重ねると溶け込み画像に自然となじみます。

 

 

写真とぼかした図形を重ねる

あとは写真の上にオブジェクトを重ねて完成です。

Illustrator 使い方

このように図形側をぼかすと、写真との図形の境界がぼかしでスムースに溶け込む感じに仕上がります。

画像のはみ出しは、クリッピングマスクで写真と重ね合わせた画像をグループ化してから切り抜いてあげます。

 

むずかしくてできなかった場合

初心者の方にはむずかしく感じたかもしれません。今回、図形をトレースで作成し、ぼかしガウスで画像と写真をなじませました。

そして、仕上げにクリッピングマスクで切り抜きました。

 

一連の処理はイラレの基本ですが、初心者の方が初歩からこれらの操作ができるようになる学習教材の動画を提供しております。

これからイラレを自由自在に使えるようになりたい方は下記のリンクをクリックしてみてください。

>>【オンライン動画】初心者用イラレマスター講座はこちら!

 

【フリー】イラレぼかしブラシができない?ダウンロードはこちら!

【Udemy】初めてのイラストレーター使い方講座

【Udemy】初めてのイラストレーター使い方講座

動画版の「イラレ道場」です。動画で楽にAdobe Illustratorが使えるようになる超初心者用の講座です。

短期集中!このチャンスにIllustratorを学習し思い通りにサクサクと使えるようになってみませんか?

↓ 【93%OFF】割引クーポン有効期限 2021年7月30日まで

>>初めてのイラストレーター(Adobe Illustrator)使い方講座【完全版】はこちら!

 


ロゴデザインマスターコース|Adobe Illustrator(イラストレーター)【完全版】

はじめてAdobe Illustrator(イラレ)でロゴデザインをスタートする人が、ロゴの基礎から学習し「Photoshop CC」のモックアップを活用した画像書き出しまで含めてできるようになるロゴデザインマスターコースです。

正確で完璧なロゴデザインを完成させる手法のすべてを公開します。

↓ 【93%OFF】割引クーポン有効期限 2021年7月30日まで

>>ロゴデザインマスターコース|Adobe Illustrator(イラストレーター)【完全版】はこちら!

 

 


Illustratorパターンスウォッチ素材集【製図・地質図・DTP・WEBデザイン用】


Illustrator ハッチング

【プロ用】Illustrator素材集【効率化】

 

-初心者用Illustratoの使い方講座

Copyright© イラレ屋 , 2021 All Rights Reserved.