Visual Communications Portfolio
Connor Wiseman
Contact MeConnor Wiseman
[email protected]@_ConnorWiseman
3945 Colonial Field AvenueNorth Las Vegas, NV 89013
1.702.470.4436
01
04 Brochure
06 Logo 3
08 Photomontage
10 Logo 2
12 Business Card
14 Letterhead
16 Web Page
18 Flier
20 Logo 1
22 Event Ad
24 Photomontage
Table of Contents
02
03
7.11.2015
An informational brochure for NationalGeographics Big Cats Initiative.
Professor Cory Kerr, COMM130 Section 2Adobe Illustrator, Adobe InDesign, Adobe Photoshop
Set up and align a two-sided, folded document.
Create an original, new logo and use it in a brochure.
Trim for a full bleed and print in duplex (two-sided) color.
For my brochure the document size and format were chosenfirst, then paper mockups were created to help me visualize the finished product. I studied National Geographics publications to better emulate their aesthetic style. Images were chosen to maximize visual impact. The logo on the back panel was created in Adobe Illustrator and modeled after a housecat, not a lion. I printed this brochure several times before I was satisfied with the layout and fold spacing.
Brochure
04
05
7.11.2015
A logo made for my Big Cats Initiativebrochure project.
Professor Cory Kerr, COMM130 Section 2Adobe Illustrator
Use only Adobe Illustrator tools to create logos.
Present variations of same logo.
Refine logo designs to best choice.
Another entirely digital design. I gathered several photographs and began experimenting with shapes and lines in Adobe Illustrator. The original draft was lines, but I decided solid shapes looked much better and communicated stronger imagery. This logo was modeled primarily after a photograph of a housecat, not a lion, and took approximately two hours for me to complete.
Logo 3
06
07
5.30.2015
A montage of photographs centered around a spiritual theme.
Professor Cory Kerr, COMM130 Section 2Adobe Photoshop
Unify layout with consistent theme and dominant spiritual message.
Learn to blend images gradually using masks.
Demonsrate advanced Photoshop skills for layout with multiple elements.
This project began with the message, not sketches. I used Adobe Photoshops layer masking feature to combine several images into one composition to communicate the concept I had chosen to represent for this assignment. Additional effect layers and blending modes were used to create a more seamless feeling throughout the image. Some people standing along the right side of the background had to be edited out of the image with the clone stamp tool.
Photomontage
08
09
6.12.2015
Logotype for a fictional business.
Professor Cory Kerr, COMM130 Section 2Adobe Illustrator
Use only Adobe Illustrator tools to create logos.
Present variations of same logo.
Refine logo designs to best choice.
Fewer sketches were involved in this project than my previous logo work; instead, the majority of my work on this design was done in Adobe Illustrator. The letter o was made into an apple shape by changing the color and adding leaves, which were originally larger. The darker green below was added to suggest form.
Logo 2
10
Organic Fruit Co.
11
6.12.2015
Part of my stationery project usingone of my logo designs.
Professor Cory Kerr, COMM130 Section 2Adobe Illustrator
Use basic tools in Illustrator & InDesign.
Create a new logo to fit a company or personal image.
Keep designs simple with light watermarks and lots of whitespace.
I repeated colors and typographical elements on both sides of this business card design to emphasize unity. The plant on the front of the card was drawn using the same shapes found on the letter o in the logo and was originally much smaller. On the back of the card I repeated the round shape in the letter o to better unify the subject and the background. The lineart border was created to give my branding a certainold-fashioned feeling,
Business Card
12
Organic Fruit Co.
Johnathan Doe
Organic Fruit Co.
13
6.12.2015
Part of my stationery project usingone of my logo designs.
Professor Cory Kerr, COMM130 Section 2Adobe Illustrator, Adobe InDesign
Use basic tools in Illustrator & InDesign.
Create a new logo to fit a company or personal image.
Keep designs simple with light watermarks and lots of whitespace.
Drawing on the colors used in the logo design, I made the background of the letterhead a very light green and incororated the o shape as a background element. To keep a clean feeling I minimized the contact information included at the top of the letterhead, restricting it to the name and logo. I elected not to reuse the linework I made for the matching business card in this design.
Letterhead
14
15
6.27.2015
A web page design demonstratingbasic CSS & HTML mastery.
Professor Cory Kerr, COMM130 Section 2Notepad++
Size and optimize a logo for web display.
Acquire a working knowledge of HTML.
Acquire a working knowledge of CSS.
Rather than use the template provided in our class, I opted to create my own from scratch. I wrote the underlying HTML and CSS by hand. I chose a blog post-like layout for my web page and included a header typical of many blog designs. The lineart borders on the top and bottom of the content are actually solid lines with white gradients drawn over them; it was necessary to make the elastic layout I wrote viable at smaller window widths.
Web Page
16
17
5.09.2015
A black-and-white flier for an upcominggraduate conference event.
Professor Cory Kerr, COMM130 Section 2Adobe InDesign
Apply the design principles and use appropriate typography.
Incorporate basic InDesign skills to improve basic flier layout.
Keep links in InDesign intact.
This project began with two dozen thumbnail sketches and was narrowed down to the best four, which were refined and combined to become the final product. The layout was created in Adobe InDesign, using the pen tool to create the curved shape on the bottom. Font weights and colors were chosen deliberately to create hierarchy within the text.
Flier
18
GraduateLeadership Conference
Registration and more information is available online at vouantcomm.com/leaders
Want the competitive edge in business?Come learn how to get it at Vouant Communications annual Graduate Leadership Conference.
Vouant Communications is devoted to helping tomorrows leaders gain essential leadership skills in theworkplace. During this dynamic three-day seminar, attendees will meet with top executives of VouantCommunications to discuss breakthrough leadership techniques, while cultivating attributes ofleadership that will market to any employer.
Conference is available to graduating seniors. Space is limited.
October 21, 8 a.m. 5 p.m.Lincoln Convention Center
19
6.06.2015
A basic logo design for a fictionalcat video website.
Professor Cory Kerr, COMM130 Section 2Adobe Illustrator
Use only Adobe Illustrator tools to create logos.
Present variations of same logo.
Refine logo designs to best choice.
This project began with several sketches before moving into Adobe Illustrator. I digitized the three best sketch ideas, then asked classmates, roommates, and acquaintances for feedback. The most popular choice was refined further, and was created using only basic shapes, the pen tool, and the shape builder tool.
Logo 1
20
mewtubeAll the cat videos.
21
5.16.2015
An advertisement for an eventto help raise awareness and fundingfor mitochondrial disease.
Professor Cory Kerr, COMM130 Section 2Adobe InDesign, Adobe Photoshop, Microsoft Word
Comprehend image sizing; create full-bleed design using scanned image.
Choose color scheme and typefaces that work for message and audience.
Learn to use only Word design features.
I did three initial sketches, then iterated over two of them to produce this final result. The photograph was scanned from a magazine and adjusted to fit the page. The text was placed around the woman running to emphasize her placement inthe composition. Microsoft Word was used to create the original draft. For this portfolio, I recreated it using Adobe Photoshop and Adobe InDesign.
Event Ad
22
23
5.23.2015
A web page design demonstratingbasic CSS & HTML mastery.
Professor Cory Kerr, COMM130 Section 2Adobe Illustrator, Adobe Indesign, Adobe Photoshop
Learn basic photography skills and non-destructive editing.
Adjust image levels, saturation, color balance; use sharpen tool.
Use layers to design text, and repeating graphic elements in Photoshop.
I took the photograph used in this design myself, framing the subject so that there would be enough lead room on the right to squeeze my content in. I touched it up in Adobe Photoshop, using levels and color balance adjustment layers to bring out the best in the background. The shapes were all created in Adobe Illustrator and the text was added in Adobe InDesign. The use of the price tag was a deliberate choice to push the message of a sale.
Photodesign
24
25
Recommended