Tag: graphic design

Weeks #7, 8 & 9- Info & Resources

Welcome back to MMA100!

Weeks #7, 8 & 9!

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

Class recording from 3/22:

https://us02web.zoom.us/rec/share/5MxSbz3C7JbO5o1klDRcHBy3sXTU70ir5W-Dxe5Tf2–vjUd85xkwRYN7gpjD6Y.oLj7UwheA8jYPq_2

Passcode: #0LZxY1V

Class Recording from 3/16:

https://us02web.zoom.us/rec/share/sWm4fM6THjkhT0Lr4Rmr6_lbH1KGeS6IOyLLx-7ITtgBe605Om_HFVRBQeOZ6W-H.Zclmo0FKLBp7A2Y_

Passcode: ud=!&1nN

Class Recording from 3/8:

https://us02web.zoom.us/rec/share/5suXEW2t8BaBhfJ35sCKpHVHqUuUUwvnRHfxfKWydoe0bWstsYF6mP7Nqd5-C7o.DzGCFDzoI-4WQRlb

Passcode: J+9airF!

Please keep in mind, there is a lot to see here below, take your time through out each week to explore what is shared, 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 content / post from weeks 3-6? Go Here <—

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

Let’s 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. If you wish, 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

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!? And then organize it into a concise application procedure? What goes into this process and research? How much does the designer charge for a project of such scale? Let’s discuss.

**Style Guides, Branding Kits, Graphics Standards Manuals**

Here is another great free resource for Company Brand Manuals

Forward motion from Assignment #2 —> Assignment #3 –>

Last week we continued talking about Assignment #2  – The Post Card project ! Let’s 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.

More Photoshop Masking 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

<———{ 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 #7, 8 & 9 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

Adobe Illustrator for Newbies – 2022

All the Tools Explained – Illustrator

Designer Inspiration :: You need to know Paul Rand

Weeks #3-6 – Information / Resources

Logos by Milton Glaser

Welcome to MMA100 – Weeks #3-6!

We’re BACK!

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

We will continue working on assignments #1 & assignment #2 – Lots of great stuff to cover this week! We will get a peek into assignment #3 as well!

Need a recap of our last class meeting? –  Weeks #1 & 2 – Go Here

OK!

Class recording from – 3/1/23:

https://us02web.zoom.us/rec/share/jWur2OshUnpFVKHk2-xItv7zM_eRKYBYtNSJneJCt03YFxbZ3TmBr6pc8Qgr1giu.Pgeclqxc7MN0tKz4

Passcode: 72V!Z1?N

Class recording from – 2/22/23:

https://us02web.zoom.us/rec/share/7UvyG5ldFZUIlHVmC8wsRYtGKrUPdZIOlI_Xn4_H1W0bf87FBpEGe59QdacCY1ZP.dPmRO2HaKC_rP4B_

Passcode: m1k4F^S^

Class recording from 2/15/23:

https://us02web.zoom.us/rec/share/7EF8DcqEdxFxV9YlUmOr90oZ4f554xGrW0Ys_mnZIkkG2QWdeWTaN28OPc6MqReM.wAK_NFH_JMhFiTyf

Passcode: 3=65.urh

Class recording from 2/9/23:

https://us02web.zoom.us/rec/share/LQm2Qnlv7OtT9BonIrW88-z-kfIlInQe7bGq9yG5nzmXBu4vywo2yuV0KI8QRqHt.bGbnhN_TJS8k-sY9

Passcode: x+AC5uU9

We continue to cover a lot of information as 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 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.

Design Resources to Explore: 

https://www.designspiration.com/

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!)

The vocabulary of design is an essential aspect of the design process and includes both elements and principles of design. Understanding these terms helps artists and designers to communicate effectively and ensure that their designs accurately deliver their intended message to the audience.

The elements of design refer to the building blocks that define the visual, including form, shape, line, color, texture, typography, and space. These elements can make a design successful when used correctly, and artists must learn the rules of applying them, which are known as the principles of design.

The elements and principles of design are the guidelines and rules that artists and designers use to create visual compositions. They provide a framework for using the elements of design to achieve the desired effect and deliver an intended message.

One aspect of design vocabulary that is often overlooked is typography. Typography includes elements such as ascenders, descenders, and baselines, which refer to the parts of letters that rise above or descend below the main body of the letter. Understanding these terms is crucial for creating effective typographic designs. (We shall cover and discuss soon)

Article on “Gestalt” – https://ux360.design/gestalt-principles-design/

Another aspect of design vocabulary is the Gestalt principles, which refer to the principles of perception that govern how people see and interpret visual elements. The five Gestalt principles are proximity, similarity, continuity, closure, and connectedness, and they help designers to understand how people process and make sense of visual information.

The Elements and Principles of design plays a crucial role in the design process and helps artists and designers to communicate effectively, use the elements of design correctly, and deliver their intended message to the audience. Understanding the elements and principles of design, as well as typography and the Gestalt principles, is essential for creating successful design work.

Weeks #1 & 2 – Welcome to MMA 100!

Welcome to MMA-100

Foundations of Digital Graphic Design!

Spring Semester 2023

Dear Students:

WELCOME !!

It is great to meet everyone and share our first class to connect, break the ice, and learn a bit about each other. There is a lot of exciting and compelling content to cover, which will happen beginning on – Wednesday 1/25/23 at 5:30pm – in person in Fiterman – room 706.

