Σχεδιασμός γραμματοσειράς από το μηδέν - και υποβολή της στο Google Fonts σε 24 ώρες

Κατασκευές μίας ημέρας

Είμαι οπαδός του Adam Savage's One Day Builds. Στην αρχή της ημέρας ξεκινά με μια στοίβα υλικών, και καταλήγει να κρατάει κάτι που κάποτε ήθελε (αυτό είναι το αγαπημένο μου).

Έχοντας λοιπόν υπόψη αυτό (και μια μέρα από τη δουλειά), έβαλα στον εαυτό μου μια πρόκληση…

Δημιουργήστε μια εντελώς νέα γραμματοσειρά, από το μηδέν και υποβάλετέ την στις Γραμματοσειρές Google σε λιγότερο από 24 ώρες.

Είχα ήδη γράψει μερικά γράμματα σε ένα παλιό σημειωματάριο. Ήθελα να δημιουργήσω ένα ψηλό, sans-serif, γραμματοσειρά οθόνης που θα μπορούσε να χρησιμοποιηθεί σε αφίσες ή έργα τέχνης μεγάλης κλίμακας. Στις πρώτες μέρες μου στο Men's Health, θα έπρεπε να χρησιμοποιήσω γραμματοσειρές όπως «Tungsten» ή «Heron», οι οποίες ήταν τρομερές για κομμάτια αντιγραφής σώματος, αλλά καταπληκτικά όταν χρησιμοποιούνται σε πρωτοσέλιδα ή για διαφημιστικό υλικό (που ήταν η κύρια δουλειά μου εκεί ). Αυτό ήταν το στυλ που ξεκίνησα να δημιουργώ.

1 μ.μ., Τετάρτη

Πήγα κατευθείαν στο Adobe Illustrator με τα στυλ δύο ή τριών γραμμάτων που σχεδίασα. Έστησα πέντε γραμμές πλέγματος στον πίνακα γραφικών μου, μία για τη γραμμή κατάβασης, τη γραμμή βάσης, το ύψος x, το ύψος του καπακιού και τη γραμμή ανόδου. Στη συνέχεια αποφάσισα ένα πλάτος για τα κεφαλαία γράμματα, και από εκεί, το πάχος του στελέχους (π.χ. το πλάτος του γράμματος Ι ).

Έκανα πολλή έρευνα σχετικά με τις αναλογίες και τις αναλογίες των γραμμάτων, και πραγματικά μέτρησα ορισμένες υπάρχουσες γραμματοσειρές, υπολογίζοντας πώς πρέπει να σχετίζονται με τα κεφαλαία γράμματα τα πεζά γράμματα. Από εδώ, έκανα κάποιους κανόνες:

  • X-ύψος = 2 × ύψος ανόδου / φθίνουσας.
  • Πλάτος μίσχου = πλάτος κεφαλαίου 1/4
  • Μικρό πλάτος = 3/4 πλάτος κεφαλαίων

Από εδώ δημιούργησα πρώτα τα γράμματα O και B. Αποφάσισα ότι τυχόν γράμματα που συνήθως είχαν καμπύλες, θα είχαν στρογγυλεμένη γωνία. Τα περισσότερα γράμματα θα είχαν ψηλό σχήμα, αλλά με γράμματα όπως O , B και D , οι άκρες με καμπύλες θα είχαν στρογγυλεμένες γωνίες.

Η εξωτερική γωνία θα είχε ακτίνα 12 mm και το εσωτερικό είχε 6 mm. Με αυτούς τους κανόνες που έχουν συμφωνηθεί, καθώς και ένα ύψος για τη ράβδο μου (απέναντι από το γράμμα H ) άρχισα να γράφω τα κεφαλαία μου γράμματα.

Η γραμματοσειρά μου ήταν πολύ απλή, αλλά με μια οριστική «άνθηση», αν θέλετε. Κάθε διάφραγμα, που είναι το άνοιγμα σε ένα γράμμα, όπως το κόψιμο στο γράμμα C , ή το τέλος κάθε τόξου, όπως το καμπύλο άκρο του γράμματος J , θα κοπεί υπό γωνία. Τα σκληρότερα γράμματα εδώ ήταν G και Κ .

Με την ολοκλήρωση του CAPS, προχώρησα στα πεζά γράμματα. Αυτό ήταν αναμφίβολα πιο δύσκολο, αλλά με τους κανόνες μου που συμφωνήθηκαν, ήταν απλώς μια περίπτωση ανατροπής τους. Χρησιμοποίησα πολύ περισσότερα από τα «ακμάζω» μου εδώ, ειδικά στο τέλος των ανερχόμενων και των καταβατών. Τα γράμματα f , g , a και e ήταν τα πιο δύσκολα, καθώς ήταν εντελώς νέα στυλ.

9μμ, Τετάρτη

Πήγα τώρα σε μερικούς από τους επιπλέον γλύφους, όπως το ερωτηματικό και το θαυμαστικό. Ο ρυθμός μου πήρε, και πριν από το κρεβάτι είχα καταφέρει να δουλέψω περίπου 35 από αυτούς.

Πέμπτη πρωί

Το πρωί, ολοκλήρωσα τους αριθμούς 0 έως 9 αρκετά γρήγορα και στη συνέχεια άρχισα να δημιουργώ πραγματικά το αρχείο γραμματοσειρών.

Αυτό ήταν εντελώς νέο έδαφος. Ο Ian Barnard , ένας καλλιτέχνης καλλιτέχνης στο twitter (με το επώνυμό μου), πρότεινε ένα πρόγραμμα που ονομάζεται Glyphs, το οποίο μπορείτε να κατεβάσετε για μια δωρεάν δοκιμή 30 ημερών.

