イラレには、線や画像、クリッピングマスクした画像。または、写真画像そのものをぼかす機能があります。
イラレぼかし(ガウス)で写真の一部を透明化し画像になじませる方法を、読者からの質問に答える形でレクチャーします。
イラレ ぼかし 一部
イラレ ぼかし(ガウス)
イラストレーター 画像 なじませる
イラレ ぼかし グラデーション
イラストレーター 写真の一 部 を透明に
イラストレーター ぼかし 色
イラレ ぼかし ブラシ
イラレ ぼかし できない
イラレ ぼかし(詳細)
イラレ ぼかし 白くなる
イラストレーター ぼかし 写真
イラストレーター ぼかし 片側
イラストレーター ぼかし 四角枠
イラレ ぼかし フチ
イラレ 縁取り ぼかし
イラレ ドロップシャドウ 四角い枠
現在サムネイルデザインマスターコースで、ノックアウトデザインのグラフィックスタイルも含めたレクチャーをしています。
さらに細かい手法をコース内で種明かししています。PhotoshopではなくIllustrator側で写真が徐々に溶けるようにぼかしで馴染むデザインが可能になります。
イラレぼかし(ガウス)で写真の一部を透明化し画像になじませる方法
フジヤマ様のご質問内容。
[st-mybox title=”はてな” fontawesome=”fa-question-circle” color=”#03A9F4″ bordercolor=”#B3E5FC” bgcolor=”#E1F5FE” borderwidth=”2″ borderradius=”5″ titleweight=”bold” fontsize=”” myclass=”st-mybox-class” margin=”25px 0 25px 0″]千葉名人様。フジヤマでございます。
ご教授頂ければ幸いです。
今、会社のHPを作成しております。
表紙のメイン画像を作成しているのですが、下記の参考サイトのようにしたいと思い作成しております。
参考サイトのようにうまく画像と右側のイラストの境目のぼかし・グラデーションが表現できません。
参考サイトの画像
どのような作業を行えば、上記の参考サイトのように綺麗に画像とイラストを一体化させた、ぼかし・グラデーションができますでしょうか？
どうぞよろしくお願いいたします。
イラレぼかし(ガウス)を適用するオブジェクトの作成
まず、写真の上に来ているオブジェクト自体をIllustratorで作成します。
その際、サイトのHTML・CSSの中身を解析しました。
結果、お手本サイトでは「写真部分」がAdobe Flash（現：Adobe animate CC）で作られてました。
この図形画像をFLASH（Adobe animate CC）側で「ムービークリップ」とし半透明にしてます。
