{"id":1807,"date":"2026-06-27T10:55:12","date_gmt":"2026-06-27T10:55:12","guid":{"rendered":"https:\/\/jbarham.art\/?page_id=1807"},"modified":"2026-06-27T10:55:13","modified_gmt":"2026-06-27T10:55:13","slug":"production-design-course-graphics","status":"publish","type":"page","link":"https:\/\/jbarham.art\/?page_id=1807","title":{"rendered":"Production Design Course Graphics"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">I was hired to teach Intro to Production Design (MGD 1012) at Front Range Community College during the 2022 Fall semester. This was a wonderful opportunity to teach InDesign, Illustrator, and Photoshop as a complete production ecosystem! For this course, I was also given the privilege of designing a new &#8220;course shell,&#8221; complete with graphics, assignments and their rubrics, and assigned readings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Prior instructors had created and built upon an existing course shell, which I used as a guide for setting up my own. A set of learning goals was already in place for the course, and I built the new course shell with an eye to ensuring each of those was well addressed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For each lecture, I designed a few slides to accompany what I was talking about or demonstrating during class. The presentation deck below was made for the first class session, and demonstrates a bit of the structure of the class overall. Class sessions would begin with an exercise, where students would follow along with a demonstration of a single technique or simple set of techniques before submitting their work. Over the course of the class, each student also produced multiple high-effort projects (to be worked on in between classes), and a personal icon library.<\/p>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/jbarham.art\/wp-content\/uploads\/MGD1012_LectureSlides1-1.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Embed of MGD1012_LectureSlides1.\"><\/object><a id=\"wp-block-file--media-1aa88a86-5bb9-4367-86d5-b20776c0af85\" href=\"https:\/\/jbarham.art\/wp-content\/uploads\/MGD1012_LectureSlides1-1.pdf\">MGD1012_LectureSlides1<\/a><a href=\"https:\/\/jbarham.art\/wp-content\/uploads\/MGD1012_LectureSlides1-1.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-1aa88a86-5bb9-4367-86d5-b20776c0af85\">Download<\/a><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The below four images are samples of the reusable assets I created to unify the look &amp; feel of the course shell. These would be used across presentation slides for my lectures, as bases for in-class technique demos, or as banners and similar within MyCourses D2L (the LMS platform FRCC used at the time).<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1816\" src=\"https:\/\/jbarham.art\/wp-content\/uploads\/PersonGraphic-1024x1024.png\" alt=\"\" class=\"wp-image-1816\" srcset=\"https:\/\/jbarham.art\/wp-content\/uploads\/PersonGraphic-1024x1024.png 1024w, https:\/\/jbarham.art\/wp-content\/uploads\/PersonGraphic-300x300.png 300w, https:\/\/jbarham.art\/wp-content\/uploads\/PersonGraphic-150x150.png 150w, https:\/\/jbarham.art\/wp-content\/uploads\/PersonGraphic-768x768.png 768w, https:\/\/jbarham.art\/wp-content\/uploads\/PersonGraphic-1536x1536.png 1536w, https:\/\/jbarham.art\/wp-content\/uploads\/PersonGraphic.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1817\" src=\"https:\/\/jbarham.art\/wp-content\/uploads\/SlideGraphic-1024x1024.png\" alt=\"\" class=\"wp-image-1817\" srcset=\"https:\/\/jbarham.art\/wp-content\/uploads\/SlideGraphic-1024x1024.png 1024w, https:\/\/jbarham.art\/wp-content\/uploads\/SlideGraphic-300x300.png 300w, https:\/\/jbarham.art\/wp-content\/uploads\/SlideGraphic-150x150.png 150w, https:\/\/jbarham.art\/wp-content\/uploads\/SlideGraphic-768x768.png 768w, https:\/\/jbarham.art\/wp-content\/uploads\/SlideGraphic-1536x1536.png 1536w, https:\/\/jbarham.art\/wp-content\/uploads\/SlideGraphic.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1814\" src=\"https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBanner-1024x1024.png\" alt=\"\" class=\"wp-image-1814\" srcset=\"https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBanner-1024x1024.png 1024w, https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBanner-300x300.png 300w, https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBanner-150x150.png 150w, https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBanner-768x768.png 768w, https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBanner-1536x1536.png 1536w, https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBanner.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"1815\" src=\"https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBannerNarrow-1024x1024.png\" alt=\"\" class=\"wp-image-1815\" srcset=\"https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBannerNarrow-1024x1024.png 1024w, https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBannerNarrow-300x300.png 300w, https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBannerNarrow-150x150.png 150w, https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBannerNarrow-768x768.png 768w, https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBannerNarrow-1536x1536.png 1536w, https:\/\/jbarham.art\/wp-content\/uploads\/MainCourseBannerNarrow.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The following four images are screenshots of Adobe Illustrator with relevant tool panels open, indicating what the contents of each progress check for our third class project should look like. I found that providing in-progress screenshots like these well prior to each assignment&#8217;s due date helped students understand expectations for each deliverable more clearly.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"364\" data-id=\"1825\" src=\"https:\/\/jbarham.art\/wp-content\/uploads\/Project2ProgressCheck2Example-1-1024x364.jpg\" alt=\"\" class=\"wp-image-1825\" srcset=\"https:\/\/jbarham.art\/wp-content\/uploads\/Project2ProgressCheck2Example-1-1024x364.jpg 1024w, https:\/\/jbarham.art\/wp-content\/uploads\/Project2ProgressCheck2Example-1-300x107.jpg 300w, https:\/\/jbarham.art\/wp-content\/uploads\/Project2ProgressCheck2Example-1-768x273.jpg 768w, https:\/\/jbarham.art\/wp-content\/uploads\/Project2ProgressCheck2Example-1.jpg 1415w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"976\" height=\"514\" data-id=\"1811\" src=\"https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck2Example.png\" alt=\"\" class=\"wp-image-1811\" srcset=\"https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck2Example.png 976w, https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck2Example-300x158.png 300w, https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck2Example-768x404.png 768w\" sizes=\"auto, (max-width: 976px) 100vw, 976px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"690\" data-id=\"1813\" src=\"https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck4Rev2-1024x690.png\" alt=\"\" class=\"wp-image-1813\" srcset=\"https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck4Rev2-1024x690.png 1024w, https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck4Rev2-300x202.png 300w, https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck4Rev2-768x517.png 768w, https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck4Rev2-1536x1035.png 1536w, https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck4Rev2.png 1593w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"693\" data-id=\"1812\" src=\"https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck3Rev-1024x693.png\" alt=\"\" class=\"wp-image-1812\" srcset=\"https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck3Rev-1024x693.png 1024w, https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck3Rev-300x203.png 300w, https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck3Rev-768x520.png 768w, https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck3Rev-1536x1040.png 1536w, https:\/\/jbarham.art\/wp-content\/uploads\/Project3ProgressCheck3Rev.png 1592w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Below is a color systems infographic I created as reference material for my students:<\/p>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/jbarham.art\/wp-content\/uploads\/ColorChart.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Embed of ColorChart.\"><\/object><a id=\"wp-block-file--media-9b2ab156-ea1e-4937-a47e-4c0fb7fb5135\" href=\"https:\/\/jbarham.art\/wp-content\/uploads\/ColorChart.pdf\">ColorChart<\/a><a href=\"https:\/\/jbarham.art\/wp-content\/uploads\/ColorChart.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-9b2ab156-ea1e-4937-a47e-4c0fb7fb5135\">Download<\/a><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This last image is an example of our third project&#8217;s final digital deliverable (a poster, in two versions optimized for print and for digital) provided to students to give them a few cues on what their final piece could look like.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"673\" height=\"1024\" src=\"https:\/\/jbarham.art\/wp-content\/uploads\/PosterExample-673x1024.png\" alt=\"\" class=\"wp-image-1809\" srcset=\"https:\/\/jbarham.art\/wp-content\/uploads\/PosterExample-673x1024.png 673w, https:\/\/jbarham.art\/wp-content\/uploads\/PosterExample-197x300.png 197w, https:\/\/jbarham.art\/wp-content\/uploads\/PosterExample-768x1169.png 768w, https:\/\/jbarham.art\/wp-content\/uploads\/PosterExample.png 828w\" sizes=\"auto, (max-width: 673px) 100vw, 673px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">All materials shown on this page are copyright <a href=\"https:\/\/www.frontrange.edu\/campuses-online\/westminster-campus\/index.html\">FRCC Westminster<\/a>, 2022.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I was hired to teach Intro to Production Design (MGD 1012) at Front Range Community College during the 2022 Fall semester. This was a wonderful opportunity to teach InDesign, Illustrator, and Photoshop as a complete production ecosystem! For this course, I was also given the privilege of designing a new &#8220;course shell,&#8221; complete with graphics, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1809,"parent":1416,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"cybocfi_hide_featured_image":"yes","footnotes":""},"class_list":["post-1807","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/jbarham.art\/index.php?rest_route=\/wp\/v2\/pages\/1807","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jbarham.art\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jbarham.art\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jbarham.art\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jbarham.art\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1807"}],"version-history":[{"count":5,"href":"https:\/\/jbarham.art\/index.php?rest_route=\/wp\/v2\/pages\/1807\/revisions"}],"predecessor-version":[{"id":1827,"href":"https:\/\/jbarham.art\/index.php?rest_route=\/wp\/v2\/pages\/1807\/revisions\/1827"}],"up":[{"embeddable":true,"href":"https:\/\/jbarham.art\/index.php?rest_route=\/wp\/v2\/pages\/1416"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jbarham.art\/index.php?rest_route=\/wp\/v2\/media\/1809"}],"wp:attachment":[{"href":"https:\/\/jbarham.art\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}