My reaction to CT, told by Alec Lightwood

My experience in CT so far has been interesting. There have been good days and bad days, when the work and the content of the work is considered. When I began searching for reaction gifs to express my feelings towards the class thus far, there was only one face that came to mind: Alec Lightwood. Played by Matt Daddario, Alec is a character on the Freeform show called Shadowhunters; Daddario is known for his priceless facial expressions as the character. I could not find any GIFs that I liked, so I decided to make a bunch myself.

Shadowhunters GIF - Find & Share on GIPHY

My initial reaction to the class was good. I was excited, eager to get to work. I am familiar with computers and the internet, and how they work. I was excited to dive into the class and get started…

Until I figured out that I’d try to go above and beyond with my posts, more specifically, my “making me happy” post, titled Halcyon Days. From the moment I started to type up that post, I knew that it meant a lot to me, and that I’d try my best to make it great with the skill set I currently possess.

Animated GIF  - Find & Share on GIPHY

This is exactly how I felt as I was writing the Halcyon Days post. I had written my commentary about how I felt towards the blogging site Tumblr, and I was torn on how to visually show why I loved the site. I took the time to message Professor Seslow about it, and still, I was torn. Quite honestly, though, I was shook.

Animated GIF  - Find & Share on GIPHY

Fast forward to February 14th, Valentine’s Day. I’d shown up a little late to class, nonetheless ready to work. After a while, Professor Seslow came over to help me learn how to embed my tumblr blog into my post, which is the issue I had messaged him about beforehand. He knew exactly what to do, and sat down to assist me. Should’ve been easy, right?

Shadowhunters GIF - Find & Share on GIPHY

Wrong. Professor Seslow and I worked on the coding for the embed. We did about three or four different versions of it, and nothing was working. Nothing at all. It’s safe to say that we were both a bit frustrated; Professor didn’t understand why it wasn’t working when it always had. I was just confused and, to be honest, a little angry.

Animated GIF  - Find & Share on GIPHY

I am not quick to lose my patience, especially when it comes to things technology related. I am familiar with the struggles of technology, and I know that there is always a solution. I know that sometimes you just have to calm down and figure it out, but in that moment, I was internally exploding. I wanted to leave.

Professor Seslow came to the rescue, though, with the answer; on his end of our class site, he has most, if not all of us, listed as Authors. He thought that if he switched my listing from Author to Editor, I’d be able to do the embed.

Animated GIF  - Find & Share on GIPHY

And that is exactly what happened. In the end, I was able to do the embed, and I was very happy about it. I left class that day both significantly less stressed and with a finished post.

All in all, one bad day does not equate to a bad course. I am still just as excited for the class. I’m even excited to run into similar issues that I had with Halcyon Days, which sounds nuts, but if you never run into problems, how will you ever learn anything? I’m excited to run into problems and get frustrated about it, just so I can feel the satisfaction of learning how to fix the problem and make my work better.

 

My Favorite Imagery

A few GIFs I made of one of my favorite YouTubers, Connor Franta. The GIFs come from the trailer he made for his newest book, Note To Self. The tutorial for this assignment was very easy to follow. It took one or two tries to get Imgur to work, but once I figured it out, the gifs were quite easy to make. It’s easy to see how people make so many, it’s so fun and quick!

View post on imgur.com

View post on imgur.com

View post on imgur.com

View post on imgur.com

The original video can be found here: Note To Self | Trailer

A “How To” Net Art & GIF Making Tutorial.

A “How To” Net Art & GIF Making Tutorial.

GIVE IT TRY! This is a fun exercise to add to your NEW WEBSITES!

Lets use a NYPL Digital Collections Archive Image.

Its no secret, you can find tons and tons of great historical images in the NYPL Digital Collections Archives. I made this series of GIF animations based on the inspiration from this old subway train image below. I love trains, especially NYC subway trains. Im a bit bias as NYC subway Graffiti has inspired me from the get go, but here is the “how-to” process below on how I made this series of animations and net art works.

subway car

The original image. I found it, I liked it, I was inspired and got to work. (tons of images here) I saved the image from the web. Don’t fret, you wont get sued like Andy Baio did! I don’t plan to do anything with this image other than inspire creativity and show you how we can breathe new creative life into our history. Let’s revive this image and bring it to life! The NYPL has done a great job of digitizing tons and tons of historical images. I feel a connection to NYC. My family is from NYC, Im from NYC, this is a part of me and I love that energy. I first opened the image in adobe photoshop and got busy.

