Ai: Principles of Design

Added on by Julio Labra.

This project is a focus on the Principles of Design, and is an exercise to improve your understanding of design. You will open the image below and download it to begin the project. Be sure to read the directions and start the worksheet. You will be using triangles, squares and circles to create compositions that illustrate the Design Principle.

Principles of Design Worksheet-01.jpg

Circles, Triangles and Squares, Oh My!

Added on by Julio Labra.

We will be using simple geometric shapes to create logo designs for this project. Circles, Triangles, and Squares, Oh My!
The concept is to use minimal design elements to create interesting shapes and designs that can be used in different commercial logos.
I recommend referring to the Elements and Principles page from your artist’s layout project to help in coming up with ideas. Your design can be complex or simple, but needs to incorporate at least 3 shapes and three different colors. Instructions for beginning this project are below.


Process for this project.

Step 1. You will begin by using graph paper to create simple shape designs. You will need to create a total of 9 logo designs using three basic shapes; Triangles, Circles, and Squares. That means 3 Triangle Designs, 3 Circle Designs, and 3 Square Designs. After exploring the shapes you will then scan the image and then trace the shapes out on Illustrator using the Vector Tools. Choose three of the designs that you enjoy the most, but remember this is just a stepping stone to the final design. The designs should be aimed at what your brand statement says about your company.

Step 2. Simple Shapes and Color Triads

After scanning your image in, you will download the Ai. Template that is attached to the bottom of this lesson plan. You will see that it is the same template that is below this text. You will fill in your shapes with white and take away any color in the stroke, so that you can see the large shape your logo design makes. From there you will create five Color Triads on the first row. A color triad is three colors that use color theory to create a color palette that is satisfying. For example Cross-Complimentary Colors, Analogous Colors, Complimentary, and others. If you need some help, check out this site that helps generate color schemes-> Color Combo Maker And if you need a refresher in basic color theory click here-> Basic Color Thoery

Step 3. Filling Your Shapes with Color from Your Triads
Next you will begin using the Eye Dropper Tool (I) and the Selection Tool (V) to begin placing color in your design shapes. Look at the example below to see that there will need to be a total of 15 variations of your designs. 5 variations of the 3 designs for each shape (Triangle, Circle, Square).

Step 4. Checking Values
Next you will export the Ai File as a JPG file and open it in Photoshop to check your values. Go to Image at the top of the TOOLBAR and select MODE and then select GREYSCALE. A prompt will show up asking you if you are ok with discarding the color, select yes. Now you can see how your logo looks without color. This is a good exercise that helps you see how your colors work as pure value and can help you with your final color selections.

Here is an example of what I want the final product to look like.

Here is an example of what I want the final product to look like.

Ai : Layout and Design

Added on by Julio Labra.

This is the second part of the Polygon Portrait project. 
Now that you have finished your portrait you are ready to create the information pages describing who they are.

You will be using the Elements and Principles of Design for this portion of the project to create a spread that illustrates the idea of the artist and their works. 

  • Elements
    • Line 
    • Shape 
    • Form
    • COlor
    • Texture
    • Space
    • Value
  • Principles
    • Pattern
    • Contrast
    • Emphasis
    • Balance
    • Scale
    • Harmony
    • Rhythm
    • Movement


Examples of Previous Student's Works

What is Design?

Ai : Polygon Portrait

Added on by Julio Labra.
Art by- Elly Hua

Art by- Elly Hua

Hello Class, this next project is about using one of illustrators great tools. It's ability to create graphics out of vectors! We will mainly be working with the Pen Tool (P) and the Eyedropper Tool (I) for this project. This project is to help you prepare for you next project which is to create your own logo for your company. It is also helpful to see how graphic shapes can be used to create a three dimensional form.

Ps : Pop Out Effect

Added on by Julio Labra.

Hello Class, I've uploaded a tutorial for our next project. We will be creating a 3D Illusion out of two separate images. By using an image of cellphone, computer screen, or any handheld device, you will attempt to create an image where something is coming out of the screen. Please check out the example to see what I'm talking about. The goal of this project is to improve your ability to create images that are convincing and make the illusions seem realistic. Be sure to make sure to keep your edges clean and consider that your fist try might not be the best solution. Always be willing to change for the sake of a good image. The image that is popping out of the phone can be anything you choose. I prefer to use animal imagery since it's easy to get a hold of and can be very clear. Be sure that your images are of high quality. You are welcome to take your own photos for this project

Ps :

Added on by Julio Labra.

The 2.5 Parallax Effect

Hello Class,

For this project we will be creating a moving, still image... I know it sounds strange, but that's the idea, and as you can see from the image above, it creates a pretty cool effect. The goal of this project is to create a seamless illusion of movement between the foreground and background of an image. You will need to create, find, or take your own image for this project. Be sure that the image has a clear distinction between the foreground and background. Remember there needs to be two elements moving towards each other for this effect to work. 


Ps : Double Exposure

Added on by Julio Labra.
Screenshot (3).png

Double Exposure

Hello Class, I've uploaded a tutorial for our next project. We will be creating a double exposure of an animal and an environment. The animal can be any of your choosing, but I would like for you to think of your first one as a demo. You will be creating 3 different animal images using this technique. I have listed out the steps to help you out in a pdf. Please click it and follow along. 

Ps : Making Your Photos Better

Added on by Julio Labra.
Screenshot (2).png

Tutorial Video

Hello Class, below is a video that you are required to watch outside of class. The video has been split into two sections because of its size, but you should watch both parts. Be sure to take notes on what processes are being used and to try them the next time we are in class. I will review with you on Thursday and see if you can use the tools from the video.


Ai : Compound Paths

Added on by Julio Labra.

Vectors and Compound Paths

EGO-SK8 by Rindo.jpg


Hello Class- This video is very informative on how to create compound paths. A cool technique that will allow you to create dynamic text and vector designs. We have already talked about creating clip masking, but it's never bad to go over it again.

Remember to select both objects (the image and the text/vector) by holding the Shift button and then Right-Click (after letting go of Shift) and select Make Clipping Mask. It's simple and effective. Watch the video and we will go over the directions in class.