Week #8 & #9 – Midterm Project!

Welcome to MMA100 Week #8 & #9!

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

*Did you miss Week #7’s Post? Go Here

*Did you miss Assignment #3’s Details – There are 2 part? Go Here

* On 3/20 – we went to visit the Animation Tech-Talk – What did you think  about the talk? What did you learn from the event? Did one person or piece of advise stand out? Please leave a comment here!

Our Mid-Term project begins!

Lets Design a Poster. Lets bring together the application of typography and imagery.

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 poster using a SELF-Portrait:

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

Process: Research! Find a series of images and references to work from. Save these images to your project folder. Create your self-portrait in the style of the Art Movement that you chose for a Museum Exhibition. It should be obvious which you picked WITHOUT seeing the title.

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

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

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

For the midterm project please use the SAM logo as it is: (attached as a download link here) *feel free to re-recreate the logo on your own if you wish.

You may use any of the tools in Illustrator we’ve learned or explore and find new ways to draw. You can work from a photo in Illustrator as demonstrated in class. DO THE PORTRAIT FIRST. Then make the poster.

Minimum required copy/text for the poster is:

New Voices Exhibit

April 15th thru May 30th 2019

Opening Reception, April 20th 7PM-9PM

https://www.seattleartmuseum.org

*(and the SAM logo of course)

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

Class Work Sessions and Critique – In class lab work sessions will be next week 3/20 – 5:30pm – 7pm and 3/27 – 5:30pm – 9pm – We will be printing our works in progress and discussing them on the critique board. The Class critique & evaluation for the Mid-Term Project will be on Wednesday 4/3.

Final submissions of your two posters will be saved via pdf. and e-mailed to me no later than 4/4/19 – rseslow@bmcc.cuny.edu

———— – – – – – – – – – – – – – – – – – – – – – – – – – – –

**Need Inspiration? Check out these links and tutorials below:

http://designbeep.com/2012/08/08/26-best-adobe-illustrator-portrait-tutorials/

Art Movement Resources: 

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

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

 

Week # 7 – Illustrator Continued & Mid-Term Project Discussion

Welcome to MMA100 Week #7!

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

*Did you miss Week #5&6’s Post? Go Here

*Did you miss Assignment #3’s Details – There are 2 part? Go Here

Inspiration – The NYC Transit Authority Graphics Standard Manual – Leave a Comment!

Assignment #3 has a second part to it, please navigate to the assignment page to view and complete the project. Lets print your work and pin it up on the critique board tonight 3/13. (I will demonstrate this in class)

We will have a class discussion about the completed work.

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

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

Mid-Term project Discussion – Lets Design a Poster. Lets bring together the application of typography and imagery.

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 poster using a SELF-Portrait:

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

Process: Research! Find a series of images and references to work from. Save these images to your project folder. Create your self-portrait in the style of the Art Movement that you chose for a Museum Exhibition. It should be obvious which you picked WITHOUT seeing the title.

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

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

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

For the midterm project please use the SAM logo as it is: (attached as a download link here) *feel free to re-recreate the logo on your own if you wish.

You may use any of the tools in Illustrator we’ve learned or explore and find new ways to draw. You can work from a photo in Illustrator as demonstrated in class. DO THE PORTRAIT FIRST. Then make the poster.

Minimum required copy/text for the poster is:

New Voices Exhibit

April 15th thru May 30th 2019

Opening Reception, April 20th 7PM-9PM

https://www.seattleartmuseum.org

*(and the SAM logo of course)

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

Class Work Sessions and Critique – In class lab work sessions will be next week 3/20 – 5:30pm – 7pm and 3/27 – 5:30pm – 9pm – We will be printing our works in progress and discussing them on the critique board. The Class critique & evaluation for the Mid-Term Project will be on Wednesday 4/3.

Final submissions of your two posters will be saved via pdf. and e-mailed to me no later than 4/4/19 – rseslow@bmcc.cuny.edu

———— – – – – – – – – – – – – – – – – – – – – – – – – – – –

**Need Inspiration? Check out these links and tutorials below:

http://designbeep.com/2012/08/08/26-best-adobe-illustrator-portrait-tutorials/

Art Movement Resources: 

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

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

 

Inspiration – The NYC Transit Authority Graphics Standard Manual

Dear Students,

Please click the link below to explore a great piece of both NYC and Graphic Design History.

Behold,  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 hear your reactions and feedback in the comments section below! Each student will leave a comment this week.

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

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?

ANIMATION TECH TALK on 3/20 – @7pm – Mark your Calendars

The BMCC MEA department will host an Animation Tech Talk on Wednesday, March 20th at 7 PM. Four animation professionals will participate and share their experience with students.
ANIMATION TECH TALK
 
Wednesday, March 20th at 7 PM 
Room N451, 199 Chambers St.
Come hear professionals discuss their experience in animation and motion graphics. Speakers include:

Moderator: Jamal Sullivan

*Food and drinks will be served*

Week #5 & 6 Extended

Welcome to MMA100 Week #5!

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

*Did you miss Week #4’s Post? Go Here

