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].”
In this lesson, we’re going to create a portrait using nothing but triangles.
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.
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.
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.
Watch the tutorial video below to create a Low Poly portrait.
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
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
HTML 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.
In this lesson, you’ll create a vectorized hand sketch of your favorite 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.
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)
Save as a PNG and upload to Google Classroom.
In Progress Sample
See an example of a project that is in progress below:
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…
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
Visit 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):
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.
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.