Skip to main content
Known Participant
7月 10, 2025 11:27 午前 UTC
質問

この画像のようなお作り方教えてください!

特にマウスの作り方(後でマウスクリックのアニメーションを作りたい)や、下のブロックヒットと書かれてるのがアニメっぽくて可愛い感じにしたいです!

 

よろしくお願いいたします!m(_ _)m

返信数 4

Community Expert
7月 11, 2025 12:06 午前 UTC

イラストの作成に使用するソフトとなれば、Illustratorが有名なのですが、参考画像のマウスの形状だと長方形ツール(または角丸長方形ツール)だけで作成できます。


全体の形状は、角丸長方形ツールを使います。


ボタンやボタン以外の部分は、全体の長方形の複製を追加して、新たにボタンの大きさの長方形を作成します。
複製の長方形と新たな長方形を選択してctrl + Gでグループにします。
「追加」ボタンで「パスを結合」を選んで、下図のモードに切り替えます。
他のボタンも同じように操作をすれば作成できます。

翻訳
Community Expert
7月 11, 2025 3:32 午前 UTC

<追記>
ボタン間にあるホイール部分も長方形で作成できます。
「グラデーションの塗り」で色付け。

翻訳
Known Participant
7月 11, 2025 9:19 午前 UTC

なんとなく理解できたような気がします! 右クリックなどのアニメーションはどうしたらできるのでしょうか?

翻訳