BMCC – MMA100 Students – Makerspace 3D Printing Workshop

Makerspace 3D Printing Workshop

Wed, November 7, 2018

2:00 PM – 4:00 PM
 
BMCC, 199 Chambers Street
Room S608
 

Learn the basics of 3D modeling and printing using Tinkercad, a free, easy-to-use app. No experience necessary. We will walk you through the complete process, from designing a model to printing it on a 3D printer. ​

 
Open to all BMCC Students. No prior experience necessary.
Refreshments will be served.
 

Week #7 & 8 –Mid-Term Poster Workshop – Fall 2018

Milton Glaser

Did you miss Week #6 & all of the Info? Go Here

1. Week # 6’s post holds the instructions for submitting project #3 – please review the submission guidelines and submit your work to me.

(click to enlarge)

2. Open project #3 in Illustrator – Select 1 of your Outlined Icons from the project and scale it to size as you see in this example above. Use this Template to replace my icon and color scheme with your own. Then save the file by going to FILE –> EXPORT –> SAVE FOR WEB (Legacy) Select JPEG & SAVE – E-mail the JPEG image to me here – rseslow@bmcc.cuny.edu

3. WELCOME to the MIDTERM PROJECT WORK SESSION 1 & 2

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

Museum Exhibit Poster

(examples will be shown in class – as well an 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 just use the 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

Nov 15 thru Nov 30 2018

Opening Nov 17, 7-9pm

https://www.seattleartmuseum.org

*(and the logo of course)

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

Class Work Session and Critique – Full Lab Work Session will be next week 10/24 and 10/31 – The Class critique & evaluation for the Mid-Term Project will be on Wednesday 11/7.

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

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

Week #6 – Fall 2018

Did you miss Week#5 & its info? Go HERE

*Did you see the MakerSpace Workshop info? Great Opportunity! Click Here.

Part 1 of Class on 10/17 – Finish and Complete Project/ Assignment #3 –

Illustrator Tutorials – Composition, shape building, alignment, form & color. What role does a color palette selection play when its applied to subjective shapes and forms?

(See Example Above – See the original color scheme here)

1. Open Adobe Illustrator and create a new document sized at 11″ X 17″ in print / 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? Will you use a grid? Do you have a preferred method for layout? Lets explore.

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

Are you looking for Color Theory help on making Complementary color selections?

Adobes awesome Color Wheel Simulator is a must know resource.

GO HERE to Experiment

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

**Part 2 of class – Mid-Term Project – Discussion, dates and critique.

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

Museum Exhibit Poster

(examples will be shown in class)

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 just use the 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

Nov 15 thru Nov 30 2018

Opening Nov 17, 7-9pm

https://www.seattleartmuseum.org

*(and the logo of course)

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

Class Work Session and Critique – Full Lab Work Session will be next week 10/24 and part of 10/31 – The Class critique & evaluation for the Project will be on Wednesday 11/7

Examples of Typography in Poster Design 

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

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

What did you think of the NYC Graphics Standard Manual?

BMCC MMA100 Students – Makerspace Laser Cutting Workshop!

Makerspace Laser Cutting Workshop – Create your own stamp with a laser cutter

(Open to all BMCC Students)

Wed, October 24, 2018

2:00 PM – 4:00 PM

199 Chambers Street, Room S608

Learn how to use a laser cutter to create a stamp with your own design. You can bring a small design to the workshop (.ai or .eps format) or create one at the workshop. No experience necessary. We will show you how to use Illustrator to design your stamp.​

Open to all BMCC Students. No prior experience necessary.

Refreshments will be served.

RSVP at: https://makerspace-workshop.eventbrite.com

Week #5 – Fall 2018

Week #5 – File Formats, screen resolution VS print resolution, Color, Vectors, Rasters and PDFs!

*Do you need to review Week #4’s info and assignment criteria? Go here.

Did you print your Post Card Project yet? What did you notice about the printed version in comparison to the on-screen version? Revisions to your projects are always welcome and I highly encourage it. (Did you submit both the printed and digital version of the project yet?) If you don’t see your digital image in the class gallery, I have not received it yet. Review week #2 & #3 for submission instructions.

Part 1 of Class on 10/10 ::

Complete both of the Elements & Principles of Design Exercises.

(These exercises must be completed and sent to me via e-mail before moving on to project #3. )

Part 2 of Class on 10/10 – Assignment #3  – 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 week we will take a tour of Adobe Illustrator and practiced creating new documents and setting up our art boards for print production – 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

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? Lets explore.

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 .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 #4 – Fall 2018

Week #4 – Fall 2018

Did you miss Week #3? Review the Info – here

Project #1 – Post CardsClass Critique – Post Cards were due via e-mail on Friday the 28th. Did you submit yours? If not, please do! E-mail the .jpg file to rseslow@bmcc.cuny.edu – Lets discuss printing versus screen resolution images, presentation and critiquing our results – I added a gallery page for our completed projects – here

LAB INFO:

Attached here is an updated list of the Fall 2018 student computer labs for this semester with their corresponding schedules and software available.

Also, tutoring services available for MMA100 students. The most recent list of tutors for MMA100 / MMP / VAT & MES is attached here in case you may want to make an appointment with a tutor.

Project #2 – Instructions – To be completed by next Wednesday 10/10 by 8pm

The Elements & Principles of Design are the governing vocabulary that define, illustrate and communicate how Graphic Design functions all around us. (Vocabulary Below)

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 an image example of the vocabulary listed below.

Size: – Students will determine the size of the layout – The final design may be a composite of 8 shapes composed and arranged onto one single page.

Process: 

Part 1 – Student will first create a layout based on research and investigation via the Internet and class resources. Each term for the elements & principles of design will be illustrated by cutting, formatting and placing an example into a composition. (the example above from last week is one example, you can create your own) Templates a linked below. I suggest creating one using photoshop and the other using illustrator.

Download a Template example for the Elements using Photoshop

Download a Template for the Principles using Illustrator

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

R&D – Where will you find visual inspiration and research?

Students should conduct research! (and not select only one image) Build a small repository of images and references! We will discuss this in class – generate or organize a series of thumbnails using pencil and a sketchbook (or their preferred method) to brain storm and illustrate their process.

Production:

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

Submission: Via e-mail to rseslow@bmcc.cuny.edu

Elements – Via Photoshop – File -> save for Web – select jpg.

Principles – Via Illustrator – File -> PDF.

Due dates for next week: We will be working on and completing this project in class (and outside of class if you need to) The project is due next Wednesday 10/10 at 8pm.

Please re-review the vocabulary below.

 

The Elements & Principles of Design Vocabulary

The Principles of 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.

 

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.

 

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

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. This is mandatory)

 

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

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

BMCC – MMA100 – Fall 2018 Computer Lab Hours

Dear BMCC MMA100 Students:

Attached here is an updated list of the Fall 2018 student computer labs for this semester with their corresponding schedules and software available.

Also, tutoring services available for MMA100 students. The most recent list of tutors for MMA100 / MMP / VAT & MES is attached here in case you may want to make an appointment with a tutor.

Week #3 – Fall 2018

Welcome to Week #3 – FALL 2018

Did you miss the class content from Week #1 or Week #2? Remember, this website is the main hub where all of the class assignments, updates, tutorials and resources are hosted. Please make sure that you are checking it during class as well as outside of class to keep up.

During Week #2 we jumped into our first project and tutorial getting acquainted with the Apple/Mac computers. We discussed our work stations and being responsible for our files, data and backing up everything we do in class. Google drive, dropbox, icloud, wetransfer.com and using external / flash drives are all options that we went over. We will dedicate the last 10 minutes of our class time making sure we leave the lab with all of our data.

The DESIGN Process – Here is a great pdf. about the design process we began discussing. The brief covers – the step by step breakdown of what a designer experience during a projects timeline from beginning to full completion of a project. (click the image to view and download the pdf)

We learned how to launch Adobe Photoshop, create files for both print and web use, the differences between RGB & CMYK file formats. We will continue this discussion this week in class. We discussed the layers panel and how layers work. We also dug into a tutorial with the Pen Tool and how to cut out shapes and forms from existing images. We learned how to convert them from paths to selections and place them into new and existing files. As you learned, working with the pen tool takes a lot of practice. We will also be working with the pen tool in Adobe illustrator this semester (soon).

This video below is a good resource to help you practice. Practice using the pen tool to create graphic assets for your projects. We also discussed how to save photoshop files and various file formats.

POST CARD – Project #1 will be worked on, completed and assessed this week in class. In class #2 we looked at several examples of student sketches, thumbnails and roughs as they developed ideas around the Post Card Project (the project description can be found at the bottom of this post)

Are you looking for a photoshop psd. file / template-example to format and submit your postcard assignment? (feel free to edit and change the layers as you need to) Go here –https://www.dropbox.com/s/a3jphf67h1h9fow/Post%20Card%20Template.psd?dl=0

You will need to display both sides of the postcard in one single document. Front & Back.

**All Students will e-mail their finished Postcard assignment to me as a jpg. file -rseslow@bmmc.cuny.edu or ryan@ryanseslow.com by Friday 9/28 at 5:30pm

Design / Designer Inspiration – Who is Aaron Draplin??

Logos by Aaron Draplin

Designer Inspiration? Who’s who in the field?

50 Graphic Designers We all Should Know About 

 

Project # 2 will be introduced and revolve around the Elements & Principles of Design: 

The Elements & Principles of Design are the governing vocabulary that define, illustrate and communicate how Graphic Design functions all around us. We will start with the Elements.

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.

Week #2 – Fall 2018

Week 2 – The Elements of Design:

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

*Did you miss week #1 and its information, including assignment #1 Click here

We will spend our class time working on 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.

**All Students will e-mail their finished Post card assignment to me as a jpg. file rseslow@bmm.cuny.edu or ryan@ryanseslow.com

Did you find research materials and examples for the Postcard project? 

Here are a few more reference examples – Click here

Vintage Postcards   – and here are tons of NYC World’s Fair Postcard examples 

We have a huge selection of OER Resources on our class resources page here too

*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 technique will be applied to the post card project if necessary).

Video Screening: Cutting out images in Photoshop (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. The video below is a great tutorial.

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

Elements of Design: 

The Elements & Principles of Design are the governing vocabulary that define, illustrate and communicate how Graphic Design functions all around us. We will start with the Elements.

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.

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

 

Week #1 – Fall 2018 – What is Graphic Design?

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. course work and our learning potentials together.

Design Solutions: Strategy, Concept, Design, Execution & Production
Exploring the Design Process: Thumbnails, Roughs & Comps.

Software skills – Adobe Photoshop and navigating around the Mac

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, 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 3-5 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 or message that you are passionate about –

OR

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? You will be designing both the front and back side of the post card with the full intention of mailing it so space must be allotted for the address and postal stamp.

Process: 

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

1 – Thumbnail sketches – Students will generate a series of 3-5 thumbnails sketches using a pencil / pen 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 be encouraged to 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 our next class week: 

What images will you be referencing and using? Where did you find them? Are they free to use, if so, how do you know? Please bring all of your resources and research to class. Thumbnail studies and a rough lay out will be due at the beginning of our next class 9/12 – @5:30pm