Weeks #10 & 11 – Info & Resources

Weeks #10 & 11

Welcome Back!

I hope everyone had a great spring break!

Lets jump into some student work updates, the remaining presentations of assignment #2 (Portrait Poster) and a ZINE layout workshop – Ill share a few examples from previous classes. Lets learn how to make a ZINE using Adobe Illustrator (if you don’t have illustrator this demo will share the process and how it can be replicated in other applications)

(Above – ZINE portraits from the previous section of this class – spring 2020)

Lets discuss the new assignment and jump into a tutorial – (I will add this info to the assignment page as well)

Assignment # 3 – Advertising Hack / Remix & Promotion

Students will complete this assignment using a full color palette of their choice (at least 4 colors at minimum)

Specifications: Students will first gather research imagery to work with and bring it to class nest week. We will be creating a new series of 2-3 digital art works / digital illustrations that hacks and remixes existing advertising content. (What era of advertising do you resonate with?) The remixed designs should communicate and promote a product or a service. The product or service should be something that currently exists or has at one time existed in the “real world” as we know it. Your remixes can be “hybrids” by combining 2 or more products together, or you may choose to remix the way that the imagery is displayed. Either way it should be a very noticeable series of iteration. Aside from producing individual designs as imagery / files we will apply our work using product mock-ups as well. We will discuss context during our zoom sessions.

Examples to Explore: 

Google Search results for –  “1980s Advertising Posters”

Google Search results for“Food Ads 1990s”

Free product mock ups in PSD formathttps://graphicburger.com/mock-ups/

Software: students can work with familiar design software (not limited to adobe) that can produce the final digital art works.

Size: The size of the completed digital artworks are open. Students can decide but I suggest considering that you work consistently in scale and relationship to your regular workflow.

Submission or work in Process – Students will present their work in “sketch / concept progress” in our next class.

 

Weeks # 7, 8 & 9 – Info & Resources

Weeks # 7, 8 & 9 – Info & Resources

This post has been updated to reflect week 9 as well.

On 3/25 during our zoom class time we will critique Assignment #2 by viewing our posters. Lets check out the awesomeness of our progress!

We will begin our Spring break right after the critique!

(previous content from weeks 7 & 8 is below)

We  shall start with individual student updates on their vector portraits / poster projects (and previous updates). As always, we will look at a great series of works created by our class. I always greatly appreciate the interaction and feedback that everyone continues to share. The support and creative insight helps fuel the process. It makes us grow, and ask questions about how we can improve. Some of our students have integrated the assignment text and verbiage into their process by challenging their compositions and visual arrangements. A lot of exciting work is taking place and being produced. Forward we go.

Aside from the production of both a horizontal and traditional vertical poster made in illustrator, students will push the boundaries and application / usage of their portrait imagery. **Did you rewatch the video recording from last weeks class? Was it helpful?

We are now experimenting with what the creative potentials of the portrait image can be? How can you push it further? I have decided that we should make a collaborative class ZINE that will isolate and showcase the portrait work. (The image above is the lay out that we will soon go over in class, we will revisit this as we build the zine together as a class.) The ZINE will consist of 2 or more submissions by each student. I would love to see everyone submit at least 2 images: 1 traditional vector image created in illustrator, and 1 highly manipulated version of that image by exploring and hacking into some of the applications below.

The isolated portraits should be sized at 8.5 X 11 Vertical. This makes it easy for use to plug the images into the ZINE lay out. (ill add a template to the our g-drive)

What are the potentials of web and mobile applications in our day and age when it comes to creating styles, textures and over all visual aesthetics? Lets walk through a little demo, some examples are below, along with a slew of apps to play with… (forgive me if a few of them have expired links)

Desktop / Web Browser Art Making Platforms:

Click Drag Click – clickdragclick.com

Imgur – imgur.com

Pixlr (photoshop alternative) – https://pixlr.com/editor/

Glitcher – http://akx.github.io/glitch2/

Image Glitch Tool – https://snorpey.github.io/jpg-glitch/

Glitchatron – http://www.errozero.co.uk/glitchatron/#

