2022年7月17日イラレには、線や画像、クリッピングマスクした画像。写真画像そのものをぼかす機能があります。イラレぼかし(ガウス)で写真の一部を透明化し画像になじませる方法を、読者からの質問に答える形でレクチャーします。現在サムネイルデザインマスターコースで、ノックアウトデザインのグラフィックスタイルも含めたレクチャーをしています。>>詳細を見るさらに細かい手法をコース内で種明かししています。PhotoshopではなくIllustrator側で写真が徐々に溶けるようにぼかしで馴染むデザインが可能になります。イラレぼかし(ガウス)で写真の一部を透明化し画像になじませる方法フジヤマ様のご質問内容。フジヤマでございます。ご教授頂ければ幸いです。今、会社のHPを作成しております。表紙のメイン画像を作成しているのですが、下記の参考サイトのようにしたいと思い作成しております。参考サイトのようにうまく画像と右側のイラストの境目のぼかし・グラデーションが表現できません。参考サイトの画像どのような作業を行えば、上記の参考サイトのように綺麗に画像とイラストを一体化させた、ぼかし・グラデーションができますでしょうか?どうぞよろしくお願いいたします。イラレぼかし(ガウス)を適用するオブジェクトの作成まず、写真の上に来ているオブジェクト自体をIllustratorで作成します。その際、サイトのHTML・CSSの中身を解析しました。CC)で作られてました。CC)側で「ムービークリップ」とし半透明にしてます。千葉名人わたしはFLASHアニメ制作会社で働いていたのでオーサリングに詳しいので一発でわかりました。アシスタントの田中君さすが名人!イラレで写真と図形をぼかして合成するIllustratorでも同じことができるので再現します。CC)はこのような表現は苦手でIllustratorの圧倒的得意分野です。CC)ではレイアウトして利用するだけというワークフローが普通です。背面に来る「茶色の四角形」のオブジェクトを「長方形ツール」で作成します。先に作った図形の「背面」に配置します。グループ化はしません。オブジェクトの周りを半透明にするこの、四角形の図形オブジェクトを選択し「効果/ぼかし/ぼかし(ガウス)」を適用します。数値的に、ちょうどいい値を探ってみます。このように、四角形の周りだけが半透明のグラデーションのぼかしがかかった状態になりました。これで半透明になっています。あとは「写真」を重ねると溶け込み画像に自然となじみます。写真とぼかした図形を重ねるあとは写真の上にオブジェクトを重ねて完成です。このように図形側をぼかすと、写真との図形の境界がぼかしでスムースに溶け込む感じに仕上がります。画像のはみ出しは、クリッピングマスクで写真と重ね合わせた画像をグループ化してから切り抜いてあげます。千葉名人ちなみに、イラレ初心者の方はクリッピングマスクが使えない人がやたらと多いです。むちゃくちゃなデータで納品してくるデザイナーも多いです。解決方法を後述します。方にはむずかしく感じたかもしれません。今回、図形をトレースで作成し、ぼかしガウスで画像と写真をなじませました。仕上げにクリッピングマスクで切り抜きました。Illustratorは基礎基本が大切です。応用に進むと思い通りに操作できず挫折します。これからイラレを自由自在に使えるようになりたい方は下記のリンクをクリックしてみてください。>>【オンライン動画】初心者用イラレマスター講座はこちら!千葉名人から「イラレマスター」になりたい人へのメッセージ今回ご紹介した「一連の処理」はイラレの基本です。Illustratorは基礎基本が1番むずかしくコツを抑えた学習ができないと永久にイラレ初心者のままです。そこで初心者の方が、初歩からこれら本当にイラレを自由自在に操作ができるようになる「学習教材の動画」を作りました。オンライン動画で自主学習できます。ドットインストールのように細かいレクチャー単位に分かれています。これ(セクションレクチャー構造)に関しては数年研究しました。これはその集大成でもあります。スキマ時間を利用した学習でIllustratorの基礎基本から応用まで実務で使えるレベルまで引き上げることができます。これからイラレを自由自在に使えるようになりたい方は下記のリンクをクリックしてみてください。Illustratorが使えるようになる超初心者用の講座です。みなさま、おはこんばんちは\(^。...イラレでクリッピングマスクができない原因はこれだ!イラレのクリッピングマスクとは、表示したくないものを非表示にする便利な機能です。そのイラレのクリッピングマスクにはルールがあります。...【動画】illustratorカレンダーの作り方【無料テンプレ付き】イラストレーターでカレンダーを作る方法です。テンプレートを利用すれば手っ取り早くカレンダーを作成することもできます。...アートブラシの作り方-その1\(^。Illustratorの便利なテクを、ご紹介します\(^。◇◇◇アートブラシの作り方-その1\(^。...PREVプロが教える「illustrator」でベジェ曲線を上手に使うコツNEXTオープンパスの「塗り」にご注意\(^。