Tag: tutorial

Week #8

Welcome back Everyone!

Lets re-cap week #7 – https://art642.com/gifs/week-7-animation-gifs-net-art/

The GIF the portrait project is currently being worked on by 4 different colleges in NY/NYC at the moment, we will be contributing the larger whole.

Did you submit your Single Frame? Need a re-cap? Read on below, but first this:



This is my current roster (below) of go-to mobile apps for digital art making. Mobile apps have come a long way. Many of them have the ability to cross synchronize with popular desktop applications as well as produce high resolution and large file output (both static and video).

Most of these apps are not free, but, they are well worth the small investment (all of which are under $5.00)

Our Class Resources page hosts a list of apps that can be explored, lets download one or two and apply some of the works that we have generated thus far in our class. Lets talk about mobile file formats and how to output GIF files to Video files, and Video files to GIF files. Lets apply a “screen recording” process and cross synthesize our works to create various new textures, filters and visual effects.

Tutorial time.


Did you submit your Single Frame? Need a re-cap? Read on below, but first:

A few weeks ago we began the collaborative GIF the Portrait Project. Working with the digital version of the project, students continue learning the basics of adobe photoshop and generated their individual portrait animations. Students that were present in class left our class session with their first GIF created from scratch using photoshop.

Lets review the first part of the project as I will need for you to submit a single frame to me via email – ryan@ryanseslow.com (or my LIU e-mail) – to get our collaboration underway.

  1. Use your own portrait! (OK, if not then..) Use an Internet search to find a Portrait of someone who inspires, motivates or has an impact on your life. Be sure to find a head shot that clearly captures your subject without chopping off a part of their head, hair, ear or face. Selecting a large or medium image will work best!

*Pro Tip – Find an image that looks similar to this one below. The image size that you will be submitting for the group collaboration will be sized at 8.5″ inches wide X  11″ inches high.

2. If you cant find an image of your preferred subject that looks similar to this example, then you may be able to “crop” the image in photoshop. You can then copy and paste the image back into the photoshop (.psd) document. (See video Below).

3. Open Adobe Photoshop and select FILE -> New – Set up your document to be 8.5 inches Wide X 11 inches High – Make sure the background Contents is set to “Transparent”. Click OK.

Your blank 8.5 inch X 11 inch document will look like this below.

Watch the short video below on how to open and place your Image into the photoshop document, scale it smaller and save it.

You can now alter and manipulate the image using some of the Filters (play with them, there are many ways to alter the original image)

**Send only 1 frame to me as a .JPEG file via e-mail here – Ryan@ryanseslow.com


ALSO – *Homework: What new media Artists, new media websites or individual new media based art works are inspiring you? These can also be blogs or online platforms – which ones do you resonate with? Why are these sites / blogs important? Explore and prepare to share a list of at least 2-3 URLS to bring into class on 3/28. We will be viewing and sharing a series of these in class.


A Digital to Applied & Back to Digital – Zine! 4/10/18

Tuesday 4/10 ‘s class will be a ZINE-making Workshop!

Lets gather some of our work and discover with how we can re-compose, transform and re-apply the digital works we have been creating this semester. Lets explore converting the digital into print media and applied collage works.

Lets make a ZINE! Of course you can make your own, but the class will collaborate on one as well. Both a printed version and a digital one for out class website. (Check out what students did last year and over the summer here)

At this point of the semester we have created a series of images and various works both static and animated.

I would like for you extract a series of still frames from the animated works that have been created.

