Category: New Hive

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 – 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.

Wavy Collage

This image began as a still paper collage. Instead of scanning in my collage, I went back to the graphics I had used to create it. Using newhive I was able to layer my collage pieces back together except for the moving mouth. To create the wavy mouth I used MOSH (my favorite) to animate it. I had to go back into Photoshop and to turn it into a graphic asset but in GIF format. I then layered it on top of the rest of my newhive collage. With QuickTime I was able to make a screen recording of my finalized newhive collage and moved it into Photoshop. Since the file was way too big with over 300 image layers, I had to break it down into just 30 and save it as a GIF.

If I were to teach this in the classroom I would encourage my students to begin with their own graphic assets to create a paper collage. From there they could go back and animate one large part of their collage or a few small parts. Though the process is tedious and involves a lot of back and forth between Photoshop and newhive, the outcome is well worth it.

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.