黒いアイコンに色をつける

ネット上には様々なアイコン等が配布されていますが、色が黒だけ準備されているものがあった場合、それを黒以外の色にする方法について覚え書きしたいと思います。

黒以外の色にする

とりあえず、後々の編集が楽にできるように一旦、黒以外の色に変更しておきます。

Toy Viewer で黒以外の色にする

Toy Viewer を使う場合には「色置換」という機能を使います。

2016-01-05 at 10.53

私自身はいつも、操作法に若干、違和感を感じるのですが、とりあえずは以下のような感じで色を変更することができます。 1

2016-01-05 at 10.54

Gimp で黒以外の色にする

私自身は操作方法が難しいので Gimp はほとんど使っていないのですが、色の置換機能だけはよく使います。

色 → カラーマッピング → 色交換」のところで

2016-01-05 at 11.11.jpg

以下のような感じで色を適当な色に置換します。

2016-01-05 at 11.14.jpg

黒以外の色で保存したアイコンを別の色に変更する

一旦、黒以外の色にしてあれば、それ以降は色を変更するのは簡単です。

PhotoScapeX の「選択色変更」という機能を使えば、

2016-01-05 at 10.56 (1)

以下のような感じで簡単に色を変えることができます。

comemoarrow

2016-01-05 at 11.00

なお、この記事で使ったアイコン素材は、以下の記事で紹介されていた、

以下のページで配布されていたもので、

WordPress.com のテーマ「Academica」や「BonPress」も制作しているデザイン会社のものです。


  1.   オリジナルのアイコン等はそのまま残るので、実際には複製作業となります。 

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。