*Did you miss Assignment #2’s Details? Go Here

Project #2 Submission process – Elements & Principles: Send Via e-mail to rseslow@bmcc.cuny.edu

Both documents will be saved Via Photoshop – File -> Export -> Save for Web –> select jpg. **Please send no later than Friday 3/1/19


Assignment #3  Discussion – Class exercise :: Adobe Illustrator. Creating shapes with the shape builder tool. Working with layers, simplifying and reducing images. Working with color, locating color books and pantone colors.

Assignment #3 link to assignment sheet

Lab Tutorial – This week we will take a tour of Adobe Illustrator and practiced creating new documents and setting up our art boards for print production.

Color Theory!

Adobes awesome Color Wheel Simulator (must see)

GO HERE to Experiment

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

Weekly Inspiration & Resources of Relevance:

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

Examples of Typography in Poster Design 

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

Assignment #3 – Illustrator, Shapes, Composition & Color

Project #3 – 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 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? Lets explore what this means.

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

3. Limit yourself to 6 values of 1 complimentary color scheme. Consider referring to the color wheel for reference – (Located here)

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 later.

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

6. E-mail ALL of your final PDF. files to me – rseslow@bmcc.cuny.edu  ****If your .pdf files are too large to send via e-mail (and it may – you can easily use a free service like – wetransfer.com to send the large documents or use google drive)

PART 2 – 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 on 3/13)

*This project will be due in full by  Friday  3/16/19 at 12pm – (extensions are available upon request via e-mail)

Week #4

Welcome to MMA100 Week #4!

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

*Did you miss Week #3’s Post? Go Here

*Did you miss Assignment #2’s Details? Go Here

*Did you e-mail project #1 (post card)  to me as a .JPEG file? If not, please do!

We will begin tonight class 2/20 by re-capping last week’s class discussion about project #2. I will demonstrate the process for creating the suggested lay out in project #2’s description

Lets look at where we find image resources and referencing.

Class Exercise: Assignment #2 – (Part 2)

Working with Photoshop. Lets apply additional layers, filters and image manipulating techniques to customize our progress. Class demonstrations with layer styles and creating filters.

Working from the original psd. document / template that you have created in part 1 of this assignment, students will use and apply additional layers to enhance and manipulate their image selections for the Elements & Principles of Design.

Outcome – Students will save two variations of the project as a photoshop psd. file as well as exporting the files as a .jpeg for the web (demonstration in class)

Assessment of the project: How has illustrating the vocabulary with images helped your understanding of each term? Discussion follows.

Lets look at COLOR-

Color Theory – (Image via Arhaus‘  via Justcreative)

The link below was published via – JustCreative.com – This is great guide to understanding color in design with an emphasis on logos, identity and branding.

http://justcreative.com/2018/02/19/color-psychology-in-logo-design-branding-explained/

I highly recommend visiting and learning from JustCreative.com aka – Jacob Cass – Jacob is an amazing graphic designer and conduit of great design resources.

Video Screenings –

Photoshop Tutorial – The top 10 Things photoshop Beginners Want To Know How To Do

https://www.youtube.com/watch?v=yqKHo1Q7OMc

I love and recommend Terry White’s Youtube channel. He is an Adobe software wizard! Subscribe here.

Who is Michael Bierut and Why is he important? Please watch the video outside of class this week and respond in the comments section below)

https://www.youtube.com/watch?v=HUxWjZcAfvA

What is GESTALT and why is it important in Design? An introduction.

https://www.canva.com/learn/gestalt-theory/

Week #3

Welcome to MMA100 Week #3!

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

Did you miss Week #2’s Post? Go Here

Did you miss Assignment #1’s Details? Go Here

We will begin tonight class 2/13 by completing our Postcard design project, prepare it for printing, print and critique the completed works as a class. I will give a demonstration on how to prepare your design for print using the example below as a guide.

PS – have you looked at the many links shared by your classmates in the comments section of week #2’s blog post? If not, scroll down to the bottom of the page and check out some of the great inspiration and research shared.

We will discuss the submissions of your finished projects and how to send them to me via e-mail. We will discuss the maintaining of your data and how to keep it safe and easy to access.

Tutorial – Getting further acquainted with Photoshop –

——————————————————-

Designer Inspiration? Who’s who in the field?

50 Graphic Designers We all Should Know About 

Who is Aaron Draplin?

Resource :: What are some of today’s trends in Graphic Design? Lets take a look at this video below.

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

Assignment #2 Discussion – The Elements of Art & Principles of Design

(The Assignment Project details can be found here)

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 as they 

The Elements of Design:

Color – typically known as hue. This word represents a specific color or light wavelength found in the color spectrum, ranging circularly from red to yellow, green, blue and back to red.

Line – is a line just a series of points? Or is it the best way to get from point “A” to point “B”? As a geometric conception, a line is a point in motion, with only one dimension – length. Line has both a position and a direction in space. The variables of line are: size, shape, position, direction, number, interval and density. Points create lines, lines create shapes or planes and volume.