Κατέβασα το Glyphs Mini και παρακολούθησα μερικά εκπαιδευτικά βίντεο και μετά συνειδητοποίησα ότι θα έκανα το αρχείο εικονογράφων εντελώς λάθος. Γι 'αυτό έπρεπε να επικολλήσω κάθε χαρακτήρα χειροκίνητα και να τον κλιμακώσω ώστε να ταιριάζει με τους οδηγούς στην εφαρμογή.

10πμ, Πέμπτη

Με τους χαρακτήρες μου στη θέση τους, πήγα να χωρίσω και να γράφω τα γράμματα. Αυτό το μέρος ήταν απίστευτα χρονοβόρο. Υπάρχει μια σειρά συντομεύσεων πληκτρολογίου σε αυτήν την εφαρμογή, τις οποίες πρέπει απολύτως να ελέγξετε πριν ξεκινήσετε. Και πριν ξεκινήσετε τη διαδικασία kerning, πρέπει να κάνετε το διάστημα των γραμμάτων σας όσο το δυνατόν πιο κοντά στον τρόπο που θέλετε να εμφανίζεται το αρχείο.

Προφανώς, κατά κανόνα, μετρήστε το πλάτος του μετρητή του γράμματος O (η τρύπα στη μέση) και διαιρέστε το με τρία. Αυτή είναι η απόσταση που πρέπει να ξεκινήσετε με την αριστερή και τη δεξιά πλευρά των γραμμάτων σας.

11πμ Πέμπτη

Με τη ρύθμιση της απόστασης (λογιστικά για ευρύτερα γράμματα όπως τα M και W ) άρχισα να κάνω. Αυτή ήταν μια μαζικά επίπονη διαδικασία. Επισκέφτηκα αυτόν τον ιστότοπο και επικολλήσαμε το κείμενό τους.

Χρησιμοποιώντας τις συντομεύσεις πληκτρολογίου (χρησιμοποιήστε αυτό το σεμινάριο) Πραγματοποίησα και έκανα προσαρμοσμένες ομάδες kerning για κάθε απόσταση που δεν μου φαινόταν σωστή. Οι προφανείς είναι μεταξύ V και A , αλλά υπάρχουν τόσα πολλά ζευγάρια γραμμάτων σε αυτό το παράδειγμα αντιγράφου που δεν θα μπορούσα να σκεφτώ.

Μόλις ολοκληρώθηκε, μετέτρεψα το κείμενο του πυρήνα σε όλα τα κεφαλαία και έκανα ξανά το όλο πράγμα, για να συνδυάσω τα κεφαλαία γράμματα.

12:59 μ.μ. Πέμπτη

Εξήγαγα τη γραμματοσειρά μου και τη μετέτρεψα σε αρχείο .ttf έτοιμο να υποβληθεί στο Google. Με λίγους γλύφους ακόμα να λείπουν (όπως αγκύλες και σύμβολα πνευματικών δικαιωμάτων), ήμουν σίγουρος ότι δεν θα γίνει αποδεκτό. Δεν είχα επίσης χρόνο να συμπεριλάβω το πλήθος των τόνων που απαιτούνται για πλήρη υποστήριξη γλώσσας.

Δεν είναι η μεγαλύτερη γραμματοσειρά, αλλά δεν ήταν κακό για την πρώτη μου κίνηση. Και λαμβάνοντας υπόψη ότι έπρεπε να μάθω πώς να χρησιμοποιώ το λογισμικό Glyphs από το μηδέν, και ολοκληρώθηκε σε μια μέρα, ήμουν πολύ περήφανος!

Το όνομα?

Odibee Sans

… Προφέρεται "oh-dee-bee". Το δικό μου «One Day Build» (ODB).

Μετάφραση

Υπέβαλα το Odibee Sans στην ομάδα των Γραμματοσειρών Google τον Μάιο του 2017 και ως τώρα η γραμματοσειρά βρίσκεται ακόμη στο στάδιο της προσθήκης τους. Η ομάδα πολύ σωστά πρότεινε να περάσω λίγο περισσότερο χρόνο στη γραμματοσειρά για να βελτιώσω το σχέδιο (παρόλο που παραδέχτηκαν ότι αυτό ήταν αντίθετο με το πνεύμα του έργου).

Έχοντας αυτό κατά νου, πέρασα μια επιπλέον μέρα στη γραμματοσειρά. Έχω προσθέσει έκτοτε όλους τους επιπλέον γλύφους (νομίζω) που απαιτούνται για εκτεταμένη υποστήριξη λατινικών. Έκανα επίσης μερικές σημαντικές αλλαγές σε περίπου 30 από τους γλύφους, συμπεριλαμβανομένων νέων στυλ για τα γράμματα (κεφαλαία) S, B, R και πεζά s, c, y, a, e, r, f, t, p, q και j, καθώς και μερικές τροποποιήσεις αριθμών.

Επιπλέον, υπάρχουν πλέον περισσότερα από 1500 ζεύγη kerning, τα οποία έχουν σημειώσει τεράστια βελτίωση στη γραμματοσειρά.

Και έφτιαξα έναν ιστότοπο! odibeesans.com

Ο ιστότοπος δημιουργήθηκε επίσης σε μια μέρα χρησιμοποιώντας το Adobe Muse. Περισσότερα για αυτό εδώ.

Ευχαριστώ για την ανάγνωση! Θα ήθελα πολύ να διαβάσω για τυχόν έργα που ίσως έχετε αντιμετωπίσει σε μια μέρα. Είναι μια αρκετά αποτελεσματική τεχνική, αν μπορείτε να αφιερώσετε χρόνο (ο Θεός να ευλογεί τον ελεύθερο τρόπο ζωής)!