アイコンを複数の色でオーバーレイする方法は？

元のアイコンの異なる色合いを維持しながら、複数の色を持つアイコンの上に単一のカラーオーバーレイを実行する方法（理想的にはSketchを使用）はありますか？

青いフォルダーアイコンを別の色（緑、紫など）に変えようとしていますが、各図形を個別に調べて色を変更するよりも、エレガントに仕上げようとしています。フォルダの色を変更して、その下にあるアイコンの不透明度を尊重できるようにしたいのですが。

元の青いアイコンを透明な灰色にする必要がありますか？次に、どういうわけかオーバーレイカラーをマスクしますか？下のスケッチで試してみましたが、うまくいきませんでした。

これを試して：

• ブルーバージョンをレイヤーとして入力します
• 白い背景を削除します-あなたはそれが着色されることを望んでいないでしょう
• 形状領域をカバーする選択を行います（これは、白い背景が削除されたときに使用されたものの逆です）
• ペイント、塗りつぶし、グラデーションの作成、またはその他の処理を新しいレイヤーに行います。選択枠を超えない
• さまざまなオーバーレイブレンドモードと不透明度の値を試す
• 別の色に影響を与えるレイヤーを追加する

実際にはスケッチはありませんが、Photoshopで作成しました。例を参照してください。

ここで、オーバーレイは、このほぼメタリックな輝きをもたらしたグラデーションです。コントラストは、光度曲線を上に追加し、典型的なミッドトーンブーストSを行うことでブーストされます。レイヤー2のグラデーションには、レイヤーブレンディングモード=除外があり、実質的には考えられないほど強い効果が得られます。

スケッチについては知りませんが、Photoshopで画像をインポートし、カラーバランスまたは色相と彩度の調整を使用して色を変更できます。または、インポートした画像/レイヤーの上にレイヤーを作成し、ブロックを色で塗りつぶして、ブレンドモードを色に設定することもできます。

ベクターオブジェクトを使用してスケッチでこれを行うことがわかった方法は次のとおりです（ランダムな形状を許し、グラデーション/境界線などで機能することを確認したかった）：

1. オブジェクトを複製し、すべてのアウトラインをストロークに変換します。元のオブジェクト全体を覆う塗りつぶされた形状が1つだけになるまで、この新しいグループのすべての要素を結合して平坦化します。

2. 新しい要素の描画モードを色に変更します

3. 新しい要素の色を好きな色に変更します。グラデーションの使用を妨げるものは何もありません...