Category: GIFs

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 – http://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

 

 

Video Tutorials With NewHive & Quicktime Screen Recording

Video Tutorials With NewHive & Quicktime Screen Recording

Watch the video above to review a simulation on how to compose and create digital collage works using pre-prepared graphic assets in NewHive. You will need a Newhive account (which is Free) to get started. This tutorial covers the very basics of adding assets to the blank field. (Remember to experiment with using hyperlinks, embedding youtube or video video, audio files, transparency, ect..)

**Sometimes the new user account sign up process can be tricky on newhive and you must select a username that they suggest for you. Make this easy on yourself –  if you do not wish to publish your works on the platform, you will not need to in order to use the tool.

During week #3 & week #4 of our course we discussed and practiced extracting elements from the image documentation from our first two projects (2D & 3D project) and the mobile app experiments – This process would induce practicing cutting out and making graphic assets using photoshop. The assets (with a transparent background) were saved for the web with the file extensions for .png or .gif (.gif files could be both static or animated). You may also draw graphic assets from the web or by creating new hybrid assets for this purpose. Either way, the idea is to have a “stock” of assets both animated and static. A good number of assets is between 15-30 individual pieces. Assets take time to craft, create and prepare. Practice!

Watch the video above tor refresh you memory.

**Then, get cracking on making 3-4 unique pieces in Newhive. Regardless if you publish the works to the Newhive platform, I would like for you to screen record each piece using Quicktime.

The image sequences below will help you screen-record your completed Newhive pieces and save them as video .mov files. (.Mov files will play on almost all video players across the internet and all devices) The video file formats can be shared on social platforms such as Instagram (which will loop your videos for you) or they can be converted using photoshop or mobiles apps like ImgPlay. (I will demonstrate in class).

1.Your Newhive piece does not need to be published. You can open the Quicktime Player application and follow the steps illustrated here. When QT opens, select “New Screen Recording”.

2. Follow the instructions on the screen – Click the button in the center of the screen to activate the recording prompt. Be sure on the next screen not to record the Newhive icons and interface upload buttons on the bottom of your browser window. I placed an “X” over those areas – In case you forget, you can also crop them away in photoshop, imovie, or ImgPlay but it will take another few steps.

3. Press the record button and record between 3-7 seconds of your work. Make sure that you stop the recording. QT records the entire screen if you do not select a specific area of the screen. The recording is very large in size and will result in a high quality output.

4. After stopping the screen recording, you will be prompted to Save your recording. This will be a large file. After the initial saving of the original screen recording you can export a smaller file size as well. See above and below.

Click on the File -> Export As -> 720p (or smaller)

By Importing “Video frames to Layers” using photoshop I saved my screen recorded video to an animated GIF by Exporting it for the web. This can also be done faster by using the ImgPlay app on your phones.

 

We will need to troubleshoot a few things Newhive this week in class, don’t worry if you have not gotten far with this yet. We discuss on Tuesday 3/27.

One of the beauties of Newhive is its amazing community of Artists that continue to produce amazing works on the platform. Lets take a look at a few of them this week in our class.

Mobile, Smart & Cell Phone Digital Art Making

 

Mobile, Smart & Cell Phone Digital Art Making

Its no secret that there is a ton of potential in mobile/smart phone art making. In fact, you might be a little late to the party! (Im kidding, its never to late to join in) There are literally tons and tons of apps that are both practical, fun and objective, however, I think that the true potential in the medium is hidden in the cross testing of multiple apps combined. After that, the beauty and further discovery is in synthesizing them together for your creative output. I know, that sounds ambitious, especially if you are new to the mobile/smart phone art making game.

The output may be a series of still frames that work together as a sequence or a series dedicated to style that you create. The output may be a series of subtle animations in the form of GIFs or micro videos (Instagram will loop them for you today). Either way, the use of visuals are more present than ever in almost all of the media that we consume. This stretches from all forms of digital and static advertising, news feeds upon news feeds and interactive media that is user based and customizable. This includes academic publications and pedagogy. Yes, thats right, if you think that academia wont be effected by the how the media and main stream advertising plays a roll in our lives, watch what happens over the next 2-3 years.

This week is about experimentation and redefining how you perceive your device, lets get acquainted with some of the apps by visiting the links below. Some apps as we know offer a free version for the sake of testing the app. There is quite a bit that can be done today with options to both take screen-shots of still images and also capture screen-recording for creating short animations. I have a few favorites for sure and have tested the apps listed below. Make purchases only at your discretion. Lets dig in.

Where will you post your experimentation? Instagram? Twitter? Facebook? Reddit? Flickr? Tumblr, Vero? Your personal website?

**You may want to free up some space on your device before you begin. Applications take up space, and so does the work that you will create.

Mobile Apps:

Glitche’ – glitche.com

to.be camera – to.be/camera

Giphy Cam – https://giphy.com/apps

Instagram – http://Instagram.com

VHS CAM – http://rarevision.com/vhscam

Assembly Design App – http://assemblyapp.co

ImgPlay – https://itunes.apple.com/us/app/imgplay-gif-maker/id989843523?mt=8

Imaengine – https://itunes.apple.com/us/app/imaengine-vector/id599309610?mt=8

Ultra-Pop

Ultra-Pop -Infinite

GifVid (simple tool to covert GIF to Video, Video to GIF on the phone)

Glitch Wizard

