![見出し画像](https://assets.st-note.com/production/uploads/images/60096806/rectangle_large_type_2_9ddb8c9a22e432afab0b3d30f4c36ce2.png?width=1200)
画像からグラデーションを抽出!AdobeColorの超便利機能
皆様おはこんばんチワッス!ゲラです!
さてさて今回のテーマは
画像からグラデーションを抽出!
AdobeColorの超便利機能
でございます!
もうタイトルの通りではありますが、AdobeColorにはなんと読み込んだ画像ファイルからグラデーションを抽出してくれる神機能があります!
これがもうとにかく便利で神機能なのでぜひぜひ紹介させてください!イラレやフォトショでグラデーションを作るの苦手だよ〜って方もこの機能を使えば超簡単にグラデーションが作れちゃいます!
それでは実際に使ってみましょう!!
【1】グラデーションを抽出したい画像を用意する
![画像5](https://assets.st-note.com/production/uploads/images/60092640/picture_pc_2580334a2c09a6abcd2bccd07cebfd5b.jpg?width=1200)
今回はこちらのメタル画像を用意しました!画像をそのまま使用するわけではないのでフリー素材でなくて大丈夫ですよ!
ネットで検索して出てきた画像をそのまま使っちゃいましょう!
【2】AdobeColorのWEBサイトを開く
![スクリーンショット 2021-08-30 22.47.45](https://assets.st-note.com/production/uploads/images/60089973/picture_pc_7268372dbaf4565987095e9429e333e6.png?width=1200)
上のアドレスからAdobeColorにアクセスして、グラデーションを抽出(赤枠部分)を選択しましょう!
ちなみにグラデーションを抽出するだけであればCreativeCloudを契約していない方でも問題なく使えます!契約している方はCCライブラリにグラデーションとして保存することができます!
![スクリーンショット 2021-08-30 23.04.22](https://assets.st-note.com/production/uploads/images/60091256/picture_pc_523128bdb24379991a471e0c1e8307e6.png?width=1200)
この画面を開ければOKです!
【3】画像からグラデーションを抽出する
![画像5](https://assets.st-note.com/production/uploads/images/60092875/picture_pc_e24e10910ad77e91a3fee55407825881.gif?width=1200)
用意した画像をブラウザに直接ドラッグアンドドロップしましょう!一瞬でグラデーションが抽出されます!
![スクリーンショット 2021-08-30 23.23.53](https://assets.st-note.com/production/uploads/images/60092874/picture_pc_e9c9d2709fd911143b8d2bcd46b74d01.png?width=1200)
CreativeCloudを契約している人は右上からCCライブラリ内の保存先を決定すれば保存することができます!
※illustratorはCCライブラリのグラデーションをサポートしていないようです
契約していない人はグラデーションを抽出した後に下部に出てくるこのカラーコードをコピーして、イラレ やフォトショでグラデーションを自分で設定してあげればOKです!(クリックするだけでカラーコードをコピーできます)
![スクリーンショット 2021-08-30 23.24.41](https://assets.st-note.com/production/uploads/images/60092932/picture_pc_d8c47ad2dfd6c045e12f9ef728d747ad.png?width=1200)
【4】CCライブラリからグラデーションを適用する
![スクリーンショット 2021-08-30 23.35.13](https://assets.st-note.com/production/uploads/images/60093782/picture_pc_ca529b249ecef85a9101f6904b3c8cf7.png?width=1200)
Photoshopで試してみましょう!
新規でレイヤーを作成したら、そのレイヤーに対してCCライブラリから先ほど保存したグラデーションを開いて右上オプションからグラデーションを適用を選択するだけでOKです!
![画像8](https://assets.st-note.com/production/uploads/images/60093981/picture_pc_9b046a5d364bf91d95f2e1ee872ad475.gif?width=1200)
あっという間に抽出したグラデーションを適用することができました!めちゃくちゃ簡単ですね!
【番外編】複雑なグラデーションを抽出する part1
![画像9](https://assets.st-note.com/production/uploads/images/60094467/picture_pc_51e2a47016bf2a662034133814f79324.jpg?width=1200)
先ほどはシンプルなメタルグラデーションを抽出しましたが、今度はより複雑なグラデーションを抽出してみましょう!
このような複雑なグラデーションの画像も、AdobeColorでは簡単に抽出することができます!
![画像10](https://assets.st-note.com/production/uploads/images/60094720/picture_pc_13e5178e8c682733e8817b4d5d2b2e15.gif?width=1200)
先ほどと同じように画像をドラッグ&ドロップしたら、左上にあるグラデーションの分岐点の項目を右にスライドして数値をあげてあげましょう!
こうすることで画像に対してより精度の高いグラデーションを抽出することができます!
【番外編】複雑なグラデーションを抽出する part2
![画像11](https://assets.st-note.com/production/uploads/images/60094954/picture_pc_4ba3ab962d5787a97b4b3da03c724712.jpg?width=1200)
先ほどまでは左から右に流れる単純なグラデーションでした!
ですが上のような複雑なフリーグラデーションの画像からグラデーションを抽出したい時もAdobeColorなら簡単です!
先ほどと同様にファイルをドラッグ&ドロップしたのちに、グラデーションの分岐点の数値を上げてあげましょう。
続けて画像に表示されたグラデーションの分岐点のポイントを動かしてみましょう!
![画像12](https://assets.st-note.com/production/uploads/images/60095398/picture_pc_64eb381211b8088d84c2e62299e8c402.gif?width=1200)
こうすることでどの分岐点を画像のどこの色から抽出するかを簡単に設定することができます!
![スクリーンショット 2021-08-31 0.04.15](https://assets.st-note.com/production/uploads/images/60095797/picture_pc_d15fdab9dac4c3bbf9b084230e6466f6.png?width=1200)
このように抽出するポイントも自分で調整することができるので、どんな画像からでもグラデーションを作ることができますね!
ーーーーーーーーーーーーーーーーーーーー
いかがでしたでしょうか??
メタル系のグラデーションを作るのが苦手だという人もネットで金属系のテクスチャを検索して、出てきた画像をAdobeColorにポンッと読み込むだけでとっても簡単にグラデーションが作れちゃいます!
CreativeCloudを契約している人もしていない人も絶対に使いたい神機能です!
是非是非お試しください!
そんじゃまたなお前らwwwwwwwwバァイwwwwwww
\デザイナーに超役立つ素材配布アカウント!ぜひフォローお願いします/
![](https://assets.st-note.com/img/1671739808897-05CAVcNyVs.jpg?width=1200)
Twitterでデザインや創作にめちゃくちゃ役立つ"光素材"を無料配布しております!
僕も仕事でよく使いますがデザインや作品に一瞬でこなれ感を出すことができるめちゃくちゃ便利な素材です!
下記条件を満たすことで、タイムラインに投稿されている光素材を個人商用問わず無料でご使用いただけます。
— 光工房/ヒトノセ|光素材無料配布中 (@hikari_hitonose) October 10, 2022
✨この固定ツイートをRT&イイネ
✨@hikari_hitonoseをフォロー
※使用方法は画像参照
Twitter未公開 & 印刷物や大きな作品にも使える高解像度パック↓https://t.co/G9SOJXsEmo pic.twitter.com/Nfy7Nb0DPw
■固定ツイートをいいね&RT
■本アカウント(@hikari_hitonose)をフォロー
以上の条件を満たすことでタイムラインに投稿されている光素材が個人・商用問わず無料でお使いいただけますのでぜひぜひご活用ください!
使い方はとっても簡単!!こちらの記事をご参照ください!!
\Twitter未公開&印刷でも使える超高解像度版素材はBOOTHにて販売中/
光工房/ヒトノセ BOOTH店
光フィルター素材集 Pack01
光フィルター素材集 Pack02
光フィルター素材集 Pack03
光フィルター素材集 Pack04
光フィルター素材集 Pack05
新作パックも随時追加です♫
この記事が気に入ったらサポートをしてみませんか?