Category Archives: Digital Graphic Design

Lesson 9: Double Circle Logo

In this lesson, you’ll use Adobe Illustrator AND Photoshop to create a weathered, double circle logo similar to the one above.

Illustrator

Watch the video below to create a double circle logo. Afterward, image trace a simple icon (like a lightning bolt), and place it in the center of the circles.

Photoshop

Copy the image you made above in Illustrator into Photoshop. Paste it as a Smart Object on top of a textured background image that you find on Pixabay. Then follow the directions in the video below.

Lesson 10: Low Poly Portrait

In this lesson, we’re going to create a portrait using nothing but triangles.

Getting Started

Download the file below, and then check that your “Guides and Grid” settings match the image below. Go to: Edit > Preferences > Guides and Grid. Then select View > Snap to Grid. Finally, press Ctrl + ‘ to turn your grid on.

guides

Portrait

Search for an image that you would like to create a Low Poly portrait of. I HIGHLY suggest choosing an image in which the subject is wearing sunglasses as eyes tend to be too detailed for this project. Crop that image to 3:4 (width:height) in photoshop, and then place it on your Illustrator artboard (Scale to fit).

Under the Layers panel, lock the photo so as not to inadvertently move it.

Transform Setting

Make sure that Align New Objects to Pixel Grid is unchecked in the fly down of the “Transform” panel as in the image to the right.pixelgrid

Directions

Watch the tutorial video below to create a Low Poly portrait.

Example

Take a look below to see a finished example.

Arnold

Lesson 8: Logo Parody

This lesson is inspired by the short-lived sketch comedy show “Kroll Show.”

Parody Logos

The introduction to comedy central’s Kroll Show featured  numerous parody logos that replaced the actual text with “Kroll Show.” Take a look at the following link to see what I mean:

Titan Parody

You will do the same. Your project is intended for the web, so there’s no need for super high resolution, but make sure it looks “Good Enough.” The dimensions of your project should be 1024 x 576 at 72 DPI.

  • Choose a logo to parody
  • Use Photoshop and Illustrator to all of the elements
  • Substitute the text with “Titans”

Examples

Hour of Code

On Tuesday we’ll be leading a session during the Hour of Code, but first we’re going to build the project in its entirety.

What Most Schools Don’t Teach

code_anywhereHTML and CSS

HTML and CSS are the backbone of the internet – you know that thing we use every day? Today, we’re going to learn how to code in those languages to build a responsive splash page which is sort of like what would happen if a business card and a webpage had a baby.

 

Finished Project

CodePen

On Tuesday, we’ll use a slightly different tool that is easier to work with for first time coders. Check it out below.

Your classmates will write the HTML in the file below.

Lesson 5: Sketch

In this lesson, you’ll create a vectorized hand sketch of your favorite doodle.

Doodle

On a blank sheet of paper, create a hand sketch of your favorite doodle. If you don’t have a favorite doodle, search a clipart animal on Google Images like the turkey below and then follow the directions in the bulleted list.

turkey

  • Draw your doodle with clear and concise lines (shading won’t work for this project)
  • Trace your sketch with black ink
  • Scan the image or take a photo of it with you mobile device
  • Open the file in Photoshop and clean it up with the eraser tool and Filter > Camera Raw
  • Copy it into Adobe Illustrator (web profile)
  • Image Trace (ignore white and Expand)
  • Move the image back into Photoshop to colorize it (you will have to rasterize the sketch)

Submit

Save as a PNG and upload to Google Classroom.

turkeyIn Progress Sample

See an example of a project that is in progress below:

 

Titan Trading Card

In this lesson, we’re going to create a image composite using many of the skills we’ve thus far acquired.

Project Files

Download the following image to: H:Drive > Photoshop > Trading Card

Create a new project in Photoshop. Set the dimensions to 2.7 inches wide by 3.7 inches tall at 300 Pixels Per Inch.