Mass – Here, mass is interchangeable with volume. A mass is a solid body or a grouping of visual elements (line, color, texture, etc.) that compose a solid form. Volume is a three-dimensional form comprising length, width, and depth. Three-dimensional forms contain points (vertices), lines (edges), and planes (surfaces). A mass is the two-dimensional appearance of a three-dimensional form.

Movement – Also known as motion. This element portrays the act or process of changing place or direction, orientation, and/or position through the visual illustration of starting or stopping points, blurring of action, etc. This is not animation, although animation is an end product of movement, as well as other elements of design.

Space – A two-or three-dimensional element defined by other elements of design.

Texture – A technique used in two-dimensional design to replicate three-dimensional surfaces through various drawing and media techniques. On three-dimensional surfaces, it is experienced by touch or by visual experience.

Type – Also known as typography, and it is considered an element in graphic design. Although it consists of elements of design, it is – in itself – often an element in the form of visual communication.

Value – Another word for the lightness or darkness of an area. Brightness measured in relationship to a graded scale from white to black.

The Principles of Design:

The principles of design are applicable to all design disciplines including – but not exclusive to – architecture, art, graphics, fashion, industrial design, poetry, writing, and web design.

The principles of design are tools used to format the elements of design.

Balance – The elements of design converge to create a design or arrangement of parts that appear to be a whole with equilibrium.

Contrast – The “automatic principle.” Whenever an element is placed within a format, contrast is created in the various elements. Can be emphasized with contrast in size, shape, color,

Direction – Utilizing movement to create the visual illusion of displacement.

Economy – A principle operating on the “slim.” Especially important when dealing with clients, where their product or service is more important than the elaboration of design elements. Can also be considered “precise,” or “simplistic.” Or, it can be considered great design.

Emphasis – Also known as dominance. This condition exists when an element or elements within a visual format contain a hierarchy of visual importance.

Proportion – A two- or three-dimensional element defined by other elements of design.

Rhythm – A recurrence or repetition of one or more elements within a visual format, creating harmony.

Unity – Oneness, Harmony, The condition of completeness with the use of all visual elements within a format.

Assignment #2 – link   (The Assignment Project details can be found here)

Assignment #2 – Elements & Principles

Assignment #2 – Elements & Principles

Assignment Specifications: Students will generate a series of visual examples and solutions to define, communicate and illustrate the vocabulary of the elements & principles of design. Each term will display a visual example using the vocabulary below:

Elements – Color, Line, Mass, Movement, Space, Texture, Type & Value

Principles – Balance, Contrast, Direction, Economy, Emphasis, Proportion, Rhythm & Unity

Size: – 8.5″ X 8.5″ – The final suggested design will be 2 composites of 8 squares composed and arranged by each student. (2 files will be created)

Working with Photoshop – Lets apply additional layers, filters and image manipulating techniques to customize our progress. Class demonstrations will take place on 2/13.

Process: 

Part 1 – Student will first create a balanced layout in adobe photoshop. Images will be found from research and investigation via the Internet and class resources. Each term for the elements of design of design will be illustrated and applied by cutting, formatting and placing the example into a composite (the example below is simply one example, you can create your own)

Part 2 – Students will generate their own examples of each term using techniques learned in class with photoshop.

R&D – Where will you find visual inspiration and research? Add your links to the comments section below.

Production:

Students will prepare their final works in screen resolution format and  application on the web (RGB).

Due dates for next week: We will be starting and working on and this project in class  beginning 2/13. The project will be due, completed and submitted by Wednesday 2/27

Blank Template example of the layout. (not including the border around the image)

Week #2 – Information / Resources

Welcome to MMA100 Week #2!

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

Did you miss Week #1’s Post? Go Here

Did you miss Assignment #1’s Details? Go Here

Did you prepare a series of thumbnail sketches or roughs for our first assignment? It would be of great value for our class to see where your references and ideas are coming from. Scroll down to the bottom of the page and paste a few links of images or websites where you found inspiration and visual examples that are being used for the project. (I pasted mine first, check below) You can also write a few words, or more!

We began our course and first assignment / project here in MMA 100 last week via discussion and will start our second class by reviewing the thumbnails sketches and roughs individually generated by the class. We will discuss the critique process and presenting our thumbnails, roughs and comps in the group setting to help extend our ideas. 

We will spend the second half of our class time working on part 2 of the Postcard project. We will get familiar with our work stations, get started with adobe photoshop, electronic imaging, scanning / photo documenting images and artwork, creating and working with various file types and bringing our roughs & comps into photoshop to produce the finished design.

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

*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. 

Students will select and practice from 2-3 images 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).

Video Screening: Cutting out images in Photoshop (examples)

https://www.youtube.com/watch?v=creV_oVjwsc

https://www.youtube.com/watch?v=cY6Vyi0Gm_k

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. The video below is a great tutorial.

https://www.youtube.com/watch?v=AzyvN3EqYds

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

What are some of today’s trends in Graphic Design? Lets take a look at this video below.

https://www.youtube.com/watch?v=dcc1VyGvaYk

Vocabulary to explore for next week – The Elements & Principles of Design