Navigation

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Users
    • Groups
    • Solved
    • Unsolved
    • Search
    1. Home
    2. Tags
    3. variable fonts
    Log in to post

    • paul

      SOLVED Variable Font Animation Jiggle
      Bugs • animation variable fonts • • paul  

      4
      0
      Votes
      4
      Posts
      59
      Views

      ryan

      Hi @gferreira, this workaround is really helpful in making variable font animations not so jittery (run into that a lot). However, when using BezierPath, one loses selecting fill within some words of the FormattedString. Is it possible not flatten it all to one color with BezierPath?
    • eduairet

      SOLVED Variable portrait
      Tutorials • variable fonts image • • eduairet  

      4
      0
      Votes
      4
      Posts
      254
      Views

      eduairet

      import string import random # path to the image path = u"https://yourimage.jpg" # get the size of the image print(imageSize("https://yourimage.jpg")) # w, h = imageSize(path) s = letter size w = 400 h = 400 s = 10 # Set the characters you need chars = 'HOLAhola' print (random.choice(chars)) # Get colors pix_cols = {} for x in range(0, w, s): for y in range(0, h, s): pix_cols[(x, y)] = imagePixelColor(path, (x, y)) # Variable font to use """ FontName wdth {'name': 'Width', 'minValue': 100.0, 'maxValue': 800.0, 'defaultValue': 100.0} wght {'name': 'Weight', 'minValue': 150.0, 'maxValue': 800.0, 'defaultValue': 150.0} slnt {'name': 'Slant', 'minValue': 0.0, 'maxValue': 14.0, 'defaultValue': 0.0} """ min_val_wdth = listFontVariations('FontName')['wdth']['minValue'] max_val_wdth = listFontVariations('FontName')['wdth']['maxValue'] min_val_wght = listFontVariations('FontName')['wght']['minValue'] max_val_wght = listFontVariations('FontName')['wght']['maxValue'] min_val_slnt = listFontVariations('FontName')['slnt']['minValue'] max_val_slnt = listFontVariations('FontName')['slnt']['maxValue'] def ranLetters(): # loop over the width of the image newPage(w, h) fill(1) rect(0, 0, w, h) for x in range(0, w, s): # loop of the height of the image for y in range(0, h, s): color = pix_cols[(x, y)] if color: txt = random.choice(chars) font("FontName") fontSize(s) fontVariations(wdth = randint(min_val_wdth, max_val_wdth), wght = randint(min_val_wght, max_val_wght)) r, g, b, a = color # set the color fill(r, g, b, a) # draw some text text(txt, (x, y), align='center') for i in range(5): ranLetters() saveImage("~/Desktop/name.gif", imageResolution=144)
    • erik

      SOLVED fontVariations in BezierPath or formattedString
      General Discussion • bezierpath variable fonts featurevariations formattedstring • • erik  

      2
      0
      Votes
      2
      Posts
      122
      Views

      gferreira

      hello @erik, yes, see this example. groeten!
    • michelangelo

      SOLVED Exporting a variable font from DrawBot
      Code snippets • variable fonts • • michelangelo  

      2
      0
      Votes
      2
      Posts
      432
      Views

      gferreira

      hello @michelangelo, to create a variable font you’ll need at least two compatible UFO masters and a .designspace file. see I Can Variable Font for instructions on generating variable fonts from UFOs using fontmake. you might also want to check pages tagged with interpolation and variable fonts in the RoboFont documentation. hope this helps… good luck!
    • geancarle

      SOLVED which fonts compatible with variations?
      General Discussion • variable fonts • • geancarle  

      3
      0
      Votes
      3
      Posts
      378
      Views

      gferreira

      hi. see also v-fonts.com
    • robstenson

      Animation pipeline, from DrawBot to AfterEffects
      Tutorials • animation variable fonts • • robstenson  

      2
      1
      Votes
      2
      Posts
      722
      Views

      frederik

      The tutorial is awesome! Really cool to see the usage of DrawBot from the perspective of an animator!
    • thom

      Variable CFF
      Feature Requests • variable fonts • • thom  

      4
      0
      Votes
      4
      Posts
      637
      Views

      frederik

      those have a different text setter, if it works in TextEdit it will work in drawBot. and eeeeeuh it does not work in InDesign yet...
    • jo

      listInstances(font)?
      Feature Requests • variable fonts • • jo  

      2
      0
      Votes
      2
      Posts
      585
      Views

      frederik

      oh that api is idd missing added a issue and further discussion should happen there https://github.com/typemytype/drawbot/issues/256 thanks!
    • jo

      More variable fonts nonsense
      Code snippets • animation variable fonts • • jo  

      9
      4
      Votes
      9
      Posts
      1673
      Views

      Christine

      Hoi I’m using OS 10.13.6, Drawbot says ModuleNotFoundError: No module named 'helper_functions' ––– ah, sorry, I just saw that there’s an extra file with the helper functions.
    • snaders

      SOLVED Add fontVariation to text drawn in bezierPath?
      General Discussion • bezierpath variable fonts • • snaders  

      6
      0
      Votes
      6
      Posts
      2002
      Views

      frederik

      super! really cool project!
    • Mattipa

      SOLVED Tutorial request: how to animate a variable font
      Tutorials • animation variable fonts • • Mattipa  

      28
      0
      Votes
      28
      Posts
      11657
      Views

      jo

      @hzinn not sure how best to improve this more frames and higher resolution might be a start and maybe adding a background.