Skip to main content
Known Participant
July 10, 2025
Question

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

  • July 10, 2025
  • 1 reply
  • 225 views

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

 

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

1 reply

Community Expert
July 11, 2025

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


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


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

Community Expert
July 11, 2025

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

Known Participant
July 11, 2025

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