{"id":736,"date":"2022-12-14T10:37:22","date_gmt":"2022-12-14T15:37:22","guid":{"rendered":"https:\/\/brie.hunter.cuny.edu\/showcase\/?post_type=portfolio_item&#038;p=736"},"modified":"2026-03-17T14:46:14","modified_gmt":"2026-03-17T19:46:14","slug":"medp-150","status":"publish","type":"portfolio_item","link":"https:\/\/brie.hunter.cuny.edu\/showcase\/index.php\/project\/medp-150\/","title":{"rendered":"MEDPL 150"},"content":{"rendered":"\n<p><strong>MEDPL 150 \u00a0Visual Communication &amp; Interactive Design, Part 1 is one part of a 2-<\/strong> semester sequence that introduces students to the practical fundamentals of visual communication, design, digital graphics and illustration, web design, digital photography, and new media art in a lecture\/lab format<\/p>\n\n\n\n<p><strong>MEDPL 150 Interactive Story<\/strong> <br>Final Project: Click each image below to view work on GitHub<\/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-full\"><a href=\"https:\/\/ehssansakkaki.github.io\/ehssansakkaki\/is01.html\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1344\" height=\"768\" data-id=\"1075\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory.png\" alt=\"Ehssan Sakkaki Interactive Story\" class=\"wp-image-1075\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory.png 1344w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-300x171.png 300w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-1024x585.png 1024w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-768x439.png 768w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-1000x571.png 1000w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-980x560.png 980w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-600x343.png 600w\" sizes=\"auto, (max-width: 1344px) 100vw, 1344px\" \/><\/a><figcaption class=\"wp-element-caption\">Ehssan Sakkaki<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/srader98.github.io\/index.html\/home.html\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"809\" height=\"490\" data-id=\"1076\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/SarahRader_InteractiveStory.png\" alt=\"Sarah Rader Interactive Story\" class=\"wp-image-1076\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/SarahRader_InteractiveStory.png 809w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/SarahRader_InteractiveStory-300x182.png 300w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/SarahRader_InteractiveStory-768x465.png 768w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/SarahRader_InteractiveStory-600x363.png 600w\" sizes=\"auto, (max-width: 809px) 100vw, 809px\" \/><\/a><figcaption class=\"wp-element-caption\">Sarah Rader<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-thumbnail\"><a href=\"https:\/\/salma-garden.github.io\/Website-for-Fall-MEDP-156-2025\/hw10.html\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" data-id=\"1073\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/SalmaGarden_InteractiveStory-150x150.png\" alt=\"Salma Garden Interactive Story\" class=\"wp-image-1073\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/SalmaGarden_InteractiveStory-150x150.png 150w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/SalmaGarden_InteractiveStory-280x280.png 280w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a><figcaption class=\"wp-element-caption\">Salma Garden<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"854\" height=\"430\" data-id=\"1087\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/DeanCarabajo_InteractiveStory.png\" alt=\"\" class=\"wp-image-1087\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/DeanCarabajo_InteractiveStory.png 854w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/DeanCarabajo_InteractiveStory-300x151.png 300w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/DeanCarabajo_InteractiveStory-768x387.png 768w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/DeanCarabajo_InteractiveStory-600x302.png 600w\" sizes=\"auto, (max-width: 854px) 100vw, 854px\" \/><figcaption class=\"wp-element-caption\">Dean Carabajo<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lramon1.github.io\/MEDPLab1\/chooseagain.html\" target=\"_blank\" rel=\" noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"798\" height=\"469\" data-id=\"1072\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/LeslieRamon_InteractiveStory.png\" alt=\"Leslie Ramon Interactive Story\" class=\"wp-image-1072\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/LeslieRamon_InteractiveStory.png 798w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/LeslieRamon_InteractiveStory-300x176.png 300w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/LeslieRamon_InteractiveStory-768x451.png 768w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/LeslieRamon_InteractiveStory-600x353.png 600w\" sizes=\"auto, (max-width: 798px) 100vw, 798px\" \/><\/a><figcaption class=\"wp-element-caption\">Leslie Ramon<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" data-id=\"1084\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/blank_page-150x150.png\" alt=\"\" class=\"wp-image-1084\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/blank_page-150x150.png 150w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/blank_page-280x280.png 280w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/figure>\n<\/figure>\n\n\n\n<p><strong>MEDPL 150 Illustrated Environment assignment<\/strong><br>Using Adobe Illustrator a raster image of an environment is imported asa template for a vector illustration.Employing only three colors, a triad color theme, an illustrated version of a photographic environment is created using all available Illustrator tools.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-4 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/joyceWu.png\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"800\" data-id=\"748\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/joyceWu.png\" alt=\"\" class=\"wp-image-748\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/joyceWu.png 450w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/joyceWu-169x300.png 169w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/joyceWu-315x560.png 315w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><figcaption class=\"wp-element-caption\">Joyce Wu<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/aviellaHolle_IllustratedEnvironment.png\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" data-id=\"738\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/aviellaHolle_IllustratedEnvironment.png\" alt=\"\" class=\"wp-image-738\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/aviellaHolle_IllustratedEnvironment.png 800w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/aviellaHolle_IllustratedEnvironment-300x169.png 300w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/aviellaHolle_IllustratedEnvironment-768x432.png 768w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/aviellaHolle_IllustratedEnvironment-600x338.png 600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption class=\"wp-element-caption\">Aveilla Holle<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/britneyDavila_IllustratedEnvironment.png\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" data-id=\"746\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/britneyDavila_IllustratedEnvironment.png\" alt=\"\" class=\"wp-image-746\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/britneyDavila_IllustratedEnvironment.png 800w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/britneyDavila_IllustratedEnvironment-300x169.png 300w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/britneyDavila_IllustratedEnvironment-768x432.png 768w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/britneyDavila_IllustratedEnvironment-600x338.png 600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption class=\"wp-element-caption\">Britney Davila<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/sophiaBejar_IlustratedEnvironment.png\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" data-id=\"745\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/sophiaBejar_IlustratedEnvironment.png\" alt=\"sophiaBejar_IlustratedEnvironment\" class=\"wp-image-745\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/sophiaBejar_IlustratedEnvironment.png 800w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/sophiaBejar_IlustratedEnvironment-300x169.png 300w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/sophiaBejar_IlustratedEnvironment-768x432.png 768w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/sophiaBejar_IlustratedEnvironment-600x338.png 600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption class=\"wp-element-caption\">Sophia Bejar<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/miraMaxwell_Illusrtated-Environment.png\"><img loading=\"lazy\" decoding=\"async\" width=\"582\" height=\"800\" data-id=\"744\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/miraMaxwell_Illusrtated-Environment.png\" alt=\"\" class=\"wp-image-744\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/miraMaxwell_Illusrtated-Environment.png 582w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/miraMaxwell_Illusrtated-Environment-218x300.png 218w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/miraMaxwell_Illusrtated-Environment-407x560.png 407w\" sizes=\"auto, (max-width: 582px) 100vw, 582px\" \/><\/a><figcaption class=\"wp-element-caption\">Mira Maxwell<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannahChacko_IllustratedEnvironment.png\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" data-id=\"742\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannahChacko_IllustratedEnvironment.png\" alt=\"\" class=\"wp-image-742\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannahChacko_IllustratedEnvironment.png 800w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannahChacko_IllustratedEnvironment-300x225.png 300w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannahChacko_IllustratedEnvironment-768x576.png 768w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannahChacko_IllustratedEnvironment-747x560.png 747w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannahChacko_IllustratedEnvironment-600x450.png 600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption class=\"wp-element-caption\">Hannah Chacko<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/Coco-Lin_Illustrated-Environment.png\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"450\" data-id=\"740\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/Coco-Lin_Illustrated-Environment.png\" alt=\"\" class=\"wp-image-740\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/Coco-Lin_Illustrated-Environment.png 800w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/Coco-Lin_Illustrated-Environment-300x169.png 300w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/Coco-Lin_Illustrated-Environment-768x432.png 768w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/Coco-Lin_Illustrated-Environment-600x338.png 600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption class=\"wp-element-caption\">Coco Lin<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/allyPatino_IllustratedEnvironment-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" data-id=\"747\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/allyPatino_IllustratedEnvironment-1-1024x576.png\" alt=\"\" class=\"wp-image-747\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/allyPatino_IllustratedEnvironment-1-1024x576.png 1024w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/allyPatino_IllustratedEnvironment-1-300x169.png 300w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/allyPatino_IllustratedEnvironment-1-768x432.png 768w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/allyPatino_IllustratedEnvironment-1-1536x864.png 1536w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/allyPatino_IllustratedEnvironment-1-1000x563.png 1000w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/allyPatino_IllustratedEnvironment-1-1800x1013.png 1800w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/allyPatino_IllustratedEnvironment-1-996x560.png 996w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/allyPatino_IllustratedEnvironment-1-600x338.png 600w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/allyPatino_IllustratedEnvironment-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Ally Patino<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p><strong>MEDPL 150 Animated Eye<\/strong><br>Working between Adobe Illustrator and Photoshop, an illustration of an eye is animated.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-3 is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/miraMaxwellEYEGIF.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-id=\"752\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/miraMaxwellEYEGIF.gif\" alt=\"\" class=\"wp-image-752\"\/><\/a><figcaption class=\"wp-element-caption\">Mira Maxwell<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/cocoLinEYEGIF.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" data-id=\"750\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/cocoLinEYEGIF.gif\" alt=\"\" class=\"wp-image-750\"\/><\/a><figcaption class=\"wp-element-caption\">Coco Lin<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannahChacko_AnimatedEye.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"1000\" data-id=\"751\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannahChacko_AnimatedEye.gif\" alt=\"\" class=\"wp-image-751\"\/><\/a><figcaption class=\"wp-element-caption\">Hannah Chacko<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p><strong>MEDPL 150 Photomontage assignment<\/strong><br>Using Adobe Photoshop, various images are combined through the use of masking, layer blend modes, transparency and other Photoshop tools to create a photomontage.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-4 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_A_Photomontage.png\"><img loading=\"lazy\" decoding=\"async\" width=\"731\" height=\"1024\" data-id=\"1068\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_A_Photomontage-731x1024.png\" alt=\"Zharia Venters Version A Photo Montage\" class=\"wp-image-1068\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_A_Photomontage-731x1024.png 731w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_A_Photomontage-214x300.png 214w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_A_Photomontage-768x1075.png 768w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_A_Photomontage-1000x1400.png 1000w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_A_Photomontage-400x560.png 400w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_A_Photomontage-600x840.png 600w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_A_Photomontage.png 1030w\" sizes=\"auto, (max-width: 731px) 100vw, 731px\" \/><\/a><figcaption class=\"wp-element-caption\">Zharia Venters: With Photoshop<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_B_Photomontage.png\"><img loading=\"lazy\" decoding=\"async\" width=\"731\" height=\"1024\" data-id=\"1069\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_B_Photomontage-731x1024.png\" alt=\"Zharia Venters Version B Photo Montage\" class=\"wp-image-1069\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_B_Photomontage-731x1024.png 731w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_B_Photomontage-214x300.png 214w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_B_Photomontage-768x1075.png 768w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_B_Photomontage-1000x1400.png 1000w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_B_Photomontage-400x560.png 400w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_B_Photomontage-600x840.png 600w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/ZhariaVenters_B_Photomontage.png 1047w\" sizes=\"auto, (max-width: 731px) 100vw, 731px\" \/><\/a><figcaption class=\"wp-element-caption\">Zharia Venters: With Illustrator Text<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-5 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/oliviaVerrill_Photomontage.png\"><img loading=\"lazy\" decoding=\"async\" width=\"571\" height=\"800\" data-id=\"754\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/oliviaVerrill_Photomontage.png\" alt=\"\" class=\"wp-image-754\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/oliviaVerrill_Photomontage.png 571w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/oliviaVerrill_Photomontage-214x300.png 214w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/oliviaVerrill_Photomontage-400x560.png 400w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/><\/a><figcaption class=\"wp-element-caption\">Olivia Verrill<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/aviellaHolle_Photomontage-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"572\" height=\"800\" data-id=\"753\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/aviellaHolle_Photomontage-1.png\" alt=\"\" class=\"wp-image-753\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/aviellaHolle_Photomontage-1.png 572w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/aviellaHolle_Photomontage-1-215x300.png 215w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/aviellaHolle_Photomontage-1-400x560.png 400w\" sizes=\"auto, (max-width: 572px) 100vw, 572px\" \/><\/a><figcaption class=\"wp-element-caption\">Avielle Holle<\/figcaption><\/figure>\n<\/figure>\n\n\n\n<p><strong>MEDPL 150 Visual Campaign assignment<\/strong><br>This illustration was an asset for a visual campaign concerning gentrification.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-6 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannah_Gentrification_Illustration.png\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"297\" data-id=\"741\" src=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannah_Gentrification_Illustration.png\" alt=\"hannah_Gentrification_Illustration\" class=\"wp-image-741\" srcset=\"https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannah_Gentrification_Illustration.png 800w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannah_Gentrification_Illustration-300x111.png 300w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannah_Gentrification_Illustration-768x285.png 768w, https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2022\/12\/hannah_Gentrification_Illustration-600x223.png 600w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/a><figcaption class=\"wp-element-caption\">Hannah Chacko<\/figcaption><\/figure>\n<\/figure>\n","protected":false},"excerpt":{"rendered":"<p>MEDPL 150 \u00a0Visual Communication &amp; Interactive Design, Part 1 is one part of a 2- semester sequence that introduces students to the practical fundamentals of visual communication, design, digital graphics and illustration, web design, digital photography, and new media art in a lecture\/lab format MEDPL 150 Interactive Story Final Project: [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":1075,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"portfolio":[2,4],"class_list":["post-736","portfolio_item","type-portfolio_item","status-publish","has-post-thumbnail","hentry","portfolio-animation","portfolio-graphic-design"],"featured_image_urls_v2":{"full":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory.png",1344,768,false],"thumbnail":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-150x150.png",150,150,true],"medium":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-300x171.png",300,171,true],"medium_large":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-768x439.png",768,439,true],"large":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-1024x585.png",930,531,true],"1536x1536":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory.png",1344,768,false],"2048x2048":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory.png",1344,768,false],"featured":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory.png",1344,768,false],"featured@2x":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory.png",1344,768,false],"featured-small":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-1000x571.png",1000,571,true],"recent-thumbnail":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-345x192.png",345,192,true],"recent-thumbnail-retina":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-690x384.png",690,384,true],"woo-featured":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-280x280.png",280,280,true],"entry-cover":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory.png",1344,768,false],"entry-cover@2x":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory.png",1344,768,false],"loop":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-950x320.png",950,320,true],"portfolio-scroller-widget":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-980x560.png",980,560,true],"portfolio_item-thumbnail":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-600x400.png",600,400,true],"portfolio_item-masonry":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-600x343.png",600,343,true],"portfolio_item-thumbnail_wide":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-1344x600.png",1344,600,true],"portfolio_item-thumbnail_wide_cinema":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-1344x750.png",1344,750,true],"portfolio_item-thumbnail_cinema":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-800x335.png",800,335,true],"portfolio_item-thumbnail_portrait":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-600x768.png",600,768,true],"portfolio_item-thumbnail_square":["https:\/\/brie.hunter.cuny.edu\/showcase\/wp-content\/uploads\/2026\/02\/EhssanSakkaki_InteractiveStory-800x768.png",800,768,true]},"post_excerpt_stackable_v2":"<p>MEDPL 150 \u00a0Visual Communication &amp; Interactive Design, Part 1 is one part of a 2- semester sequence that introduces students to the practical fundamentals of visual communication, design, digital graphics and illustration, web design, digital photography, and new media art in a lecture\/lab format MEDPL 150 Interactive Story Final Project: Click each image below to view work on GitHub Ehssan Sakkaki Sarah Rader Salma Garden Dean Carabajo Leslie Ramon MEDPL 150 Illustrated Environment assignmentUsing Adobe Illustrator a raster image of an environment is imported asa template for a vector illustration.Employing only three colors, a triad color theme, an illustrated version&hellip;<\/p>\n","category_list_v2":"","author_info_v2":{"name":"Daniel Jo","url":"https:\/\/brie.hunter.cuny.edu\/showcase\/index.php\/author\/daniel\/"},"comments_num_v2":"0 comments","_links":{"self":[{"href":"https:\/\/brie.hunter.cuny.edu\/showcase\/index.php\/wp-json\/wp\/v2\/portfolio_item\/736","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brie.hunter.cuny.edu\/showcase\/index.php\/wp-json\/wp\/v2\/portfolio_item"}],"about":[{"href":"https:\/\/brie.hunter.cuny.edu\/showcase\/index.php\/wp-json\/wp\/v2\/types\/portfolio_item"}],"author":[{"embeddable":true,"href":"https:\/\/brie.hunter.cuny.edu\/showcase\/index.php\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/brie.hunter.cuny.edu\/showcase\/index.php\/wp-json\/wp\/v2\/comments?post=736"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brie.hunter.cuny.edu\/showcase\/index.php\/wp-json\/wp\/v2\/media\/1075"}],"wp:attachment":[{"href":"https:\/\/brie.hunter.cuny.edu\/showcase\/index.php\/wp-json\/wp\/v2\/media?parent=736"}],"wp:term":[{"taxonomy":"portfolio","embeddable":true,"href":"https:\/\/brie.hunter.cuny.edu\/showcase\/index.php\/wp-json\/wp\/v2\/portfolio?post=736"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}