{"id":702,"date":"2023-07-25T21:44:06","date_gmt":"2023-07-26T01:44:06","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/?p=702"},"modified":"2023-07-25T21:57:14","modified_gmt":"2023-07-26T01:57:14","slug":"graphics-and-effects","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/2023\/07\/25\/graphics-and-effects\/","title":{"rendered":"Graphics and Effects"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>Principals of graphics<\/strong><\/h2>\n\n\n\n<p><strong>Aspect Ratio<\/strong><\/p>\n\n\n\n<p>Aspect Ratio describes the basic shape of the television screen.<\/p>\n\n\n\n<p>4&#215;3 SD<\/p>\n\n\n\n<p>16&#215;9 HD<\/p>\n\n\n\n<p>Regardless of the Aspect Ratio all the important information needs to be in the action safe area or title safe area.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-content\/uploads\/sites\/3177\/2023\/07\/4x3_16x9_Vergleich_Sehfeld-4x3_16x9_comparision_field_of_vision-1024x576.jpg\" alt=\"\" class=\"wp-image-733\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-content\/uploads\/sites\/3177\/2023\/07\/4x3_16x9_Vergleich_Sehfeld-4x3_16x9_comparision_field_of_vision-1024x576.jpg 1024w, https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-content\/uploads\/sites\/3177\/2023\/07\/4x3_16x9_Vergleich_Sehfeld-4x3_16x9_comparision_field_of_vision-300x169.jpg 300w, https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-content\/uploads\/sites\/3177\/2023\/07\/4x3_16x9_Vergleich_Sehfeld-4x3_16x9_comparision_field_of_vision-768x432.jpg 768w, https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-content\/uploads\/sites\/3177\/2023\/07\/4x3_16x9_Vergleich_Sehfeld-4x3_16x9_comparision_field_of_vision-1536x864.jpg 1536w, https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-content\/uploads\/sites\/3177\/2023\/07\/4x3_16x9_Vergleich_Sehfeld-4x3_16x9_comparision_field_of_vision.jpg 2048w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption class=\"wp-element-caption\">https:\/\/upload.wikimedia.org\/wikipedia\/commons\/e\/ea\/4x3_16x9_Vergleich_%28Sehfeld%29-4x3_16x9_comparision_%28field_of_vision%29.jpg<\/figcaption><\/figure>\n\n\n\n<p><strong>Action Safe \/ Title Safe Area<\/strong><\/p>\n\n\n\n<p>Is centered within the TV screen.<\/p>\n\n\n\n<p>All important information must be contained in the action safe area.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"411\" src=\"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-content\/uploads\/sites\/3177\/2023\/07\/Title-Safe-Action-Safe.jpg\" alt=\"\" class=\"wp-image-732\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-content\/uploads\/sites\/3177\/2023\/07\/Title-Safe-Action-Safe.jpg 1000w, https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-content\/uploads\/sites\/3177\/2023\/07\/Title-Safe-Action-Safe-300x123.jpg 300w, https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-content\/uploads\/sites\/3177\/2023\/07\/Title-Safe-Action-Safe-768x316.jpg 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><\/figure>\n\n\n\n<p><strong>Graphics must have readability<\/strong><\/p>\n\n\n\n<p>Must make sure the lettering is readable.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use fonts that are big and bold.<\/li>\n\n\n\n<li>Arrange area in blocks.<\/li>\n\n\n\n<li>Use bright colors against subtle and desaturated backgrounds.<\/li>\n<\/ul>\n\n\n\n<p><strong>Animated Graphics<\/strong><\/p>\n\n\n\n<p>To capture the viewer&#8217;s attention animate titles. Example, make the title zoom in or out, or crawl sideways across the screen etc.&nbsp;<\/p>\n\n\n\n<p><strong>Title Sequences<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Breaking Bad, Full Title Sequence\" width=\"525\" height=\"295\" src=\"https:\/\/www.youtube.com\/embed\/TDFAYRtrYuk?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>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Mad Men opening credits HD\" width=\"525\" height=\"295\" src=\"https:\/\/www.youtube.com\/embed\/3JmGxMafuAQ?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>\n<\/div><\/figure>\n\n\n\n<p><strong>Standard Video Effects<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Superimposition &#8211; Overlay of two images at the same time.<\/li>\n\n\n\n<li>Wipes &#8211; One image replaces the other, there are many styles such as a vertical or horizontal wipe.<\/li>\n\n\n\n<li>Chroma Key or Green-Screen Technique<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Visual effects vs. Special effects.<\/strong><\/h2>\n\n\n\n<p>Special effects and visual effects are often conflated, but they are different. While there are further subcategories, special effects are often practical, meaning that they are artificially created on set (for example, a controlled explosion in an action scene). Visual effects, on the other hand, are created in post-production or the editing bay.<\/p>\n\n\n\n<p>Special effects often require specialized equipment, trained professionals, and careful choreography, which can be challenging for many new filmmakers. Visual effects, on the other hand, open boundless visual possibilities to a filmmaker, the only limit being technical competence and creative vision.<\/p>\n\n\n\n<p><strong>Green Screen<\/strong><\/p>\n\n\n\n<p>This word technically refers to the colorful backdrop you desire to make translucent and eliminate from an image. This is often a single-colored backdrop, which can be any hue but is commonly bright green because it is the color most contrasting to human skin tones. (Blue screens were widely employed in the early days of film and may still be utilized in some cases.)&nbsp;<\/p>\n\n\n\n<p><strong>Chroma Key<\/strong><\/p>\n\n\n\n<p>This widely recognized phrase is synonymous with green screen. It is the process of layering or composing multiple images depending on color hues. Green or Blue backgrounds are replaced by the keyed background image.<\/p>\n\n\n\n<p>Chroma Keys are often used to simulate backgrounds. Additionally, users may utilize the tool to eliminate a certain color from a picture or video, allowing the clip&#8217;s erased segment to be replaced with an alternative visual.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Ask The Meteorologist: How Does The Green Screen Work?\" width=\"525\" height=\"295\" src=\"https:\/\/www.youtube.com\/embed\/E7543VyHYf4?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>\n<\/div><\/figure>\n\n\n\n<p><strong>Computer-generated imagery or CGI<\/strong>&nbsp;<\/p>\n\n\n\n<p>Is a large portion of what we perceive as the 3D computer graphics of video games, movies, and TV shows. CGI can create characters, scenes, backgrounds, special effects, and entire animated films. In a film project, computer-generated images are part of the visual effects or VFX department.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Top Amazing Work in movies (VFX) (CGI) before and after shot\" width=\"525\" height=\"295\" src=\"https:\/\/www.youtube.com\/embed\/kqS3PzwA2w0?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>\n<\/div><\/figure>\n\n\n\n<p><strong>Virtual Production \/ Unreal Engine<\/strong><\/p>\n\n\n\n<p>Virtual production blends real and virtual filming techniques to generate cutting-edge media. Teams employ real-time 3D engines (game engines) to create photorealistic sets, which are then shown on giant LED walls behind actual sets utilizing the game engines&#8217; real-time rendering capabilities. The cameras are synchronized with the game engines to improve realism and depth of view. Virtual production teams can create virtual worlds and characters to be displayed on large LED screens.<\/p>\n\n\n\n<p><br>Virtual cameras and green screen live compositing give contributors a window into virtual environments, allowing them to see precisely what they are capturing. LED walls show directors and performers what the set looks like, both visually and in-camera. (There are two key advantages to having images projected on LED displays behind the actors: the lighting it casts on the front set and actors is more realistic, and the actors can respond to the scene more genuinely.)<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Why &#039;The Mandalorian&#039; Uses Virtual Sets Over Green Screen | Movies Insider\" width=\"525\" height=\"295\" src=\"https:\/\/www.youtube.com\/embed\/Ufp8weYYDE8?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>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"has-medium-font-size\"><strong>See how a short film called Evenveil utilizes VFX.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Amazing VFX Fantasy Short Film | Evenveil\" width=\"525\" height=\"295\" src=\"https:\/\/www.youtube.com\/embed\/zSTP_uJa8-E?start=197&#038;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>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"The Making of Evenveil\" width=\"525\" height=\"295\" src=\"https:\/\/www.youtube.com\/embed\/t378yddYPis?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>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Principals of graphics Aspect Ratio Aspect Ratio describes the basic shape of the television screen. 4&#215;3 SD 16&#215;9 HD Regardless of the Aspect Ratio all the important information needs to be in the action safe area or title safe area. Action Safe \/ Title Safe Area Is centered within the TV screen. All important information &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/2023\/07\/25\/graphics-and-effects\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Graphics and Effects&#8221;<\/span><\/a><\/p>\n","protected":false},"author":7573,"featured_media":705,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[12],"tags":[],"class_list":["post-702","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-weekly-units"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-json\/wp\/v2\/posts\/702","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-json\/wp\/v2\/users\/7573"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-json\/wp\/v2\/comments?post=702"}],"version-history":[{"count":19,"href":"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-json\/wp\/v2\/posts\/702\/revisions"}],"predecessor-version":[{"id":748,"href":"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-json\/wp\/v2\/posts\/702\/revisions\/748"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-json\/wp\/v2\/media\/705"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-json\/wp\/v2\/media?parent=702"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-json\/wp\/v2\/categories?post=702"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/vat-100-intro-to-video-technology-fall23-singletary\/wp-json\/wp\/v2\/tags?post=702"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}