Weeks 13 -15 – Final Assignment & Project

                            

**Looking for another class to take with Prof. ryan Seslow? – Im also teaching ARTG-303 -Illustration on Wednesdays 2pm-6pm – Spring Semester of 2021 (same format like this class on Zoom)

Weeks #13 -15 – FINAL Assignment & Project – Brand, Logos and Visual Identity Graphics & Portfolio Creation (see below)

Below is the portfolio creation video recording from class on 12/14

https://us02web.zoom.us/rec/share/9Em9fmRhDnun1iWwOuqXJ8nk_7GjBpSgRhAP6zDPtNku-4YeMZeTQQtHDAJ-bzME.vuOp3EzFHO90rmpO

Passcode: .#Cy0@pw

Our final project will cover a bit of FUN information.    

Typography in LogosSymbols, Icons & Pictograms, creating a logo design brief, process & final production.

What is Visual Identity? Brands and Branding, research, discovery and process?

What is a logo? – Great Definition here – https://logogeek.uk/logo-design/why-logos-matter/

What is branding? – Great Definition here –  http://blog.creativelive.com/personal-branding-debbie-millman/

This is a multiple part assignment, please make that each step is followed.

Assignment specifications – 

Part 1 – Students will create a fictional company. The company can produce any kind of product or service that you wish. Students will generate a one paragraph written description about the company, its products and services. The company will need a new logo and visual identity created from scratch to help bring its presence to life.

Part 2 – Creating a design brief and doing the research – Now that you have decided on the type of company, its products and services, who is the competition out there that already exists? What do those logos look like and are they effective? Who are your companies customers? What is the age range of your customer? Where will they find your business? Online or offline? Describe why. The more you know about your business, its products and services (and the believe in them) the more you can offer a solution to your client. A logo is usually the first thing that they will see. How will you grab their attention with your companies visual identity?

Part 3 – Sketch and development. Watch Draplin’s video below. He has a great style and technique for the process. Create a series of sketches in pencil. I suggest making small thumbnail sketches as we have discussed in our class.

Part 4 – Iterations, variety and development, using art boards and making decisions on type, colors schemes and scale.

Part 5 – Production and application. Share your outcome in clean PDF layout and by considering formatting business cards, letter heads and related ancillary usage for both print and the web.

Below are a series of helpful resources to explore the world of logos, branding and identity. The videos and podcasts below are super helpful and applicable.

Aaron Draplin, the logo Master – Draplin’s official website – http://www.draplin.com/

Some history, the video below has context – >

(This is a great informative Video on Logo Design by definition and application!)

Adobe makes great tutorials  – This is a great beginner video using illustrator – https://helpx.adobe.com/illustrator/how-to/logo-design.html

Tutorial to follow along with.

Tutorial to follow along with.

Logo Inspiration Galore, Resources:

https://www.logolounge.com/

http://logooftheday.com/

https://logogeek.uk/

https://www.logodesignlove.com/

https://identitydesigned.com/

Great resources from Logo Geek – https://logogeek.uk/logo-design/resources/

 

Podcasts –

Debbie MillmanDesign Matters – https://www.designmattersmedia.com/designmatters

Logo Geek – https://logogeek.uk/ – podcast website – https://logogeek.uk/podcast/

 

**Student Resources & Examples – What are some of your favorite logos and brand identities? Share a few examples in the comments section below by using a URL.

 

Weeks #12 & 13

Weeks #12 & 13

Welcome back!

I hope everyone has a safe, healthy and happy Thanksgiving!

Our semester is picking up speed! Lets jump in and re-cap where we are at, and where we are going!

Assignment #3 – student updates & progress – Discussing formatting options, layout and pushing the assignment through parts 2&3 – this example below is all derived from my class demonstration. Seemingly simple or banal shapes can come together into many more ways that one may think at first.

Assignment #4 – Personal Brand / Visual Identity (this will be our last assignment and it is an extension of the skills learned in project #3 (we shall discuss in full!)

Final Project / Class ZINE Collaboration – each student (and me) will contribute a page to this project, we shall discuss in our zoom session on 11/30 – the content and subject matter is OPEN and up to the student.

