Assignment #1

Assignment #1

The Elements & Principles of Design

This is a 3-part project. (Working with Adobe Photoshop)

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

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

Elements & Principles Vocabulary (HERE – Links to an external page.)

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.

***Here is the photoshop demonstration with Assignment #1 (Tutorial) placed below:

Video Passcode: P^FUh#k6

**Here is the ZOOM recording of this week’s class with the Assignment #1 Tutorial for Part 2 & 3 –

Passcode: 0F*za@W1

Assignment Specifications: Students will generate a series of visual examples and solutions to visually help define, communicate and illustrate the vocabulary of the elements & principles of design. Each term will display a visual image example using the vocabulary listed in the PDF above.

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

Size: – 10″ X  10″ inches (or a little larger perhaps?) – The final design will be 2 composite designs of 8 squares composed and arranged by each student. (2 files will be createdone for the elements of design and one for the principles of design)

Process:  Part 1 – Images! We need search for and collect images. The images can be found from research and investigation via the Internet and class resources, books or magazines that you may have, or perhaps you will photograph your own references? Each term for the elements of design will be illustrated and applied by cutting, formatting and placing the examples into a composite (the example below is simply one example, you will create your own.) Students will generate their own examples of each term using techniques learned in class with photoshop.

***For Week #1 – Please focus on becoming familiar with the vocabulary terms and simply gather your images and have them ready for our next class time. *** 

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

Production: Students will prepare their final works in screen resolution format and application on the web (RGB format – we shall discuss!)

Let’s look at where we find image resources and referencing.

***Here is the photoshop demonstration with Assignment #1 (Tutorial) placed below:

Video Passcode: P^FUh#k6

Click on the image above to download the .psd photoshop file to use as a template.

Part 2- 

Below is an example of part 2 of the assignment. (both in progress and a completed example) By completing part 1 as displayed above student will design a poster / illustration that brings together all 16 terms with an accompanying image you can use the same ones or change them up). This is a nice example below. Students can select the size that they would like to work in. I suggest 11 X 14 inches or 11 X 17 inches. You may work in a vertical or horizontal  direction with your dimensions.

***Here is the ZOOM recording of this week’s class with the Assignment #1 Tutorial for Part 2 & 3 –

Passcode: 0F*za@W1

***Part 3 – (extra credit- not mandatory)**

In part three you will chose any 8 terms from the elements & principles vocabulary that you wish to work with as your subject. We will be applying these 8 terms by making a series of designs that are not codependent on “representational imagery” and uses only basic shapes, color and form. We will be working with in the shape of a 6″ inch square to complete these designs.

A demonstration of this technique will be shared during class time in Week#2.

Submission guidelines:

When your assignment / assignments have been completed please add them to our class Google Drive shared folder – (the link to the folder is located in our course Blackboard page.) Please send me an e-mail when your work is ready for review –

*Please make sure to create a folder for yourself with your first and last name and please name your files with your name – Example file name(s) look like this below:



13 thoughts on “Assignment #1”

  1. The Elements of Design is an overview of an essential component in the communication of creating Webdesign. The vocabulary list contained terms important for communication in all forms of technology.
    I have previously taken a course that introduced me to this vocabulary list used in art. The course was ART 113. Our focus was on the effects media and propaganda have had throughout history. ART 113 sparked my interest in learning more about software such as Photoshop and Adobe Illustrator.
    MMP 100 also facilitated my decision to follow through with majoring in Multimedia Programming and Design.
    I look forward to creating my first PS project using the Elements of Design list, photos from magazines, websites, creative commons, and my images to create our first Assignment in MMA.

  2. Hello Professor Seslow, my name is Alexis Ramirez and I just want to notify you that Assignment #1 (The Principle of Design) has been uploaded.

  3. Good Morning Professor Seslow! I’ve submitted my 3rd part of Assignment #3. I’ve resubmitted Assignment #2 because I made some improvements. I learned a lot in making assignment #3. Hope you like it Professor!

  4. Good Evening Professor Seslow! I’ve submitted Assignment #4! I had fun, but it was too hard for me to look at my own face. It’s too cringe, but in the end I enjoyed it!

Leave a Reply

Your email address will not be published. Required fields are marked *