I chose to create website/portfolio for my final project. I really enjoyed working with CodeSandbox and chose to make that the focus of my project. The image on the index page was done in Adobe Illustrator and the rest were done using a combination of Adobe Photoshop and Adobe Fresco. Building the website was the most rewarding part of the project for me.
Software, coding/programming languages: HTML, CSS, Photoshop, After Effects
Description: In New York City, where the subways keep the city moving, there’s a big problem: More and more people are losing confidence in the subway system, which needs improvement. The goal of this website is to emphasize the importance of safety precautions and increase commuter confidence in New York City’s subways
I use Photoshop to create a logo and After Effects to create an animation for a public service announcement.
I designed the logo with a NYC subway image on one side and a peace symbol on the other. The background features the NYC skyline, and I chose bright and bold colors to symbolize the city’s diversity. I chose a classic bass melody sound for the animation symbolizing NYC jazz music.
Media/Software: I used Adobe Illustrator to create all the images and codesandbox for the HTML,CSS, and JavaScript.
My goal was to create a comic book with working turning pages. It was just a short story for a quick laugh. It’s about an alien, who despises the earth, yet always seems to find his way back to it during his journeys.
MP100 | FINAL PROJECT STATEMENT Title: Frogs go to the museum comic Semester/Year: Spring 2024 Software, coding/programming languages: HTML, CSS, Adobe Photoshop, Adobe Illustrator I chose to create a webcomic of two frogs going to the New York Museum of Natural History. I created a surreal and funny tone for the whole comic. The frogs experience frog history at the museum, and the two frogs see some modern art and learn about Axolotl’s. The goal of the comic was to create a comical and funny story. I chose to use images and text to create the comic this was the obvious choice for a comic it also allowed me the most freedom to achieve my creative vision. Considering the limitations I have in terms of time and resources, it would be impossible to create the story that I did in any other medium, so images and text were the obvious choices. I used photos of real places and things and edited them using other photos to create a sort of combined composition to create the necessary scenes to convey my story, including texts. All of this was possible within Adobe Photoshop i also used an image I had created from a previous work and added it to the comic this image, the Obey Frog poster, was created in Adobe Illustrator. All of the images were embedded into a website I created. I created the website using the p5 editor. The site was created to give the reader of the webcomic a book-like feeling, with each page consisting of a comic image and a “next” button leading to the next page i also added a home button to lead the reader. Back to the first page, I also added a simple tidal page with the tidal of the comic and a “start” button. I used CSS to style the first page as well. I hope people will find the web comic funny and the sarcastic sense of humor funny. I found the coding originally somewhat difficult, but I was able to achieve the goals I wanted to achieve for this project. I watched YouTube videos and videos posted by my teacher from a multimedia class. This helped me learn the necessary coding language to create this webcomic. With Adobe Photoshop and Adobe Illustrator, I used the same class videos to learn how to crop and mask images into my Photoshop files. I also used YouTube to find tutorials to help delete aspects of the images I was working with, such as the banners in the outside shot of the museum. It was necessary to remove some parts of the original images to make room for my additions. I did the same for the Obey Frog poster, which I added to page 6. The function was content-aware fill. For my Adobe Illustrator image, I needed to find out how to create mirror images of the shapes I used to create the poster. I used YouTube to find tutorials on how to do this as well. —————————————————————————————————————————- “Museum Entrance” by Anthony Auston. CC BY-NC 2.0 Deed.Flicker.July 28, 2009.https://www.flickr.com/photos/anthonylibrarian/3774307040/
“David LaChapelle – “Once in the Garden”” by Walter Lustig. C All rights reserved. Flickr. June 6, 2014.https://www.flickr.com/photos/41223208@N00/14359764124/in/photostream/
“Ignorance is not bliss” by robert7. CC BY-SA 2.0 Deed.Flickr. July 3, 2007. https://www.flickr.com/photos/robert7/708451204/
“Frog Back” by Stephanie Wallace.CC BY-NC-ND 2.0 Deed.Flickr. June 14, 2008. https://www.flickr.com/photos/wishymom/2578153287/
“Southern Leopard Frog -215” By VinceFL. CC BY-NC-ND 2.0 Deed. Flickr.August 28, 2013. https://www.flickr.com/photos/vlopresti1964/9612200398/
“Gros, Antoine-Jean, baron – Napoleon Bonaparte on the Bridge at Arcole” By Hermitage. C public domain.picryl.com. 1700 – 1799. https://picryl.com/media/gros-antoine-jean-baron-napoleon-bonaparte-on-the-bridge-at-arcole-f8 c179
“Amazonian horned frog” By Santiago Ron.CC BY-ND 2.0 Deed.Flickr. March 25, 2009. https://www.flickr.com/photos/tiagoron/3385110196/
“Manipulation-game” By James Gray-King. CC BY-NC 2.0 Deed.Flickr.December 10, 2007.https://www.flickr.com/photos/jamesgrayking/2101370483/
“Axolotl” By Giulia van Pelt.CC BY-NC-ND 2.0 Deed.Flickr. August 19, 2012 .https://www.flickr.com/photos/giuvanpelt/7814553014/
“Salita door DAM(3a)” by Regan Vercruysse.CC BY-NC-ND 2.0 Deed.Flickr November 7, 2022. https://www.flickr.com/photos/rverc/52485389258/
“Colombia: Pool-Side Toad at the Mahatu Hostel in Leticia” by Eli Duke. CC BY-SA 2.0 Deed. Flickr. June 8, 2011. https://www.flickr.com/photos/elisfanclub/6814982905/in/photostream/
“White-lipped Tree Frog” by Leonora (Ellie) Enking. CC BY-SA 2.0 Deed.Flickr. April 2, 2009. https://www.flickr.com/photos/33037982@N04/3407383829/in/photostream/
“Obey Frog” By Angel Borbon. No copyright.5/12/24 (original work by me)
For my final project i recored a series of podcasts of myself about the world of bizarre and unique foods from around the globe. i put them together on a website. I edited the audio with Audacity and created the website using HTML and CSS on the code Sandbox platform.
all the songs the used in my podcast created by-
Walking through the urban pedestrian food street near the NewYear by lastraindro. April 24th, 2024 Freesound.org https://freesound.org
Market in a small village, calling, motorcycle, horns, people, speaker by Virgile_Loiseau
For my final project, I recorded a series of interviews and put them together on a website. I edited the audio with Audacity and created the website using HTML and CSS on the Code Sandbox platform.
All audio was created by the author. (Or use citations)
The first idea I had when thinking of animating the emotion anger was this angry saw thing. For my final, I created backgrounds for more detail and chose red and black to give the saw more character than the standard grey saw. A lot of work for 13 seconds of footage, but I’m really happy with my first attempt using all these tools. I also configured opacity, scales, positions and rotations to really emphasize the anger I’m trying to show.
I decided to make a podcast about favorite sounds in nature and introduced myself. For my final I tried to continue my focus on equaling out the volumes of each different clip. I used fade in’s and out’s and played around with some noise gates. I combined 5 different audio clips and some background music