iColorama S rich featured image editor that maintains full resolution of images
Decim8 – Glitch
ImgPlay – Awesome GIF maker!
Back Eraser – Great to remove background areas and make layers.
GIF Maker Create GIFs from a sequence of still images from your photo library.
Building Resources from the Web – 
Here are some websites, artists & interviews dedicated to Art making via cell phones and mobile devices. They range from old and outdated to new and very cutting edge. We will build this resource as our class evolves.

Casey Kauffmann’s Instagram – https://www.instagram.com/uncannysfvalley/
Interview with Casey Kauffman

Karen Divine

https://www.newmuseum.org/exhibitions/view/first-look-brushes-1

Michael Manning

 

Feel free to leave a few comments below! Share anything you wish. Troubleshooting issues? Urls and links? Lets participate!

To.Be Gif Art – Kristin Laudicina

For all of my Gif animations I chose to work on the to.be website.  For some strange reason I had many issues with NewHive including just being unable to log in at random times.  Frustrated, I decided to stick with to.be.  A lot of my ideas stemmed from an initial drawing, which I then animated as a Gif, which I then created a little “scene” for.

 

The one below, my first attempt, was inspired by my first 2D project. Since I took so many selfies and my piece was a self portrait painting, I thought it would be fun to animate the many selfies along with my “selfie” artwork. I chose to put it in a frame and have a few onlookers enjoying the “art”.

One thing I noticed, and I’m unsure if it behaves the same way on NewHive, is that opacity in gifs does not show up faded on the website, but instead looks pixelated (see light in above field). Something to keep in mind when creating gifs.

The one above, which I kept calling “O Captain, My Captain” in my head, sprung about from a piece I created in Illustrator and Photoshop of Captain America. From there I wondered what could the old captains scene should be and voila, buildings and fire were born.

My next creation came from the animated gif of a giraffe I drew many years ago. Where else might you find a bad ass cigarette smoking giraffe but locked away in a jail cell. The poor child can hardly believe what he’s seeing.

The above began with the fish, which I painted and then edited in photoshop to have see through “bones”. I decided to animate the fish, put it in the ocean, and add melting skittles from a previous project that I just really enjoy.

This was where I began to try to breakaway from the whole “scene” I had been creating thus far. I wanted to just make something, anything, that didn’t look like a little, well, scene. I used a graphic image I had created and a background I found online. A simple gif of an inverted background flashing can give anything a cool effect (imho).

The one above was from a graphic design course I took during my undergrad. We created “pop out” images, and while the initial static image I made had the woman with her leg dangling from the frame, but I felt animating it slightly gave it that little something extra it needed (aaaaand I’m back creating tiny little scenes).

So I created a Gif from another drawing and thought, “wow she looks worried, what could possibly be going on?” Earth on fire? That’ll do it.

Okay back to simple. Again I took an image I had created (melty lightbulb) and found a nice flame Gif on Giphy.

So for this guy I used an Gif I had created for my 3D project and edited it on Giphy to create that cool drippy eye (this will be used again in future fields because I really like it).

And theres the eye again. That eye, was my inspiration. I initially wanted to create an outline of a girl that looked as though she was holding up her arms and holding a frame in front of her face (I used this in a future field) but once I put the drippy eye behind it, I liked that it was simple and left the frame off.

So this was my collage which is just a wish mosh of craziness made even more crazy by animating a few pieces. I used already created gifs to give it a little something extra.

Back to trying to keep it simple, we have the girl with the frame and my Gif selfie. The background is a song I had stuck in my head all throughout class when we initially learned how to create Gifs. There are two versions, this one, (which I suppose is the original and plays during the end of The Darjeeling Limited) and this cooler remake by NoFx.

Elephant Zentangle Gifs and Animations

I explored creating a lot of gifs with my elephant zentangle.  I started by creating a graphic asset of my elephant zentangle in Adobe Photoshop which I was then able to incorporate with color backgrounds. other images.

Then, I started experimenting with different background images and putting my elephant zentangle head on an actual elephant. I played around with Color Balance and Hue and Saturation in Photoshop.

After exploring in Photoshop. I searched Giphy.com for images of elephants. Being a huge Disney fan, I came across this Dumbo gif, and decided to create my own animation with it. I created this gif in Adobe Premiere. I fit my elephant zentangle over dumbo’s face and animated it moving with the motion of dumbo’s face. After rendering the animation in Premiere, I then uploaded it to Giphy.com to create a continuous loop of it.

via GIPHY

I created my animation in Adobe After Effects.  The radial design was created with different shapes and rotating them in a circular motion.  I then put the elephant zentangle on top of the radial design and experimented rotating it around to complete my animation.  Lastly, I added sound and rendered the composition.  The animation was published through Vimeo and posted to NewHive.

Elephant Radial Design from Stephanie Buscemi on Vimeo.

After creating gifs and animations of my image, I wanted to take the doodle one step further.  In Photoshop, I used the puppet warp tool to make the trunk of the elephant move.  I then created gifs of the trunk moving.

Lastly, I searched for images of baby elephants. I then put the images of the moving trunk head on top of the baby elephant image to create the feel that the elephant was alive and moving. I experimented with the backgrounds in Photoshop as well.




David Shear’s Gifs


This Gif is based on an Inuit Mythical Creature called the Qalupalik, which is said to lurk under the ice and prey on small children who wander out onto its territory at night.

This Gif is called “Granny Warhol” and gives me a headache to look at.