Tag Archives: Graphic Design

Spring 2018 MMA 100 News / Update

Dear BMCC MMA100 Spring 2018 Graphic Design Students,

I hope that this message finds you all well! As the summer begins to winds down I wanted to alert you to a few things:

  1. First and foremost, our awesome class ZINE collaboration with CT101 students from York College is now officially accessible in print and available at the NYPL at their 5th Avenue & 42nd Street location – DeWitt Wallace Periodical Room at the Stephen A. Schwarzman Building . As a public space, all visitors to the NYPL can take out the zine for review. There are two copies reserved and forever archived. I will also be submitting 1 copy of the zine to the BMCC library on campus. I will let you know once it has been cataloged and is ready for viewing. You can also revisit, comment and contribute in reflection to the project by clicking on the graphic below.

Cross CUNY Campus – BMCC & York College Zine Collaboration

 

2. The fall 2018 semester is upon us! I will be using this website on the CUNY Academic Commons for our class again. This means, that you will be receiving e-mails about class assignments, exercises and resources for the fall 2018 semester. I strongly suggest that you remain a part of our community! There are foundation elements that will be re-emphasized and to your learning and retaining advantage. I hope to see your comments and future contributions! The class will run at the same time and on the same day (Wednesdays – 5:30pm – 9:10pm) in the Fiterman Building – Room 706. Come and visit! Incoming students will learn from your wisdom as you share what you are applying into the field now.

PS – you can always unsubscribe from the e-mail list if you wish and simply come and visit the website for new information!

PSS – I would love to hear from you! Let me know what you are working on!

Week 14

Image by Julio Gonzalez

Welcome to Week 14!

Part 1 – Students will go here <—- to read and respond to the Collaborative zine project dialog blog post. The reactions from our York College collaborators await us!

The cross CUNY course zine project between BMCC MMA100 graphic design and YORK College CT101 Digital Storytelling continues. Please make sure that you comment on the project as a whole as well as selecting your favorite pieces to comment on!

 Students will go here <—-

Part 2 – The LOGO project!

Lets format, prepare, print and take a look at our work in progress!  Its time to put our work up on the critique board and share our progress.

 

Cross CUNY Campus – BMCC & York College Zine Collaboration

Above: Individual pages submitted by BMCC MMA 100 Foundations of Graphic Design Students

(Click any image to activate the slideshows of individual works)

Below: Individual pages submitted by York College CT101 Digital Storytelling Students

Synopsis – Professor Ryan Seslow’s students at CUNY BMCC & York College have come together to create an experimental cross course and CUNY campus collaborative zine. The zine project synthesizes the two disciplines of graphic design foundation and digital storytelling courses. Both courses were given the same information and assignment below to complete the project from the perspective of their class content and personal experiences.

As individual courses, we were interested in knowing how traditional design principles relate and contrast to the medium of storytelling (and vice versa) through the use of integrated software applications and web tools when applied and presented in a public space? “Public space” has an interesting context both physically and virtually. We wanted to test both.

What will the results be both digitally and non-digitally?

How will the immediacy of publishing to the Internet and the contrast of using a public library (NYPL) to experience the same content effect the overall generating and receiving of the works?

What kind of dialog would this create? (This is the short list of questions, we have many more!)

This blog post displays several examples of the creative learning potential of what can be achieved between two different college courses on two different campuses. It shows the creative potential of how we as human beings see things from our own unique perspectives and how things can always be another way. Solutions are friendly and inspired by collaboration. This blog post also severs as a gallery and exhibition space for the project.

We jumped in. 

The process::

Part 1 – Design

Design Project Specifications & Simulation – You have been selected to contribute 1-2 pages to a collaborative cross discipline magazine that produces a quarterly publication in both a DIY – Do it Yourself printed edition for public access (NYPL Zine Collection) and an online digital version hosted on the CUNY Academic Commons BMCC MMA 100 Website.)

A downloadable pdf. version of the entire zine will also be available upon full completion of the project. (Anticipated publishing date 5/25/18)

Your submission to the publication will creatively communicate:

“How technology and creativity are powerful learning tools for inspiration, expression, digital storytelling and design.”

You have the creative freedom to produce and generate your contributions with full autonomy as to how you experience or define the description above. However, your final submissions should display an integrated composition of imagery (use of layers and opacity) along with descriptive verbiage typeset creatively.