An example of this would the gif that you see below. It is collage I made using Newhive. It consists of several graphic assets. I took a screen shot of the image (on the mac keyboard you can press the Command Key, the Shift Key and the #3 key (in that order) to take a screen shot of your work space on screen) this will produce a still frame of the entire screen. (see below this gif)

The screen shot will look like this above at first. Open the file in photoshop and crop away what is not needed. See the example below to follow along.

We have access to good printer in our classroom that allows for 11″x17″ print out put. We will explore this and crop our images into the Zine size of 8.5″ X 11″

The Tools of the cut N’ paste trade are below:  Please bring these items to class next week! You will need them for sure. (I also have extra to share if you don’t have them)

Newhive Net-Art to .Mov & GIF works

Newhive Net-Art to .Mov & GIF works

Last week we discussed how to convert our Newhive Net-Art digital collages into Video files and Animated GIFs.

Do you need a refresher on this?

Go here to view the video tutorial on Newhive – https://art642.com/gifs/video-tutorials-with-newhive-quicktime-screen-recording/

This week in class lets present our work and discuss our presentation options.

Students should be prepared to show 3-5 individual pieces created using Newhive and talk about their process. These pieces can be shown on the Newhive website but ultimately they should now be individual .Mov files screen recorded using Quicktime (as discussed in the tutorial above).

The .Mov files can be presented and “looped”using Quicktime as a presentation method. This is simply one way to show the works. However, what if you want to archive the works and show them on various platforms like a self-hosted website like Art642.com? (And we will! A Student GIF Exhibition Page has been created here, we must fill it up with our work!)

Social media platforms like Instagram will support a .Mov file and loop it for its users. This is a great feature! Do you have an Instagram account? If not, why not create one for this class and the sake of having an online method to showcase the video files in .Mov format?

Perhaps you will create the Instagram account for the sake of having a solo exhibition of those works exclusively? This becomes a concept in and of itself. (Will discuss more on this in class) and a way to promote your work in a new and conceptual way. Plus you are leveraging and hacking the app for usage based on YOUR customization.

Converting Quicktime .Mov files to animated .gif files.

Quicktime .Mov files can be very large. Most screen recordings are full sized unless you specify otherwise. Even when one does this, the files are often bigger than they need to be for converting them to .gif files.

(Remember .gif file will only animate when they are powered by a web browser, web browser technology or in a chat application like iMessage or whatsapp) 

Quicktime allows for you to Export your works at a smaller size like 720px or 480px. These sizes will make it easier for .mov conversions to .gif files. You can do this easily using adobe photoshop or by sending the .Mov file to your smart phone and using the ImgPlay App (This is APP is EXCELLENT for converting between both formats and at various sizes.)

Once your Newhive .Mov files are converted to .gif files I would for you to e-mail to me your BEST 2-3 GIFs for our Class GIF Exhibition on this website.

Send to Ryan at ryanseslow.com



Zinester 101

How to become a Zinester



This was my first attempt making pages for the class zine. I took a copy of a drawing and then printed another image on top of it which I had used in a gif experiment. I played around with different sizes for the heart before deciding on this composition.



For this page, I took 4 screenshots of my gif that was made using the ultrapop app of an old ink drawing which was later manipulated in giphy cam. I added two cropped images from a ink drawing on the left and a painting on the right of hair details. I wanted to give the background texture. I also included a repeated b&w image from a cd insert to add a sense of movement and contrast against the bright colors echoed with the image the left.



The backdrop is also a screenshot from a motion portrait gif I posted here earlier. I found ripping the edges of the images made it easier for me to blend the images together into one piece. I added the text from a magazine copy and cd insert tracklist. The raven drawings were also screenshots from a gif.



I added three screenshots from the aforementioned gif but this time in black and white. The “Witness Me” text is a copy from a rubber stamp I made and “Never don’t mind about a thing” lyric was made using letter stickers individually placed on acetate for a previous screen-printing projected and reduced in size.



I liked the repetitive imagery in the last page so I tried using it again but layered text over the eyes this time. I really liked this effect and will consider it in future pieces. The backdrop is a copy from a wooden panel piece. I added a magazine texture on the right to break up the space.



The “goodbye” text is from an instagram post. I liked the finality it gave to the completed page. I used a detail from a drawing for the bottom texture. This is my favorite page so far because of the composition and range in values. I felt I had more of an understanding of how to control the layout so it didn’t look too busy. 

Welcome to our class website!

Dear Spring 2017 New Media Class,

Welcome to our class website! This is the home of where we will host, discuss, present & archive our work. Each student will be given an editor’s log in / account the next time that we meet on 2/28/17. This will allow for you to begin adding, hosting and publishing your work to the site. This week due to the president’s day holiday we will not meet in class but there are somethings I would like for you to do before the next class. These items below are mandatory so please plan to spend some time exploring.

  1. Please spend some time preparing the captured media you took from projects #1 & #2 for next class (if you have not completed project #2 – the 3D project please do so and prepare those images) This refers to the photos that you took during the process of creating your work. We also experimented with the giphycam and recorded a few GIFs. Please place these images and media onto a flash drive, add them to dropbox, icloud, external hard-drive or into another method of easy access to work from in class. (Yes, the process images that you took while your pieces were being made in progress need to be accessible.) Bring these items to class on 2/28.
  2. Create a free account on both http://newhive.com & http://to.be – these are digital Net Art creation and publishing platforms. Please explore both platforms and see what they do. They are similar in many ways but also have advantages and disadvantages in comparison to each other. You may apply the images & media you have prepared from projects #1 & #2 here. I highly suggest watching the newhive tutorials and reading the user guide. Each student should create at least one piece on both newhive and to.be before our next class. You can explore my profiles on both platforms here – https://newhive.com/ryanseslow/profile/all – http://to.be/ryanseslow
  3. Watch the Net Art Tutorial I created for insight into the process – http://www.ryanseslow.com/a-how-to-net-art-gif-making-tutorial/
  4. Check out this cool “Trace Loops” How-to tutorial by my friend and CUNY colleague Michael Branson Smith
  5. Those students who have already graduated may also receive this notice about the assignment above, feel free to join in and keep your presence alive here!!