{"id":1634,"date":"2023-12-18T05:18:01","date_gmt":"2023-12-18T05:18:01","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/?p=1634"},"modified":"2023-12-18T05:23:56","modified_gmt":"2023-12-18T05:23:56","slug":"webcomic-final-project","status":"publish","type":"post","link":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/2023\/12\/18\/webcomic-final-project\/","title":{"rendered":"Webcomic Final Project"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"905\" height=\"1024\" src=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-content\/uploads\/sites\/3276\/2023\/12\/Screen-Shot-2023-12-18-at-12.04.55-AM-905x1024.png\" alt=\"\" class=\"wp-image-1635\" srcset=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-content\/uploads\/sites\/3276\/2023\/12\/Screen-Shot-2023-12-18-at-12.04.55-AM-905x1024.png 905w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-content\/uploads\/sites\/3276\/2023\/12\/Screen-Shot-2023-12-18-at-12.04.55-AM-265x300.png 265w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-content\/uploads\/sites\/3276\/2023\/12\/Screen-Shot-2023-12-18-at-12.04.55-AM-768x869.png 768w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-content\/uploads\/sites\/3276\/2023\/12\/Screen-Shot-2023-12-18-at-12.04.55-AM-1358x1536.png 1358w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-content\/uploads\/sites\/3276\/2023\/12\/Screen-Shot-2023-12-18-at-12.04.55-AM-1568x1774.png 1568w, https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-content\/uploads\/sites\/3276\/2023\/12\/Screen-Shot-2023-12-18-at-12.04.55-AM.png 1697w\" sizes=\"auto, (max-width: 905px) 100vw, 905px\" \/><\/figure>\n\n\n\n<p><a href=\"https:\/\/final-project.chloemkleid.repl.co\/index.html\" data-type=\"link\" data-id=\"https:\/\/final-project.chloemkleid.repl.co\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\">Link to website<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/replit.com\/@chloemkleid\/Final-Project#third.html\" data-type=\"link\" data-id=\"https:\/\/replit.com\/@chloemkleid\/Final-Project#third.html\" target=\"_blank\" rel=\"noreferrer noopener\">Link to code<\/a><\/p>\n\n\n\n<p>Title: Sea Star Comic<\/p>\n\n\n\n<p>Semester\/Year: Fall 2023<\/p>\n\n\n\n<p>Software, coding\/programming languages: After Effects, Photoshop, HTML<\/p>\n\n\n\n<p>For my final project I decided that I would try to make a webcomic hosting site. I looked at some people\u2019s websites for their comics for ideas for the website layout, which is how I decided where to put the navigation bar, which I made more intuitive by making the clickable elements (the arrows) get bigger when you hover your mouse on them. The story itself is not complete and the artwork isn\u2019t polished or colored but I hope that a story is still told. The cover page is animated in After Effects, and the drawings were made by me in Photoshop. To make the animation I drew all the elements (the background, the star, and the bubbles) separately and then imported them into AE. Then I moved the star and bubbles around a bit and then exported the video as a GIF. I had to downsize the GIF by a lot since the real thing ended up being an entire gigabyte. Overall it was pretty neat to see what a hypothetical webcomic website would look like if I ever decided to make one. If I had more time I would have added a home page or something similar which could be accessed by clicking the star in between the arrows.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Link to website Link to code Title: Sea Star Comic Semester\/Year: Fall 2023 Software, coding\/programming languages: After Effects, Photoshop, HTML For my final project I decided that I would try to make a webcomic hosting site. I looked at some people\u2019s websites for their comics for ideas for the website layout, which is how I&hellip; <a class=\"more-link\" href=\"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/2023\/12\/18\/webcomic-final-project\/\">Continue reading <span class=\"screen-reader-text\">Webcomic Final Project<\/span><\/a><\/p>\n","protected":false},"author":7891,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"portfolio_post_id":0,"portfolio_citation":"","portfolio_annotation":"","openlab_post_visibility":"","footnotes":""},"categories":[9],"tags":[],"class_list":["post-1634","post","type-post","status-publish","format-standard","hentry","category-final-project","entry"],"_links":{"self":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/posts\/1634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/users\/7891"}],"replies":[{"embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/comments?post=1634"}],"version-history":[{"count":2,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/posts\/1634\/revisions"}],"predecessor-version":[{"id":1637,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/posts\/1634\/revisions\/1637"}],"wp:attachment":[{"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/media?parent=1634"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/categories?post=1634"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/openlab.bmcc.cuny.edu\/mmp-100-fall-2023\/wp-json\/wp\/v2\/tags?post=1634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}