{"id":4438,"date":"2020-08-28T15:09:17","date_gmt":"2020-08-28T15:09:17","guid":{"rendered":"http:\/\/sites.la.utexas.edu\/kb\/?p=4438"},"modified":"2022-06-14T20:05:17","modified_gmt":"2022-06-14T20:05:17","slug":"4438","status":"publish","type":"post","link":"http:\/\/sites.la.utexas.edu\/kb\/2020\/08\/28\/4438\/","title":{"rendered":"Basic Training: Custom Studio Course Graphics"},"content":{"rendered":"<h1><span style=\"font-weight: 400;\">Courses taught in LAITS studios&nbsp;<\/span><\/h1>\n<p><span style=\"font-weight: 400;\">One of the main services LAITS provides is online course production. Studio courses are recorded by the LAITS production team, including Video STAs, Audio STAs, and Design STAs, and are offered to students either live or pre-recorded. Recording in-studio gives courses at UT a higher production value and an engaging online learning experience for students.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Courses taught in the LAITS Studios require stage set design. Our design team creates a cohesive design package for each course, from the studio set design monitor graphics, to the graphics for the Canvas web interface platform.&nbsp;&nbsp;<\/span><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/examples.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4451\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/examples.png\" alt=\"\" width=\"1393\" height=\"830\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/examples.png 1393w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/examples-300x179.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/examples-768x458.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/examples-1024x610.png 1024w\" sizes=\"auto, (max-width: 1393px) 100vw, 1393px\" \/><\/a><\/p>\n<p>This Summer School video shows clips from an array of studio courses:<\/p>\n<p><iframe loading=\"lazy\" title=\"Welcome to UT Summer School 2021!\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/MkaS8DFLwfY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">Here is what you should take away by the end of this section:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Graphics are the visual language of a studio course<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Studio asset terminology (wall monitor vs. desk skirt vs. stingers, etc)<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">How to create a cohesive, thoughtful design<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Considering color correction adjustments<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">More about studio courses<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">LAITS has three main studios right down the hall from our Graphics Dev Lab. They are former classrooms retrofitted with professional video, audio, and broadcasting equipment. They are Studio B (a larger studio with seating for TAs and a studio audience) and Studios A and C (for smaller productions with just a professor or two).<\/span><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio-6-vs-10.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4458 size-full\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio-6-vs-10-e1637603300733.png\" alt=\"\" width=\"1825\" height=\"574\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio-6-vs-10-e1637603300733.png 1825w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio-6-vs-10-e1637603300733-300x94.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio-6-vs-10-e1637603300733-768x242.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio-6-vs-10-e1637603300733-1024x322.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio-6-vs-10-e1637603300733-1536x483.png 1536w\" sizes=\"auto, (max-width: 1825px) 100vw, 1825px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Courses can be live or pre-recorded. During a live production, video and audio STAs operate cameras, mics, and broadcast stations while the professor instructs. Pre-recorded classes are made the same way, but can include a post-production process.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Before a course begins production, the project team will put in a request for studio graphics. That\u2019s where we come in!<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">In-Studio and Video Assets<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The graphics for the course should be a <\/span><b>distilled visual representation<\/b><span style=\"font-weight: 400;\"> of the course, though the course may cover several topics. STA designs activate the physical studio space, and can give the student-viewer an idea of what content to anticipate, as well as create an exciting environment for the course, even before the student begins work for their course.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Wall Monitor<\/b><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">The wall monitor is a TV screen that sits directly behind the professor lecturing. It will be visible nearly all the time to the remote audience.&nbsp;<\/span><br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/wall-monitor.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4460\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/wall-monitor.png\" alt=\"\" width=\"1500\" height=\"469\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/wall-monitor.png 1500w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/wall-monitor-300x94.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/wall-monitor-768x240.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/wall-monitor-1024x320.png 1024w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a><\/li>\n<li style=\"font-weight: 400;\"><b>Desk skirt<\/b><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The desk skirt is a screen covering the front of the desk usually out-of-frame, but occasionally visible in wide shots.<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/desk-skirt.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4446\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/desk-skirt.png\" alt=\"\" width=\"1500\" height=\"469\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/desk-skirt.png 1500w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/desk-skirt-300x94.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/desk-skirt-768x240.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/desk-skirt-1024x320.png 1024w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a><\/span><\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Vertical monitor<\/b><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">The vertical monitor is set up to be behind any TAs or guests. It is a TV flipped on its side to stand-up vertically.<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/vertical-monitor.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4459\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/vertical-monitor.png\" alt=\"\" width=\"1500\" height=\"469\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/vertical-monitor.png 1500w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/vertical-monitor-300x94.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/vertical-monitor-768x240.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/vertical-monitor-1024x320.png 1024w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a><\/span><\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Intro Animation<\/b><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">Most online courses will have a 10-30 second intro video modeled on movie previews &amp; trailers. The production of intro-videos give design STAs the chance to collaborate with audio and video STAs.<br><\/span><span style=\"font-weight: 400;\">Design STAs will storyboard, create assets for, and depending on their skills animate the intro as well. <\/span><span style=\"font-weight: 400;\">It will then be handed off for an audio STA will create the musical introduction (i.e. \u201cLive from The University of Texas at Austin, LAITS presents\u2026 The Psychology of Advertising\u2026 with your professor, Dr. Lee Ann Kahlor\u201d *music plays*).&nbsp;<\/span><span style=\"font-weight: 400;\"><br><\/span><b><i>Example: <a href=\"https:\/\/utexas.box.com\/s\/j6ytqc55g6cq5vscmmer1vf0bhnx46g3\">E316L Intro&nbsp;<\/a><\/i><a href=\"https:\/\/utexas.box.com\/s\/j6ytqc55g6cq5vscmmer1vf0bhnx46g3\"><br><\/a><\/b><b><i>Example: <a href=\"https:\/\/utexas.box.com\/s\/wn8b8r6083u0nd1o8rf754hrlfkngdy9\">COM301E Intro<\/a><\/i><a href=\"https:\/\/utexas.box.com\/s\/wn8b8r6083u0nd1o8rf754hrlfkngdy9\"><br><\/a><\/b><\/li>\n<li style=\"font-weight: 400;\"><b>Stingers<\/b><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\">Stingers are graphic title cards that mark the beginning of a new segment of class (such as Q&amp;A time, or Activity work time). These work a lot like the Style A &amp; B stingers you made in Powerpoint. For studio courses, we will create custom stingers and sometimes include light animation\/audio.<\/span><span style=\"font-weight: 400;\"><br><\/span><strong><i>Example: <a href=\"https:\/\/utexas.box.com\/s\/lpt6rtec92jvwtpe8vc41iffrihcin9k\">COM301E Stinger<\/a><a href=\"https:\/\/utexas.box.com\/s\/lpt6rtec92jvwtpe8vc41iffrihcin9k\"><br><\/a>Example: <a href=\"https:\/\/utexas.box.com\/s\/mrc86nh2osndx9lsthg742m59de5tsbo\">E316M Stinger<\/a><\/i><\/strong><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">In addition to studio assets, we also create matching Canvas graphics and custom Powerpoint templates. Here is a full design menu showing just some of the possibilities:<\/span><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/psy352-fulltemplate.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4454\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/psy352-fulltemplate.png\" alt=\"\" width=\"3502\" height=\"2005\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/psy352-fulltemplate.png 3502w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/psy352-fulltemplate-300x172.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/psy352-fulltemplate-768x440.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/psy352-fulltemplate-1024x586.png 1024w\" sizes=\"auto, (max-width: 3502px) 100vw, 3502px\" \/><\/a><em><strong><a href=\"https:\/\/utexas.box.com\/s\/a1xf98xcsqbmeenb38f77vdld3qdr3gw\">+ PSY 352 Intro Video Animation<\/a><\/strong><\/em><\/p>\n<ul>\n<li><i><span style=\"font-weight: 400;\">Notice how cohesive the course is overall: muted cool tones, 4 faces motif, same font, and watercolor style. Each asset uses these elements in a unique, varied way.<\/span><\/i><\/li>\n<li style=\"font-weight: 400;\"><i><span style=\"font-weight: 400;\">The design STA, project manager, art director and faculty member collaborate on the direction of the look and feel of the course. It is the STA&#8217;s role to help achieve the faculty\u2019s vision for the course\u2019s visual appeal.<br><\/span><\/i><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\"><br>Creative process behind making studio course graphics<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Studio course graphics like these are unique to each course and professor, so they require more thought than a simple Style A\/B course. <\/span><span style=\"font-weight: 400;\">When brainstorming ideas, think of 2-3 ways you could best represent the course. Consider the course\u2019s department, course content, professor\u2019s personality, etc.&nbsp;<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">In PSY 352, the abstract face design represents the abstract nature of our minds, of which psychology is the study of. The muted colors match the course\u2019s serious tone, and on an even deeper level they also support our mental connection between psychology = mind = mindfulness = calm = muted colors.<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/psy-canvas.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4455\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/psy-canvas.png\" alt=\"\" width=\"1147\" height=\"950\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/psy-canvas.png 1147w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/psy-canvas-300x248.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/psy-canvas-768x636.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/psy-canvas-1024x848.png 1024w\" sizes=\"auto, (max-width: 1147px) 100vw, 1147px\" \/><\/a><br><\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">In contrast, COM 301E is a fun and welcoming introduction to modern communication technology. Therefore, the graphic look and feel is a lot more colorful and energetic. These choices all depend on the course and professor.<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/com-canvas.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4445\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/com-canvas.png\" alt=\"\" width=\"1147\" height=\"950\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/com-canvas.png 1147w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/com-canvas-300x248.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/com-canvas-768x636.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/com-canvas-1024x848.png 1024w\" sizes=\"auto, (max-width: 1147px) 100vw, 1147px\" \/><\/a><br><\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">As you brainstorm, you should share your sketches on Basecamp with your team lead for feedback.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Creating a Cohesive Course Visual Design<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Every LAITS course should have a cohesive look and feel, from studio graphics all the way to its Canvas site. You should carry color, style, font, and motifs all throughout the design process.&nbsp;<\/span><\/p>\n<p><strong>However,<\/strong>&nbsp;<strong>avoid making each graphic look the exact same<\/strong>. This will create variation in the course, and provide the viewer&#8217;s eye places to rest. See how in SOC 302, the STA designer used different layouts and photographs that all still fit into the theme (society) and color scheme (cool grays and blues).&nbsp;<\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/soc.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4663\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/soc.png\" alt=\"\" width=\"1413\" height=\"814\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/soc.png 1413w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/soc-300x173.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/soc-768x442.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/soc-1024x590.png 1024w\" sizes=\"auto, (max-width: 1413px) 100vw, 1413px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">A Note on Color Correction<\/span><\/h2>\n<p><span style=\"font-weight: 400; color: #993366;\">*Edit: As of Spring 2022, the studio has adjusted their equipment and color settings so this is much less of an issue for designers. Keeping this section here for archival purposes!*<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A quirk of studio graphics is your original colors may not always appear as intended. This is because after graphics are made on our computer with our screen\u2019s color settings, they are then projected on a TV with different color settings, under studio lights that have their own color tint, <\/span><i><span style=\"font-weight: 400;\">and<\/span><\/i> <i><span style=\"font-weight: 400;\">then recorded on cameras with different color settings<\/span><\/i><span style=\"font-weight: 400;\">. Here is an example of this color shift:&nbsp;<\/span><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4442\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-1.png\" alt=\"\" width=\"1500\" height=\"467\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-1.png 1500w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-1-300x93.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-1-768x239.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-1-1024x319.png 1024w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">It\u2019s hard to 100% know what will look right, but we can work on this by color testing in the studio and referencing <a href=\"http:\/\/sites.la.utexas.edu\/kb\/2020\/10\/19\/color-correction-archive-for-digital-backdrops\/\">our color correction archive<\/a>.<\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><br><\/span><b>Color correcting purple:<\/b><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4444\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-3.png\" alt=\"\" width=\"1393\" height=\"989\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-3.png 1393w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-3-300x213.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-3-768x545.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-3-1024x727.png 1024w\" sizes=\"auto, (max-width: 1393px) 100vw, 1393px\" \/><\/a><\/p>\n<p><b>Color correcting beige:<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4443\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-2.png\" alt=\"\" width=\"2423\" height=\"568\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-2.png 2423w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-2-300x70.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-2-768x180.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-2-1024x240.png 1024w\" sizes=\"auto, (max-width: 2423px) 100vw, 2423px\" \/><\/a><br><\/b><\/p>\n<p><span style=\"font-weight: 400;\">What we can do to help the production team save time is stick to colors we know have worked in the past. Also consider skin tones, wardrobe options, etc. For example, a tan background will mesh too much with most skintones.<\/span><\/p>\n<p><strong><span style=\"color: #00563f;\">Colors that typically appear better:<\/span><\/strong><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5199\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors.png\" alt=\"\" width=\"666\" height=\"447\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors.png 666w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/colors-300x201.png 300w\" sizes=\"auto, (max-width: 666px) 100vw, 666px\" \/><\/a><\/p>\n<p><strong><span style=\"color: #e32636;\">Colors to avoid:<\/span><\/strong><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Beige and burnt orange (appears muddy brown)<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Pure white (appears light blue)<\/strong>\n<ul>\n<li>Avoid using in large swaths (OK for small areas), provides too much back-lighting on-set<\/li>\n<li>If necessary, use LAITS off-white in small amounts: #fafafa<\/li>\n<\/ul>\n<\/li>\n<li><strong>Pure black (creates dead space)<\/strong>\n<ul>\n<li>OK for small areas<\/li>\n<li>Consider using off-black in small amounts: #1a1a1a<\/li>\n<\/ul>\n<\/li>\n<li>Bright, pure hues such as any of these:<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/09\/Untitled-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4745\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/09\/Untitled-1.png\" alt=\"\" width=\"202\" height=\"25\"><\/a><\/li>\n<\/ul>\n<h1><span style=\"font-weight: 400;\">Now it\u2019s your turn<\/span><\/h1>\n<p><span style=\"font-weight: 400;\">Create a full suite of graphics for an imaginary studio course of your choice.<\/span><\/p>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/utexas.app.box.com\/folder\/121362220316?s=c6gmg3hcn1wpah92jl5m1lt7bw9pjii2\"><strong>This Box folder<\/strong><\/a> will have everything you need. Please explore the folders and familiarize yourself before moving on:<\/span><\/p>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/box.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4441\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/box.png\" alt=\"\" width=\"1268\" height=\"635\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/box.png 1268w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/box-300x150.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/box-768x385.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/box-1024x513.png 1024w\" sizes=\"auto, (max-width: 1268px) 100vw, 1268px\" \/><\/a><\/p>\n<hr>\n<h3>1. Choose a Course<\/h3>\n<p><span style=\"font-weight: 400;\">First, choose from the two courses available for this tutorial. Learn more about each course by exploring their info in Box. <em>You must<\/em><em>&nbsp;read through the professor&#8217;s design requests and syllabus as these will inform your design.<\/em><\/span><\/p>\n<ul>\n<li>Option #1: <strong><a href=\"https:\/\/utexas.box.com\/s\/4c0pns0rvr6h2r3hggis1j743zlx4kek\">EAS1030: Earth&#8217;s Dynamic Environment II<\/a><\/strong><\/li>\n<li>Option #2: <strong><strong><a href=\"https:\/\/utexas.box.com\/s\/6vjamn2zpp11otlqekp7limzsymrhqtm\">ART3800: Twentieth Century Art<\/a><\/strong><\/strong>&nbsp;<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>2. Brainstorm&nbsp;<\/h3>\n<p><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Brainstorm 2-3 design directions and share them with your trainer on Basecamp. Create a small moodboard of style inspiration (at least 5 photos) for each design direction and share it on Basecamp.<\/span><\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Consider the course subject, tone, mood, personality, etc. when choosing <\/span><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">colors, imagery, font, etc.<\/span><\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3>3. Create Studio Assets<\/h3>\n<p>Once a direction is approved, begin mocking up your STUDIO assets first.&nbsp;<\/p>\n<p>Create designs that are simple, ambient, and mood-setting.&nbsp; They should never take center-stage over a professor. <strong>SIMPLE IS BETTER!<\/strong><\/p>\n<p>Find ways to create DEPTH via receding color, perspective, image choice etc. We want to avoid our design looking claustrophobic and busy behind the prof.<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Digital Wall Monitor (1920 x 1080<\/strong><b>px, 72dpi, .png)<br><\/b>There are&nbsp;<strong>7<\/strong> options a professor may choose from.<br>Choose one option to base your design off of. These options are meant to provide you (and the client) a clear direction while still leaving you room for creativity.<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/imagery2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5218\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/imagery2.png\" alt=\"\" width=\"1920\" height=\"1551\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/imagery2.png 1920w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/imagery2-300x242.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/imagery2-1024x827.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/imagery2-768x620.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/imagery2-1536x1241.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"color: #339966;\">Your wall monitor design should&#8230;<\/span><br>&#8211;&nbsp;<strong>Be textural, subtle over all else.&nbsp;<\/strong><strong><br>&#8211; Create a sense of depth<\/strong> using one or more of the following: color overlay, gradient overlay, blurs, or a clear delineation between foreground\/midground\/background<br>&#8211; <strong>Use asymmetry.&nbsp;<\/strong>Very symmetrical backgrounds usually make the professor look too perfectly framed, which can look awkward.<br>&#8211; <strong>Use a limited range of recommended studio colors.<\/strong> Your backdrop will affect what clothes the professor can wear on-camera (which they will practice in dress-rehearsal!) <br>&#8211; <strong>Avoid using lots of faces <\/strong>if you use photographs or a grid. Another face next to the professor\u2019s actual face will be distracting. <br><b><b><span style=\"font-weight: 400;\">&#8211; <strong>Leave out any text<\/strong>. The studio team will<\/span><\/b><\/b><b><span style=\"font-weight: 400;\"> project text\/logo on in post-production. Text\/logos on the wall monitor often get cropped or appear crooked on camera, so it&#8217;s best we leave it out.<\/span><\/b><\/p>\n<p><b>&nbsp;<\/b><\/p>\n<\/li>\n<li><b><\/b><b>Digital Desk Skirt (1920 x 1080px, 72dpi, .png)<br><\/b>There are&nbsp;<strong>2 <\/strong>desk skirt templates you can choose from:<a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/deskskirts-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5203\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/deskskirts-1.png\" alt=\"\" width=\"1376\" height=\"422\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/deskskirts-1.png 1376w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/deskskirts-1-300x92.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/deskskirts-1-1024x314.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/deskskirts-1-768x236.png 768w\" sizes=\"auto, (max-width: 1376px) 100vw, 1376px\" \/><\/a><br><i><br><\/i><\/li>\n<li><b><\/b><b>Vertical Monitor (1920 x 1080px, 72dpi, .png)<br><\/b>There are&nbsp;<strong>3 <\/strong>vertical monitor templates you can choose from:<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/vertmont-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5217\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/vertmont-2.png\" alt=\"\" width=\"1120\" height=\"671\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/vertmont-2.png 1120w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/vertmont-2-300x180.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/vertmont-2-1024x613.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/vertmont-2-768x460.png 768w\" sizes=\"auto, (max-width: 1120px) 100vw, 1120px\" \/><\/a>&nbsp;\n<p>&nbsp;<\/p>\n<p><em><em><em>*Vertical Monitor needs to be saved rotated 90\u00b0 clockwise. The vertical monitor is a TV screen rotated on its side.<\/em><\/em><\/em>&nbsp;<\/p>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>**USE A DESCRIPTIVE FILE NAMING CONVENTION**<\/p>\n<p>&nbsp;<\/p>\n<h3>4. Test Studio Assets<\/h3>\n<p>You have created beautiful studio graphics, and now we should test if they will work in context. In the Box folder&nbsp;<span style=\"font-weight: 400;\">\u201c<\/span><a href=\"https:\/\/utexas.app.box.com\/folder\/121362047533\"><span style=\"font-weight: 400;\">Design Menus and Mockups<\/span><\/a><span style=\"font-weight: 400;\">\u201d th<\/span>ere are&nbsp;<strong>five<\/strong> mockups to place your designs into:<\/p>\n<ol>\n<li>&nbsp;<b>studio-graphic-mockups.psd&nbsp;<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio-graphic-mockups.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4639\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio-graphic-mockups.png\" alt=\"\" width=\"1770\" height=\"1200\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio-graphic-mockups.png 1770w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio-graphic-mockups-300x203.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio-graphic-mockups-768x521.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio-graphic-mockups-1024x694.png 1024w\" sizes=\"auto, (max-width: 1770px) 100vw, 1770px\" \/><\/a><\/b><b><br><\/b><\/li>\n<li><b>studio6-set-mockup.psd<br><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4457\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio6-set-mockup-1.png\" alt=\"\" width=\"1920\" height=\"1280\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio6-set-mockup-1.png 1920w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio6-set-mockup-1-300x200.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio6-set-mockup-1-768x512.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/studio6-set-mockup-1-1024x683.png 1024w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><br><\/b><\/li>\n<li><strong>wall-monitor-w-multipleguests.psd<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/wall-monitor-w-multipleguests.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4640\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/wall-monitor-w-multipleguests.png\" alt=\"\" width=\"599\" height=\"337\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/wall-monitor-w-multipleguests.png 599w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/wall-monitor-w-multipleguests-300x169.png 300w\" sizes=\"auto, (max-width: 599px) 100vw, 599px\" \/><\/a><\/strong><strong><br><\/strong><\/li>\n<li><strong>(Make this yourself), Place mockup #4 into your iPad overlay, cropped and centered like so &#8212; you will make the iPad Overlay in step 6:<a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/Untitled-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4754\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/Untitled-2.png\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/Untitled-2.png 1920w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/Untitled-2-300x169.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/Untitled-2-1024x576.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/Untitled-2-768x432.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/Untitled-2-1536x864.png 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/strong><\/li>\n<\/ol>\n<p>Look at these carefully, and ask yourself these critical questions:<\/p>\n<ul>\n<li><em>Does this design create a sense of depth, like a backdrop in a play? Or, does it feel too close, making the shot feel claustrophobic?<\/em><\/li>\n<li><em>Is the design distracting, too intense?<\/em><\/li>\n<li><em>Do the colors mesh or clash with a wide range of skintones?<\/em><\/li>\n<li><em>What colors of clothing would best suit this design? (You will be suggesting wardrobes at the end of this training)<\/em><\/li>\n<\/ul>\n<p>Share your mockups and observations on Basecamp and note what edits you think need to be made. Make further edits.<\/p>\n<p>&nbsp;<\/p>\n<h3>5. Storyboard an Intro<\/h3>\n<p><span style=\"font-weight: 400;\">Once these are finalized, begin storyboarding an intro animation. It can be purely aesthetic, or have a simple narrative. Spend no more than 20 minutes sketching and brainstorming a concept, and share on Basecamp. You do <em>not<\/em> need to mock it up any further or animate.&nbsp;<br><\/span><span style=\"font-weight: 400;\"><br><\/span><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">This example for HIS 315K has a subtle narrative and is 11 seconds long.<br><\/span><\/span><\/p>\n\n\n<figure class=\"wp-block-video\"><video src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/08\/shorter.mp4\" controls=\"controls\" width=\"300\" height=\"150\" data-mce-fragment=\"1\"><\/video><\/figure>\n\n\n<p>&nbsp;<\/p>\n<h3>6. Canvas Graphics<\/h3>\n<p><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Begin creating the Canvas graphics. They will probably vary slightly from your studio graphics, that is good.&nbsp; Be sure to include the course title and the departmental logo, just as you did in Style A\/B.<br><\/span><\/span><\/p>\n<p><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Here are examples, but by no means do you need to follow this Style A\/B-esque layout:<\/span><\/span><\/p>\n<ul>\n<li><strong>Canvas Dashboard<\/strong> (360 x 200px, 72dpi, .jpg)<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleB-CanvasDashboard-V4-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4449\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleB-CanvasDashboard-V4-1.jpg\" alt=\"\" width=\"360\" height=\"200\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleB-CanvasDashboard-V4-1.jpg 360w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleB-CanvasDashboard-V4-1-300x167.jpg 300w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/a><\/li>\n<li><strong>Canvas Homepage<\/strong> (800 x 300px, 72dpi, .jpg)<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleB-CanvasHomepageBanner-V4-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4450\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleB-CanvasHomepageBanner-V4-1.jpg\" alt=\"\" width=\"800\" height=\"300\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleB-CanvasHomepageBanner-V4-1.jpg 800w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleB-CanvasHomepageBanner-V4-1-300x113.jpg 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleB-CanvasHomepageBanner-V4-1-768x288.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><\/li>\n<li><strong>Canvas Callout Buttons<\/strong> (Must use template in Box)<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleA-CallOutButtons-V2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4447\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleA-CallOutButtons-V2.jpg\" alt=\"\" width=\"868\" height=\"271\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleA-CallOutButtons-V2.jpg 868w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleA-CallOutButtons-V2-300x94.jpg 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleA-CallOutButtons-V2-768x240.jpg 768w\" sizes=\"auto, (max-width: 868px) 100vw, 868px\" \/><\/a><\/li>\n<\/ul>\n<ol>\n<li><strong>iPad Overlay<\/strong> (Must use template in Box, 1920 x 1080px, 72dpi, .png)<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleA-IpadOverlay-V2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4448\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleA-IpadOverlay-V2.jpg\" alt=\"\" width=\"1920\" height=\"1080\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleA-IpadOverlay-V2.jpg 1920w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleA-IpadOverlay-V2-300x169.jpg 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleA-IpadOverlay-V2-768x432.jpg 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/E316M-StyleA-IpadOverlay-V2-1024x576.jpg 1024w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><br>*Keep the background of this <strong>SIMPLE, SOLID<\/strong> color &#8211; even this example borders on too busy.&nbsp;<br>Remember that a picture-in-picture video of the prof in front of your wall monitor will be overlayed over this.<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h3>7. Create a Powerpoint Template<\/h3>\n<p><span style=\"font-weight: 400;\">Design a custom Powerpoint Template (see: <\/span><a href=\"http:\/\/sites.la.utexas.edu\/kb\/2019\/08\/22\/create-a-custom-powerpoint-template\/\"><span style=\"font-weight: 400;\">Master Slide Tutorial<\/span><\/a>&nbsp;and template in Box<span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">) based on the course design. There are<strong> two<\/strong> basic slide types to create:<\/span><\/span><\/p>\n<ol>\n<li><strong>Title slides&nbsp;<\/strong>should have room for a large, simple title and subtitle. They <em>can<\/em> be full color\/have more design on them because the text is simple.<\/li>\n<li><strong>Content slides&nbsp;<\/strong>should be <span style=\"color: #ff6600;\">very, very plain<\/span> &#8211; a simple branding bar&nbsp;<strong>(must use template in Box)<\/strong>, #fafafa background, and a small splash of color will do. This is where professors will place their bullet points so the design needs to be subdued.<br><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/PPT.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4453\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/PPT.png\" alt=\"\" width=\"1125\" height=\"355\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/PPT.png 1125w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/PPT-300x95.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/PPT-768x242.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/PPT-1024x323.png 1024w\" sizes=\"auto, (max-width: 1125px) 100vw, 1125px\" \/><\/a><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">&#8211; Notice the placeholder that says \u201cPlease don\u2019t put anything here, this is reserved for the live video of the professor\u201d. This is called <\/span><b>person-in-picture (PIP)<\/b><span style=\"font-weight: 400;\">. You can create a placeholder like this while working in Master Slide mode that is only visible in edit mode.<\/span><br><a href=\"https:\/\/utexas.box.com\/s\/4ix5vcfsbtgt9bijdw9rbc15y8dz4wjk\"><span style=\"font-weight: 400;\">Download the PSY 352 template to see<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">9. Create a Final Design Menu<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">When all your designs are finalized, create the full design menu;&nbsp;<strong>StudioCourse-DesignMenu-Template.psd&nbsp;<\/strong>is located in<\/span><span style=\"font-weight: 400;\">&nbsp;\u201c<\/span><a href=\"https:\/\/utexas.app.box.com\/folder\/121362047533\"><span style=\"font-weight: 400;\">Design Menus and Mockups<\/span><\/a><span style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">\u201d.<\/span><\/span><\/p>\n<ul>\n<li>Notice the area for wardrobe design; please show a range of outfit colors that would work well with your digital wall monitor art. Neutrals like black, gray, tan, and no busy patterns usually work well.\n<ul>\n<li>White clothes should NEVER be suggested, they do not look good on camera<\/li>\n<\/ul>\n<\/li>\n<li>We did not create stingers in this tutorial, in <a href=\"https:\/\/fonts.google.com\/specimen\/Roboto+Condensed\">Roboto Condensed<\/a> write &#8220;N\/A&#8221; in the four boxes.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/Template.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4642\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/Template.png\" alt=\"\" width=\"3502\" height=\"2005\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/Template.png 3502w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/Template-300x172.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/Template-768x440.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2020\/08\/Template-1024x586.png 1024w\" sizes=\"auto, (max-width: 3502px) 100vw, 3502px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"font-weight: 400;\">9. Share your final mockups to Basecamp and your blog!&nbsp;<\/span><\/h3>\n<p>Studio graphic specs are subject to change in a case-by-base basis. We are always working to incorporate client requests while learning what looks good on camera.<\/p>","protected":false},"excerpt":{"rendered":"<p>Courses taught in LAITS studios&nbsp; One of the main services LAITS provides is online course production. Studio courses are recorded by the LAITS production team, including Video STAs, Audio STAs, and Design STAs, and are offered to students either live &hellip; <a href=\"http:\/\/sites.la.utexas.edu\/kb\/2020\/08\/28\/4438\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":705,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[200711,34412],"tags":[],"class_list":["post-4438","post","type-post","status-publish","format-standard","hentry","category-basic-trainings","category-online-courses"],"_links":{"self":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/4438","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/users\/705"}],"replies":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/comments?post=4438"}],"version-history":[{"count":36,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/4438\/revisions"}],"predecessor-version":[{"id":8556,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/4438\/revisions\/8556"}],"wp:attachment":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/media?parent=4438"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/categories?post=4438"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/tags?post=4438"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}