ハンズオンで学ぶ〜フリー素材で作る!トラックボールマウス〜【誰でもできる】

「トラックボールマウスのフリー素材が欲しい!なんでこの世に存在しないんだ!」と、お悩みのそこのあなた。

今だけ!限定30名にお得な情報をお伝えします!!!

誰でも。無料で。トラックボールマウスの素材を作れちゃう裏技を紹介します。

はじめに

どうも、おぎくぼです。

今回は、誰も得しない変な情報をお伝えします。お時間があれば、最後までお付き合いください。

記事の冒頭は、よくある胡散臭い記事の書き方を真似してみました。

全てHTMLにベタ書きしたので少しめんどくさかったです。(一部のコードを載せておきます。)

<p><span style=”font-size: 2.4rem; font-weight: bold;”>誰でも。</span><span style=”font-size: 3rem; font-weight: bold; color: blue;”>無料で。</span><span style=”font-size: 3.6rem; color: red; font-weight: bold;”>トラックボールマウスの素材を作れちゃう裏技</span>を紹介します。</p>

今回のコース

今回作るのはこのトラックボールマウス

ハンズオン形式で誰でも簡単に作ることができるぞ!

余計な説明はなし!早速手を動かそう!!!!

用意するもの

用意するのはたったの3つ。これだぁ〜、1・2・3

フリー素材の入手

ボールのフリー素材は、「いらすとや」さん、そしてマウスのフリー素材は「ジャパクリップ」さんのサイトから使わせていただきます!

「いらすとや」さんの画像を使用する前に読んでおこう!→https://www.irasutoya.com/p/terms.html
「ジャパクリップ」さんの画像を使用する前に読んでおこう!→https://japaclip.com/terms-ja/

ダウンロードはこちらから↓↓↓(ボールは何色でもOK!)

ボールのフリー素材→https://www.irasutoya.com/2015/01/blog-post_78.html
マウスのフリー素材→https://japaclip.com/mouse/

素材に好きな名前をつけて、好きなところに保存してくれ!

最終準備。

よし、ここまできたらデザインツールを起動だ!AdobeXDやPhotoshopなどを開いてくれ!

もしなかったらパワポでも安心して作れるぞ。

起動したらとりあえず先ほどダウンロードした2つのフリー素材をフィールドへ!

よし!あと足りないのは白い円だ。ちゃっちゃと作っちゃおう。

直径がボールのフリー素材よりもやや大きいぐらいの円を作ってくれ。

白い円は外の線がなくてもいいぞ。私は作るときに白い円が見えないからつけておく!

これで全ての準備が整った。あとは合体するのみ。

紅白の重なり

ここからしっかりついてきてくれ!これから下の画像のところまで作ってもらうぞ。

よくこの画像をみてくれ。

「あれ?白の円がなくなりました!!!」だと?安心したまえ。ちゃんとある。ボールの後ろをみてごらん。

わかったかい?やることは簡単!いい感じにボールと白い円を重ねてくれ。

ただし、白い円がややはみ出るようにだ。これが後々大事になってくる。まだわからなくていいぞ。

これからは終盤だ。あともう少し!

ボールとマウスの出会い

よし。ここまできたらあとはボールとマウスをガッチャンコ。

こんな感じだ。マウスとボールの大きさは自分の好みでいいぞ!

ここまで作れた君は、白い円の効果をよく理解できたと思う。あるとないでは大きな違いだ。

今回のトラックボールマウス作成はこれで完成!

お疲れ様。

何か質問や不明な点があったら遠慮なく連絡してくれ。

これから他のコースも作成するから楽しみにしていてくれ!

ではまた会おう。アディオス!!!