***Size Requirements – 8.5 X 11 inches vertical, please, jpeg & pdf file formats.

Edition #1 of the printed version of the ZINE is now available at the NYPL on 5th Ave NYC.

Part 2 – Commenting & Dialog

In the comments section below: BMCC & York students will respond and react to both the project as a whole (in the space directly below) and individually to each other’s submissions (click on an individual piece that stands out to you and add your comments.)

The Academic Commons is a public platform and space for CUNY and beyond, the C.A.C commons community will also be invited to participate in commenting and creating dialog here.

Please consider addressing the following questions:

*What common threads or similarities do you see between the submitted work?

*What differences do you see?

*How does seeing all of the works organized into one space enhance or disrupt your interpretation of the project and its outcome?

*How do you think the general public will appreciate the project viewing it as a tangible object rather than an online experience? Do you prefer one over the other? Please explain and describe your answers.  The printed zine will be donated to the NYPL’s Zine collection at their 5th Avenue & 42nd Street location – DeWitt Wallace Periodical Room at the Stephen A. Schwarzman Building 

The printed ZINES will also be available at the BMCC & York College Libraries as of fall 2018. 

Additional statements and questions can be generated by each student below as well.

 

A HUGE Thank You to all of the participating Students!!

*Featured image above by BMCC student Tugberk Ozpir

* Front and back cover Art by Marquis Gregory & Shaquille Edwards

* Special Thanks to Shannon Keller at the NYPL & The CUNY Academic Commons Committee

For additional queries contact me here – rseslow (at) bmmc.cuny.edu

Week #9

Week #9

**Midterm Project – Full Lab Session & class critique** 

(The example image above is an RGB mode JPEG formatted for screen resolution and the web, however, when you click on the image it directs you to a print ready CMYK formatted PDF).

Specific Communication – Composition, Type, Image & Color – Solving Problems

Project Title – “Collaborative ZINE”

(This will be a cross CUNY campus collaboration project with CUNy York College CT101 Digital Storytelling Students!)

We will have a full lab session to work on and prepare our Mid-term projects this week during our class time tonight on 3/28/18 due to the snow cancellation last week. We will present our final designs in class tonight as well – 3/28/18. (and continued after spring break if we need to as well)

Design Specs  – As per our conversation during our last class session – You have been selected to contribute 2 pages to a collaborative magazine that produces a quarterly publication in both a printed edition and an online digital version. Your submission to the publication will creatively communicate how technology and creativity are powerful tools for inspiration, digital storytelling and design. You have the creative freedom to produce and generate your contributions with full autonomy, however, your final submissions should display an integrated composition of imagery (use of layers and opacity) along with text. (see example above)

Students will have the ability to revise the works after the first critique and submit their updated iterations.

***Size Requirements – 8.5 X 11 inches Vertical

Usage of Imagery – Students should NOT randomly use images that find on the Internet, especially with out proper attribution to its creator. Please refer to our class resources page and work from the numerous repositories of public domain and creative commons sources – go here – https://bmccmma100.commons.gc.cuny.edu/course-resources/

Software Skill Showcase – Over the past 6 weeks we have toggled through learning various techniques and methods working with both adobe photoshop and illustrator. All image related composing and manipulations should be generated in photoshop, saved as a .psd file and placed into a new illustrator document (sized at 8.5 X 11 CMYK color mode) for typesetting and laying down text. (Please do not use photoshop for adding text with this assignment).

Submissions – Students will save all of their work and submit a compressed folder of all of their working files. This will include the original .psd photoshop and .Ai illustrator files – A .pdf saved via illustrator for print (display for class critique on 3/28/18) and one high resolution jpeg. for the digital zine publication on this website. (Convert to smart object and e-mail to me).

***I will give a demonstration on creating the folder and compressing it for submission on 3/28.

HAVE FUN!

YES, you MAY create more than the minimum of two examples that you are being asked to complete! 

Week #7

Week #7 & (Week 6 – Snow Storm Catch-Up & Review)

Did you miss week #6 ? Re-cap here Go HERE

