※プロモーションを含むことがあります
この記事でわかること
- プロセカ公式が配布しているアイコンとフレームを使ったアイコンの作り方
- 無料かつアプリのダウンロードなしの簡単なアイコンフレームの付け方
- 作ったアイコンのSNSへの設定方法
「アイコンフレームが保存できない」
「フレームの重ね方がわからない」
という人も簡単にアイコンを作れます！
私
ほかのサイトや質問箱では、有料のツールやアプリのダウンロードが必要な方法が紹介されていることも。
この記事では無料&アプリのダウンロードなしでアイコンフレームを付ける方法を紹介しています。
映像で見たい人はYouTube動画もあるので参考にどうぞ。
一番最初に作った動画なので至らぬ点も多いのですが、どうか温かい目で見てくださいｗ
もくじ
プロセカアイコンとフレームの付け方【無料で簡単5分】
アイコンにフレームを付けてオリジナルアイコンを作る流れは以下のとおり。
- プロセカ公式サイトからアイコンとフレームをダウンロードする
- キャンバ（無料でブラウザで使える）に登録
- アイコンにフレームを付ける
たったこれだけ。
何事もなければ5分で終わります。
以下、スマホでのやり方を解説していますが、パソコンでもやることは同じです。
ステップ1：プロセカ公式アイコンとフレームのダウンロード
プロセカ公式のアイコン配布ページにアクセスします。
※↑のリンクからアクセスできます
画面左のページに飛ぶので、上の方にある「SNSアイコン」からアイコンを。
「SNSアイコンフレーム」からフレームをそれぞれダウンロードします。
アイコンフレームが保存できないという人へ
スマホの場合、ダウンロードしたい画像を長押し→「画像をダウンロード」でダウンロードできます。
画像はAndroidのスマホのものです。
iPhoneの場合は、画像を長押しのあと
- 「写真に追加」
- 「イメージを保存」
などで保存できます。
私
ステップ2：Canvaに登録
Canva(キャンバ)という無料の画像編集ツールを使います。
※↑のリンクからアクセスできます。
ブラウザで使えるので、アプリのダウンロードは不要です。
Canvaの登録
Canvaトップページの「無料で登録する」をタップして、登録します。
基本的にはここから画面の指示通りに進めれば、Canvaが使えるようになります。
つまづきそうなポイントをQ＆Aで解説します。
気になるところだけ参考にどうぞ。
Cookieの設定ってどうすればいいの？
気にしない人は「許可」、気にする人は「管理する」をタップ。
「無料で登録する」をタップすると「まずはCookieの設定をしてください」という画面がでます。
アクセスした時間とか訪問回数とかが記録されます。
たとえば2回目のログインの時に情報の再入力なしでログインできたり便利。
クッキーを気にしない人は「すべてのCookieを許可する」をタップ。
余計な情報はとられたくないという人は「Cookieを管理する」→「すべて拒否する」をタップ。
「保存して閉じる」で完了です。
「Webで続行」と「アプリで開く」が出てきたけどどっちがいいの？
Webで続行です。
アプリ入れてスマホを重たくすると、プロセカでラグの原因になったりならなかったり。
余計な容量を食わないために、Webで続行です。
Googleとかメールアドレスとか、どれで登録すればいいの？
どれでもOK
私はグーグルで登録しました。
Googleにログインしていれば、Canvaへのログイン作業がいらなくて楽だからです。
ステップ3：アイコンへのフレームの付け方
流れは以下のとおり。
- キャンバスサイズを設定
- アイコンをアップロード
- フレームをつける
- できた画像をダウンロード
キャンバスサイズの設定
Canva登録後、この画面になるので下中央のプラスマークをタップ。
「カスタムサイズ」をタップ。
400×400に設定して、「新しいデザインを作成」をタップ。
400×400なのは、さっきダウンロードした公式のアイコン画像が400×400のサイズだからです。
アイコン画像のアップロード
画面下の「アップロード」をタップ。
さっきダウンロードしたアイコンを選択します。
ちなみに画面飛ばしちゃってキャンバス画面になっちゃった人へ。
左下のこのプラスマークから同じことができます。
アップロードしたアイコンをキャンバスサイズに合わせます。
アイコンのカドをドラッグアンドドロップでキャンバスサイズにあわせます。
吸着するんでスマホの指操作でもピタッとサイズをあわせられますよ。
フレームを重ねる
左下のプラスマークから続いてフレームをアップロードします。
「アップロード」からフレーム画像を選択します。
アイコンの上にフレームがくるので、フレームもカドを引っ張ってサイズを合わせます。
できた画像をダウンロード
アイコンができたら右上の矢印みたいなのをタップ。
「ダウンロード」をタップ。
「ファイルの種類」を選択。
どれでもいいんですけど、ツイッターの場合アイコンに使えるのはJPG、GIF、PNG。
私
選択したら「ダウンロード」をタップ。
これでアイコンを保存できました。
【プロセカ】アイコンとフレームの付け方Q&A
ここまで説明した以外の情報をQ&Aでまとめました。
ほかにわからないことがあったら、YouTube動画のコメント欄に書いてもらえれば答えます。
ツイッターのアイコンにはどうやって設定すればいいの？
「プロフィールを編集」からやります
編集画面でカメラマークのついたアイコン部分をタップ。
「フォルダから画像を選択」をタップ。
さっき作った画像を選択します。
アイコンが変わっていることを確認。
忘れずに右上の「保存」をタップ。
こんな画面も出てくるので、みんなに推しのアイコンを見せびらかしたい人はぜひツイートしましょう。
ダウンロードしたアイコンとかの画像がどこにあるかわからない
だいたい「Download」とか「ダウンロード」というフォルダ内にあります。
画像が見当たらないという場合は、フォルダを選択してから画像を検索してください。
公式サイトのスマホの壁紙も使えるの？
使えます。
私はレオニの背景壁紙を使っています。
私
Androidですが私はiPhoneの画像をダウンロードして、壁紙にしてます。
画像のダウンロードはアイコンと同じく、長押しで保存です。
ぜひ公式の素材を使ってオタク活動を楽しみましょう。
