【無料】Twitterアイコン加工でグラデーションリングデザインをつけられるサービスを紹介

twitterアイコン デコ

本サイト内のコンテンツはNORILOGが独自に制作しています。メーカー等から商品提供を受けることもありますが、その場合は記事内に明記しております。コンテンツの内容や評価に関するランキングの決定には一切関与していません。メーカー等の指示による表示部分にはPRを表記します。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。詳しくはサイト運営ポリシーをご覧ください。

みなさんこんにちは、NORI(@norilog4)です。

Twitter初心者

最近TwitterやInstagramなどのアイコンで見かけるグラデーションリングの付け方を知りたいんです。
Twitterアイコンを作成するために私も使ってる便利なオンラインツールがあるので紹介していくよ!

NORI

この記事を読めば、こんなSNSアイコンを作れるようになります。

この記事を書いた人

Twitterアイコンをおしゃれに作成できる制作事例

今回この記事で紹介するサービスを使うと、以下のようなアイコンを写真をアップロードするだけで簡単に作ることができます。

SNS プロフィール アイコンリング
SNS プロフィール アイコンリング
SNS プロフィール アイコンリング

Twitter初心者

そうそう!こういうアイコンが作れるサービスを知りたいんです!
このブログを読めばバッチリ!

NORI

Twitterアイコンのデコレーションサイト

いま自分のTwitterアカウントで使っているアイコン。

これは以下のサービスを利用して作っています。

LinkRingme(リンクリングミー)

SNS プロフィール アイコンリング linkringme

利用可能な端末とブラウザ

このサービスがすごいのは、パソコン・タブレット・スマホのデバイス問わずに、以下の最新のブラウザで利用できるという点です。

対応ブラウザ

  • 【MacOS】 Safari/Chrome
  • 【iPhone】 Safari/Chrome
  • 【Android】Chrome
  • 【Windows】Chrome
汎用性が高いオンラインツールです。

NORI

ファイルの保存形式とアイコンサイズ

SNS プロフィール アイコンリング linkringme

ファイルの保存形式と出力できるアイコンのサイズを、それぞれ3つの中から選ぶことができるようになっています。

ファイル形式

  • JPEG
  • PNG24
  • PNG32(背景透過)
アイコンサイズ

  • 200px
  • 400px
  • 800px

サイトのUIも直感的に使いやすいデザインになっており、非常に使いやすい印象です。

LinkRingme(リンクリングミー)の使い方

サイトにアクセスして、「MAKE ICON」のボタンクリックします。

SNS プロフィール アイコンリング linkringme

動作・操作方法 紹介動画

写真を取り込んだ後に、拡大(+)縮小(-)のアイコンをタップすると、取り込んだ写真の拡大縮小が可能となります。

White Line」のスイッチは、グラデーションリング内の白い枠線を消すか残すかの設定ができます。

0〜3までのメモリが付いた「Ring Line」は動かすことでグラデーションの太さを調整することができます。

リングのサムネイルボタンで12色の中から好きな色を選び、Saturationバーにより、各色をHalfToneやDeepToneにすることで、全36色からアイコンのグラデーションを選ぶことができます。

アイコン画像の書き出し

Safety Area(セーフティーエリア)とFile Type(ファイルタイプ)、Icon Size(アイコンサイズ)を選んだら「EXPORT」をタップしましょう。

あとは作成して表示された画像を「Download」してPCまたはスマホアプリに保存すれば、アイコンのデザインは完了です。

LinkRingme(リンクリングミー)はスマホからでも同じく使える

PCなどで利用するのと同じく、「UPLOAD」をタップすると、「フォトライブラリ」や「写真を撮る」といった選択項目が出てきて作成が可能です。

SNS プロフィール アイコンリング linkringme
SNS プロフィール アイコンリング linkringme

Twitterのプロフィール画像に設定

作成したアイコン画像は、Twitterのプロフィール画面から「変更ボタン」を押して、差し替えれば完成です。

Twitter アイコンデザイン変更
Twitter アイコンデザイン変更

Twitter初心者

以前よりもTwitterのアイコンが目立つようになりました!
プロフィール写真の周りにグラデーションが付いたことで、SNSのアイコンは以前よりも少し目に飛び込んできやすくなったと思います。

NORI

応用した使い方

書き出したアイコンをもう一度アップロードして、アイコンの周りに再度リングをつけることで様々な2重リングアイコンにしていくことが可能です。

SNS プロフィール アイコンリング linkringme

書き出し1回目

SNS プロフィール アイコンリング linkringme

1回目の画像を利用して再度書き出し

その他のおすすめアイコンデコレーションサービス

グラーデーションの色は少ないのですが、「my photo」からリングを付けたい写真をアップすることで、同じようにアイコンにグラデーションリングを作ることができるサービスがあります。

FACERING(フェイスリング)

facering SNS プロフィール アイコンリング

関連リンク
FACERING

グラデーションリングデザインをつけられるサービスのまとめ

本記事は、無料でTwitter等のSNSアイコンに「グラデーションリングデザイン」を簡単につけられるサービスの使い方・紹介した記事です。

アイコンにグラデーションリングが付くだけで、グッとおしゃれ感がアップするアイコンにあります。

チームやグループで同じリングを付けたアイコンを利用することで、アイコンを使った統一感なども演出することができそうですね!

以上、NORI(@norilog4)でした。

twitter ヘッダー画像 サイズ ガイド 【無料テンプレ付き】X(旧Twitter)に設定するヘッダー画像サイズなどはいくつ?作り方をわかりやすく解説
登録から使い方まで完全解説!Canvaを使っておしゃれでかっこいいデザインを作ろう!

コメントの通知/購読設定
受け取る通知
guest

0 件のコメント
古い順
新しい順 評価順
Inline Feedbacks
全てのコメントを見る