Wally Sutton’s Internet Art Making Creative Blogging Project

Wally Sutton’s Internet Art Making Creative Blogging Project.

Who is Wally Sutton and why is he here?

Simply put, Wally Sutton is a fictional character. He’s a Walrus, however, he doesn’t know that Walrus’s aren’t supposed to wear human clothing or sell things like motherboards and other computer hardware… That is what makes Wally, Wally. He is following his own path. Wally believes that his Dharma is to be the best computer hardware salesman of his time! Nothing will stop him, and you certainly wont get in his way. (See the animation above in the top left corner). Wally is also crazy about digital art, animation and personal development. He loves to help others through sharing his learning process and creative discoveries. Wally is blogger but clams up a bit about it when others ask him that question…He is working on that.

Wally is so aware of how his content reaches his audience that smoke literally comes out of his ears from thinking about it too much! He pays attention to how he is formatting and structuring his content in a way that is easy to access and follow (like, right here, in this blog post, ahem). He also wants his content to be shared easily as well. Wally has learned a lot about digital art, animation, blogging and storytelling from regular practicing. Not obsessively ten times per day, but in metrics of at least once or twice per week. Making static images move and learning new animation skills have enhanced Wally’s ability to further communicate and reach his community while also connecting with new like minded people and beyond. Wally understands that reaching out to others adds value to their lives and the experiences they will have. A lot of the new experiences Wally has had have happened as a result of having a blog and simply sharing what he was learning.

It kind of seems like Wally is actually writing this blog post…hmmm?

Of course Wally is a metaphor and a catalyst to get your creative juices flowing. A reminder to be the best at being who you are, and then give that part of you selflessly. Adding value to the lives of others creates trust. This is another metaphor. When you give selflessly to others outwardly, you are really teaching the universe that you trust yourself. ( Re-read that, and now go have some fun!)

Get creative and share your process with this assignment below!

Blogging Assignment –

Create a blog post(s) about a fictional character that communicates him/herself through blogging and the use of Internet tools. The character can be a representative for something that has meaning to you. (Yes, there can be more than more one thing.) Describe the character. What is he or she like? Kind hearted and compassionate? Mean and unsure? Happy and Sallow? A Lover? A Fighter? Get Descriptive and paint us a picture. What does a snippet of their day look like? You will surely need to create visuals for this illustration! Wally Sutton was passionate about Computer Hardware, Spirituality & Digital Art, Creativity & Animation.  He took a few creative “selfies” and created a series of animated portraits for this blog post. Sky is the limit. Feel free to use/reference this blog post as a visual example for content, structure and inspiration. Your First post will be used as result produced, we will make assessments and grow from the first iteration.

Assignment Submissions – Post your work to the CT101.us blog!

PS – Hyperlinking = Value :)))

PS#2 – Questions? Reach out! – Rseslow@york.cuny.edu

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?

Blog Like Flaca Would

its-called-grammar-tonta

Flaca may be in prison for fraud and endangerment, but she’s got an opinion and she’s going to let you know it: how grades don’t matter, but words do, even your font choices.

She’s critical of stereotypes:

flaca-reflects-on-hispanic-stereotypes

And how they cause angst.

 

And Flaca is fearless about taking risks with her big ideas.

flaca-big-ideas

Not everyone agrees with her, but she’s got a process and sticks to it. I think Flaca would be a great blogger as she would be:

  • thoughtful with her post titles,
  • giving her opinions,
  • backing them up with links,
  • proof reading her grammar and punctuation,
  • and embedding cool media that’s she’s made or found from elsewhere.

She knows the effort on the little things matters as well as just getting yourself out there.

Blog like Flaca would.

Site is up. My thoughts going forward.

Ok, so I made my website. I’m feeling kind of frazzled, to be honest. This whole business of keeping up a website, though kind of lenient, seems to be a difficult thing to balance between my other work. Now, it may just be me, but it is a factor to consider. Still, it would be a waste to not give it a try.

That’s the spir- Er, you got this.

 

Anyway, I can’t to start making posts to my site and give it some flare.

is that weird of me to say? Ah, who cares?

P.s website: click here