Some additional resources to Ryan’s Net Art Tutorial

Here’s a video tutorial inspired by Ryan’s Net Art tutorial which shows the use of to.be as well as a new way to make selections in Photoshop using a color range. I worked with a NYPL archive image of the Unisphere and made a couple of pieces.

unisphere-4 glitched-unisphere-slower

One thing I couldn’t cover was the process for making a screen capture of your to.be field using Quicktime. That’s because I was using it to make the tutorial above!

So here’s the basic process. Open Quicktime and select new screen recording:

new-screen-recording

Then click record.

record

Your next prompted to click (anywhere) to start recording full screen, or drag an area to record part of the the screen.

click-drag-the-area

That should look something like this.

click-drag-hit-record

Click start recording and the area with begin recording. The gif loop is probably very short so you should only record a couple seconds. To stop the recording, click the stop icon in the top of screen tool bar. Looks like this:

stop-button-copy

You should now have a screen recorded video file of your composition on newhive.com or to.be. With that you can import video to layers and create a GIF and post to your site.

 

Animated Graffiti – Basics of PS selections and cloning

After some discussion in class it appeared people were most interested in learning some of the basics of Photoshop and using it to create an animated GIF. This tutorial runs through a number of processes that were inspired by this GIF I made of a Bortusk Leer piece of grafitti a few years back.

Bortusk-Leer-Blue-Monster

I’m not quite done with the new one, but more soon. And here’s another PS tutorial post from last semester that is inspired by the work of TraceLoops.

Easy-peasy way of downloading YouTube vids

Okay, so, I don’t know if the rest of you took the time to try out the video download trick that I talked about in class. In case you didn’t, here’s a quick and easy tutorial to get you started. You’re welcome.

  1. Go to youtube.com (simple, ya?):
Captureyt
2. find a video:
Capturecb
3. Type in “ss” in front of the “youtube” in the URL (like so):
before: Capturebe
after:Captureaf
4. Hit enter, then wait for the download button to appear.
And voilà! you have easily acquired your video. Now you can do what you want with it (except plagiarize, of course!) and it didn’t even cost a penny, or extra space downloading a video download client! Isn’t that neat?
….
you can stop sharpening your pitchforks. I was only trying to be relative.
I(

Making your First GIF using Youtube and Imgur

Imgur is a web based image repository site used quite a bit by Reddit users. It’s optimized to simply post images, both still and animated, and allow for the hordes to look at the image without crashing the site. This is to mitigate what was know as a site being ‘hugged to death.’

One of the nice features recently added to imgur was the addition of a ‘youtube video to GIF’ tool. Allowing you to make a GIF from a piece of a Youtube video in the browser. No additional tools are needed. And you get the benefit of the image being hosted on a site built specifically for that activity.

imgur-youtube-to-gif

So let’s do an example with this youtube video:

You need the Youtube video URL to copy/paste into the Imgur tool. Then you create start and stop points in the editor:

imgur-gif-editor

Once you’ve chose the points the tool loops the video as a preview so you can see what you’re about to turn into a GIF. When you’re satisfied with the previewed loop, create the GIF. After some processing you will be given a page that has a unique URL which shows the GIF embedded as well as links to the GIF file. Also imgur creates a video file too. And links to it with a .gifv extension. This is actually a link to a page that plays the video as a loop.

imgur-list-of-links

And finally my awesome GIF!

If you paste the URL of a GIFv (without the v) into a blog post, it will automatically embed a looped version similar to a Youtube URL social media embed. See below:

View post on imgur.com