Category Archives: Digital Graphic Design

Lesson 4B: Jump

In this project, we’re going to use a motion blur effect to make it seem like the subject in the image is moving.

Jump Project

This project comes from Chapter 8 of our other textbook (textbook page 235/pdf page 257). Download the project files below to a new folder in his path: H:Drive > Graphics 161 > layers > jump. Refer to the video for extra support.

Finished Project 2

Take a look at the image below to see what our finished project will look like.

ps0801_done

Now Your Turn

Use the effect we just learned to create your own “motion image” as in the example below:

Lesson 8B: Doodle Logo

In this project, you’re going to create a doodle/sketch logo or several doodle/sketch logos around a specific theme.

Steps

Follow the steps below to complete this project.

  1. Select a theme like: sports, space, seasons, holidays, etc.
  2. Doodle a handful of pictures related to your theme
  3. Trace your sketches with black marker
  4. Take a photo of your doodle
  5. Image Trace your photo in Illustrator
  6. Clean up your Image Trace
  7. Bring your vectorized doodles into Photoshop
  8. Practice brushwork techniques “behind” your vector doodles.

Demo Files

The files below are sample project files. You will create your own version of each of these.

Lesson 8: Instagram Post

In this project, you’re going to create “stylized” instagram posts using Photoshop AND http://pixlr.com/editor

Assets

Click the link below to obtain source images for this project.

Check out the @TitanStartup instagram feed to see similar projects.

Pixlr

Pixlr is a web-based digital graphics software. Consider it “Photoshop Light.” While it isn’t as feature rich as Photoshop, it is free, and highly capable.
If Chrome won’t load Pixlr because of Flash, copy the link below into the omnibar and add pixlr as an approved flash app:

  • chrome://settings/content/flash

Follow the tutorial below to create monochromatic gradient overly instagram post:


Text

Choose from the following lines to include in your post (you may deviate from these so long as the message is still on point)

  • Win $200
  • Elevator Pitch Competition
  • Have a business idea?
  • Have a business idea? Submit a video entry to the Elevator Pitch Competition.
  • Record an elevator pitch for your chance to win $200
  • Earn $200 to get your business idea off the ground

Samples

 

Bonus Project

Use photoshop to replicate the “Stroke” effect below from a different image in the assets folder.
Hint: duplicate the layer, grayscale the bottom layer, mask out the individual, add a stroke “FX”

Lesson 3B: Team Chemisty

In this lesson, we’ll use typography, alignment, sizing, positioning, and image tracing skills to revitalize a heavily degraded document for a varsity basketball coach.

Project Files

View the PDF linked below. If you’d like to print a copy of the document as working file, please print to printer 141_1 or 141_2.

Design Prompt

The paragraph below is from the basketball coach (your client). Your job is to interpret his request and provide the best design you can come up with based on what he is looking for.

“I’d say color would be nice – realistic looking basketballs would be pretty cool… I’d use this both digitally and in print. I give each of our athletes and their families a handout about what our program stands for. This would be a cornerstone for that booklet. So 8.5×11 is needed and would be in print. But, I’d like to be able to put this out on Twitter [too].”

Notes

The text in the middle of the document reads:

  1. FAITH – FAMILY – ACADEMICS
  2. BE A GOOD TEAMMATE – TEAM FIRST – ME SECOND
  3. PLAY HARD – PLAY SMART – PLAY TOGETHER
  4. PLAY TO WIN

Document

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 Pexels (like the one 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

pixelgrid

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.

Directions

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

Example

Arnold

Take a look below to see a finished example.