York College CT101 Students GIF the Portrait – March 2018
My CT101 Digital Storytelling students rocked a series of digital portrait manipulations learning the ins and outs of image manipulations with Adobe photoshop. Many of the students are first time users of photoshop. What better way to experiment with something new than to work with a subject that inspires you?
Students were asked, who inspires you and why? Tell us about your connection to this person and how they influence and motivate you. They were asked to write individual blog posts for the class website over at ct101.us about their experiences and also working with photoshop.
The end results: each student produced a series of manipulated images and brought them together to form a stop motion animation. This brought the static to life so that basic animation skills were also learned.
We then submitted one single frame from the series to produce a collaborative portrait animation for the popular GIF the Portrait project here on the Net Art site for the commons.
Im happy to finally publish and share some of the results generated from the fall semester of 2017. The works were submitted by my CT101 -Digital Storytellingstudents at York College specifically for the NET-ART website on the Commons. Both sections of the course contributed to two collaborative projects. The process for these pieces are generated quickly in an energy of immediacy as students were asked to work intuitively to generate their results. Part of the process is to simply ALLOW what one feels creatively impulsed to do, and not block or judge the process as good or bad. It is not an easy feet in a world where we have so much control over the way we use, receive and send communication via our mobile devices. Students suspended their judgements and engaged in the curation, composing, expressing and publishing of their works using various web tools for both desktop and mobile. These are the first iterations where results were produced. We used these pieces as the stepping stones of assessment and contrast.
1. Above, students experimented with creating Vapor Wave style net-art works using selected fragments of Internet culture, graphic assets and digital media from the web. Multiple skill sets were learned and applied. Both Desktop and mobile applications were experimented with (all of which can be found here on this website). The Vapor Wave pieces were contributed by students after screen recording their work using quicktime and converting the short videos into animated GIFs. It was decided upon by the class to show the works in a slide show format.
2. Below, Students participated in the GIF the Portrait project by first creating individual portrait GIFS. They were then asked to extract one frame from the sequence of manipulated frames that makes up the whole animation. They worked from people (fictional characters included) that inspired them. Students had to alter each portrait and remove the background contents to create a collaborative sequence of layers in a constant flow of change and transition…with no time delays of course.
Both projects are an introduction to converting static images into motion graphics and animations. Once you start, you can never stop!
Would you or your class like to participate in a project on the Net-Art site? Get in touch – email@example.com
CUNY QCC 2D Design Students “GIF the Portrait” for the NET-ART website.
One of the final projects in our foundation 2D design class here at CUNY QCC is a multi-fragmented modular project. It puts a display on the various skill sets acquired through out the semester. With the exception of turning the static exercises into motion graphics. The GIF the Portrait project is a public project that was created on one of my first tumblr blogs (you can view the tumblr archive here) a few years ago. It has grown and expanded over the last 3.5 years into a great ongoing diverse archive of animated GIFs. There are so many ways to put one’s own spin on things, especially in the “how”one may animate a portrait. In this context below, lets put an emphasis on starting with one.
How did we GIF this static Portrait of Pablo?
My QCC 2D design class indulged in the re-organization of a portrait project by using a headshot. The class selects one portrait (or 2 to create a hybrid image) and works with it as its subject. Like many of the previous classes before this one, the class chose none other than Mr. Picasso. Of course Picasso has great context with our foundation art course as his presence was strong in the technique of being one of the main creators of the collage technique, creating variations and constantly reinventing his work. The idea of using a portrait can easily be applied for other courses as it comes down to who inspires you and why? The project executes itself as a full class collaboration and online presentation. I am happy to share the student work and outcomes here on the Net Art website. This blog post serves as a tutorial and iteration for how you may get started participating. Are you an individual student or faculty member who wants to create your own version? Or perhaps you wish to use the project as a part of your up and coming class curriculum? I am happy to help answer questions and also facilitate the project if you wish. Get in touch.
What you see above is actually a stop motion animation consisting of 22 individual frames all sized at the same dimensions of 8.5″ X 11″. This part is important.
For the actual animation we used the ImgPlay app that is available here via iOS or Android
Its a great app that allows first time GIF makers or those interested in creating animations to get their feet wet! The app has several features and capabilities including output to both .gif and .mov video in small, medium and large file formats. This makes it easy to share the works on various web platforms and social media outlets.
Re-organizing the Composition and applying Variety – The steps:
Objectives: Re-organization of a representational image by generating a new series of non-representational variations.
Materials: X-acto knife, pair of scissors, glue sticks, multiple photo-copies of the image above. (You can play with lightness and darkness for print output if you wish to see more value contrasts in the animation.) If you are using an X-acto knife rather than a scissors for cutting the photocopies, a self-healing cutting matte is recommended (if you have one, if not, cardboard works).
Size: Each new iteration should be sized at 8.5” X 11” for a smooth output.
1. Collect 5 or more of your photocopies.
2. Begin cutting and fragmenting the images into several pieces and parts by showing different shapes and form variations (see the image above).
3. Arrange and organize your pieces and parts by recomposing a diverse series of new compositions. Finalize the artworks by pasting down your pieces into place. You may work directly on one of the un-cut versions of the original image if it helps you keep with in the sizing format. The outcomes should be subjective and show variation in style and composition.
4. Gather all of the completed new works and lay them on top of each other. Photograph each completed artwork one at a time in the same position – remember keep them all at the same size (the viewfinder on a mobile device works very well!)
5. Download and open the ImgPlay app and add the images in the sequence that you would like to see. Toggle the animation speed and save your files – The App is available here via iOS or Android
6. Send your outcomes here! We would love to showcase your individual, class & student work in our growing archive of cross CUNY campus participants.