trainII

Using the rectangular marquee tool I simply removed the interior spaces from the windows of the train, making it transparent negative space. I then saved the image as a psd. file (for archival and re-use purposes) but mainly I saved the image as a PNG-24 – (file –> save for web – select – PNG-24) the PNG-24 image option allows for the negative areas to remain open so that if you layer the image over another image or animation you will be able to see through it. I do this on a regular basis with images that I like, I love to work on repurposing static images with an animation. Its a nice way to connect the past and the present.

tips

I went back to the web and logged into my to.be account (its a digital art making platform, I also love newhive and jump back and forth testing how far I can stretch my ideas on both platforms – both are free, and really awesome!) I started a new “field” on my to.be platform. I added two layers. (sadly, uploaded files on to.be must be 5 mega bytes or smaller, where newhive seems to allow unlimited sizes) no matter, getting comfortable with preparing and resizing images for the web is a task we will all face, a lot! Best to get used to that, and learn how to navigate it. The back round which you see above as a static pixelated image is actually an animated GIF of moving pixels (below.) This is an asset that i made a few weeks ago. I keep a stock of this kind of stuff, just for this purpose.

fast-pixels

The to.be platform allows for you to drag your graphic assets directly into the field, so I did this first and then layered the prepared image of the old train directly on top. I scaled it to size by pulling the corners. I then used the quicktime application on my mac to “screen record” a few second of the animation. Of course you can publish the work directly onto your to.be feed (or keep it private) but in this case I used it as a “tool” for the screen capture. I later published another version of this animation (below.) Ultimately you can do all of this stuff in one application like photoshop, but I find it much more fun to cross discipline and tinker with multiple software applications and techniques on the web. This is where one can create their own methods, record them, share them and build off of them! I saved my quicktime screen recording and imported it into photoshop. Use the “import –> video frames to layers” option from the file menu and then open your timeline. From there you can crop away the rest of the screen (as you see below) and also resize the animation at will. Im not going mislead you, quicktime will screen record a large file, and it will need to be tinkered with for the best output of display. Output can be in GIF format, or you can also render the frame animation back into an mp4 video file. This is helpful if you want to loop the animation on mobile platforms like Instagram or Vine, or bring it into after effects or imovie, or final cut pro.

oldertrainsII

Above we see the first output iteration as a GIF animation, a colorful pixel party happening only “inside” of the train. Will you get in? I enjoyed this as an idea so much I had to extend it. I thought, what if one of the party goers inside the train stepped outside for a minute, what would that look like? More fun for sure. I placed this animated digital asset (below) on top of the existing animation by layering over it again. I also utilized the entire width of my screen field to extend the viewers perspective.

bboy-vecotr-asset

This digital asset above is a two frame GIF animation that was made with a transparent back round. It was originally a vector image created from this drawing. I love seeing how far I can push ideas, and also convert the applied arts in digital arts.

The final final piece above was published on my to.be platform. Rather than reposting the screen recording GIF conversion of the piece I grabbed the iframe source code from to.be and embedded it into this blog editor template. I can resize it by its height or width if needed.

Updated – 10/11/16 – A second variation was created with a static graphic asset laying over the animated back round. This too is taken from the iframe source code on my to.be feed.

(By the Way, writing tutorials is a great way to practice blogging! )

What do you think? Are you ready to make yours?

Wassup

This is my first DS106 assignment it’s called Say It Like The Peanut Butter, Where I had to pick a scene from my favorite movie, a major scene. I had to put very little movement into the gif also. This is a scene from Juice starring Tupac (Bishop) and Omar Epps (Q). Bishop started killing off all his friends when he first touched a gun and didn’t want to give is back.

This scene is at school where Bishop hadn’t seen Q in a while, Q was trying to stay away from Bishop because he felt he’d gone crazy. Bishop scared Q with a “wassup”(hiding behind Q’s locker) followed by a conversation where Bishop confirmed he was crazy and let Q know he “didn’t give a f*ck” about anything, and that he was the one that Q should be worried about.

In my opinion, this was one of the best scenes in Tupac’s acting career also the best movie he’d ever done.