Low-Poly Effect in Illustrator

low_poly_finalSeveral students have mentioned wanting to create a low-poly self portrait, so I have created a tutorial to show you how to achieve this effect in Illustrator. You do not have to use this style – it is one of many options.

You are responsible for publishing a PDF of your progress to your blog today, regardless of the style you choose to work in.

Planning blog posts have been graded. If you did not publish a planning blog post, you received a zero. You can still publish a planning blog post, but you will only receive half credit because it is late. Remember, the planning blog post is worth 20% of your final project grade.

Part 1: Set Up your File in Illustrator

  1. Create a new file in Illustrator (File -> New Print Document)
  2. Place your reference photo in the Document (File -> Place)
  3. Scale the reference photo so it fits within the edges of the document
  4. Lock your reference layer
  5. Save your file

Part 2: Create a triangular mesh

  1. Create a new layer new_path_icon
  2. In the bottom left corner, set your fill options to “outline only,” and change the outline color to something bright that will contrast with your skin tone.
    bright_blue_no_fill
  3. Select the pen tool. pen_tool
  4. Use the pen tool to draw triangles over the entire portrait. Each triangle should represent a shift in value.
    triangular_mesh

Part 3: Fill in the triangular mesh

  1. Use the black arrow black_arrow to select a triangle.
    select_first_triangle_cropped
  2. Use the eyedropper tool eyedropper to select a color in the middle of the triangle. This will change the fill color.
    fill_first_triangle_cropped
  3. Continue until you have filled in all of the triangles.
    fill_all_triangles

Part 4: Align points to fill in gaps

  1. Open the alignment palette. (Window -> Alignment)
    alignment_palette
  2. Select the white arrow. white_arrow Hold down shift and select the points you wish to align. Points that are not selected should remain white, and points that are selected should change to a color.
  3. Click vertical in the alignment palette.
    vertical_align
  4. Click horizontal align in the alignment palette.
    horizontal_align
  5. Continue until you have filled in all the gaps between triangles.
    align_all

Save your file as a PDF and upload your progress to your blog.

Today we will:

  • Continue working on our vector self portraits
  • Publish a new blog post with a PDF of our progress

 

Advertisements

Setting Up Our Illustrator Files for Our Vector Self-Portraits

If you have not already done so, you must publish your idea for your Vector Self-Portrait. This blog post is worth 20% of your final project grade, and no credit will be issued for proposals published after today’s class. Yolie,  Bayleigh, and Brian have great examples of project planning posts.

Today we will begin creating our vector self-portraits in Adobe Illustrator. Make a folder (Right-click on the desktop, New-> Folder) drag your reference photo into this folder, and save your Illustrator document to this folder. You must keep your Illustrator file and your reference photo in the same folder, or the photo will disappear the next time you open the Illustrator document and you will have nothing to trace!

Steps to creating the vector self portrait Illustrator file

  1. Open Adobe Illustrator
  2. Create a new file. File -> New.
    Set the dimensions as follows (flip the height and the width if you want a landscape orientation):
    file_settings
  3. Place your reference photo. File -> Place. It may not fit the dimensions of the paper exactly.
    That is ok. You can scale the image to fit by holding down the shift key and scaling from the corner. Make sure you do this or you will distort your proportions! Also, pay attention to the box with the black border – the black border defines the edges of your paper, and anything that extends beyond the border will be cut off.
  4. In the layers palette, double-click to rename Layer 1 “Reference.”
    Then click the space to the left of the layer to lock it:
    layers_reference
  5. Now press the new layer button new_layer to make a new layer, and name it whatever you plan on tracing over (ex. Hair, hair highlights, etc)
    You may also want to create and name a new layer for each image you plan to vectorize. You can group sub-layers within layers, and close and expand these layers like folders to organize your file.
    layers_folders
    Start naming and organizing your layers right away, or your project will become a mess with hundreds of layers. If you can’t figure out what layer you are on, the teacher will not be able to help you, either!
  6. Use the eyedropper tool eyedropper to select and match a color from your reference photo.
    Use the pen tool pen_tool to trace create vector illustrations.
  7. Use the rectangle tool rectangle_tool to create boxes. (To color your background, you will draw a box over the entire page.)
  8. At the end of class, save your file as a PDF (File -> Save as -> PDF) and upload the PDF to your blog.
    save_as_PDF
    Also, create a new folder with your project PDF file and any images you are using, and back it up to your Google Drive or USB drive.

