{"id":3923,"date":"2023-11-10T21:14:26","date_gmt":"2023-11-10T21:14:26","guid":{"rendered":"https:\/\/williamcromar.com\/newmediawiki\/?p=3923"},"modified":"2024-01-10T11:00:00","modified_gmt":"2024-01-10T11:00:00","slug":"abcnimation","status":"publish","type":"post","link":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/","title":{"rendered":"ABCnimation"},"content":{"rendered":"\n<div class=\"wp-block-columns has-white-background-color has-background is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\"><\/div>\n\n\n\n<div class=\"wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:75%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image is-style-rounded\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/williamcromar.com\/newmediawiki\/nmw\/4d-media\/\"><img loading=\"lazy\" decoding=\"async\" width=\"420\" height=\"420\" data-attachment-id=\"17\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/nmw\/manraytrans\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/manraytrans.gif\" data-orig-size=\"420,420\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"manraytrans\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/manraytrans.gif\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/manraytrans.gif\" alt=\"\" class=\"wp-image-17\" style=\"aspect-ratio:1;object-fit:cover;width:120px;height:undefinedpx\"\/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center has-small-font-size\"><strong><a href=\"https:\/\/williamcromar.com\/newmediawiki\/nmw\/4d-media\/\">4D media<\/a><\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image is-style-rounded\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/williamcromar.com\/newmediawiki\/a2z\/\"><img loading=\"lazy\" decoding=\"async\" width=\"371\" height=\"371\" data-attachment-id=\"150\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/cody_am_alpha\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/cody_am_alpha.png\" data-orig-size=\"371,371\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"cody_am_alpha\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/cody_am_alpha.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/cody_am_alpha.png\" alt=\"\" class=\"wp-image-150\" style=\"aspect-ratio:1;object-fit:cover;width:120px;height:undefinedpx\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/cody_am_alpha.png 371w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/cody_am_alpha-300x300.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/cody_am_alpha-150x150.png 150w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/cody_am_alpha-100x100.png 100w\" sizes=\"auto, (max-width: 371px) 100vw, 371px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center has-small-font-size\"><strong><a href=\"https:\/\/williamcromar.com\/newmediawiki\/a2z\/\">2 | a2z<\/a><\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column has-white-background-color has-background is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><div class=\"wp-block-image is-style-rounded\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"823\" height=\"823\" data-attachment-id=\"3812\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/a2z\/alphablog\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog.jpg\" data-orig-size=\"823,823\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"alphablog\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog.jpg\" alt=\"\" class=\"wp-image-3812\" style=\"aspect-ratio:1;object-fit:cover;width:120px;height:undefinedpx\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog.jpg 823w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog-300x300.jpg 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog-150x150.jpg 150w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog-768x768.jpg 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog-100x100.jpg 100w\" sizes=\"auto, (max-width: 823px) 100vw, 823px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center has-small-font-size\"><strong>ABCnimation<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\"><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title\" style=\"cursor:inherit\">Contents<\/div>\n<label for=\"ez-toc-cssicon-toggle-item-69f10b2e2a9f4\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"ez-toc-cssicon\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69f10b2e2a9f4\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Animate_the_alphabet\" >Animate the alphabet<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Concept\" >Concept<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Creating_a_font\" >Creating a font<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Creating_letterforms_through_photography\" >Creating letterforms through photography<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Creating_letterforms_through_drawing\" >Creating letterforms through drawing<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Start_with_a_sketch\" >Start with a sketch<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Static_and_animated\" >Static and animated<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Regarding_appropriation\" >Regarding appropriation<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Iteration\" >Iteration<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#First_draft%E2%80%A6\" >First draft&#8230;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#%E2%80%A6_And_beyond%E2%80%A6\" >&#8230; And beyond&#8230;<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#%E2%80%A6Towards_a_final_draft\" >&#8230;Towards a final draft<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Synthesis\" >Synthesis<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Individual_letterforms\" >Individual letterforms<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Alphabet_as_a_whole\" >Alphabet as a whole<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Name_or_headline\" >Name or headline<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Animation\" >Animation<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Publishing\" >Publishing<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Find_a_host\" >Find a host<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#Distribute_your_work\" >Distribute your work<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"823\" height=\"823\" data-attachment-id=\"3812\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/a2z\/alphablog\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog.jpg\" data-orig-size=\"823,823\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"alphablog\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog.jpg\" alt=\"\" class=\"wp-image-3812\" style=\"width:416px;height:auto\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog.jpg 823w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog-300x300.jpg 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog-150x150.jpg 150w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog-768x768.jpg 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/alphablog-100x100.jpg 100w\" sizes=\"auto, (max-width: 823px) 100vw, 823px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><em><strong>Sterno alphabet<\/strong>, from a studio by the author<\/em><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Animate_the_alphabet\"><\/span>Animate the alphabet<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Synthesize your knowledge of e-typography, web file options, sophisticated web graphics, and animation in a project that reinvents the alphabet as a new image.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Concept\"><\/span>Concept<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>What kind of alphabet do you want to design? Do you want to try a hand at real typography and generate a vectorized font design that can be hosted at a font distribution site? Or are you interested in a theme that could be expressed through drawing? Perhaps a thematic approach might be best approached as photography?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_a_font\"><\/span>Creating a font<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Creating a professional quality font for distribution requires a bit more research and acquisition of a font design tool:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Read <strong><a href=\"https:\/\/ilovetypography.com\/2007\/10\/22\/so-you-want-to-create-a-font-part-1\/\" target=\"_blank\" rel=\"noreferrer noopener\">Part 1<\/a><\/strong> and <strong><a href=\"https:\/\/ilovetypography.com\/2007\/10\/29\/so-you-want-to-create-a-font-part-2\/\" target=\"_blank\" rel=\"noreferrer noopener\">Part 2<\/a><\/strong> of <strong>So you want to create a font<\/strong> by Alec Julien at <strong>I Love Typography<\/strong>.<\/li>\n\n\n\n<li>Download and install the open-source <strong><a href=\"https:\/\/fontforge.org\/en-US\/\" target=\"_blank\" rel=\"noreferrer noopener\">FontForge<\/a><\/strong> software.<\/li>\n\n\n\n<li>Read the <strong><a href=\"http:\/\/designwithfontforge.com\/en-US\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">FontForge introduction<\/a><\/strong> before developing your own font.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>While this option requires more technical know-how, it has many advantages. The chief advantage is getting to distribute your font through a site like <strong><a href=\"https:\/\/www.dafont.com\/\">DaFont<\/a><\/strong>, <strong><a href=\"https:\/\/www.fontsquirrel.com\/\">Font Squirrel<\/a><\/strong>, and similar distribution sites. A font designer often offers their font under a Creative Commons license that permits free use for non-commercial purposes, and a fee for licensing for commercial use. <\/p>\n\n\n\n<p>Research licensing, EULA, and pricing schemes by visiting a few fonts at distribution sites and see what the market is doing. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"350\" data-attachment-id=\"4405\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/serifsandsherifs1\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/serifsandsherifs1.gif\" data-orig-size=\"500,350\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"serifsandsherifs1\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/serifsandsherifs1.gif\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/serifsandsherifs1.gif\" alt=\"\" class=\"wp-image-4405\"\/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_letterforms_through_photography\"><\/span>Creating letterforms through photography<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you choose a photographic solution for a live shoot, use\u00a0a good-quality camera. Pay attention to details! Lighting, composition, contrast, context, and consistent image formatting are critical. Find your raw material in the environment around you, or create a carefully controlled studio contrivance. <\/p>\n\n\n\n<p>Another approach involves appropriation of existing photographic imagery. You may find raw material on the web or scan photographic material to digitize.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Regardless of your approach to photography, you&#8217;ll recall that in the inspirational samples seen in&nbsp;<strong><a href=\"https:\/\/williamcromar.com\/newmediawiki\/alphabravo\/\">Alpha Bravo<\/a><\/strong>, successful ones have a strong conceptual framework. Other technical considerations:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Be mindful of image resolution. Your images should work at all scales and in all contexts, print and web. Assume the largest letter size for print \u2014 for example, 10 inches square \u2014 and multiply that by 300 to arrive at a target pixel dimension of 3000 pixels high and wide.<\/li>\n\n\n\n<li>Create a consistent format (we recommend a 1:1 ratio, but a portrait 2:3, 3:5, 5:8, or similar ratio based on Fibonacci sequencing will work as well).<\/li>\n\n\n\n<li>Consider the figure-ground relationship between the letterform and the edge of the format. Avoid letterform tangency (touching the edge), but also avoid a massive margin.  <\/li>\n\n\n\n<li>Should there be background imagery for the letterform, or should the background be transparent?<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"878\" height=\"1024\" data-attachment-id=\"4409\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/cragin2\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/cragin2.jpg\" data-orig-size=\"1800,2100\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"cragin2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/cragin2-878x1024.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/cragin2-878x1024.jpg\" alt=\"\" class=\"wp-image-4409\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/cragin2-878x1024.jpg 878w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/cragin2-257x300.jpg 257w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/cragin2-768x896.jpg 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/cragin2-1317x1536.jpg 1317w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/cragin2.jpg 1800w\" sizes=\"auto, (max-width: 878px) 100vw, 878px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\"><em><strong>Hubble alphabet<\/strong>, from a studio by the author<\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Creating_letterforms_through_drawing\"><\/span>Creating letterforms through drawing<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Drawing an alphabet can take on many forms. In a digital drawing, you can create a vector, raster, or a combination of techniques. Using tactile media, a drawn or painted alphabet can be scanned to digitize.<\/p>\n\n\n\n<p>Technical considerations will be similar to a photographic solution, although with a vector drawing solution comes the advantage of infinite scalability. If drawing from scratch, you need a way to create 26 discrete drawings of letterforms \u2014 layers come in mighty handy!<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"895\" data-attachment-id=\"4413\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/p5rgeup\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/P5rGEUP.jpeg\" data-orig-size=\"1800,1573\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"P5rGEUP\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/P5rGEUP-1024x895.jpeg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/P5rGEUP-1024x895.jpeg\" alt=\"critter alphabet\" class=\"wp-image-4413\" style=\"aspect-ratio:1;width:416px;height:auto\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/P5rGEUP-1024x895.jpeg 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/P5rGEUP-300x262.jpeg 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/P5rGEUP-768x671.jpeg 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/P5rGEUP-1536x1342.jpeg 1536w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/P5rGEUP.jpeg 1800w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\"><em><strong>Critter alphabet<\/strong>, from a studio by the author<\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Start_with_a_sketch\"><\/span>Start with a sketch<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>We usually establish the conceptual framework for any project through an initial sketch. In our studios, we define a sketch very loosely. Various media expressions are valid in a preliminary draft, including but not limited to:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A drawing on paper<\/li>\n\n\n\n<li>An inspiration board on a digital whiteboard like a Google <a href=\"https:\/\/jamboard.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Jamboard<\/a>.<\/li>\n\n\n\n<li>A vector or raster sketch in desktop software or a tablet app.<\/li>\n\n\n\n<li>Initial photographs<\/li>\n<\/ul>\n\n\n\n<p>Find a &#8220;sketch&#8221; style that best represents your media expression, and develop at least 3 unique concepts to take to the next step.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Static_and_animated\"><\/span>Static and animated<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Your alphabet will be presented as a static graphic AND as an animation. Knowing this will affect your approach. Keyword a browser search for <strong>alphabet<\/strong>, select <strong>GIF<\/strong> under <strong>Tools &gt; Type<\/strong> in the Google advanced search tools, and you&#8217;ll see plenty of inspiration to create an animated alphabet from your alphabet imagery! Add these sources of inspiration to your sketching or inspiration board creation.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"439\" data-attachment-id=\"4421\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/8e83ea56032199-5b13b04def8cd\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/8e83ea56032199.5b13b04def8cd.png\" data-orig-size=\"1400,600\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"8e83ea56032199.5b13b04def8cd\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/8e83ea56032199.5b13b04def8cd-1024x439.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/8e83ea56032199.5b13b04def8cd-1024x439.png\" alt=\"\" class=\"wp-image-4421\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/8e83ea56032199.5b13b04def8cd-1024x439.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/8e83ea56032199.5b13b04def8cd-300x129.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/8e83ea56032199.5b13b04def8cd-768x329.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/8e83ea56032199.5b13b04def8cd.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1400\" height=\"400\" data-attachment-id=\"4422\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/beselective\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/beselective.gif\" data-orig-size=\"1400,400\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"beselective\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/beselective-1024x293.gif\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/beselective.gif\" alt=\"\" class=\"wp-image-4422\"\/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\"><em>A static and animated use of the typeface <strong>Randomize<\/strong> by Ion Lucin, with many more examples found at <strong><a href=\"https:\/\/www.behance.net\/gallery\/56032199\/Randomize-Animated-Typeface\" target=\"_blank\" rel=\"noreferrer noopener\">Behance<\/a><\/strong><\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Regarding_appropriation\"><\/span>Regarding appropriation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you use appropriated content, remember your obligation toward the source: your work should be <a href=\"https:\/\/www.jdsupra.com\/legalnews\/your-derivative-artwork-may-be-17743\/\" target=\"_blank\" rel=\"noreferrer noopener\">transformative<\/a>. You should be careful to respect copyright, the limits and permissions of Fair Use, and proper citation.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>How does one visualize the role of generative AI in a project like this? After all, it&#8217;s quite easy to head to a site like <a href=\"https:\/\/firefly.adobe.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Firefly<\/a>, which can apply a texture to text with a simple prompt.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"252\" data-attachment-id=\"4418\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/firefly-abcdefg-brown-hair-76240\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Firefly-ABCDEFG-brown-hair-76240.png\" data-orig-size=\"4161,1024\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"Firefly-ABCDEFG-brown-hair-76240\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Firefly-ABCDEFG-brown-hair-76240-1024x252.png\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Firefly-ABCDEFG-brown-hair-76240-1024x252.png\" alt=\"\" class=\"wp-image-4418\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Firefly-ABCDEFG-brown-hair-76240-1024x252.png 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Firefly-ABCDEFG-brown-hair-76240-300x74.png 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Firefly-ABCDEFG-brown-hair-76240-768x189.png 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Firefly-ABCDEFG-brown-hair-76240-1536x378.png 1536w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Firefly-ABCDEFG-brown-hair-76240-2048x504.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\"><em>A generative AI alphabet was created with the prompt &#8220;brown hair&#8221;<\/em><\/p>\n<\/div>\n<\/div>\n\n\n\n<p>Well, it can be considered a kind of appropriation \u2014 except that it&#8217;s generally impossible to account for sources that machine learning has provided for the AI to do its job. So the rule of thumb here is that you can use genAI as a brainstorming tool (citing the tool, of course!). But for you to be the artist, you need to be the one making choices and knowing sources. The final work has to be authored by you. When looking at the sample alphabet illustrated here ask yourself: does it <a href=\"https:\/\/en.wiktionary.org\/wiki\/smell_test\" target=\"_blank\" rel=\"noreferrer noopener\">pass the smell test<\/a>, or does it feel more likely than not to be a genAI product?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Iteration\"><\/span>Iteration<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>One way to avoid your work being misidentified as AI is to demonstrate your process and cite any sources for research or derivative material.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"First_draft%E2%80%A6\"><\/span>First draft&#8230;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>When designing your alphabet, you&#8217;ll start with a first draft of the project. From your sketches, consider the relative strengths and weaknesses inherent in the concepts you are testing. Choose one that seems promising, or combine elements from different sketches. The first draft should represent a strong commitment to one concept.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E2%80%A6_And_beyond%E2%80%A6\"><\/span>&#8230; And beyond&#8230;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The first draft might be created in the actual software you intend to use, but by the second draft, you should be deep in the tool you intend to generate the final work. Among other things, you may find that the idea requires further research into specific software techniques, like creating a pattern brush in Illustrator or working with Photoshop masking techniques. The number of drafts required by a project may vary greatly depending on its nature.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%E2%80%A6Towards_a_final_draft\"><\/span>&#8230;Towards a final draft<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>As you approach a final draft, keep the following technical criteria in mind for the creation of presentation-ready or fabrication-ready files:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Save the edit files in native format (for Photoshop-based projects, as TIFF or PNG; for Illustrator, as AI, SVG, or PDF). <\/li>\n\n\n\n<li>Export the files to an appropriate presentation or fabrication file (JPG, PNG, GIF, SVG, or possibly multiple versions in multiple file types). You&#8217;ll want to present the still images in three ways.<\/li>\n\n\n\n<li>Assume that vector-based work is scalable for various output options, but be aware that elements like stroke width may ultimately render out to a raster environment in which the scale of the pixel may not create the desired outcome.<\/li>\n\n\n\n<li>Assume the largest imaginable print size for raster output. If your letter is 3000 pixels tall, the largest it can ever print will be 10 inches.<\/li>\n\n\n\n<li>Your alphabet will be presented in 4 different ways:\n<ul class=\"wp-block-list\">\n<li>As a set of individual letterforms, scaled for print and web-ready graphics.<\/li>\n\n\n\n<li>As a group in a printed poster or other tactile fabrication purposes such as vinyl cutting or embroidery.<\/li>\n\n\n\n<li>As a means to present your full name, like a sign or a headline, as a web-ready graphic, and\/or for tactile fabrication purposes.<\/li>\n\n\n\n<li>As an animated alphabet in GIF, PNG, WEBP, and\/or AVIF format.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Synthesis\"><\/span>Synthesis<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>After developing a final draft in your edit files, it&#8217;s time to format for presentation \u2014 and possible fabrication. The four ways to present your alphabet are expanded upon below.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Individual_letterforms\"><\/span>Individual letterforms<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Present your letterforms as appropriate for your media type:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If yours is a font design, it should be formatted to work as a TrueType (.ttf) or OpenType (.otf) file which is publishable as a downloadable font. From this, you can install the font on a computer to create output of individual letterforms in Illustrator or Photoshop.<\/li>\n\n\n\n<li>If yours is a vector build, pay attention to extremes, both large and small, to determine how details will scale.<\/li>\n\n\n\n<li>If yours is a raster build, be aware of pixel dimensions for the largest case and work to those pixel dimensions.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Alphabet_as_a_whole\"><\/span>Alphabet as a whole<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The alphabet as a whole should be presented in a tactile output. The most common of these is a printed  poster, but there are other options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For a poster-size composition of all letterforms, choose 18&#215;24 at 300 ppi, or some other standard poster format in the 300-500 square inch range. This should be a print-ready file with crop marks, bleeds, or borders as appropriate, in native and viewable (specifically PDF) file types.<\/li>\n\n\n\n<li>You should also create a lower resolution 72 ppi file for display on the web.<\/li>\n\n\n\n<li>For vinyl transfer graphics, the file must be in vector format and high contrast (black and white). Raster files can be traced in a vector program. Provide an SVG and PDF version for a fabrication-ready file. You can produce vinyl transfers at our maker space if you are taking a course at our campus.<\/li>\n\n\n\n<li>For CNC embroidery, the file must be in vector format with clear color separations articulated. Raster files can be posterized and traced in a vector program. You can produce embroidery at our maker space if you are taking a course at our campus.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Name_or_headline\"><\/span>Name or headline<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"118\" data-attachment-id=\"4431\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/shaun\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/shaun.jpg\" data-orig-size=\"640,118\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"shaun\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/shaun.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/shaun.jpg\" alt=\"\" class=\"wp-image-4431\" style=\"width:900px\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/shaun.jpg 640w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/shaun-300x55.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\"><em><strong>Snow Alphabet<\/strong>, from a studio by the author<\/em><\/p>\n\n\n\n<p>Spell out a full name or headline phrase between 10-ish and 20-ish letters long using your alphabet. The most common use for this is a web-ready graphic, but there are other options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For a web-ready banner, create a 72 ppi JPG, PNG, GIF, WEBP, or AVIF as appropriate. Size should reflect responsive design, aiming for a maximum width of a full-screen browser window on a retina monitor (no more than 2880 pixels wide). You should also include downsampled versions at 50% and 25% of the maximum size.<\/li>\n\n\n\n<li>Alternatively, if your work is pure vector, you can create one SVG at any size, since vectors are scalable.<\/li>\n\n\n\n<li>You may also produce this group as a vinyl transfer or an embroidery as described above.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"870\" data-attachment-id=\"4450\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/thumbnail-1botl64-copy\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Thumbnail-1botl64-copy.jpg\" data-orig-size=\"2000,1700\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;1&quot;}\" data-image-title=\"Thumbnail-1botl64-copy\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Thumbnail-1botl64-copy-1024x870.jpg\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Thumbnail-1botl64-copy-1024x870.jpg\" alt=\"\" class=\"wp-image-4450\" srcset=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Thumbnail-1botl64-copy-1024x870.jpg 1024w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Thumbnail-1botl64-copy-300x255.jpg 300w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Thumbnail-1botl64-copy-768x653.jpg 768w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Thumbnail-1botl64-copy-1536x1306.jpg 1536w, https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/Thumbnail-1botl64-copy.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"has-text-align-center\"><em><strong>Glove alphabet<\/strong>, from a studio by the author<\/em><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Animation\"><\/span>Animation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>A simple time-based presentation of the 26 letters is the default, but you can propose another way to deploy your alphabet in an animated format. The adjacent Pentagram project is an extreme example of variations on one letter, as opposed to the entire alphabet. Consult with your instructor if your idea takes you into non-standard territory:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Using an appropriate file type, generate an animation in GIF, APNG, WEBP, or AVIF.<\/li>\n\n\n\n<li>&nbsp;Consider pacing, timing, and order, as well as practical matters of pixel dimensions and file size.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"432\" data-attachment-id=\"4436\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/ps_philadelphiamuseumofart_01\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/ps_philadelphiamuseumofart_01.gif\" data-orig-size=\"620,432\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"ps_philadelphiamuseumofart_01\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/ps_philadelphiamuseumofart_01.gif\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/ps_philadelphiamuseumofart_01.gif\" alt=\"\" class=\"wp-image-4436\" style=\"width:416px;height:auto\"\/><\/figure>\n<\/div>\n\n\n<p class=\"has-text-align-center\"><em>The Philadelphia Museum of Art&#8217;s new logo by Pentagram features 200 variations on the letter A, in animated GIF format<\/em>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"305\" height=\"305\" data-attachment-id=\"4437\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/1onno\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/1onno.gif\" data-orig-size=\"305,305\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"1onno\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/1onno.gif\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/1onno.gif\" alt=\"\" class=\"wp-image-4437\" style=\"width:300px\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"150\" data-attachment-id=\"4438\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/repentrepeat\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/repentrepeat.gif\" data-orig-size=\"800,150\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"repentrepeat\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/repentrepeat.gif\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/repentrepeat.gif\" alt=\"\" class=\"wp-image-4438\" style=\"width:300px\"\/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"200\" height=\"200\" data-attachment-id=\"4439\" data-permalink=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/attachment\/2\/\" data-orig-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/2.gif\" data-orig-size=\"200,200\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"2\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/2.gif\" src=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/11\/2.gif\" alt=\"\" class=\"wp-image-4439\" style=\"width:300px\"\/><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Publishing\"><\/span>Publishing<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Find_a_host\"><\/span>Find a host<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Once you&#8217;ve completed your assets, find a place to host them on the web. Decide on the best means for uploading: should they live in a blog media library? On Flickr or Imgur? Hosted on a server? Some of these questions may be answered in the way you intend to publish your work.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Distribute_your_work\"><\/span>Distribute your work<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Once hosted, how should they be published on your blog, your website, and your social network?<\/p>\n\n\n\n<p>On the blog, should you create individual image posts out of the images, or should you create a blog-based slideshow?&nbsp;<a href=\"https:\/\/en.support.wordpress.com\/gallery\/\" target=\"_blank\" rel=\"noreferrer noopener\">Go to this link<\/a>&nbsp;to learn about creating slideshows on blogs if you decide to do so.<\/p>\n\n\n\n<p>Do any issues crop up with hosting and posting animated GIFs or APNGs to the blog? What is the compatibility for WEBP or AVIF support?  How can you solve any problems as they occur?\u00a0<\/p>\n\n\n\n<p>What is different about posting on a blog, and inserting it into a webpage? Given your limited knowledge of web coding, what is the best way to insert your alphabet into your website?<\/p>\n\n\n\n<p>By what means \u2014 social-media-wise\u2014 should people learn about your new creation? Is Instagram a good solution? Flickr or Imgur? Do you convert your GIF to video to host on YouTube or Vimeo? How do you use a social media presence to drive traffic to your blog or website for people to find out more about your design or process? If you create a TTF or OTF, how can you introduce it to a font distribution site?<\/p>\n\n\n\n<p>Find a way to appropriately present your alphabet in at least three publishing environments.&nbsp;Come up with a solution that takes advantage of what each environment does best. Social media is best for a quick take, while your website is a good, more formal finished portfolio. The blog is best for allowing people to know more about your process, while a font distribution site is good for cultivating a potential client base.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>4D media 2 | a2z ABCnimation Sterno alphabet, from a studio by the author Animate the alphabet Synthesize your knowledge of e-typography, web file options, sophisticated web graphics, and animation in a project that reinvents the alphabet as a new image. Concept What kind of alphabet do you want to design? Do you want to&#8230; <a href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/\">read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[5,12],"tags":[],"class_list":["post-3923","post","type-post","status-publish","format-standard","hentry","category-4d-media","category-artwork"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>ABCnimation - newMediaWiki<\/title>\n<meta name=\"description\" content=\"ABCnimation: animated alphabet. Synthesize knowledge of e-typography, file types, and web animation in a project that reinvents the alphabet.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"ABCnimation - newMediaWiki\" \/>\n<meta property=\"og:description\" content=\"ABCnimation: animated alphabet. Synthesize knowledge of e-typography, file types, and web animation in a project that reinvents the alphabet.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/\" \/>\n<meta property=\"og:site_name\" content=\"newMediaWiki\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-10T21:14:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-10T11:00:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/manraytrans.gif\" \/>\n<meta name=\"author\" content=\"williamCromar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"williamCromar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"13 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/abcnimation\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/abcnimation\\\/\"},\"author\":{\"name\":\"williamCromar\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#\\\/schema\\\/person\\\/680114553d8ae86ba751ea5e0ea983e3\"},\"headline\":\"ABCnimation\",\"datePublished\":\"2023-11-10T21:14:26+00:00\",\"dateModified\":\"2024-01-10T11:00:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/abcnimation\\\/\"},\"wordCount\":2175,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#\\\/schema\\\/person\\\/680114553d8ae86ba751ea5e0ea983e3\"},\"image\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/abcnimation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/manraytrans.gif\",\"articleSection\":[\"4d media\",\"Artwork\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/abcnimation\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/abcnimation\\\/\",\"url\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/abcnimation\\\/\",\"name\":\"ABCnimation - newMediaWiki\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/abcnimation\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/abcnimation\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/manraytrans.gif\",\"datePublished\":\"2023-11-10T21:14:26+00:00\",\"dateModified\":\"2024-01-10T11:00:00+00:00\",\"description\":\"ABCnimation: animated alphabet. Synthesize knowledge of e-typography, file types, and web animation in a project that reinvents the alphabet.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/abcnimation\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/abcnimation\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/abcnimation\\\/#primaryimage\",\"url\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/manraytrans.gif\",\"contentUrl\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/manraytrans.gif\",\"width\":420,\"height\":420},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/abcnimation\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"ABCnimation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#website\",\"url\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/\",\"name\":\"newMediaWiki\",\"description\":\"because all media are new\",\"publisher\":{\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#\\\/schema\\\/person\\\/680114553d8ae86ba751ea5e0ea983e3\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/#\\\/schema\\\/person\\\/680114553d8ae86ba751ea5e0ea983e3\",\"name\":\"williamCromar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1\",\"width\":1754,\"height\":1754,\"caption\":\"williamCromar\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/williamcromar.com\\\/newmediawiki\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1\"},\"url\":\"https:\\\/\\\/williamcromar.com\\\/newmediawiki\\\/author\\\/williamcromar\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"ABCnimation - newMediaWiki","description":"ABCnimation: animated alphabet. Synthesize knowledge of e-typography, file types, and web animation in a project that reinvents the alphabet.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/","og_locale":"en_US","og_type":"article","og_title":"ABCnimation - newMediaWiki","og_description":"ABCnimation: animated alphabet. Synthesize knowledge of e-typography, file types, and web animation in a project that reinvents the alphabet.","og_url":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/","og_site_name":"newMediaWiki","article_published_time":"2023-11-10T21:14:26+00:00","article_modified_time":"2024-01-10T11:00:00+00:00","og_image":[{"url":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/manraytrans.gif","type":"","width":"","height":""}],"author":"williamCromar","twitter_card":"summary_large_image","twitter_misc":{"Written by":"williamCromar","Est. reading time":"13 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#article","isPartOf":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/"},"author":{"name":"williamCromar","@id":"https:\/\/williamcromar.com\/newmediawiki\/#\/schema\/person\/680114553d8ae86ba751ea5e0ea983e3"},"headline":"ABCnimation","datePublished":"2023-11-10T21:14:26+00:00","dateModified":"2024-01-10T11:00:00+00:00","mainEntityOfPage":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/"},"wordCount":2175,"commentCount":0,"publisher":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/#\/schema\/person\/680114553d8ae86ba751ea5e0ea983e3"},"image":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#primaryimage"},"thumbnailUrl":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/manraytrans.gif","articleSection":["4d media","Artwork"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/","url":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/","name":"ABCnimation - newMediaWiki","isPartOf":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/#website"},"primaryImageOfPage":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#primaryimage"},"image":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#primaryimage"},"thumbnailUrl":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/manraytrans.gif","datePublished":"2023-11-10T21:14:26+00:00","dateModified":"2024-01-10T11:00:00+00:00","description":"ABCnimation: animated alphabet. Synthesize knowledge of e-typography, file types, and web animation in a project that reinvents the alphabet.","breadcrumb":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#primaryimage","url":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/manraytrans.gif","contentUrl":"https:\/\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/manraytrans.gif","width":420,"height":420},{"@type":"BreadcrumbList","@id":"https:\/\/williamcromar.com\/newmediawiki\/abcnimation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/williamcromar.com\/newmediawiki\/"},{"@type":"ListItem","position":2,"name":"ABCnimation"}]},{"@type":"WebSite","@id":"https:\/\/williamcromar.com\/newmediawiki\/#website","url":"https:\/\/williamcromar.com\/newmediawiki\/","name":"newMediaWiki","description":"because all media are new","publisher":{"@id":"https:\/\/williamcromar.com\/newmediawiki\/#\/schema\/person\/680114553d8ae86ba751ea5e0ea983e3"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/williamcromar.com\/newmediawiki\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/williamcromar.com\/newmediawiki\/#\/schema\/person\/680114553d8ae86ba751ea5e0ea983e3","name":"williamCromar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/i0.wp.com\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1","url":"https:\/\/i0.wp.com\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1","contentUrl":"https:\/\/i0.wp.com\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1","width":1754,"height":1754,"caption":"williamCromar"},"logo":{"@id":"https:\/\/i0.wp.com\/williamcromar.com\/newmediawiki\/wp-content\/uploads\/2023\/07\/2015_newmedia_logo.png?fit=1754%2C1754&ssl=1"},"url":"https:\/\/williamcromar.com\/newmediawiki\/author\/williamcromar\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/posts\/3923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/comments?post=3923"}],"version-history":[{"count":19,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/posts\/3923\/revisions"}],"predecessor-version":[{"id":5947,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/posts\/3923\/revisions\/5947"}],"wp:attachment":[{"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/media?parent=3923"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/categories?post=3923"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/williamcromar.com\/newmediawiki\/wp-json\/wp\/v2\/tags?post=3923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}