*Our Class Website Link – https://openlab.bmcc.cuny.edu/mma100-spring-2023

The link above is super important as that is where all of the course content will be published each week. I’m not a big fan of using blackboard – so only password sensitive things (like the zoom password and the shared google drive folder link) will be placed there. Only the minimum info needed will be placed there mainly as reminders. I will go over this in full during our 1st class.

*Our Class Website Link – https://openlab.bmcc.cuny.edu/mma100-spring-2023

**Here is the class  video tutorial from 2/1/23 – intro to photoshop and assignment #1 part 1 –

https://us02web.zoom.us/rec/share/0eZx5fUl0kcKDmM123ryj15mS1rsZwoWpYQwYoTVZVc3F1Odj6AGVIvpmY-gqpvF.h1RjldLi5i_zq3W_ 
Passcode: z7^41=a&

The Class Structure – MMA100 will be taught in person synchronously on Wednesdays at 5:30pm in room 706 (Fiterman building) and also via this website. I am here to help you be the best that you can be in our course. And we are all here to do the same for each other. A big part of our class is learning new skills, being experimental with design and seeing how it forms a relationship with “how” you solve problems and revises them. We will cover the many tools that are available to us. (Adobe and beyond) We do quite a bit of the fun and creative work from our own personal work spaces as we integrate the class work into our lives.

Please know, I will screen record each and every class session, “how-to” and “assignment tutorial” for all assignments and share those videos here on our class website. (I said that twice, haha, just want you to know again) 🙂

The Class Website – Our class website takes place here on the BMCC OpenLab! You will soon discover that the OpenLab is a huge resource and regular source of inspiration! I promise.

*Class Website Link – https://openlab.bmcc.cuny.edu/mma100-spring-2023

Class Time: 5:30 PM – 9:00 PM – USA Eastern Time

Meeting Day & Dates: Every Wednesday, as per the CUNY academic calendar (please be aware of the cuny calendar for this semester)

If you have questions please don’t hesitate to reach out to me here – rseslow@bmcc.cuny.edu

Everything that we cover this semester will be posted and published to this website as a weekly blog post (much like this one) and as individual pages that host specific content (like assignments and their details). You will be asked to visit this website each week. At the bottom of each page and post there is a section for comments, please feel free to use it to ask any questions that you may have.

One of the most well known logos around the world, by Milton Glaser

Weeks #1 & 2 – Introductions, Assignment #1 Discussion –>

Meet & Greet!

What is Graphic Design?
Design Solutions: Strategy, Concept, Design, Execution & Production
Exploring the Design Process.

Software skills this semester will focus on– Adobe Photoshop & Adobe Illustrator as well as a few other apps and non-conventional methods of image-making.

Logos by Paul Rand

What is Graphic Design?

“Graphic design, also known as communication design, is the art and practice of planning and projecting ideas and experiences with visual and textual content. The form it takes can be physical or virtual and can include images, words, or graphics. The experience can take place in an instant or over a long period of time. The work can happen at any scale, from the design of a single postage stamp to a national postal signage system. It can be intended for a small number of people, such as a one-off or limited-edition book or exhibition design, or can be seen by millions, as with the interlinked digital and physical content of an international news organization. It can also be for any purpose, whether commercial, educational, cultural, or political.” (Via – Juliette Cezzar)

*Watch this Video Definition – *Watch this Video Definition – https://vimeo.com/10532686

Great explanation of Graphic Design, but what about the speed of the video??

Poster Design by Milton Glaser

The History of Graphic Design – We will be exploring and referencing Design history in our class. Lets explore these two references below over the course of this week.

Design History.org – http://www.designhistory.org

Key Moments in Graphic Design / Timeline – https://www.thoughtco.com/key-moments-in-graphic-design-history-1697527

Lets talk a bit about assignments – Most assignments are broken down into 2-3 parts. For example, assignment #1 has 3 parts. For each assignment, I will be sharing a series of video tutorials during our class time. Each assignment has its own page with all of the details and specifications needed to work on, complete and submit the assignment. The Assignments page is here

We are going to ease into assignment #1 with just a few easy tasks. Let’s check out the assignments page for that here.

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 (the google drive link is located 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.psd

Ryan_Seslow_Assignment#2_FInal.JPG

————————–

Tutorials – I will always share a few video tutorials each week that coincide with our assignments. This one below is about getting further acquainted with Photoshop – (Terry White is one of my favorite Adobe evangelists!)

I’ll also share Designer Inspiration each week? Let’s be inspired and see Who’s Who in the field? There are so many great designers out there to follow these days! Each week, let’s showcase one and talk about how their work functions.

50 Graphic Designers We all Should Know About 

Who is Aaron Draplin? Surely by now you have heard of Aaron Draplin?

———————————————————

Assignment #1 will introduce you to Adobe Photoshop, working with and finding images, and the Elements & Principles of Design, (vocabulary), thats the language of design.

(please note, there are several variations of these definitions that can be found across the web and through out the design world, its ok to mix and mingle variations from other sources to help expand your knowledge)

The Elements & Principles of Design are the governing vocabulary that define, illustrate and communicate how Graphic Design functions all around us. These terms are of great value and importance and should be understood and applied by designers. 

The Elements & Principles of Design Vocabulary – <— click the link to view the PDF of vocabulary