(Week #6s’ website content included several resources on typography, color theory and two great talks by John Maeda).

Upon arrival to class this evening 3/14 please review the information below:

1. Please print and pin up your Elements & Principles of Design assignments (print as pdf. files)** Class critique.

2.  Class Exercise – If you have not yet done so, Please complete the lab work on week #5s in class assignment on shape, form, variety, color & composition using Illustrator. Click here for a .pdf example.

*Be sure to add your name and course info as seen in the example. Print your work as a .pdf as well as by exporting it for the web as a .jpeg file (we will recap in class).

3. Class Discussion & Assignment – Applying type to Images, fonts, typefaces, composition, formatting and output for print & the web..

Typefaces and Fonts are built out of shapes and forms. Integrated with color and interesting compositions they become a powerful tool for creative output and the ability to solve design problems through visual communication.

Assignment – Poster Design with Type & the Alphabet. Create a new poster design using typography. Students will generate a balanced composition using each individual letter of the alphabet. The examples above are just a few potential examples of style, simplicity and efficiency.

Size requirements – 8.5 inches X 11 inches

Typefaces – Limit yourself to no more than 5-6 different fonts and 4 color values.

Step 1 – Find and discover your own inspiration and share the URLs in the comments section below. Each student will add 2-3 Urls of their inspiration in the comment section before starting this assignment.

Things to consider – Layout & balance – Using rulers and grids. Free transformation & typesetting style.

 

**—-***—**—**—-***—**—**—-***—**—**—-***—**—**—-***—**—**—-***—**

4. **Midterm Project Discussion & Assignment**

Specific Communication – Composition, Type, Image & Color – Solving Problems

Project Title – “Collaborative ZINE”

We are at the mid-point of the semester! Wow! Lets discuss our Mid-term project and up coming critique. We will have a full lab session to work on and prepare our Mid-term projects next week during our class time on 3/21/18 . We will present our final designs in class on 3/28/18.

Design Specs – You have been selected to contribute 2 pages to a collaborative magazine that produces a quarterly publication in both a printed edition and an online digital version. Your submission to the publication will creatively display how technology and creativity are powerful tools for inspiration, digital storytelling, communication and design. You have the creative freedom to produce and generate with full autonomy.

Size Requirements – 8.5 X 11 inches Vertical

Submissions – pdf. for print (display for class critique on 3/28/18) and one high resolution jpeg. for the digital zine publication on this website. (Convert to smart object and e-mail to me).

 

**—-***—**—**—-***—**—**—-***—**—**—-***—**—**—-***—**—**—-***—**

Week #6


Week #6

Did you miss week #5 or need a re-cap? Go HERE

**Please print and pin up your Elements & Principles of Design assignments (print as pdf. files)** Class critique.

Class Exercise – Continued lab work on last week’s in class assignment on shape, form, variety, color & composition using Illustrator. Click here for a .pdf example.

*Be sure to add your name and course info as seen in the example.

Color Theory Help?

Adobes awesome Color Wheel Simulator – Shared via Petra (Thank You!)

GO HERE to Experiment

Typography Continued: Class video screening – 

Typography in Adobe Illustrator – Screening – Usefulness

Class Discussion – Applying type to Images, fonts, typefaces, composition, formatting and output to print & the Web..

Class project – Poster Design with Type & the Alphabet.

Typefaces and Fonts are built out of shapes and forms. Integrated with color and interesting compositions they become a powerful tool for creative output and the ability to solve design problems through visual communication.

Assignment – Create a new poster design using typography and a balanced composition using each individual letter of the alphabet. The examples above are just a few potential examples. Find and discover your own inspiration and share the URLs in the comments section below. Each student will add 2-3 Urls in the comment section.

Size requirements – 8.5 inches X 11 inches

Typefaces – Limit yourself to no more than 5-6 different fonts and 4 color values.

Things to consider – Layout & balance – Using rulers and grids. Free transformation & typsetting style.

**_____________________________________***____________________________________________**

**Midterm Project Discussion –

Specific Communication – Composition, Type, Image & Color – Solving Problems

Next week is the mid point of the semester! Wow! Lets discuss our Mid-term project and up coming critique. We will have a full lab session to work on and prepare our Mid-term projects.

**___________________________________***______________________________________________**

Video Screening – John Maeda

Who is John Maeda and why is he Important in Design? 

Talk on Design – Circa 2008 & 2012

Week #5

Week 5 – Organizing files, file formats, screen resolution VS print resolution, Vectors, Rasters and PDFs!

**Need to review Week # 4? Go here.

Assignment #2 – Part 2 – Its time to print your Projects – The Elements of Design & The Principles of Design – Visual Layout & Print Production.

We created new documents in CMYK color mode using Adobe Illustrator last week in class. Do you need to download an example of the Adobe Illustrator Template for the Principles of Design? PDF files are easy to open, print and are editable using Illustrator. Click below and open the pdf in Illustrator.

CLICK HERE for the Template

2/28 – Class exercise :: Illustrator. Creating shapes with the shape builder tool. Working with layers, simplifying and reducing images. Working with color, locating color books and pantone colors.

Video Tutorial – This past week we took a tour of Adobe Illustrator and practiced creating new documents and setting up our art boards for print production, (we will review that this week as well) Let’s take an additional tour with Adobe Wizard – Terry White

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

 

Click on the image to view a print ready pdf file

**In Class Assignment  2/28 – Illustrator Tutorials – Composition, shape building, alignment, form & color. What role does color play applied to shapes and forms?

(See Example Above)

1. Open Adobe Illustrator and create a new document sized at 11″ X 17″ in CMYK color mode. We will be both printing and displaying the final work on screen.

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?

2. Create 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 composition.

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

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

5. Save your work as an Ai. file (adobe illustrator) as well as a .pdf – Print your work in .pdf format.

6. E-mail your final PDF. to me – rseslow@bmcc.cuny.edu  ****If your file pdf file is too large to send via e-mail (and it may – you can easily use a free service like – wetransfer.com to send the large document)

—————————————————-< 0 >——————————————————–

An Introduction to Typography & Its History – Letterforms / Designing with Type

Examples of Typography in Poster Design 

*** Must See – 1970NYC Subway – MTA – Graphics Standards Manual 

 

Week #1

Welcome to MMA 100!

Please be sure to bookmark our class website and make sure that you are receiving e-mail notifications properly. You can always refer to our website for the week to week calendar of classwork, class lectures, resources, assignments and deadlines.

**Please review the course syllabus here**

Week 1What is Graphic Design?
Class introductions and learning potentials –  Design Solutions: Strategy, Concept, Design, Execution & Production
Exploring the Design Process: Thumbnails, Roughs & Comps
Assignment #1

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

Read the full essay here – https://www.aiga.org/guide-whatisgraphicdesign

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

Logo rough by Carolyn Davidson

Class Discussion: What is the Design Process? How do designers create strategies? Move from research to sketch, thumbnails to roughs and comps? What do these terms mean?

Thumbnails – Simply put, thumbnails are small sketches. Projects always begin with thumbnail sketches. No matter how tempted you are to get working with the computer and its software right away, thumbnail sketch practice is essential in the design process. Each project will require 6-9 thumbnail sketches. This practice will keep your idea muscles sharp!

Examples of Thumbnail Sketches

Roughs – Roughs are full scale renderings of your selected thumbnails. They are sized to the specific dimensions of your project. Roughs are about making the needed revisions and necessary decisions to meet the many challenges you may discover in the process.

Examples of Roughs & Comps – What is the visual difference between a rough and a comp?  Lets find examples together.

Comps –  (short for comprehensive) or a final comp, is the plan and official map that is ready for production. It is ready for publishing on the web, or print production with a printer or printing company. The comp is ready to  share with your client (or your professor 🙂 as it will fully communicate all aspects of your project and assignment. A final comp will be produced for each project in our class.

Assignment #1 (Part 1) – Post Card Design

We will be designing a standard sized Postcard to promote and communicate one of the following messages below (students must choose one)

1- A cause that you are passionate about

2 – An up and coming event that you would like to promote

Assignment Specifications:

Size: The final design will be 4″ X 6″ in size. (Students should decide on the arrangement of the height and width, will your postcard be a horizontal or vertical image?

Process: 

R&D – Where will you find visual inspiration and research? Flickr? NYPL Digital Archives?

1 – Thumbnail sketches – Students will generate a series of 6-9 thumbnails sketches using pencil and their sketchbooks to brain storm and illustrate their process.

2 – Roughs – Students will select the 2-3 strongest thumbnail sketches and develop them into 1 rough scaled to the 4″X6″ size in pencil.

3 – Students will produce a final comprehensive pencil rendering scaled to size ready for scanning and application using photoshop. Students will experiment with various image manipulating techniques and styles to develop contrasts and visual interest.

Production:

Students will prepare their final work for both print out up in (CMYK) as well as presentation and application on the web (RGB).

Due dates for next week: 

Thumbnail studies, Roughs & Comps Due at the beginning of next weeks class 2/7 @5:30pm