jacob hayes portfolio
DESCRIPTION
A portfolio to showcase the design skills and abilities of Jacob Hayes.TRANSCRIPT
Jacob Hayes Portfolio
To start o I chose a color scheme that would work with my upbeat and humorous
message and decided to go with Complementary using the colors blue and orange. I shot a quality photo with good light, mostly sharp focus, and nice composition,
but after receiving a critique I took the photo again, but this time having my model hold still as the rst picture was slightly blurred. For the second photo I used a Nikon Coolpix S810c. I then brought the photo into Photoshop and edited the image for peak
attractiveness using these eect changes: levels, sharpness, saturation, and color balance.
I then designed an 8.5×11 landscape layout that including my photo, some text, and
repeating design elements. I placed my color scheme title, color names, and col -
or swatches into my design. I used the eyedropper tool and adjusted the value of the color to match the colors selected to those within my image. I desaturated and
blurred the background to make my subject’s face “pop” out more and the bring more contrast. I downloaded a free to use brush to create the “party” going on around my
model’s head, and I masked out the areas in front of the head to bring in a 3D element to the design.
Process
The objective of this project was to use a digital camera to take a quality image and adjust image levels, saturation, color balance, sharpen tool on separate layers to
develop good NDE (non-destructive editing) skills.
Adobe Photoshop, Nikon Coolpix S810c
May 23, 2015
A full-bleed poster designed to show high quality photography and image editing skills. Also to show accurate color design and theme into a poster layout while using color from the original photo.
Imaging01
Jacob Hayes Portfolio
I created the logo using the pen tool and image references in Adobe Illustrator. I used the pathnder tool to cut and combine these shapes to create the walrus logo and
the plaid pattern. Once I had created the logo, I opened a new InDesign document to placed my logo’s illustrator le onto. The rst page I created was that of the
business cards. Within InDesign I placed the logo and contact information onto some rectangular shapes to make the cards stand out from the background. I kept the logo and contact information the exact same size as the information on the letterhead
for unity and repetition. I placed the plaid design and positioned the front side to have some continuation of the lines and I enlarged the back for a bit of contrast and
repetition.
The objective of this project was to learn to use the basic tools in Illustrator & InDesign to create a new logo to t a company or personal image. Then to use the new
logo to design consistent layouts for a business card to create better branding for a company. It was also a good opportunity to practice good typography skills.
Adobe Illustrator, Adobe InDesign
June 14, 2015
Some business card designs created to create unity and branding across an entire company, all while using a newly designed logo.
Business Cards02
Jacob Hayes Portfolio
For the Letterhead, I positioned the placed logo in the top right corner, and put the
contact information on the top left. I created and placed a continued plaid design from Illustrator to place on the top, along with a smaller version on the bottom. I also
added a large version of the Walrus logo icon as a watermark for unity. I moved the opacity down to about 7%.
Process
The objective of this project was to learn to use the basic tools in Illustrator & InDesign. Another important outcome of this project was to learn how to properly
combine letterhead and business card designs. It also helped to demonstrate how to keep designs simple, yet visually appealing.
Adobe Illustrator, Adobe InDesign
June 14, 2015
A letterhead to go along with the business card designs that match each other to create unity and branding for a hypothetical company.
Letterhead03
Jacob Hayes Portfolio
To start o I sketched out about seven dierent logo ideas for this company and then chose three to rene. I took a picture of the sketches and imported it into Illustrator. I
used the pen tool to trace my sketches and rene the edges to make everything crisp and clean. I then took a vote on the three dierent rened logos to determine which
one people like the best. I then took their suggestions and chose the barber shop type logo to make the nal for the company. I rened the logo even more taking into account spacing, typography, and color schemes. I formatted the logo to work well in
black and white, in color, and in white on color.
The objective of this project was to create three completely dierent, original logos to t a company or personal image that will appeal to the audience. I did this through
market research: gathering opinions from other people about which logo appeals most to them. Another objective of this project was to learn to use the basic tools in
Illustrator, and to only use Illustrator to create the logos.
Adobe Illustrator, Adobe InDesign
June 6, 2015
A Logo design for a ctional barbershop. These designs were the nal product of many rounds of critique and analysis.
Logo04
Jacob Hayes Portfolio
I wrote and formatted the HTML and CSS for this web page entirely using the text editor TextWrangler. I have had previous experience with HTML as well as with
JavaScript , but using CSS was a learning experience for me. Learning how the dierent formats and languages interact with each other will denitely be an advantage in
the work place. To start I created the bare-bones HTML document with what each page was going to say and do. This process was not dicult given my prior knowledge of HTML. However, when it can time to style the pages using CSS I found myself
struggling a little. So, using a pre-coded CSS sheet as a template I learned how to utilize this new language and enjoyed it immensely.
I used the colors from my logo as the basis for the various colors within my web page.
I found these colors by opening Photoshop and using the eyedropper tool. I also used padding around the logo, text, and list items so that they would not be too close to the edge of the web page.
The objective of this project was to acquire a working knowledge of CSS and HTML and how they work together with previously designed content. Another objective was to
practice good writing skills by writing content to describe the process of creating my logo and how it appeals to a target audience.
TextWrangler, Photoshop, Illustrator, Quicktime, and iMovie
June 27, 2015
A web page designed to showcase a previously created logo as well as my prociency in HTML and CSS developing. This is a hypothetical website with interactive pages and elements.
Web Page05
Jacob Hayes Portfolio
To start o with the design of my brochure I decided on a central message. From that branched o the other various
aspects of my design. I started o with sketches on a regular piece of paper to kind of get a feel for what I would like my brochure to look, layout wise. I transferred that sketch into Adobe InDesign and computerized my sketch by
placing in ller text and potential images.
To start implementing more permanent design pieces I went in and wrote four separate paragraphs that would be integrated throughout the design. I wrote the text with the design in mind and used proper grammar and punctuation as well as creating headings and subheadings to aid in ow.
I then went into Adobe Illustrator and designed a set of logos for my ction company: ExplOregon. The color
scheme matched the various design elements (boxes) within my brochure. I then placed the logo in my design on the front and back for repetition and to solidify my message a little.
I then went into Adobe Photoshop and edited the images that I was going to place in the design to make them
all match a little more and tie in with the color scheme. I cut out the image of the water wheel and set it as a layer mask and placed it in the InDesign document and wrapped a section of my text around it. I also created the rectangular design elements in Photoshop (and a little in Illustrator) and placed those .psd les in the InDesign
document.
To nish I took all of these various pieces and turned them into one, fully functional design. I printed and trimmed the edges to make the design a full bleed print and scored the edges before folding to prevent poor fold edges.
Process
The objective of this project was to set up and align a two-sided, folded document all while using a newly designed logo, edited photos, and proper layout design. Again,
another objective was to practice good writing skills by writing at least 250 words of original copy in at least three paragraphs, headers, and sub headers.
Adobe Photoshop, Adobe Illustrator, Adobe InDesign
July 10, 2015
A two sided, tri-folding, full bleed, oset brochure designed to showcase my skills in using Adobe Photoshop, Adobe Illustrator, and Adobe InDesign all together while utilizing the programs to their utmost.
Brochure06
Jacob Hayes Portfolio
Firstly, I created some sketches for my layout. I then used my sketches as a guide to
create this arrangement in Adobe InDesign. I reiterated the circles on top and bottom for repetition and unity as well as for diagonal asymmetry. I also emphasized the title for more juxtaposition, and to produce a good central point. To create more variation,
I took the image in to Adobe Photoshop and increased the contrast. I left enough white space for things to remain clean and interesting, and kept my body copy small. I
was given the image, logo, and content for this ier.
Process
The objective of this project was to apply specic design principles and use appropriate typography. Another objective was to incorporate basic InDesign skills to improve the
basic ier layout, and to learn how to keep les organized by creating a project folder with image, logo and InDesign document to keep links in InDesign intact.
Adobe InDesign, Adobe Photoshop
May 8, 2015
Black & White publicity ier to sponsor a graduate leadership conference designed to showcase my ability to properly design and execute a layout in Adobe InDesign, while also using proper design principles.
Flier07
Jacob Hayes Portfolio
To start o I collected all of the images needed for this project, making sure to look for high quality, good resolution photos. I then took the images into Photoshop and turned o the visibility of all except that
of Christ, and placed the image of the Savior as the background. I then duplicated the layer to retain the original and not lose quality. I added some contrast to the image as well as some lighting adjustments to
make the Savior stand out to create a more apparent focal point. After adjusting the background to my liking, I made the image of the hands visible again and duplicated the layer twice. With the bottom layer selected I desaturated the image and set the opacity to about 70%.
I then added a layer mask to the upper layer and masked away the parts of the image that were overly
colorful thus allowing for focus to go to the grapes. I then changed the opacity on the color layer to about 80%. To create the text portion of the design I rst sought out to nd a quote or scripture that
would correlate to my photos. After selecting an appropriate quote I copied it into Photoshop and selected an appropriate font. I then added emphasis to important words and made a separate word box for the word blood. To color the word, I selected a color from the image of the hands that would contrast
well with the background to retain readability. I made sure that the text was a reasonable distance from the edge of the page, as well as from other design elements.
To nish, I printed the image to check colors and ow, and made adjustments accordingly. I reprinted and
saved the image to be suitable for Internet use.
The objective of this project was to use specic design principles with a strong focal point and ow to unify a layout with a consistent theme and dominant spiritual
message. Another objective was to learn to blend two or more images together gradually, using masks to demonstrate more advanced Photoshop skills for layout
with multiple elements.
May 31, 2015
A full-bleed poster designed to show high quality image editing skills, also to show accurate color design and theme into a poster layout while conveying an underlying spiritual tone.
Montage08
Jacob Hayes Portfolio
To start o I created a couple of possible layouts for the design. After picking the one I felt would most accurately appeal to my audience, I scanned in the image of the paints
into Photoshop to create the right resolution. I imported the image into Word, and created the various pieces of the layout. As I placed the layers together I was careful to
follow a nice complimentary color scheme. I chose one font with contrasting weights for simplicity and unity throughout my design. I was enlightened to learn how much I could use the various design features of Microsoft Word. My condence with the
program has increased tenfold.
Process
The objective of this project was to fully comprehend image sizing and how pixels and inches work together. Another objective was to learn how to choose a color scheme
and typeface that works for a specic message and audience.
Microsoft Word, Adobe Photoshop (for scanning)
May 16, 2015
A full-bleed color event advertisement to promote a Cancer Foundation fund raiser using only Microsoft Word and an image scanned in with a scanner to showcase versatility in designing with dierent programs.
Event Ad09
Jacob Hayes Portfolio
To start o I gathered various reference photos for the man and the mountains. From there I created some rough sketches of what I wanted the image to look like. I took
the sketch into Adobe Photoshop and rened some of the roughness and added some basic colors to see what direction I wanted to go in. I then took the image into Adobe
Illustrator and, using the pen tool, I laid out the basic shapes and colors. From there I rened everything using the direct selections tool, and I used the gradient tool and palate to make a more dynamic design.
Process
The objective of this project was to fully comprehend the interface and capabilities of Adobe Illustrator, and to take those skills and put them to the test in creating an
original piece of art.
Adobe Photoshop, Adobe Illustrator
July 17, 2015
An i illustration of a man and some mountains used to showcase my skills in creating original artwork in Adobe Illustrator to make vector artwork.
Vector Illustration10
To start o I chose a color scheme that would work with my upbeat and humorous
message and decided to go with Complementary using the colors blue and orange. I shot a quality photo with good light, mostly sharp focus, and nice composition,
but after receiving a critique I took the photo again, but this time having my model hold still as the rst picture was slightly blurred. For the second photo I used a Nikon Coolpix S810c. I then brought the photo into Photoshop and edited the image for peak
attractiveness using these eect changes: levels, sharpness, saturation, and color balance.
I then designed an 8.5×11 landscape layout that including my photo, some text, and
repeating design elements. I placed my color scheme title, color names, and col -
or swatches into my design. I used the eyedropper tool and adjusted the value of the color to match the colors selected to those within my image. I desaturated and
blurred the background to make my subject’s face “pop” out more and the bring more contrast. I downloaded a free to use brush to create the “party” going on around my
model’s head, and I masked out the areas in front of the head to bring in a 3D element to the design.
Process
The objective of this project was to use a digital camera to take a quality image and adjust image levels, saturation, color balance, sharpen tool on separate layers to
develop good NDE (non-destructive editing) skills.
Adobe Photoshop, Nikon Coolpix S810c
May 23, 2015
A full-bleed poster designed to show high quality photography and image editing skills. Also to show accurate color design and theme into a poster layout while using color from the original photo.
Imaging01
Jacob Hayes Portfolio
I created the logo using the pen tool and image references in Adobe Illustrator. I used the pathnder tool to cut and combine these shapes to create the walrus logo and
the plaid pattern. Once I had created the logo, I opened a new InDesign document to placed my logo’s illustrator le onto. The rst page I created was that of the
business cards. Within InDesign I placed the logo and contact information onto some rectangular shapes to make the cards stand out from the background. I kept the logo and contact information the exact same size as the information on the letterhead
for unity and repetition. I placed the plaid design and positioned the front side to have some continuation of the lines and I enlarged the back for a bit of contrast and
repetition.
The objective of this project was to learn to use the basic tools in Illustrator & InDesign to create a new logo to t a company or personal image. Then to use the new
logo to design consistent layouts for a business card to create better branding for a company. It was also a good opportunity to practice good typography skills.
Adobe Illustrator, Adobe InDesign
June 14, 2015
Some business card designs created to create unity and branding across an entire company, all while using a newly designed logo.
Business Cards02
Jacob Hayes Portfolio
For the Letterhead, I positioned the placed logo in the top right corner, and put the
contact information on the top left. I created and placed a continued plaid design from Illustrator to place on the top, along with a smaller version on the bottom. I also
added a large version of the Walrus logo icon as a watermark for unity. I moved the opacity down to about 7%.
Process
The objective of this project was to learn to use the basic tools in Illustrator & InDesign. Another important outcome of this project was to learn how to properly
combine letterhead and business card designs. It also helped to demonstrate how to keep designs simple, yet visually appealing.
Adobe Illustrator, Adobe InDesign
June 14, 2015
A letterhead to go along with the business card designs that match each other to create unity and branding for a hypothetical company.
Letterhead03
Jacob Hayes Portfolio
To start o I sketched out about seven dierent logo ideas for this company and then chose three to rene. I took a picture of the sketches and imported it into Illustrator. I
used the pen tool to trace my sketches and rene the edges to make everything crisp and clean. I then took a vote on the three dierent rened logos to determine which
one people like the best. I then took their suggestions and chose the barber shop type logo to make the nal for the company. I rened the logo even more taking into account spacing, typography, and color schemes. I formatted the logo to work well in
black and white, in color, and in white on color.
The objective of this project was to create three completely dierent, original logos to t a company or personal image that will appeal to the audience. I did this through
market research: gathering opinions from other people about which logo appeals most to them. Another objective of this project was to learn to use the basic tools in
Illustrator, and to only use Illustrator to create the logos.
Adobe Illustrator, Adobe InDesign
June 6, 2015
A Logo design for a ctional barbershop. These designs were the nal product of many rounds of critique and analysis.
Logo04
Jacob Hayes Portfolio
I wrote and formatted the HTML and CSS for this web page entirely using the text editor TextWrangler. I have had previous experience with HTML as well as with
JavaScript , but using CSS was a learning experience for me. Learning how the dierent formats and languages interact with each other will denitely be an advantage in
the work place. To start I created the bare-bones HTML document with what each page was going to say and do. This process was not dicult given my prior knowledge of HTML. However, when it can time to style the pages using CSS I found myself
struggling a little. So, using a pre-coded CSS sheet as a template I learned how to utilize this new language and enjoyed it immensely.
I used the colors from my logo as the basis for the various colors within my web page.
I found these colors by opening Photoshop and using the eyedropper tool. I also used padding around the logo, text, and list items so that they would not be too close to the edge of the web page.
The objective of this project was to acquire a working knowledge of CSS and HTML and how they work together with previously designed content. Another objective was to
practice good writing skills by writing content to describe the process of creating my logo and how it appeals to a target audience.
TextWrangler, Photoshop, Illustrator, Quicktime, and iMovie
June 27, 2015
A web page designed to showcase a previously created logo as well as my prociency in HTML and CSS developing. This is a hypothetical website with interactive pages and elements.
Web Page05
Jacob Hayes Portfolio
To start o with the design of my brochure I decided on a central message. From that branched o the other various
aspects of my design. I started o with sketches on a regular piece of paper to kind of get a feel for what I would like my brochure to look, layout wise. I transferred that sketch into Adobe InDesign and computerized my sketch by
placing in ller text and potential images.
To start implementing more permanent design pieces I went in and wrote four separate paragraphs that would be integrated throughout the design. I wrote the text with the design in mind and used proper grammar and punctuation as well as creating headings and subheadings to aid in ow.
I then went into Adobe Illustrator and designed a set of logos for my ction company: ExplOregon. The color
scheme matched the various design elements (boxes) within my brochure. I then placed the logo in my design on the front and back for repetition and to solidify my message a little.
I then went into Adobe Photoshop and edited the images that I was going to place in the design to make them
all match a little more and tie in with the color scheme. I cut out the image of the water wheel and set it as a layer mask and placed it in the InDesign document and wrapped a section of my text around it. I also created the rectangular design elements in Photoshop (and a little in Illustrator) and placed those .psd les in the InDesign
document.
To nish I took all of these various pieces and turned them into one, fully functional design. I printed and trimmed the edges to make the design a full bleed print and scored the edges before folding to prevent poor fold edges.
Process
The objective of this project was to set up and align a two-sided, folded document all while using a newly designed logo, edited photos, and proper layout design. Again,
another objective was to practice good writing skills by writing at least 250 words of original copy in at least three paragraphs, headers, and sub headers.
Adobe Photoshop, Adobe Illustrator, Adobe InDesign
July 10, 2015
A two sided, tri-folding, full bleed, oset brochure designed to showcase my skills in using Adobe Photoshop, Adobe Illustrator, and Adobe InDesign all together while utilizing the programs to their utmost.
Brochure06
Jacob Hayes Portfolio
Firstly, I created some sketches for my layout. I then used my sketches as a guide to
create this arrangement in Adobe InDesign. I reiterated the circles on top and bottom for repetition and unity as well as for diagonal asymmetry. I also emphasized the title for more juxtaposition, and to produce a good central point. To create more variation,
I took the image in to Adobe Photoshop and increased the contrast. I left enough white space for things to remain clean and interesting, and kept my body copy small. I
was given the image, logo, and content for this ier.
Process
The objective of this project was to apply specic design principles and use appropriate typography. Another objective was to incorporate basic InDesign skills to improve the
basic ier layout, and to learn how to keep les organized by creating a project folder with image, logo and InDesign document to keep links in InDesign intact.
Adobe InDesign, Adobe Photoshop
May 8, 2015
Black & White publicity ier to sponsor a graduate leadership conference designed to showcase my ability to properly design and execute a layout in Adobe InDesign, while also using proper design principles.
Flier07
Jacob Hayes Portfolio
To start o I collected all of the images needed for this project, making sure to look for high quality, good resolution photos. I then took the images into Photoshop and turned o the visibility of all except that
of Christ, and placed the image of the Savior as the background. I then duplicated the layer to retain the original and not lose quality. I added some contrast to the image as well as some lighting adjustments to
make the Savior stand out to create a more apparent focal point. After adjusting the background to my liking, I made the image of the hands visible again and duplicated the layer twice. With the bottom layer selected I desaturated the image and set the opacity to about 70%.
I then added a layer mask to the upper layer and masked away the parts of the image that were overly
colorful thus allowing for focus to go to the grapes. I then changed the opacity on the color layer to about 80%. To create the text portion of the design I rst sought out to nd a quote or scripture that
would correlate to my photos. After selecting an appropriate quote I copied it into Photoshop and selected an appropriate font. I then added emphasis to important words and made a separate word box for the word blood. To color the word, I selected a color from the image of the hands that would contrast
well with the background to retain readability. I made sure that the text was a reasonable distance from the edge of the page, as well as from other design elements.
To nish, I printed the image to check colors and ow, and made adjustments accordingly. I reprinted and
saved the image to be suitable for Internet use.
The objective of this project was to use specic design principles with a strong focal point and ow to unify a layout with a consistent theme and dominant spiritual
message. Another objective was to learn to blend two or more images together gradually, using masks to demonstrate more advanced Photoshop skills for layout
with multiple elements.
May 31, 2015
A full-bleed poster designed to show high quality image editing skills, also to show accurate color design and theme into a poster layout while conveying an underlying spiritual tone.
Montage08
Jacob Hayes Portfolio
To start o I created a couple of possible layouts for the design. After picking the one I felt would most accurately appeal to my audience, I scanned in the image of the paints
into Photoshop to create the right resolution. I imported the image into Word, and created the various pieces of the layout. As I placed the layers together I was careful to
follow a nice complimentary color scheme. I chose one font with contrasting weights for simplicity and unity throughout my design. I was enlightened to learn how much I could use the various design features of Microsoft Word. My condence with the
program has increased tenfold.
Process
The objective of this project was to fully comprehend image sizing and how pixels and inches work together. Another objective was to learn how to choose a color scheme
and typeface that works for a specic message and audience.
Microsoft Word, Adobe Photoshop (for scanning)
May 16, 2015
A full-bleed color event advertisement to promote a Cancer Foundation fund raiser using only Microsoft Word and an image scanned in with a scanner to showcase versatility in designing with dierent programs.
Event Ad09
Jacob Hayes Portfolio
To start o I gathered various reference photos for the man and the mountains. From there I created some rough sketches of what I wanted the image to look like. I took
the sketch into Adobe Photoshop and rened some of the roughness and added some basic colors to see what direction I wanted to go in. I then took the image into Adobe
Illustrator and, using the pen tool, I laid out the basic shapes and colors. From there I rened everything using the direct selections tool, and I used the gradient tool and palate to make a more dynamic design.
Process
The objective of this project was to fully comprehend the interface and capabilities of Adobe Illustrator, and to take those skills and put them to the test in creating an
original piece of art.
Adobe Photoshop, Adobe Illustrator
July 17, 2015
An i illustration of a man and some mountains used to showcase my skills in creating original artwork in Adobe Illustrator to make vector artwork.
Vector Illustration10