Giphy – giphy.com

Gfycat.com – gfycat.com

Inkscape – https://inkscape.org/en

Gimp – https://www.gimp.org

OS X – GIFKR

Trianglify Generator

Trianglify Generator 2 

 

Mobile Apps:

Glitche’ – glitche.com

Imaengine – Tons of filters, vector conversions, stills & video

Hyperspektiv – Tons of filters, stills and video

to.be camera – to.be/camera

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

Instagram (I say this because you can layer multiple images, videos and transparent images in the IG Stories feature, then “save” your work even with out publishing it – http://Instagram.com

Platoverse App

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

http://royb0t.net/tagged/iOSartApps

ImgPlay – Awesome GIF maker! Conversion to video, and video to gif.

Back Eraser – Great to remove background areas and make layers.

GIF Maker Create GIFs from a sequence of still images from your photo library.

 

Weeks #5 & 6 – Info & Resources

Weeks #5 & 6 – Info & Resources

Welcome back!

This post has been updated to reflect both weeks #5 & 6

Forward motion!

As of now we have completed assignment #1 –and its 3 parts – Parts 1, 2 & 3 in effect!

How did your animation experiments go after seeing a few examples last week? Did you do a bit more research? What did you discover and what changed about your process and outcomes? Lets share those and some questions during our Zoom session today.

After that, its time for an Illustrator tutorial – Its time for some Vectors to entertain.

Its time to talk about Assignment #2 again!

Vector Portrait, Poster, Zine Design & Collaboration:

We will bring together the applications of a vector portrait, composition, image, typography, animation & ZINE layout. This is a multipart / fragmented project. (I know, super fun!)

PART 1

Museum Exhibit Poster (examples will be shown in class – as well as a series of Illustrator vector demonstrations)

Choose one or more of these styles/movements of art to create a vector based poster using a SELF-Portrait: (thats YOU!)

POP ART, SURREALISM, MEXICAN MURALISTS AFRO-FUTURISM, ANIME/MANGA, POLITICAL ART, FAUVISM, AFRICAN MASKS, ANIME, VIDEO GAMES or (Another Style Not Listed Here or create a Hybrid using 2 or more styles)

Process: Research! Find and discover a series of images and references to work from. Your research should inspire you! Create a new project folder titled “Portrait Project” – save these images to your project folder in our google drive. Create your self-portrait in the style of the Art Movement that you chose for a Museum Exhibition. It should be kind of obvious which style you picked without seeing the title.

*Your self-portrait IS the artwork for the poster campaign that you create for the exhibit. You must design the poster in 2 sizes – one landscape version and one portrait orientation version. I suggest 11” x 17” (or slightly smaller)

Your self-portrait must first be drawn in Illustrator (pretty please) and can be brought into Photoshop later for manipulation, (like adding blended color, additional imagery or effects.) After you illustrate your self-portrait, you’ll create the actual poster for the ex­hibit.

Specifications: The museum having the exhibit you’ve chosen is: SAM, Seattle Art Museum. Find out more about the institution at this website: https://www.seattleartmuseum.org/visit/seattle-art-museum

(Or another Museum of your choice if you wish)

For the project please use the actual SAM logo as it is: (attached as a download link here) *feel free to re-render the logo on your own if you wish. (This does not mean change it)

You may use any of the tools in Illustrator that we’ve learned or explored and also find and experiment with new ways to draw. You can work from a photo in Illustrator as demonstrated in class. (next week)

**Do the Portrait First. (you may need to make a few versions to get the hang of it)

Then compose the poster. 

 

**Minimum required copy/text verbiage for the poster is:

Title: New Voices Exhibit (or another title of your choice)

Date: April 15th – May 30th 2021

Opening time and Date: Opening Reception, April 20th 7PM-9PM

A contextual link: https://www.seattleartmuseum.org (or the url of your museums choice)

A Museum logo : *(the S.A.M logo or the one you chose)

Fonts and colors – are entirely student choice. Students may ADD additional copy, but may not delete from the minimum above.

Submissions & Due Dates: Rolling Deadline- Students will submit their work via google drive as both a PDF file saved from Adobe Illustrator as well as a high resolution JPG. saved from Photoshop (I will give a demonstration on this)

**PART 2 – We will focus on creating a series of manipulated versions of the vector portrait using various desktop and mobile applications (the info for this will be placed here soon). The purpose is to further the artwork and create various textures and filters by cross-synthesizing techniques. The new discoveries may be applied as animated versions (not mandatory) of the portrait and then preparing the portraits for a class collaborative ZINE that will be displayed here on our class website. 

Research / Inspiration / Tutorial – Check out these links below:

Art Movement Resources:

https://www.theartstory.org/section_movements.htm

https://mymodernmet.com/important-art-movements

 

2021 Trends in Graphic Design – Check it out!

Week #4 Info & Resources

Week #4 – Info & Resources

Welcome back!

Forward motion on assignment #1 – Looking at Parts 2 and Jumping into an in class animation workshop using photoshop! Most students have completed part 1 of the first assignment, we will take a quick look at the progress on part 2 and begin to work on part 3 (of assignment #1) – Remember  – part 2 asks us to remix and hack something that is already in existence. Did you find some vintage images that you want to work with? Are they vintage postcards or other various pieces of media? Last week in class we talked about cutting out and extracting graphic assets so that we could easily compose with them and also begin to animate them a little bit.

Assignment #1 part 3 class tutorial by Prof. Seslow quick recap on on cutting out images, working with assets, then moving on to working with the animation timeline and creating looping animated GIFs with our work.

*The recording will be placed up onto our canvas page shortly after our zoom session ends on 2/19

Design Inspiration: (Discover Awesomeness)

GIPHY.com – Surely by now everyone knows about Giphy right? Did you know about their repository of Artists that they represent? Check it out this week!

More Tutorials / How -To Resources:

I gave a class demo using the “Puppet Warp” feature in photoshop today, as well as how to convert individual frames into a stack using the photoshop timeline. (we will revisit this in class this week)

Its time to animate our postcards, lets discuss the process of converting static images into moving and motion based digital art works. Here are a few puppet warp demos to get you excited!

 

Week #3 – Info & Resources

Week #3 – Info & Resources

Welcome back!

Forward motion on assignment #1 – most students have completed part 1 of the first assignment, we will take a look at the progress and begin work on part 2 of assignment #1 – part 2 asks us to remix and hack something that is already in existence. Did you find some vintage images that you want to work with? Are they vintage postcards or other various pieces of media?

Assignment #1 part 2 class tutorial by Prof. Ses on cutting out images, working with assets, the pen tool, the section tool, and the new object selection tool.

This is also a great tutorial for photoshop tips and tricks via the 2020 version of PS:

(Im reposting these tutorials just in case you did not get around to them – Here are two photoshop pen tool tutorials to help you practice this week)

For Part 2 of Assignment #1 I found a series of images that I wanted to work with, mostly from the creative commons search engine over on flickr -some are old post cards and others are simply “otherness” like old travel posters, click the images below to expand them.

After “hacking” and “extracting” fragments from these existing images I will create a series of assets – it is then time to remix and recompose them. The best part about having assets is how easily they can be reused and reapplied. Ill share a few examples (much like the image at the top of this page) Lets talk about formatting our work as well. The layout of our post card and picture plane structure in photoshop can easily display both sides of your post card in one art board. I suggested laying out both the front and the back side of the postcard in one composition using layers to work with the card in unison together. We will also talk about variations and iterations by tweaking subtle things like background colors and playing with the composition and scale. Here is a visual from the layout demonstration. Using rules and guides makes it very easy to control your layout.

 

 

Design Inspiration: (Discover Awesomeness)

Laci Jordan – http://www.solacilike.com/work/

 

More Tutorials / How -To Resources:

Adobe.com also has a ton of great tutorials and many of their evangelists have youtube channels for their live streams.

Check out one of my favorite’s, Terry White here.

I also really like Paul Trani’s channel here

DANSKY is another great teacher of Adobe application techniques

Week #2 – Info & Resources

Welcome back!

Week #2 will be a productive class! We will dig into our first project’s progress and have solid class time working on project #1 (you can see the specs for the project here

First, we are placing an emphasis on creating sketches / ideas which means finding images, where do we look? What are our resources for free images, with out attribution and or creative commons? We learned about FLICKR, the NYPL Digital Collections and the Met Museums Open Access repository. Once we found images we dug into the practice of cutting out and extracting specific “elements and objects” from those images that we discovered through our research. We learned how to create graphic assets and save them for both use in photoshop (.psd files) as well as exporting them for the web as transparent .PNG files.

Here are two pen tool tutorials to help you practice this week:

After cutting out a series of graphics assets, and you will need several – lets talk about the layout of our art-boards and picture plane structure in photoshop. I suggest laying out both the front and the back side of the postcard in one art board to work with the card in unison together. We can talk about variations and iterations by tweaking subtle things like background colors and playing with the composition and scale. Here is a visual from the layout demonstration. Using rules and guides makes it very easy to control your layout.

What about adding realistic shadows to a graphic asset with Photoshop? – Here is a great Tutorialhttps://memorynotfound.com/add-a-shadow-to-an-object-person-photoshop/

Adobe.com also has a ton of great tutorials and many of their evangelists have youtube channels for their live streams. Check out one of my favorite’s, Terry White here.

This coming Friday (next week) we will dedicate the first half of our class for our class critique of assingment #1 part 1 and then move onto to some animation tutorials, we will then discuss our outcomes as a class.

Spring 2021 – ARTC-251 – Computer Graphics II

Welcome to ARTC-251! –> Computer Graphics II

Spring Semester 2021

Week #1 – Class Introductions – 

Dear Class, WELCOME! Im excited for our semester and wanted to share a few things as we go forward this morning.

**Be sure to Subscribe to this site so you will receive the weekly blogs post to your e-mail –>

This is our official class website! It will grow as the semester goes on, and it will remain a resource and repository of value and inspiration for years to come! We will ALL be contributing to the website. Ill be sharing more on this soon!

Be sure to check out how our website navigates from the menu above, the class Resources page has a great amount of useful information and inspiration that will fuel your projects with references and resources –> https://artc-251.com/class-resources/

The Course Syllabus page is here –> https://artc-251.com/syllabus

The Assignments / Projects page is here –> https://artc-251.com/projects/

If you have any questions please reach out via e-mail – rseslow@nyit.com

 

SPRING 2021 – Begins HERE!

SPRING 2021 – Begins HERE!

SPRING 2021 – Begins HERE!

SPRING 2021 – Begins HERE!

SPRING 2021 – Begins HERE!

SPRING 2021 – Begins HERE!

SPRING 2021 – Begins HERE!

SPRING 2021 – Begins HERE!

Spring 2021 – ARTC 251 Computer Graphics II Continues!

Dear ARTC 251 CG II Students from the Spring of 2020,

Hello! I miss you all! I hope this message finds you well, safe and healthy.

Just wanted to pass along a note that this website is going to be used again for the incoming Spring 2021 – ARTC 251 Computer Graphics II class.

By all means, feel free to stay onboard and share your thoughts and opinions with the new class! There will be some new assignments and content to check out. But, if the weekly e-mails annoy you, feel free to unsubscribe from them. You can always visit via the websites URL when you want to see what we are up to.

Wishing you all a great semester!

Ryan

The ZINE Collab is on the Way!

Dear CG251 Students, Hello!

How is everyone doing? I hope this post finds you all well, safe and healthy! Just wanted to give you an update on our ZINE collab project. I had to dig myself out of a few weeks of admin. related paper work (and some more of that) wrapping up the semester at 5 different colleges but summer is here! Im catching up, and working on a nice launch of our portrait project that will include a link to download the ZINE, along with all the awesome portraits! Some will be some animated, much like this sneak peak piece above. This is an online exhibition for sure.

If you have continued making new works that contribute to this project, let me know! I see that many of you added animated version of your portraits, such great work!

Back atcha soon!

Ryan