Today we will:

  • create a new 11×14 or 14×11 file in Adobe Illustrator
  • place our layout sketch in this file
  • begin vectorizing our layout sketch
  • save our file as a PDF and upload the PDF of our progress to our blog

New Project: Vector Self Portrait

Essential question: How can I create a stylized self-portrait that displays unity with Adobe Illustrator?

For our next project, we will create a vector self portrait in Adobe Illustrator.  You will start with a photo or sketch of yourself, place the image into illustrator, and then trace over it with the pen tool. You will decide the style – realistic, expressive, cartoon, etc, but you must pick a look you are going for at the start of the project, as it will determine the techniques you use to create the project.

Here is an example Deanna created last year:

deanna_SP_comparison

Deanna, Class of 2015

Here are some examples of other acceptable styles:

Project Requirements

  • 11×14″ (portrait) or 14×11″ (landscape)
  • created in Adobe Illustrator with the pen tool
  • Reference photo either features you or is a photo you took yourself of someone you know and have permission to use
  • High-quality craftsmanship and technical skill with the pen tool
  • Piece displays unity both in the style of line/shape and color scheme
  • Final product displays appropriate complexity for 11th and 12th grade
  • Daily progress posted to class blog. This project spans 11 classes, and you will need at least 10 daily posts. (This gives you one freebie if you are absent or late once over the course of the project.) You must upload a PDF of your progress to receive credit. No credit will be given for blog posts that say things like, “the computer crashed and I lost my work so there is nothing to upload.” It is your responsibility to back up your work to a USB Drive or your Google Drive.
  • Project meets all required deadlines:
    • Brainstorming post – 2/23 (AC Days) or 2/24 (BD Days)
    • PDF and JPG of final project and artist statement 3/23 (BD Days) or 3/24 (AC Days)

Your 3rd Marking period grade will be based on the following items:

  • Participation (40%)
    • Daily blog posts for vector self-portrait project
    • May be lowered due to chronic tardiness or poor use of class time
  • Projects (60%)
    • Street Art Project & Artist Statement
    • Vector Self Portrait
      • brainstorming (20%)
      • final project and artist statement (80%)

Today we will:

  • Create a new blog post with the following:
    • the reference photo you plan to use
    • pictures of the style you intend to use (realistic, expressive lines, flat areas of color, etc)
    • examples of intended color scheme. The design seeds website is a great place to get ideas for sample color schemes.
    • a paragraph explaining why you have made your choices

This planning blog post is worth 20% of your project grade.

If you have not yet posted a photo of your completed street art project, along with a 150 word artist statement about the project, you should do so ASAP. Yolie and Brian have great examples on their blogs. I will grade the project within a week of you posting these things to your blog.

Street Art Checkpoint

keithwork03Today you will photograph your progress on your street art project and post it to your blog. This checkpoint is worth 25% of your final project grade. Seniors must post their progress before going to the gallery to hang the show.

The last class day for this project is Thursday, February 11th (BD Days) or Friday, February 12th (AC Days).

Project requirements:

  • Communicates a message (you may choose to use words, symbols, or simply create a scene that tells a story)
  • Acrylic paint or Prismacolor colored pencil on black tar paper
  • Size of the artwork ties fits the concept and medium, but no smaller than 12×12″ and no larger than 18×24.” Generally, if you plan to use colored pencils, lean towards a smaller size, and if you plan to paint, consider the 18×24″ size.
  • Displays appropriate complexity for 11th and 12th grade work. (While it is ok to create technically simple work such as Keith Haring’s, if you choose to go this route, your work should be polished, show solid craftsmanship and understanding of the elements and principles of design, and be conceptually sophisticated.) A “project” that is completed in a fraction of the allotted time will not receive a passing grade.