Discussion
Loading...

Post

Log in
  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
Timothée Goguely
Timothée Goguely
@timotheegoguely@mastodon.design  ·  activity timestamp 2 weeks ago

The more you understand SVG, the less software you need to create it.

I just produced some logo deliverables by coding them directly by hand, and the result is so much better and cleaner than all my previous attempts in Inkscape (a disaster) or Penpot (much better but still not good enough).

To export them as PNGs, I simply display them on a web page and use the browser's screenshot function. It works really well and is incredibly satisfying.

#SVG #Inkscape #Penpot

  • Copy link
  • Flag this post
  • Block
Emmanuel 🌱
Emmanuel 🌱
@emmanuelc@mamot.fr replied  ·  activity timestamp 2 weeks ago

@timotheegoguely Ne me dis pas que tu gères les courbes de Bézier via le code quand même !?
Pour des formes primaires (cercle, carré, triangle) je peux comprendre qu'on puisse les faire dans le code, mais pour les tracés libre ?

  • Copy link
  • Flag this comment
  • Block
Timothée Goguely
Timothée Goguely
@timotheegoguely@mastodon.design replied  ·  activity timestamp 2 weeks ago

@emmanuelc Ça m'est déjà arrivé pour du design d'icône (celle du bouton shuffle sur l’inspirotheque.limitesnumeriques.fr/inspirotheque par exemple), mais sinon, effectivement ça se limite à des <rect> <circle> <ellipse> <line> <polygon> <polyline> <marker> <image> <g> <text> et <animate>. Mais on peut faire beaucoup de choses avec ça déjà :)

J'en profite pour recommander les articles de Josh W. Comeau à ce sujet, qui sont hyper bien écrits et super didactiques : https://www.joshwcomeau.com/svg/

#SVG

  • Copy link
  • Flag this comment
  • Block

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.1-beta.35 no JS en
Automatic federation enabled
Log in
  • Explore
  • About
  • Members
  • Code of Conduct