簡単!アイコンリングの作り方

アイコンリングの作り方アイキャッチ画像
  • URLをコピーしました!

SNSなどで使用しているアイコンの写真やイラスト。
それ自体は変えたくないけど、少し変化が欲しい…という時ありますよね。

『アイコンはそのままに、季節感をだしたり、イベントの要素を盛り込んだりして楽しみたい!』

そんなときはアイコンリングが大活躍(∩´∀`)∩

本記事では、絵が描けない人でも簡単にアイコンリングを作る方法を解説しています。

自分好みのアイコンリングを作ってアイコンの着せ替えを楽しみましょう。

目次

イラストスキル不要!のアイコンリング作成方法

アイビスペイントx(無料版アプリ)を使用したアイコンリングの作成方法を紹介します。
他のお絵描きアプリでも基本的に同じ工程でできると思いますのでぜひご参照ください。

一番下にDLできるアイコンリングを置いてますのでお急ぎの方はDLしてお使いください。

1.アイコンリングの作り方

新規作成画面の解説画像。定型サイズの選択しに希望サイズがなければ上部のカスタム項目で入力してOKをタップする。

①マイギャラリーの新規作成画面で使用するアイコンに合わせてサイズを選ぶ

プルダウンに適正サイズがなければ②W/H値を入力して「OK」をタップ

定規選択画面の解説画像。スマホでは上部の物差しマークをタップすると定規画面がでるので円定規を選択する。

③定規を開き円定規をタップ

円定規の使い方画像。円のライン上にある小さな円をドラッグすると円のサイズを変更できる。

④キャンバスの中央に円定規が配置されるので外側の円にある〇印を指またはペンでドラッグしてキャンバスの端まで広げる

アイコンリングの描画解説画像。アイコンサイズに合わせた円定規の内側にブラシをそえて円を描く。

⑤アイコンリングの色を決め、円定規に指またはペンをそえて円を描く

アイコンリングの外側背景を素材から選ぶ。素材はパターンや風景から好きなものを選択。

⑥素材アイコンを開きアイコンリングの外側に使いたいパターンまたは背景を選ぶ

選択した素材をアイコンリングの背景に適した柄のサイズ感になるよう拡大率で調整する。

⑦選択した素材のレイヤーが追加されるので、拡大率(または二本指開閉ドラッグで)サイズを調整して「✔」をタップして決定

塗りつぶしには透明塗りつぶしという透過機能がある。

⑧素材レイヤーが選択された状態で塗りつぶしを選択

⑨透明塗りつぶしに変更

⑩設定を開く

素材レイヤーで透明塗りつぶしの参照レイヤーをアイコンリングに設定。

⑪参照レイヤーを指定レイヤーに設定

⑫リングレイヤーを選択

アイコンリングの内側を透明塗りつぶしで透過する。

⑬素材レイヤーの中央付近(リングの内側)をタップして円の中を透過する

画像:レイヤーの順番を整理してアイコンリング自体はできあがり。ここから装飾する。

⑭装飾用に新規レイヤーを追加し、下から背景、リング、新規レイヤーになるように移動

画像:アイコンリングを装飾する柄またはモチーフとなるブラシを選択する

⑮ブラシの選択画面下方に色々な絵柄ブラシがあるので好きなものを選択

※本記事では桜吹雪を使っています。
※「オンライン」をタップして新しいブラシをインストールすることもできます。

画像:装飾ブラシでリングの周りや背景に花やキラキラを散らして飾りつけたらアイコンリングの完成。

⑯リングの周りにブラシで柄をつけて装飾する

※ラインを引く、点を描くようにブラシを使うことでサイズや色がランダムに変わります(ブラシによる)

発光ブラシでキラキラを足したり、素材からアイテムを追加したりして装飾を楽しんでね♪

アイコンリングが完成したら次の方法でアイコンと合わせて使用します。
【A】このままアイコン画像を読み込んでアイコンリングを設置した画像を保存
【B】アイコンリングを透過保存し、好きなアプリでアイコンと合わせて画像保存

実際にアイコンに合わせてみた画像

画像:左から元のアイコン、花を散らした青色ベースのアイコンリングを設置したもの、アイコンリングをオレンジ色に色変えして秋らしさをだしたもの。

元のアイコン

アイコンリング設置

色調を変えるだけで季節感も変わります

2.アイコンリング フリー素材

DLして使えるアイコンリングをいくつか用意しました。
加工しての利用OKです。
※配布目的・商用利用目的のDLは不可

アイコンリング フリー素材
サイズ:768×768

画像:ダウンロードして使えるアイコンリング。青色ベースで青~白色の花を散らしたもの

【1】花(ブルー)

画像:ダウンロードして使えるアイコンリング。橙色ベースで橙色~黄緑色の花を散らしたもの

【2】花(オレンジ)

画像:ダウンロードして使えるアイコンリング。橙よりの黄色ベースで赤~水色の花を散らしたもの

【3】花(イエロー)

画像:ダウンロードして使えるアイコンリング。背景は黒紫のゴシック柄、リングは紫がかった黒色の立体メタリック調。

【4】ゴシック

画像:ダウンロードして使えるアイコンリング。落ち着いた紫色-スのリボンクロス柄背景に白いレース柄のリング。

【5】レース

画像:ダウンロードして使えるアイコンリング。サイバー柄背景、立体リング(1)

【6】サイバー1

画像:ダウンロードして使えるアイコンリング。サイバー柄背景、立体リング(2)

【7】サイバー2

画像:ダウンロードして使えるアイコンリング。2進数サイバー柄背景、立体リング(3)

【8】サイバー3

画像:ダウンロードして使えるアイコンリング。ハニカム格子サイバー柄背景、立体リング背景投影(4)

【9】サイバー4

画像:ダウンロードして使えるアイコンリング。ディスコ柄背景、立体リング

【10】ディスコ

♪ポチっと応援いただけると嬉しいです♪

ブログランキング・にほんブログ村へにほんブログ村

★アイビスペイント記事一覧へ★

目次