Final Presentation – NYIT schedules our final exam date / time )same as class day and time) We do not have a “final exam” but we will present in zoom a final portfolio of completed works. I will will share a process on how to prepare your works into one PDF document.

Design Inspiration:

How many of these designers do you know of?

Creative Boom20 Influential Graphic Designers

Creative Bloq25 Names Every Graphic Designer should know

 

 

Weeks # 10 & 11 – Illustrator / Color / Shapes & Forms Galore!

Weeks # 10 & 11 – Illustrator / Color / Shapes & Forms Galore!

Happy Thanksgiving!

*Video Tutorial from class on 11/16

https://us02web.zoom.us/rec/share/3kUFIFCv1Mv1iVq6wcGASVjL5fxKxyGDT4QhSn2rPmPTLC2ggco7AamemCmf1hCc.j0fG0aXzt7N3-ACm

Passcode: jm*0TA*G

Color Theory!

Lets watch this video together.

 

Adobe’s awesome Color Wheel Simulator (must see)

GO HERE to Experiment – Several up and coming assignments will surely benefit from the use of understanding Color Theory.

*Above – Color Theory Essay Continued -> GREAT RESOURCE – Must Read

 

*Above – Color Theory Continued – II > More Good Reading!

https://99designs.com/blog/tips/the-7-step-guide-to-understanding-color-theory/

 

Tutorials – Let’s take an additional tour with Adobe Wizard – Terry White ::

10 Things Beginners Want To Know How To Do with Adobe Illustrator (subscribe to Terry’s Channel!)

Adobe has a great series of videos on their channel on YouTube: 

Check this series with a focus on Illustrator: https://www.youtube.com/c/AdobeCreativeCloud/search?query=illustrator

Great Tutorial on working with the Shape Builder Tool in Illustrator

Designer Inspiration :: You need to know Paul Rand:

 

 

Assignment #3 – Illustrator project #1

Vector Icons, Glyphs, Symbols & Forms

Assignment #3 – Part 1

