日直地獄

小学校では事件が起きる

できる!絵がうまくなくてもアイコンらしきものを作る方法

手順

  1. 絵を書きます
    • f:id:AirReader:20180119141030j:plain:w400
  2. カメラで写真を撮りinkscapeに画像を取り込みます
    • f:id:AirReader:20180208085240p:plain:w400
  3. ビットマップをトレース機能で、パス化します
    • f:id:AirReader:20180208085340p:plain:w400
    • f:id:AirReader:20180208090335p:plain:w400
  4. 頂点が多すぎてどうしようもないので減らします
    • f:id:AirReader:20180208085347p:plain:w400
    • f:id:AirReader:20180208090346p:plain:w400
  5. 線をつなげたりメリハリをつけていきます。パスだと細かい調整が出来るので楽ですね
    • f:id:AirReader:20180208085247p:plain:w400
  6. 色をつけます
    • f:id:AirReader:20180208085752p:plain:w400
  7. 後光をさして完成です
    • f:id:AirReader:20180208085416p:plain:w400

その他

  • 実際にはCSSで後光を500秒に1回回転させています
  • 後光の作り方はググったらでてきましたので割愛