Tag: cuny

Weeks #12 & 13

Weeks #12 & 13

Welcome Back!!

We are entering our final weeks of classes!

Assignment #4  – Portrait Techniques / Styles –

Let’s jump in and talk about our progress! I really appreciate the skills that we are learning together by sharing and discussing our work in progress each week. It takes practice and also vulnerability, it gets easier with time/ regular practice and also helps us build a language around our work process. Do you see a difference in contrast to the beginning of the semester? Let’s share.

Lets continue talking about Assignment #4 –

(There will be 2 Parts to this assignment (part 2 is not mandatory) – the assignment #4 page is active)

Class recording from 5/4 – Assignment #4 – Part 1 & 2 

https://us02web.zoom.us/rec/share/aLYWN20RgSC8_KgMj2bQSfPKiJSiCRcb6pyY2qwGDWkJxhrXnmOPU7R9-Uz6tzT1.Hl1OWVxSFsCK-Vi6

Passcode: wCw1VvN@

Here is the class recap / tutorial on Assignment #4 – from class on 4/27

https://us02web.zoom.us/rec/share/GXc1K7X8BOvUEdqU4YmWxb3iRVGoXKJh-mgFAEzKEMnsn4rUZ0lA7Sk4RxH9wdZM.qUXTehryaKws-j6F

Passcode: .x$$j28G

Vector Art Portrait Making, Poster Design

Here is a re-cap for the assignment – > We will bring together techniques and applications of vector art, portrait making, lay-out / composition, image manipulation & typography.

Vector art is created by using an application like adobe illustrator –

Need a recap on Vector Art? This is a great article published by Adobe – https://www.adobe.com/creativecloud/illustration/discover/vector-art.html

Assignment Specifications:

Fictional Museum Exhibit Poster (examples will be shown during the Zoom classes – as well as a series of Illustrator vector demonstrations)

Suggestion :: Choose and work from the image and likeness of one or more of these styles/movements of art to create a poster using a SELF-Portrait

But wait.. How do I define a “self-portrait”? – this is the exciting part that you will decipher. I would suggest digging into some research on both traditional portraits and self portraits, I mean, we all take a “selfie” photo here and there..

Portraits used in Art <-(a great resource with a lot of examples)

Portraits used in Design <- (More really nice examples!)

Potential Movements to research -> POP ART, SURREALISM, MEXICAN MURALISTS AFRO-FUTURISM, MANGA, POLITICAL ART, FAUVISM, GRAFFITI, AFRICAN MASKS, ANIME, VIDEO GAMES

or (Another Style Not Listed Here or create a Hybrid using 2 or more styles)

Process: Research and Practice!

Art Movement Resources:

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

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

https://www.britannica.com/topic/list-of-art-and-design-movements-of-the-20th-century-2004700

Vector Art / Artist Resources:

https://graphicmama.com/blog/famous-vector-artists-mind-blowing-portfolios/

https://www.smashingmagazine.com/2010/03/100-beautiful-illustrator-artworks-by-artists-around-the-world/

https://www.creativeboom.com/inspiration/the-20-illustrators-to-follow-in-2020/

More Research / Inspiration / Tutorials –

Check out these links below:

Project #4 – Part 2 -(not mandatory – but suggested!)

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. What is the creative potential of the image? How can you push it further?

What are the potentials of integrating web and mobile applications in our day and age when it comes to creating styles, textures and over all visual aesthetics? We will walk through a series of demonstrations, some examples are below, along with a slew of apps to play with.

Desktop / Web Browser Art Making Platforms:

Click Drag Click – clickdragclick.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

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

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.

Weeks #6-7 & 8 – Info & Resources

Welcome back to MMA100!

Weeks #6, 7 & 8!

Here is this week’s useful information and class resources:

Please keep in mind, there is a lot to see here below, take your time through out each week to explore what is shared below, if you have any questions or reactions please add them to the comments section. The comments section is helpful for extending our in class dialogs and gaining clarity by organizing your thoughts in a written format.

*Did you miss the post from Weeks #4 &5 – go Here!

During weeks #6, 7 & 8 we will take a class tour of Adobe Illustrator and get talking about Assignment #3 

**Class video tutorial from class on 3/10 – More tips with Assignment #2 is below:

https://us02web.zoom.us/rec/share/gbZXvDcHAILiaOtUb2aHntxLRJmIzS1O-JKoNa_bg_9AK9tVW8KKmJTmYxDcatKf.WFYsKHcEc69eGOAn

Passcode: ?GGXfQE1

**Class Video Tutorial from class on 3/16 – Assignment #3 – Part 1:

https://us02web.zoom.us/rec/share/8Qyex0g8fKVGrQWYQUdPJvQdH2gRT210lebYTM2LzQE2E1TMQ3hTBLCxIhu0pIpH.6UIbOskK3Yn4gP9s

Passcode: 3^4Q&a$C

**Class video tutorial from class on 3/23 – More tips with Assignment #3 Part 1 & 2 is below:

https://us02web.zoom.us/rec/share/p_sh85-bcQhg-ebmcD3WjpbvsWmV2Z8y-RfuQEoW03HCedV__J4phydSwOvChz_3.ymZ5L3ISLidmhTYR

Passcode: U6y=Pz*B

Lets jump back in and start with some NYC Design History!! Behold, the NYC Transit Authority Graphics Standards Manual. See below

Inspiration – The NYC Transit Authority Graphics Standard Manual

The link above will you take you to a page with an active full PDF version of the manual. Please leave a comment at the bottom of this page after exploring the manual and answering the questions below (you can work on this outside of class over this week or next)

Designed by Massimo Vignelli and Bob Noorda, Unimark, 1970

I would love to hear your reactions and feedback in the comments section below!

**after you “post” your comment I will have to manually approve it – you may not see it show up right away. No need to post the comment twice 🙂

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? Why or Why not?

3. What is missing or should be added for today’s world to help and expand the NYC Transit System?

4. What additional questions are you left with?

Video – Micheal Beruit from Pentagram Design discusses the manual here – Link to the video above – https://www.youtube.com/watch?v=Qg03z1H6cfA

Imagine being offered the opportunity to visually solve, design and illustrate the entire NYC transit system!? What goes into this process and research? Do you know who is responsible for this? How much does the designer charge for a project of such scale? Lets discuss.

Last week we continued talking about Assignment #2  – The Post Card project ! Lets look at student work and talk about your progress and the potentials of the project. There is a lot of room for image manipulation and creating aesthetics with your work. Discussions about presentation methods and why presentation is so important. Please navigate to the assignment #2 page to view the assignment details with me again.

Tonight’s Video tutorial will cover more image manipulation techniques and applications.

Photoshop Video Tutorials –

  1. Creating Layer Masks / Photo Composites – The video below is great example – click here or the image below to view it.

2. Double Expose Technique – Click here or the image below to get started

<———{ week 6 transmission snip }———–>

Color Theory!

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 and the Adobe Color Wheel!

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

*Above – Color Theory Continued -II >https://99designs.com/blog/tips/the-7-step-guide-to-understanding-color-theory/

Let’s Talk about Adobe Illustrator! 

During weeks #6 & 7 we will take a class tour of Adobe Illustrator and get talking about Assignment #3 

You can also 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

Designer Inspiration :: You need to know Paul Rand

Weeks #4 & 5 – Info & Resources

Poster Designs by Paula Scher

Welcome back! Weeks #4 & 5 – here we are!

Do you need a recap of Week #3? Go here!

The Elements of Design – A Video Description: Enjoy! See the Elements in action in this great lil’ video.

This post will reflect a 2-week time frame for weeks #4 (2/23) & #5 (3/2) as we delve into assignment #2 – The Post-Card Adventure Series! First things first though, lets see how everyone is doing.

Lets jump in and take a look at some student work in progress during our class-time tonight – Would you like to share your progress? I will always encourage students to share their progress so that we can engage in dialog about the works and how we can make improvements and iterations. Learning how to discuss your work in progress takes practice. Learning how to discuss the works of others also takes practice and develops a “troubleshooting / solution focused mindset”. If you choose to opt out of sharing your work in class, thats also OK – please save your work in progress files to your Google drive folder and let me know when things have been placed there via e-mail (rseslow@bmcc.cuny.edu)

*Remember, you can always find a Zoom class recording for each Assignment’s tutorial under the Assignment page for that individual assignment, the process for Assignment #1 – parts 1 & 2 are on the Assignment #1 page

I will be introducing Assignment #2 – AKA – “the Postcard Project” on 2/23 & 3/2. A class video recording for Assignment 2’s tutorial will be placed under the Assignment #2 page for that individual assignment along with the assignment specifications.

**Class video tutorial from class on 2/23 – Getting started with Assignment #2 is below:

https://us02web.zoom.us/rec/share/pgLJDP5BRzPI-xC5nRRkNKdFy0goif-lEV4F0eXCsIFqOc7TChdNbOMLPHUU3axf.egQjpEk4Ugx0YrLQ

Passcode: pDbk96&u

**Class video tutorial from class on 3/2 – Assignment #2 continued – tips & techniques is below:

https://us02web.zoom.us/rec/share/QiyjcK4Pa8BeHCGrVV4uDyZZtZ5ItzGObc700pZY5Q9jU5NVm6Bw0_X8rJsetbb4.9DOPMX3ecrrQOiT7

Passcode: 12TP%2NF

***please don’t move on to assignment #2 until all aspects of assignment #1 are completed..

We will get well versed working with the photoshop pen tool, electronic imaging, cutting out images and creating graphic assets. We will also be creating and working with various file types and bringing our ideas into photoshop to produce the finished designs.

Im a big fan of iterations and revisions! We will discuss using multiple art boards and the iteration process while our work flow is in process.

*This Week’s Exercise – Cutting out Images in Photoshop / Making Graphic Assets: Cutting out images in various fragments is a task that all graphic designers will face on a regular basis. Learning various methods for cutting out images is a necessity. We will explore, experiment and share a few methods on how. 

Practice practice! As practice this week while working on the postcard project – you may wish to find 3-5 images that you would like to cut out / extract from existing images, look for various curves and edges that are both attractive and challenging.

Students will select and practice from images taken from a public domain, OER or creative commons sources on the Internet or they may use images that they have on their devices. Again, We have a huge selection of OER Resources on our class resources page here too

(This exercise/technique will be applied to the post card project – assignment #2 ).

A vintage postcard example from New York!

Video Screening Tutorials: Cutting out images in Photoshop (Pen Tool examples)

These tutorials above will help get you started with our class exercise, but ultimately, you will need to master the pen tool in both photoshop and illustrator for the cleanest vector cut-outs. 

**Are you looking for a photoshop psd. file template example to create along with, format and submit your postcard? (Photoshop newbies can edit and change the layers as you need to) Those with experience should make the template themselves –   Click HERE

(Is there a specific tutorial that you learned from recently or over time? Share the URL link with a description of your experience in the comments section below)

Graphic Designer and inspiration of the week!

Paula Scher! (please get to know her work!)

Watch this great talk by Graphic Design icon Paula Scher!

Graphic Design Trends for 2021

Week #3 – Information / Resources

Logos by Milton Glaser

Welcome to MMA100 – Week #3!

We’re BACK!

Here is this week’s useful information and class resources:

Need a recap of our last class meeting? –  Week #2 – Go Here

OK!

Here is a video tutorial from Assignment #1 – Part 2  (from 2/17/22)

https://us02web.zoom.us/rec/share/AnvleSyrXv7PSdWR65BCsqVaBX6Hn71oAloanSd41PK2R2qbgVT7uUnABQlD1hOn.YM4Vo5W3_XQTrpBq

Passcode: M6h@r=Sy

So, the last time that we met, we covered a lot of information and we began to get acclimated with Adobe photoshop, our Photoshop workspace and our first assignment, we also went over our class website structure again. I shared (and recorded) a video tutorial about our first assignment / project here in MMA 100. Did you find the video helpful (its placed on the Assignment #1 page).

Did you add or submit your work in progress of part 1 of Assignment #1 to our google drive folder? Remember, I would really like for you to keep your work in progress there as we can dialog about it together outside of our class time. The google-drive link is located on our blackboard course page (in the google drive folder, create a folder with your first and last name). 

I would also like for you to e-mail me when complete each project or assignment. You can add the files to your folder in g-drive and then send me an e-mail to let me know – rseslow@bmcc.cuny.edu – I will then, leave a few comments on your work.

We will start our class tonight on 2/16 by reviewing assignment #1 and the student works in progress by presenting our work loosely. Lets talk about why this is necessary and important.

We will continue working on assignment #1 – parts 1 & part 2 in our class session. 

Design Resources to Explore: 

I love everything they do. See for yourself below!

https://instagram.com/thechrisdo

The FUTUR – YouTube Channel

Video Inspiration – with Milton Glaser:

Who is Milton Glaser? You certainly already know some of his work!

Explore his website here – https://www.miltonglaser.com/

*** In the comments section below, add a few links and or statements about what is currently inspiring you, or what stands out and catches your interest this week! (not just with our class but in life in general!)

Week #2 – Information / Resources

Welcome to MMA100 Week #2!!

We’re BACK!

Here is this week’s useful information and class resources:

Do you need a recap of  Week #1 – Go Here <–

Lets be patient with our ourselves and ease in..

Here is a video tutorial from Assignment #1 – Part 1 

https://us02web.zoom.us/rec/share/wHWKYCFb29FFSLchOXGbgb_pMKWRruNCFIEL7iTAVMYk7Ap7pO59AvCn_X2giY-u.JUBze-P2fvZXwvUz

Passcode: pL#b*7@Z

We will begin tonight’s class by recapping week #1’s introduction to the course as well as jumping into assignment #1 – our first assignment! The first assignment has a few parts and I will be sharing a series of tutorials during our class time. I will give a demonstration with adobe photoshop on how to prepare your design layout, place and resize images, apply layers and also preparing your final designs file format for sharing it on the web and in print.

Remember, each assignment will have its own page with all of the specifications needed to work on, complete and submit the assignment. Assignment #1 can be found here.

** a Video tutorial from week #2’s Zoom class of assignment #1 – part 1 will also be posted here and on the assignment #1 page after our class**

Becoming familiar with terms and items like: “design briefs, project sheets and project specifications” are essential to the design industry. We will become familiar with this process and following a simulation like experience 🙂

We will discuss the progress and submissions process of your finished assignments and how to send and share them via google drive. We will discuss the maintaining of your files and data and how to keep it safe and easy to access.

Assignment Submission guidelines:

When your assignment / assignments have been completed please add them to our class google drive shared folder (link is on blackboard).

Please create a folder for yourself with your first and last name. And, please name your files with your name, assignment# & assignment status – here are a few Example file names – they may looks like this:

Ryan_Seslow_Assignment#2_progress.JPG 

Ryan_Seslow_Assignment#2_FInal.JPG

Tutorials – Getting further acquainted with Photoshop – (Terry White is one of my favorite Adobe evangelists!)

Adobe’s youtube channel is here – (so much good stuff!) https://www.youtube.com/c/AdobeCreativeCloud

Inspiration / Resources: Graphic Design Trends from 2020 –

What kind of design do you like? What inspires you and makes you want to learn more? Do you resonate with the “trends” in the examples below? Share your thoughts and links in the comments section below!

And Some More Inspiration:

**The Underground Sistine Chapel is a free documentary on youtube telling the story of the street artist Pascal Boyart‘s construction of a modern Sistine Chapel in the heart of an old gold foundry in the suburbs of Paris, in what some would call a cut-throat area.