Illustrator, Shapes, Forms, Composition & Color (See Example #1 Above & example #2 below)

1. Open Adobe Illustrator and create a new document sized at 11″ X 17″ in CMYK color mode. We will be preparing the files for printing as well as displaying the final works on screen.

Lets work with rulers and guides! Consider, how will you set your guides to equally balance and format the graphics evenly? Will you use a grid? Do you have a preferred method for layout? Lets explore what this means in this project.

2. We will generate a new series of “subjective” graphic Icons following the layout and arrangement above. (Don’t re-create my example) make your own, but follow the balanced composition. We will define “subjective” in class.

3. Limit yourself to 6 values of 1 complimentary color scheme. Consider referring to the adobe color wheel for reference

4. Limit yourself to creating and composing your graphics with no more than 6 shapes created with the pen tool, pathfinder or the shape builder tool. Begin working without using a stroke around your shapes and then apply a stroke for contrast later.

5. Save your work as an Ai. file (adobe illustrator) for production as well as a .pdf – Print your work in .pdf format (if possible, not mandatory) we will also save a high resolution JPG file. (3 file formats)

6. Submission guidelines: When your assignment / assignments have been completed please add them to our class google drive shared folder.

PART 2 – (example above w/ multiple art boards) Video tutorial from class on 11/23 – will post here soon.

Each student will follow the images in the gallery below as a guide to further extend and develop their designs.

Size – Use a square shape for this series of designs. I suggest 8″x 8″ Students will select and isolate their strongest single icon/graphic from the original layout in Part 1 of the assignment – 1 version will include a stroke and one with out(example below). Students will explore a 4-part color variation drawn from their selected color palette as well as 1-3 balanced patterns using their icons. (We will discuss the examples in class soon).

Part 3 – Designing on Purpose, bringing it all together, what are the potentials of your shapes when designing with intention? What would you like to make?

 

Week #8 & 9

Portrait Riffin’ for the Model & The Monster – Assignment #2

Into –> GIF the Portrait Project & Beyond

Its that time of the semester again. The time where I introduce how to make animated GIFS to my students and fellow humans. Simultaneously, please allow me to introduce you to the GIF the Portrait Project – The project started on a tumblr (which is the equivalent of myspace now…) back in November of 2013 and was created specifically for the project. The idea is, and remains simple: “animate a portrait” and share it to a growing community that has defined the potentials of an animated portrait.

Our assignment for the Model & Monster is a perfect opportunity for us to not only share our work, but also participate and expand the GIF the Portrait community. Lets week in class we covered a series of examples of what the assignment may look like, I share my examples and a series of web browser based applications to help generate and degenerate your portraits. See below for a recap.

Image Manipulation Applications to explore via any Web Browser – 

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

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

c64 – http://c64.superdefault.com/

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

The site below has a huge list of online tools that you can explore!

https://www.glitchet.com/resources

The best place to start when viewing the current GIF the Portrait submissions is right here on the project’s archives page <– this allows for viewers to see a more expansive timeline of works as well all digest the inspiration as you begin to feel propelled into GIF making action. GIF the Portrait will be receiving submissions from students at NYIT, CUNY BMCC & CUNY York College this semester. The second part of this introduction to the project and assignment will share a series of “how-to” and step by step tutorials to get you started. Did you miss the zoom recorded video from last class? Go Here – In the mean time, I got started on my examples below. Thats right, I participate in every assignment that I give! Im on this team too! The GIF above at the beginning of this post is the final outcome from my contribution to the assignment and that outcome consists of a stacked series of the individual images that you can now scroll through below. I had a blast making these and they are all inspired by Andy Warhol! I mixed together a series of both digital and print media to create each piece.

**Lets take a look at an applied art making variation of how you may choose to work on this assignment or simply bring together multiple techniques as I have below – this LINK shares a variation of this project that I did with another college a few years ago

(Above – click me to enlarge – Which images are the “Model” & which are the “Monster”??) I suggest that one you have all of your images, bring them together into a balanced composite like what you see above. This also makes for a great poster and work of sequential digital art.

(a studio installation above, you know, for context..)

Submitting your GIF animation for GIF the Portrait Project-

The GIF the Portrait project takes place on a Tumblr.  (We can also post them on this website) The Maximum file size for Tumblr is about 5MB so we need to make sure that we save  .gif our animations at 5MB or lower.  (need a tutorial on this?)

I created a folder in our class Google Drive for adding your Portrait GIFs – Please add them here – https://drive.google.com/drive/folders/1jsGAu0f6QHsYmDWndrWvrrWzopUBoznj

Weeks #6 & 7 – GIF IT UP, Adobe MAX, Portrait Inspiration & More

Weeks #6 & 7 – GIF IT UP, Adobe MAX, Portrait Inspiration & Much More!

***The Zoom Recording from class on 10/26 can be found and viewed below

https://us02web.zoom.us/rec/share/4-DYH0YSqFKZuSe4Bfbxml98AJ6mzuhLsH4CT2iyAVUu0imUFeYQbFbuFGLl8XBy.4opjkxilNtNuYdjL

Passcode: &E6a*sLy

 

Adobe MAX kicked off last week and came to an end – it was FREE this year! Did you catch any of it? If not, they will be featuring a ton of content on their site, Im sharing this great talk below with one of my design heroes!

One of my favorite graphic designer’s is Aaron Draplin of the DDC – Be sure to watch his talk below for some insight and inspiration! How are some graphic designer’s handling the pandemic?

GIF IT UP is BACK! The 2020 Edition – Open Call!

Yes, this is my first iteration and submission to GIF IT UP 2020, want to see a few more of my submissions? Go here

(Content source taken from https://gifitup.net)

GIF IT UP is an annual gif-making competition for the most creative reuse of digitised cultural heritage material. It is run by Europeana in close cooperation with Digital Public Library of AmericaDigital NZ and Trove. This year two new content partners are joining the fun – Japan Search, a platform giving access to digitised material from cultural institutions across Japan, and DAG Museums in Kolkata.

From 1 – 31, 2020 – October, all gif-­makers, cultural heritage enthusiasts and lovers of the internet are invited to create brand new gifs by remixing copyright-free and openly licensed material.

HOW TO PARTICIPATE

1. Find an inspiring piece of copyright-free or openly licensed material from EuropeanaDPLADigital NZTroveJapan Search or chosen by DAG Museums.

2. Create an awesome GIF (Don’t know how? No worries – we have lots of resources to get you started.)

3. Submit your GIF for a chance to win great prizes

4. Share your creation on social media using the hashtag #GIFITUP2020

We began discussing and working on Assignment #2 –

The Two Portraits: “The Model & The Monster!”

Lets get inspired! TheAssignment specification are on the assignments page

Check out the work of:

Matthew Barney

Matthew Barney on ART21 – <–

http://www.cremaster.net/

Traceloops! 

https://www.traceloops.com/

https://www.instagram.com/traceloops/

Image Manipulation Applications to explore via any Web Browser – 

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

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

c64 – http://c64.superdefault.com/

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

The site below has a huge list of online tools that you can explore!

https://www.glitchet.com/resources

***The Zoom Recording from class on 10/26 can be found and viewed below

https://us02web.zoom.us/rec/share/4-DYH0YSqFKZuSe4Bfbxml98AJ6mzuhLsH4CT2iyAVUu0imUFeYQbFbuFGLl8XBy.4opjkxilNtNuYdjL

Passcode: &E6a*sLy

 

Weeks #4 & 5 – Class Info & Resources

The image above has been manipulated using the “Content Aware” fill option in photoshop – can you tell what the original image source is?

Weeks #4 & 5- Class Info & Resources

Did you miss week #3’s post? Go here

Did you leave your comment at the bottom of Week #3’s blog post about the NYC Graphics Standards Manual? Lets get that added today!

Assignment #1 – has a collaborative aspect to it using graphic assets, last week in Zoom we discussed the potentials of a class collaboration and how to contribute to it individually – here are the specs again below:

**Graphic Assets Collab Exercise from 9/28: Students were asked to share 1 or 2 of their graphic assets in a collaborative folder located here – https://drive.google.com/drive/folders/1KM26xhmAwMotNq1Z6LhmTYcOcnugkUIo?usp=sharing

Students will select and download at least 6 assets from the collaborative folder link above and create a new digital illustration using all 6 assets (yes you can use as many as you wish if you want to use more) Please try not to use your own assets. The size of the illustration is open ended and you may also consider using text and verbiage. This is an opportunity to exercise creative immediacy, we will discuss the process and results today in class on 10/5.

Assignment #1 should be completed by the end of this week, lets look at all student progress and move forward to the next assignment.

Assignment Submissions Reminder – When you complete each assignment, please e-mail me to let me know – always add both your production files (.psd or .Ai) as well as a .JPG version of the assignment into your folder in our shared Google Drive. Please label finished work indicating that it is a “Final” file submission – here is an example below:

Ryan_Seslow_Assignment#1-Final.psd

Ryan_Seslow_Assignment#1-Final.JPG

Lets talk about Assignment / Project #2: Working with Photoshop lets generate – Two Portraits: “The Model & The Monster” – Portrait Creation, Manipulation/Degeneration/Recreation & Animation – The Assignment discussion will take place during our Zoom class on 10/5 – Assignment details are located on the Assignments page here.

 

Design Inspiration for the Week:  https://www.pentagram.com/

Who is Pentagram Design? Why should you know them? Please explore the Pentagram website above and delve into the myriad of projects, companies and brands that they work with.

 

Week #3

Welcome back!

Here we are in Week #3!

Lets dig into our zoom class time by first sharing some Animated GIFs that visually communicate how our weekend went.. Here is mine..

In fact, lets talk more about the many different Visual Forms of Communication.. Behold below,  The NYC Transit Authority Graphics Standard Manual! (Did you know about this?) Lets come back to that in a minute..

During today’s Zoom session class, lets take a look at where we are with the first assignment.

Assignment #1 is flowing in full force. We are getting acclimated to our class and using a few new tools. We will share a class update on our progress. How many graphics assets were you able to extract and cut out with the pen tool? Each student will share their screen and give an update on their progress. Are you working on various iterations of your work in progress? Each week we will spend a portion of our zoom class time sharing and talking about our process, while also giving feedback about each other’s work.

Assignment #1 also has a collaborative aspect to it, we will discuss the potential of the collaboration and how to contribute to it as a class.

**Graphic Assets Collab Exercise from 9/28: Students will share 1 or 2 of their graphic assets in a collaborative folder located here – https://drive.google.com/drive/folders/1KM26xhmAwMotNq1Z6LhmTYcOcnugkUIo?usp=sharing

Students will select and download at least 6 assets from the collaborative folder link above and create a new digital illustration using all 6 assets (yes you can use as many as you wish if you want to use more) Please try not to use your own assets. The size is open ended and you may also consider using text and verbiage. This exercise is an opportunity to exercise creative immediacy, we will discuss the process and results next week in class.

Please click the link below to explore a great piece of both NYC and Graphic Design History, The NYC Transit Authority Graphics Standard Manual.

https://daringfawnyball.files.wordpress.com/2013/02/nyctamanual.pdf

Designed by Massimo Vignelli and Bob Noorda, Unimark, 1970

I would love to read your reactions and feedback in the comments section below! Each student will leave a series of comments (during or outside of our class session this week) if you are not in our zoom class today you are still required to participate this week from outside of class.

**after you “submit” your comment below – I will have to manually approve it – you may not see it show up right away, but it will be moderated shortly.

Some Questions to ponder and react to:

  1. What is your general feedback on the manual? Do you like it? Dislike it? Please Explain. Do you find it to be well designed, illustrated and clear in its application?

2. The manual was published in 1970. Does it still hold up for today’s world?

3. What is missing or should be added for today’s world of NYC Transit?

4. What additional questions are you left with?

******************************************************************************

Classic Poster Designs by Paula Scher

Graphic Designer and inspiration of the week!

Paula Scher! (please get to know her work!) Please watch this great talk by Graphic Design icon Paula Scher!

Welcome to artc-201 – Weeks #1 & 2

Welcome to artc-201 Computer Graphics 1 

Fall Semester 2020!

The course syllabus is here – https://artc-201.com/syllabus/

Welcome to our class! This post has been expanded to weeks #1 & 2

Weeks #1 & #2 – Class Introductions & Assignment #1 –>

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 this website.

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-201.com/course-resources/

The Assignments / Projects page is here and will grow one project / assignment at a time –> https://artc-201.com/assignments/

 

During weeks #1  & #2 we discussed our first project / assignment and went over a few demonstration using the Pen Tool in Photoshop. My class demonstrations from our zoom class sessions are below, as well as 2 other very helpful pen-tool demo links!

https://us02web.zoom.us/rec/share/Soz0UgZZWryZTMQgWiZRnLewYk0nydZI_QDkGW-gcBc4reNty5bVPYwPtTFbk_1j.Dv7-jPNMuPuU5S0T

Passcode for the Video –  g1^tA=gj

 

https://us02web.zoom.us/rec/share/ffwZeG5_IRZ18CEszJLBZ3F_xQ7UwN7nKAMHm86nZ7WCrivGRW7wRVOVNKuP-4G.iRq06HP3IN8VlyNb

Passcode for the Video –  *B1DLth8

 

More Pen-Tool Resources:

Cutting out images in Photoshop

Cutting out Images in Photoshop – How To

During Week #2 we will re-cap the first class, using the Pen tool, assignment #1 and looking at student progress. Assignment #1 has a collaborative aspect that has been to the assignment, we shall discuss this in class on Monday 9/28.

 

Design Inspiration for the week:

Above – Google Talk with – Michael Bierut (fromPentagram Design) 

Check out Pentagram Design’s website here (you need to see this)

 

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

*Please check our Canvas or Blackboard page for the the Zoom link & PW (also sent to your e-mail)