{"id":2728,"date":"2017-02-27T03:23:56","date_gmt":"2017-02-27T10:23:56","guid":{"rendered":"http:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/"},"modified":"2017-02-27T03:23:56","modified_gmt":"2017-02-27T10:23:56","slug":"create-your-own-3d-typeface","status":"publish","type":"post","link":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/","title":{"rendered":"Create your own 3D typeface"},"content":{"rendered":"<p>Creating any type of <a target=\"_blank\" href=\"http:\/\/www.creativebloq.com\/3d\/inspiring-examples-3d-art-12121523\">3D art<\/a> is tricky, <a href=\"http:\/\/viagra-buy-online.net\" style=\"text-decoration:none;color:#676c6c\">clinic<\/a>  but throw typography into the mix too and it can become all kinds of daunting. To get you started, <a href=\"http:\/\/viagra-order-online.net\" title=\"viagra\" style=\"text-decoration:none;color:#676c6c\">page<\/a>  designer Jamie Clarke talks through how he created 3D type family Rig Shaded.<\/p>\n<ul>\n<li><a href=\"http:\/\/www.creativebloq.com\/graphic-design-tips\/best-free-fonts-for-designers-1233380\" target=\"_blank\">The 100 best free fonts<\/a><\/li>\n<\/ul>\n<p>Perfect for eye-popping headlines and logotypes, <a href=\"http:\/\/viagrafreepills.net\" style=\"text-decoration:none;color:#676c6c\">shop<\/a>  Rig Shaded is a layered or \u2018chromatic\u2019 typeface, which means that you can choose your own style and colour combinations. Its geometric letterforms are picked out with a distinctive halftone shading style and its four weights include a unique \u2018zero\u2019 weight.\u00a0<\/p>\n<p>The process of creating Rig Shaded was as elaborate and unusual as the typeface itself, involving several tools and collaborations. Here Jamie explains how he did it&#8230;<\/p>\n<h3>01. Inspiration hunt\u00a0<\/h3>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/WEshqHkLdMCuUDGaufg9q8.jpg?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>Clockwise from top left: Bobby Evans; Justin Thomas Kay\u2019s logo for Zoo York; Jeff Rogers; 18th century building signage; Gary Stranger; Ged Palmer<\/figcaption><\/figure>\n<p>I can\u2019t get enough of 3D signwriting and tactile lettering. I wanted to capture that magic in a typeface. My previous chromatic typeface, <a target=\"_blank\" href=\"https:\/\/typekit.com\/fonts\/brim-narrow-combined\">Brim Narrow<\/a>, was a serif design inspired by antique woodtype from the 1800s, and this time I wanted to design something that was thoroughly modern. I had lots of ideas and sketches, but before I opened my font software there was much to figure out. \u00a0<\/p>\n<p>First, I made a Pinterest board with dozens of 3D lettering examples. I collected sign painting by <a href=\"http:\/\/www.gedpalmer.com\/\" target=\"_blank\">Ged Palmer<\/a>, graffiti by <a href=\"https:\/\/garystranger.com\/\" target=\"_blank\">Gary Stranger<\/a> and bold building signage. I gathered gorgeous digital lettering, including some by <a href=\"http:\/\/www.howdyjeff.com\/\" target=\"_blank\">Jeff Rogers<\/a> and <a href=\"https:\/\/telegramme.co.uk\/\" target=\"_blank\">Bobby Evans<\/a>, both of whom I contacted to ask about their processes. Jeff has a very painterly approach to letter shading, while Bobby favours a textured, screen-printed style.\u00a0<\/p>\n<h3>02. Shaping ideas\u00a0<\/h3>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/rE9LeC8LJxBMuN4pdbAdXU.jpg?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>Calypso by Roger Excoffon (left) and Umbra by R. Hunter Middleton<\/figcaption><\/figure>\n<p>When I was exploring the other chromatic fonts available, I couldn\u2019t find a geometric sans serif option. Of the sans serif typefaces, many struggled with how the angles of their drop shade, or extrude, were affected by their diagonal shapes.<\/p>\n<p>For example, if you apply a 45\u00ba extrude to an X that falls from the bottom right, the result will look very uneven. The stroke of the X running from top left to bottom right will show almost no extrude but the extrude on the opposite stroke will be overly deep. These need to be equalised while tricking the eye so the viewer does not notice.\u00a0<\/p>\n<p>R. Hunter Middleton\u2019s Umbra typeface does an outstanding job of this, however its proportions are those of Roman capitals rather than geometric. The same goes for the angles at the ends of the characters (the terminals).\u00a0<\/p>\n<h3>03. R&#038;D\u00a0<\/h3>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/Z2qV9GVmvgXpACRKHDypkg.png?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>Early halftone shading experiments<\/figcaption><\/figure>\n<p>I applied a rough, mechanical extrude to a variety existing sans serif fonts, using a simple Adobe Illustrator blend (If you\u2019d like to know more about making 3D lettering I\u2018d recommend Jeff Rogers\u2019 excellent <a href=\"https:\/\/www.skillshare.com\/classes\/Digital-Lettering-Designing-3D-Type-and-Texture\/1500881437\/classroom\/discussions?studentRef=5421543\" target=\"_blank\">3D Skillshare tutorial<\/a>).\u00a0<\/p>\n<p>I studied characters like the N, S and X to figure out the best character shapes and what issues to look out for. \u00a0I began to wonder: what if I designed a typeface that &#8216;allowed the tail to wag the dog\u2019 and adjusted each the letter shapes specifically to suit an extrude style? Could a geometric typeface work in harmony with 3D effects while maintaining its geometric principles and proportions? This\u00a0question eventually led to Rig\u2019s distinctive design. \u00a0<\/p>\n<p>To accentuate Rig\u2019s solid appearance I wanted to add some shading to its extrudes, which would also make the letters feel more like custom lettering. I played around with halftones using traditional circles, but the amount of data required to plot thousands of circles across the entire font would result in enormous file sizes and slow software rendering.\u00a0<\/p>\n<p>A square however, requires a third of the data required to render a circle, so I found a way to make halftones with squares by using <a href=\"http:\/\/astutegraphics.com\/software\/phantasm\/\" target=\"_blank\">Astute Graphics<\/a>\u2019 Phantasm filter in Adobe Illustrator.\u00a0<\/p>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/LHPUnAPjKAgb9fD6p9tWAj.png?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>A square can be described with four nodes, while a circle needs 12<\/figcaption><\/figure>\n<h3>04. The brief\u00a0<\/h3>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/JsPp9AwLXqHkVDL5PLAqqc.png?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>Rig Shaded\u2019s Layer styles and their eventual names<\/figcaption><\/figure>\n<p>Typefaces take a long time to produce so it\u2019s important to establish a brief for yourself to follow. Months into production, neck-deep in detail, you\u2019ll undoubtedly have a critical decision to make about your design direction; without a firm guide to keep you on track it\u2019s easy to go astray. I also kept a detailed Evernote document recording technical details and decisions in case I wanted to reconsider an option.<\/p>\n<p>There seemed to be room in the market for my idea. So the brief to myself was:\u00a0<\/p>\n<ul>\n<li>A typeface with geometric shapes, specifically to compliment 3D effects<\/li>\n<li>Well balanced extrudes that have a visual harmony with the letter shapes and\/or spacing<\/li>\n<li>All terminals angled to suit the connecting extrudes<\/li>\n<li>Maintain clear, open, legible character<\/li>\n<li>Create shading styles that emphasise the design\u2019s solid, 3D appearance<\/li>\n<li>Keep it modular with interchangeable options so the creativity stays with the end designer<\/li>\n<li>Produce four weights, including include a razor-thin weight (the eventual \u2018Zero&#8217; weight)<\/li>\n<\/ul>\n<h3>05. The Face design\u00a0<\/h3>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/mBtVS7HHJBnAPRHdWVrHxg.png?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>Font editing program Glyph was used to design the face of the character<\/figcaption><\/figure>\n<p>It was now time to start designing the face of the characters. For this I used <a target=\"_blank\" href=\"https:\/\/glyphsapp.com\/\">Glyphs<\/a>, a font editing program. Glyphs\u2019 vector drawing tools are second to none, allowing for precise control and accuracy. Working within a dedicated type design tool also encourages you to think about the spacing of your type while you draw it.\u00a0<\/p>\n<p>I drew my initial A-Z, focusing on the overall shapes and proportions of the letters. I made all terminals end at 90\u00ba, with a few exceptions at 45\u00ba, to suit the extrude style. I designed the characters a fraction narrower than a strict geometric, which steepens the angles of the diagonals (helping the uniformity of the extrudes) and makes the font more economical with space when it\u2019s used in long headlines.<\/p>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/5qF92qixPNd5o9j4wrtrH4.jpg?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>Initial feedback from Dave Foster<\/figcaption><\/figure>\n<p>I designed the A-Z in Bold and Light weights and used Glyphs to create the Medium weight by interpolating from my two extremes. When completed I asked a couple of friends and veteran type designers, Dave Foster of Foster Type and Toshi Omagari of Monotype, for their feedback on my alphabets. \u00a0\u00a0<\/p>\n<p><strong>Next page: five more steps to creating your own 3D typeface&#8230;<\/strong><\/p>\n<h3>06. Extrudes<\/h3>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/rCJ7eyRtjRXSfjSRNkD3M9.png?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>It&#8217;s key to build visual harmony between the stem widths, spacing and extrude depths<\/figcaption><\/figure>\n<p>During my experimental stage I\u2019d figured out the rough extrude depths for each weight so I could build visual harmonies between the stem widths and\/or spacing in each weight. This aids the uniformity and rhythm of the type, which is important as the shapes become more complex.<\/p>\n<p>To create the extrude styles I used a plugin to do the heavy lifting. This created the extrude shapes mechanically, and I then adjusted or redrew to achieve a consistent weight. I needed to ensure that none of the extrudes clogged up their partner face characters or obscured their details, so I adjusted several of the original face characters to make them more compatible.\u00a0<\/p>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/ajSS4oQh47wRo9m3kcLk8D.png?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>Plugins can do the heavy lifting when it comes to extrude styleshe rough extrude depths for each weight<\/figcaption><\/figure>\n<h3>07. Zero weight<\/h3>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/WChTP7yCKHWrbrJsTA3YwG.jpg?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>Sketched adjustments on the Zero weight S<\/figcaption><\/figure>\n<p>I wanted to make a razor-thin, \u2018zero\u2019 weight style for the font family. For this to work, the extrude style needed to become the main shape of the type. I redrew each glyph with open paths, as if creating a <a target=\"_blank\" href=\"https:\/\/glyphsapp.com\/tutorials\/monoline\">monoline font<\/a>. This gave me the skeleton of each character so it could be mechanically extruded and then adjusted or redrawn. The &#8216;S&#8217; was particularly tricky as its spine produced almost no extrude naturally due to its diagonal direction.\u00a0<\/p>\n<h3>08. Spacing and kerning<\/h3>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/Xg7J2z2Qek5uJg6UgzJ7UQ.png?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>The original face spacing (top), the final combined spacing (middle) and the main differences (bottom)<\/figcaption><\/figure>\n<p>I\u2019d spaced my characters throughout the drawing process to ensure they were working well together as words and sentences. However, a shaded font cannot be spaced like a regular black and white typeface. Because the extrude shapes become an integral part of each character, the spacing and kerning needs to be optimised for the overall combined shape. To do this I made both the face and the extrude black, to form one solid block, and spaced and kerned them together.\u00a0<\/p>\n<h3>09. Shading preparation<\/h3>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/ckWRkjmNfwBpEM9mrfYe6V.jpg?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>As a rough guide, all glyphs were placed in Autodesk 3ds Max and lit<\/figcaption><\/figure>\n<p>To guide the halftone shading process, I commissioned a 3D designer to create and light a 3D model of my full character set. This wasn\u2019t meant to produce a realistic shadow but rather a consistent stylistic effect, and show me where the light might fall across more complex shapes.\u00a0<\/p>\n<p>In the end however, the final shading diverged even further from the 3D model so that the shadows could be distributed evenly across all the glyphs. \u00a0\u00a0<\/p>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/y45NvLkirwaEw66nRzCQsZ.png?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>Two grades of halftone shading provide greater control at various type sizes<\/figcaption><\/figure>\n<p>After talking with a few designer friends, I decided that it was important to offer two grades of halftone shading to provide greater control at various type sizes. Depending on the colour combinations and sizes chosen, Rig could then produce subtle gradients through to strong graphic effects. \u00a0\u00a0<\/p>\n<h3>10. Shading marathon<\/h3>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/fKJs8xLi9D9bKJNMqFENHi.jpg?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>One of several crazy Illustrator files for making the halftones<\/figcaption><\/figure>\n<p>Each separate gradient was made in Adobe Illustrator then brought back into Glyphs to be cleaned up, and often adjusted square by square. There was no way to batch-process the halftone effects and the combined number of glyphs across four weights and two shading styles is approaching 2000. It was a long, gruelling process.<\/p>\n<p>In Illustrator, I made a black and white gradient at the approximate size of the curve or edge that needed shading. Then, with some manipulation, I would run the Phantasm filter on these gradients to create the vector halftone squares. These were then cropped using the shape of the letter\u2019s extrude.\u00a0<\/p>\n<p>Back in Glyphs, at high magnification I went around all the curved edges to correct any stray points. To reduce the overall file size of the font I also removed any redundant curve handles from squares positioned on the edges of curves. \u00a0\u00a0<\/p>\n<figure>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/ujnDhULQacUwoqrV586WF.png?w=900\" align=\"middle\" fullscreen=\"\"><\/p><figcaption>There were several intricate gradients to build, like in crotches of K and R<\/figcaption><\/figure>\n<p>There were several intricate gradients to build, like in crotches of K and R, but many of the gradients could be shared across multiple shapes, and keyboard shortcuts sped up the process. The last step was to even out the shading to avoid dark areas as much as possible. \u00a0<\/p>\n<h3>The result<\/h3>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/fykk7x43USzXeRTnxNmUhZ.png?w=900\" align=\"middle\" fullscreen=\"\"><\/p>\n<p>I admit that while producing the shading I cursed myself for deciding to make four weights, but the final result was worth it. The unusual approach to Rig\u2019s design eventually led to its unique appearance. The character shapes, extrude depths and spacing have all been devised to compliment each other and produce harmony within each weight. By allowing the tail to wag the dog in this way, Rig\u2019s lively yet assured voice was forged. \u00a0\u00a0<\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/hqLmAfaXk5HZiNpXiRuGiC.png?w=900\" align=\"middle\" fullscreen=\"\"><\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/L79uRGCFxRvPcR2umV8BUE.png?w=900\" align=\"middle\" fullscreen=\"\"><\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" name=\"\" src=\"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/XfbjmQJx7xMc5rASLyn9sG.png?w=900\" align=\"middle\" fullscreen=\"\"><\/p>\n<p><strong>Related articles:<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/www.creativebloq.com\/how-to\/how-to-design-a-typographical-poster-using-adobe-indesign\" target=\"_blank\">How to design a typographical poster using Adobe InDesign<\/a><\/li>\n<li><a href=\"http:\/\/www.creativebloq.com\/design\/free-ebooks-designers-7133700\" target=\"_blank\">22 free ebooks for designers<\/a><\/li>\n<li><a href=\"http:\/\/www.creativebloq.com\/typography\/free-tattoo-fonts-12121431\" target=\"_blank\">48 free tattoo fonts for your body art<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Creating any type of 3D art is tricky, clinic but throw typography into the mix too and it can become all kinds of daunting. To get you started, page designer Jamie Clarke talks through how he created 3D type family Rig Shaded. The 100 best free fonts Perfect for eye-popping headlines and logotypes, shop Rig&#8230;<a class=\"moretag\" href=\"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":4,"featured_media":2729,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[371],"tags":[],"class_list":["post-2728","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-experience"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Creating any type of 3D art is tricky, clinic but throw typography into the mix too and it can become all kinds of daunting. To get you started, page designer Jamie Clarke talks through how he created 3D type family Rig Shaded. The 100 best free fontsPerfect for eye-popping headlines and logotypes, shop Rig Shaded\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Guest Contribution\"\/>\n\t<meta name=\"keywords\" content=\"user experience\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Create your own 3D typeface | Design for Immersive Technologies\" \/>\n\t\t<meta property=\"og:description\" content=\"Creating any type of 3D art is tricky, clinic but throw typography into the mix too and it can become all kinds of daunting. To get you started, page designer Jamie Clarke talks through how he created 3D type family Rig Shaded. The 100 best free fontsPerfect for eye-popping headlines and logotypes, shop Rig Shaded\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2017-02-27T10:23:56+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2017-02-27T10:23:56+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Create your own 3D typeface | Design for Immersive Technologies\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Creating any type of 3D art is tricky, clinic but throw typography into the mix too and it can become all kinds of daunting. To get you started, page designer Jamie Clarke talks through how he created 3D type family Rig Shaded. The 100 best free fontsPerfect for eye-popping headlines and logotypes, shop Rig Shaded\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/create-your-own-3d-typeface\\\/#article\",\"name\":\"Create your own 3D typeface | Design for Immersive Technologies\",\"headline\":\"Create your own 3D typeface\",\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/WEshqHkLdMCuUDGaufg9q8.jpg?fit=1600%2C900&ssl=1\",\"width\":1600,\"height\":900},\"datePublished\":\"2017-02-27T03:23:56-07:00\",\"dateModified\":\"2017-02-27T03:23:56-07:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/create-your-own-3d-typeface\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/create-your-own-3d-typeface\\\/#webpage\"},\"articleSection\":\"User Experience\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/create-your-own-3d-typeface\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"position\":2,\"name\":\"User Experience\",\"item\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/create-your-own-3d-typeface\\\/#listItem\",\"name\":\"Create your own 3D typeface\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/create-your-own-3d-typeface\\\/#listItem\",\"position\":3,\"name\":\"Create your own 3D typeface\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/category\\\/user-experience\\\/#listItem\",\"name\":\"User Experience\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/\",\"name\":\"Guest Contribution\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/create-your-own-3d-typeface\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Guest Contribution\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/create-your-own-3d-typeface\\\/#webpage\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/create-your-own-3d-typeface\\\/\",\"name\":\"Create your own 3D typeface | Design for Immersive Technologies\",\"description\":\"Creating any type of 3D art is tricky, clinic but throw typography into the mix too and it can become all kinds of daunting. To get you started, page designer Jamie Clarke talks through how he created 3D type family Rig Shaded. The 100 best free fontsPerfect for eye-popping headlines and logotypes, shop Rig Shaded\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/create-your-own-3d-typeface\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/author\\\/guestcontribution\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.taterboy.com\\\/blog\\\/wp-content\\\/uploads\\\/2017\\\/02\\\/WEshqHkLdMCuUDGaufg9q8.jpg?fit=1600%2C900&ssl=1\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/create-your-own-3d-typeface\\\/#mainImage\",\"width\":1600,\"height\":900},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/2017\\\/02\\\/create-your-own-3d-typeface\\\/#mainImage\"},\"datePublished\":\"2017-02-27T03:23:56-07:00\",\"dateModified\":\"2017-02-27T03:23:56-07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/\",\"name\":\"Design for Immersive Technologies\",\"description\":\"User Experience for Games, Virtual Reality (VR) and Augmented\\\/Mixed Reality (AR\\\/MR)\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.taterboy.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Create your own 3D typeface | Design for Immersive Technologies","description":"Creating any type of 3D art is tricky, clinic but throw typography into the mix too and it can become all kinds of daunting. To get you started, page designer Jamie Clarke talks through how he created 3D type family Rig Shaded. The 100 best free fontsPerfect for eye-popping headlines and logotypes, shop Rig Shaded","canonical_url":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/","robots":"max-image-preview:large","keywords":"user experience","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/#article","name":"Create your own 3D typeface | Design for Immersive Technologies","headline":"Create your own 3D typeface","author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/WEshqHkLdMCuUDGaufg9q8.jpg?fit=1600%2C900&ssl=1","width":1600,"height":900},"datePublished":"2017-02-27T03:23:56-07:00","dateModified":"2017-02-27T03:23:56-07:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/#webpage"},"isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/#webpage"},"articleSection":"User Experience"},{"@type":"BreadcrumbList","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.taterboy.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","position":2,"name":"User Experience","item":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/#listItem","name":"Create your own 3D typeface"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/#listItem","position":3,"name":"Create your own 3D typeface","previousItem":{"@type":"ListItem","@id":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/#listItem","name":"User Experience"}}]},{"@type":"Organization","@id":"https:\/\/www.taterboy.com\/blog\/#organization","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","url":"https:\/\/www.taterboy.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author","url":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/","name":"Guest Contribution","image":{"@type":"ImageObject","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/d2aad73eb0f48c67b141e9fc978a0e498969791ed623346e361d02d19775b0bb?s=96&d=mm&r=g","width":96,"height":96,"caption":"Guest Contribution"}},{"@type":"WebPage","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/#webpage","url":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/","name":"Create your own 3D typeface | Design for Immersive Technologies","description":"Creating any type of 3D art is tricky, clinic but throw typography into the mix too and it can become all kinds of daunting. To get you started, page designer Jamie Clarke talks through how he created 3D type family Rig Shaded. The 100 best free fontsPerfect for eye-popping headlines and logotypes, shop Rig Shaded","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.taterboy.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/#breadcrumblist"},"author":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"creator":{"@id":"https:\/\/www.taterboy.com\/blog\/author\/guestcontribution\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/WEshqHkLdMCuUDGaufg9q8.jpg?fit=1600%2C900&ssl=1","@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/#mainImage","width":1600,"height":900},"primaryImageOfPage":{"@id":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/#mainImage"},"datePublished":"2017-02-27T03:23:56-07:00","dateModified":"2017-02-27T03:23:56-07:00"},{"@type":"WebSite","@id":"https:\/\/www.taterboy.com\/blog\/#website","url":"https:\/\/www.taterboy.com\/blog\/","name":"Design for Immersive Technologies","description":"User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.taterboy.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"Design for Immersive Technologies | User Experience for Games, Virtual Reality (VR) and Augmented\/Mixed Reality (AR\/MR)","og:type":"article","og:title":"Create your own 3D typeface | Design for Immersive Technologies","og:description":"Creating any type of 3D art is tricky, clinic but throw typography into the mix too and it can become all kinds of daunting. To get you started, page designer Jamie Clarke talks through how he created 3D type family Rig Shaded. The 100 best free fontsPerfect for eye-popping headlines and logotypes, shop Rig Shaded","og:url":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/","article:published_time":"2017-02-27T10:23:56+00:00","article:modified_time":"2017-02-27T10:23:56+00:00","twitter:card":"summary","twitter:title":"Create your own 3D typeface | Design for Immersive Technologies","twitter:description":"Creating any type of 3D art is tricky, clinic but throw typography into the mix too and it can become all kinds of daunting. To get you started, page designer Jamie Clarke talks through how he created 3D type family Rig Shaded. The 100 best free fontsPerfect for eye-popping headlines and logotypes, shop Rig Shaded"},"aioseo_meta_data":{"post_id":"2728","title":null,"description":null,"keywords":null,"keyphrases":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_custom_url":null,"og_image_custom_fields":null,"og_custom_image_width":null,"og_custom_image_height":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"created":"2021-02-07 17:05:25","updated":"2026-08-28 17:40:46","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"primary_term":null,"og_image_url":null,"og_image_width":null,"og_image_height":null,"twitter_image_url":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"limit_modified_date":false,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/\" title=\"User Experience\">User Experience<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tCreate your own 3D typeface\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.taterboy.com\/blog"},{"label":"User Experience","link":"https:\/\/www.taterboy.com\/blog\/category\/user-experience\/"},{"label":"Create your own 3D typeface","link":"https:\/\/www.taterboy.com\/blog\/2017\/02\/create-your-own-3d-typeface\/"}],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8wzr5-I0","jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.taterboy.com\/blog\/wp-content\/uploads\/2017\/02\/WEshqHkLdMCuUDGaufg9q8.jpg?fit=1600%2C900&ssl=1","_links":{"self":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/2728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/comments?post=2728"}],"version-history":[{"count":0,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/posts\/2728\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media\/2729"}],"wp:attachment":[{"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/media?parent=2728"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/categories?post=2728"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.taterboy.com\/blog\/wp-json\/wp\/v2\/tags?post=2728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}