まったり教授のだらだらITブログ

がんばりたくないエンジニアがIT全般について勉強するブログ

配色は自分で考えない!Adobe Colorのすすめ【動画編集】

AdobeColorで色をデザインする

ご訪問ありがとうございます。まったり教授 (@atuagebaron)です。


「どんな色使っていいかわからない…」動画編集し始めて困ったことが「色の使い方」でした。デザインセンスも配色のイロハも知らない自分がとても助かったのが「Adobe Color」です。

 

使い方

色々使い方がありますが、これだけ知ってればOKの基本的な使い方を記載します。

 

好きな配色を探そう

まずはAdobe Colorに移動。

https://color.adobe.com/ja/create/color-wheel

 

画面上部の探索をクリックします。

画面上部の探索をクリック

 

ボックスがあるので好きなキーワードで検索してみましょう。

検索する

 

パステルカラー(pastel)で検索してみます。

※予測機能もあるので便利です

pastelで検索した結果

このように色の組み合わせがわんさかでてきます。

 

あとは好きな配色をクリックすると、こんな感じで色が見れます。

パステルカラーの配色

 

「#XXXXXX」となっている部分をクリックするとコピーできるので…

色コードの選択

 

Googleで検索するとRGBで数値が出てくるので、Aviutlなどで設定すればOKです!

RGBへ変換

 

下記は習作ですが、配色はほとんどAdobe Colorだったりします!

youtu.be

 

おわりに

f:id:atuageKyouju:20210724113516p:plain:alt=まったり教授ロゴ

「色の組み合わせなんてわからん…」という自分にとっては神ツールでした。あと眺めているだけで楽しかったりします。
配色にお困りの方は使ってみてはいかがでしょうか!