Watch the tutorial video below, and complete the project at your own pace. Once you finish the project, you’ll print it to printer 141_3, cut it to size, and slip it in a plastic sleeve.

Tutorial Video

Titan Tech

The image below is an example of the finished project.

TItan_Tech_End

Tutorials

This section of the website includes links to tutorials from around the web that feature projects that will enhance the skills and abilities that you have developed throughout this term.

vectortutsObama Inspired Poster

Download the project file below and then click the link that follows to create a 2008 Obama “Hope” inspired poster.

After you complete the tutorial, design your own “Hope” styled poster with your own image. Or with the Tommy the Titan image below:

low-polyLow-Poly Portrait

Watch the video below to learn how to create a geometric “low-poly” portrait in Photoshop. Make sure you consider what size you want your finished project to be…

Notes:

  • Use “Ctrl” instead of “Command”
  • Ctrl + ‘ (Control and the apostrophe key) to turn on Grid
  • Edit > Preferences to adjust the grid
    • Subdivisions = 1
  • Window > Action to create an action

brenoVisit the link below to learn another approach that uses Photoshop and Adobe Illustrator (this one is probably more time consuming, but you end up with a vector image so it could be more useful depending on the application):

Lesson 6 – Super Vectors

In this lesson, we’ll create some vector logos using shape tools, the pen tool, and the pathfinder options.

Google_Classroom_Logo“Super” Vector Drawing

Download each of the files below to: H:Drive > Graphics 161 > Illustrator > Vectors > Logos. Use the “Web” profile and duplicate the artboard twice.

Place the JPGs on each artboard, and lock them as layers. Then reproduce each of the logos as accurately as possible. Your goal is to reproduce each logo using as few objects as possible. Submit your .AI file to Google Classroom.

Part 2

Create a new Adobe Illustrator file and follow the same steps as above for part two of this project. Select the Transformers AND Superman logo OR the Wonder Woman logo. Recreate the raster image as a vector as accurately as possible, and then submit the finished product to Google Classroom.

Part 3

Like any great superhero franchise, this project is also a trilogy:

  • Select a partner (or two):
  • Complete the superpower quiz to find out your superpower: Superpower Quiz
  • Sketch a few logo ideas for yourself on the yellow sheet
  • Sketch a few logo ideas for your partner on the blue sheet
  • Design three iterations of both logos on 2 artboards (web profile) in Illustrator

Design Process

Lesson 6: Logo Contest

Read the email below to learn about the requirements for a real logo contest!

IACTE

March 20, 2015

Greetings!

IACTE had a great conference this year in East Peoria. Plans have already begun for next years conference. In addition, IACTE Members and CTE students have been busy legislatively. We need everyone’s involvement so keep reading to see how you can be involved in promoting CTE!

IACTE Conference Logo Contest

The Illinois Association for Career and Technical Education (IACTE) is holding a logo contest for their annual conference. IACTE is the professional organization that brings together CTE educators in Illinois. It is comprised of career and technical educators in administration, agriculture, business, family and consumer sciences, health occupations, technology education, new and related and special needs personnel.

Next year’s conference theme is:

CTE – the Foundation for the Future!

The conference is being held February 17-19, 2016, in East Peoria, Illinois, at the Par-A-Dice Hotel.

Logo’s should be related to the conference theme (given above) and should include the dates and location as well. This is a conference logo, not an IACTE organization logo.

  • When using images they need to be original, royalty – free images, or you must have permission to use them. On a separate document please identify where the image is from and if permission was granted.
  • It is preferred that images be created in Photoshop or Illustrator.
  • All entries should be submitted by April 17, 2015. E-mail entries to iactelogo@gmail.com. Please include the name and email of the student and the instructor and the name of the school.
  • The winner will have their logo featured in all conference publications and will receive a $50 gift card!

Thank you for encouraging your students to participate in this contest. We are anxious to showcase the work of the Illinois CTE students.