DES 220: Introduction to 2D Digital Imaging

Parker Matel
 About Parker

Middle Child Industrial Design Big Heart

Xena & Oz

Page 2 Parker Matel

Project 1:Photo Restoration................................................................ 4-5

Project 2: Mask.................................................................................. 6-7

Project 3: Vector Illustration............................................................... 8-9

Project 4: Mobile App.................................................................... 10-11

Project 5: Package Design..............................................................12-13

DES 220: Introduction to 2D Digital Imaging Page 3


Sky and Grass
These parts were less detailed, but it was challenging
to match the lighting and intricacy of their shapes and
patterns.
Photo Restoration
Goal: Restore a damaged photo to its original state
I started with a photo (top) that I burnt and scratched so approximately a
third of the photo was blurry, discolored, or missing.

The majority of the damage was in the sky and foliage in the back.

The more challenging parts were rebuilding the snake and the mans arm.

Hat and Shoulder

These parts were relatively simple, and I was able to pull parts from
his good side and manipulate the hues and tones to recreate his side
in shadow.
I later used a similar strategy to recreate the snake and the man’s arm.

Page 4 Parker Matel

Arm and Snake
The arm and snake were the biggest challenge. I
used the same strategy of taking the intact parts, but
these parts required me to reshape them and patch
pieces together to keep them consistent.
Conclusion
This project was useful in learning the basics of Photoshop. I learned a lot
from my success, but I also realized how important attention to detail is.
The slightest things draw the viewers attention such as some misshapen
clouds or power lines that don’t quite line up.

DES 220: Introduction to 2D Digital Imaging Page 5

 Mask
Goal: Design a 2D mask and use the
rules of perspective and light to create
an implied 3D mask

Step 1: Ideate
Design six unique masks that are each made up of at least
seven different hues. I decided to design my masks with a
mythology theme.

Step 2: Side View

Next I decided to move forward with the eagle/griffin
mask. I created a side view based on the front view I had
initially developed. I had to tweak some of the lines and
surfaces of the mask in order for it to bend and form in the
way I needed later in the process.

Page 6 Parker Matel

 Step 3: Perspective
Using the orthographic from step 2, I calculated where
the shapes on the mask would lay in a 3D space. This
gave me the framework for the final mask that I could
then paint to develop the form further.

Step 4: Paint
I started by painting and shading each of my seven
original colors. I then placed them all on the mask and
erased the areas I didn’t need. This gave the mask more
depth. Finally I added a drop shadow which helped to
place the mask in space.

DES 220: Introduction to 2D Digital Imaging Page 7

 Vector Illustration
This project was my introduction to Illustrator. I had
always used Photoshop before and I still prefer Photoshop,
although it was interesting to see how Illustrator works
differently.

Goal: Illustrate a personal photo in style

The process was fairly straight forward:

1: Find a photo suitable for the project

2: Manipulate the photo’s colors, shades, and tones

3: Use the image as a reference for placing shapes

4: Add smaller shapes for detail in the foreground

Page 8 Parker Matel

This project was a great introduction to Illustrator because I
learned to use a lot of tools throughout the process. Working with
shapes was relatively new to me and it was a very different way
of thinking. I eventually got the hang of things and it became
easier to get the results I was looking for. Photoshop is still my
preference for Adobe software although I did find value in
learning to use shapes, color, and layering effectively to imply
forms, values, and textures.

DES 220: Introduction to 2D Digital Imaging Page 9

 Mobile App
Goal: Design the user interface for
an educational mobile app
I did the majority of my ideation in Photoshop because it was quicker and
easier for me to understand.

I created a design board (left) and eight sketches to find a good direction.

I then used Illustrator to vectorize my main page idea from my sketches.

Page 10 Parker Matel

The final steps were developing the main page and two secondary
pages for the app in Illustrator. Using global color swatches I was
able to easily create more color schemes for the app, although my
original primary color app seemed to work best for the design.

DES 220: Introduction to 2D Digital Imaging Page 11

 Package Design
Goal: Design a product package, including a logo

I decided to design a package and logo for a utensil I designed in my industrial

design class. I started with a product board (top left) describing the product and
the type of emotions I wanted the package to evoke. I wanted the design to be
professional and clean.
Logo design was interesting and
something new to me. I had a lot of
fun with shapes and text, but I decided
to use a simple letter logo for my final
design (lower left).

My initial box design (center left) was

very straight forward because I was
trying to limit how much decoration I
put on the box. I wanted the box to be
bold and have little distraction from its
focus, the product.

Page 12 Parker Matel

I made some changes to my final design, the biggest
being my somewhat complementary color scheme. I
changed my tan color to an extremely light orange and
added some navy blue stripes along the sides of the box
to help move the viewer’s eye around the form. Some
minor changes included a small tweak to shapes’
positions and strokes around them. My final Box can be
seen to the right along with the logo I created.

DES 220: Introduction to 2D Digital Imaging Page 13